/*
 * Microplane forum / Kunena 5.2 readability patch — v1.0.3
 *
 * The legacy template used global #content li rules that leaked into Kunena
 * profile metadata and made small markers appear as stray dark bullets. This
 * file resets only Kunena's internal lists and builds a clear hierarchy:
 * profile -> metadata strip -> protected message body -> action/footer strip.
 */

/* Do not let the old article-list bullet graphics leak into Kunena internals. */
#content #Kunena ul,
#content #Kunena ol,
#content #kunena ul,
#content #kunena ol {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#content #Kunena li,
#content #kunena li {
    min-height: 0 !important;
    margin: 0 !important;
    padding-left: 0 !important;
    background-image: none !important;
    line-height: normal !important;
    list-style: none !important;
}

/* Full post shell: each archived message is a clearly separate card. */
#Kunena .kmsg,
#Kunena .kmessage,
#Kunena .kmsgtable,
#Kunena table.kmessage,
#kunena .kmsg,
#kunena .kmessage,
#kunena .kmsgtable,
#kunena table.kmessage {
    overflow: hidden !important;
    margin: 16px 0 !important;
    border: 1px solid #5a8db7 !important;
    border-radius: 2px !important;
    background: #eaf3fa !important;
    box-shadow: 0 2px 5px rgba(37, 83, 121, 0.30) !important;
}

/* Title/date/number strip. It is deliberately quieter than the old dark blue. */
#Kunena .kmsg-header,
#Kunena .kmsgheader,
#Kunena .kmessage-header,
#Kunena .kmessageheader,
#Kunena .kmsg-top,
#Kunena .kmessage-top,
#kunena .kmsg-header,
#kunena .kmsgheader,
#kunena .kmessage-header,
#kunena .kmessageheader,
#kunena .kmsg-top,
#kunena .kmessage-top {
    min-height: 30px !important;
    padding: 7px 12px !important;
    background: #d8e9f7 !important;
    border-bottom: 1px solid #9fc0da !important;
    color: #396f9d !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.95) !important;
}

#Kunena .kmsg-header a,
#Kunena .kmsgheader a,
#Kunena .kmessage-header a,
#Kunena .kmessageheader a,
#Kunena .kmsg-top a,
#Kunena .kmessage-top a,
#kunena .kmsg-header a,
#kunena .kmsgheader a,
#kunena .kmessage-header a,
#kunena .kmessageheader a,
#kunena .kmsg-top a,
#kunena .kmessage-top a {
    color: #175f9c !important;
}

/* Author profile: separate quiet panel, with each metadata row given air. */
#Kunena .kmsgprofile,
#Kunena .kmsg-profile,
#Kunena .kmessage-profile,
#Kunena .kprofilebox,
#Kunena .kpost-profile,
#kunena .kmsgprofile,
#kunena .kmsg-profile,
#kunena .kmessage-profile,
#kunena .kprofilebox,
#kunena .kpost-profile {
    box-sizing: border-box !important;
    min-width: 175px !important;
    padding: 11px 12px !important;
    background: #e4f0fa !important;
    border-right: 1px solid #a5c5dc !important;
    box-shadow: inset -1px 0 0 rgba(255,255,255,0.85) !important;
}

#Kunena .kmsgprofile > *,
#Kunena .kmsg-profile > *,
#Kunena .kmessage-profile > *,
#Kunena .kprofilebox > *,
#Kunena .kpost-profile > *,
#kunena .kmsgprofile > *,
#kunena .kmsg-profile > *,
#kunena .kmessage-profile > *,
#kunena .kprofilebox > *,
#kunena .kpost-profile > * {
    display: block !important;
    margin: 0 0 7px !important;
    padding: 0 0 7px !important;
    border-bottom: 1px solid rgba(98, 151, 192, 0.32) !important;
}

#Kunena .kmsgprofile > *:last-child,
#Kunena .kmsg-profile > *:last-child,
#Kunena .kmessage-profile > *:last-child,
#Kunena .kprofilebox > *:last-child,
#Kunena .kpost-profile > *:last-child,
#kunena .kmsgprofile > *:last-child,
#kunena .kmsg-profile > *:last-child,
#kunena .kmessage-profile > *:last-child,
#kunena .kprofilebox > *:last-child,
#kunena .kpost-profile > *:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

#Kunena .kmsgprofile .kusername,
#Kunena .kmsg-profile .kusername,
#Kunena .kmessage-profile .kusername,
#Kunena .kprofilebox .kusername,
#Kunena .kpost-profile .kusername,
#kunena .kmsgprofile .kusername,
#kunena .kmsg-profile .kusername,
#kunena .kmessage-profile .kusername,
#kunena .kprofilebox .kusername,
#kunena .kpost-profile .kusername {
    font-size: 14px !important;
    font-weight: bold !important;
    color: #245e91 !important;
}

/* Metadata lists in the profile should look like compact labelled rows. */
#Kunena .kmsgprofile li,
#Kunena .kmsg-profile li,
#Kunena .kmessage-profile li,
#Kunena .kprofilebox li,
#Kunena .kpost-profile li,
#kunena .kmsgprofile li,
#kunena .kmsg-profile li,
#kunena .kmessage-profile li,
#kunena .kprofilebox li,
#kunena .kpost-profile li {
    display: block !important;
    margin: 4px 0 !important;
    padding: 4px 6px !important;
    background: rgba(255,255,255,0.43) !important;
    border: 1px solid rgba(119, 167, 203, 0.35) !important;
    border-radius: 2px !important;
}

/* The actual message text is nested into its own light card.
   This is the requested shaded boundary between the text and the outer frame. */
#Kunena .kmsgbody,
#Kunena .kmsg-body,
#Kunena .kmessage-body,
#Kunena .kmessagebody,
#Kunena .kmsgtext,
#Kunena .kmessage-text,
#Kunena .kmsgcontent,
#kunena .kmsgbody,
#kunena .kmsg-body,
#kunena .kmessage-body,
#kunena .kmessagebody,
#kunena .kmsgtext,
#kunena .kmessage-text,
#kunena .kmsgcontent {
    box-sizing: border-box !important;
    margin: 10px 12px 13px !important;
    padding: 13px 15px !important;
    background: #fbfdff !important;
    border: 1px solid #b4cce0 !important;
    border-radius: 2px !important;
    box-shadow: inset 0 1px 0 #ffffff, 0 1px 4px rgba(59, 102, 139, 0.16) !important;
}

/* If Kunena uses a table cell as the body, keep it light but avoid a broken margin. */
#Kunena td.kmessage-right,
#Kunena td.kmsgbody,
#kunena td.kmessage-right,
#kunena td.kmsgbody {
    padding: 0 !important;
    background: #edf5fb !important;
}

/* Preserve comfortable text spacing within the inner card. */
#Kunena .kmsgbody p,
#Kunena .kmsg-body p,
#Kunena .kmessage-body p,
#Kunena .kmsgtext p,
#Kunena .kmessage-text p,
#kunena .kmsgbody p,
#kunena .kmsg-body p,
#kunena .kmessage-body p,
#kunena .kmsgtext p,
#kunena .kmessage-text p {
    margin: 0 0 10px !important;
    padding: 0 !important;
    background: none !important;
}

#Kunena .kmsgbody p:last-child,
#Kunena .kmsg-body p:last-child,
#Kunena .kmessage-body p:last-child,
#Kunena .kmsgtext p:last-child,
#Kunena .kmessage-text p:last-child,
#kunena .kmsgbody p:last-child,
#kunena .kmsg-body p:last-child,
#kunena .kmessage-body p:last-child,
#kunena .kmsgtext p:last-child,
#kunena .kmessage-text p:last-child {
    margin-bottom: 0 !important;
}

/* Bottom actions, signatures and attachments are no longer merged into the text pane. */
#Kunena .kmsg-footer,
#Kunena .kmsgfooter,
#Kunena .kmessage-footer,
#Kunena .kmessagefooter,
#Kunena .kmessage-buttons-cover,
#Kunena .kmessage-buttons-row,
#Kunena .kmsg-buttons,
#kunena .kmsg-footer,
#kunena .kmsgfooter,
#kunena .kmessage-footer,
#kunena .kmessagefooter,
#kunena .kmessage-buttons-cover,
#kunena .kmessage-buttons-row,
#kunena .kmsg-buttons {
    clear: both !important;
    margin: 0 !important;
    padding: 7px 12px !important;
    background: #dbeaf6 !important;
    border-top: 1px solid #a2bfd5 !important;
    color: #47769c !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.78) !important;
}

#Kunena .ksignature,
#Kunena .kmsgsignature,
#Kunena .kmessage-signature,
#Kunena .kattachment,
#Kunena .kattachments,
#kunena .ksignature,
#kunena .kmsgsignature,
#kunena .kmessage-signature,
#kunena .kattachment,
#kunena .kattachments {
    margin: 9px 12px 0 !important;
    padding: 8px 10px !important;
    background: #eef6fc !important;
    border-top: 1px dashed #a8c4d9 !important;
    color: #557c9d !important;
}

/* Older Kunena icon wrappers must not inherit the article list's bullet layout. */
#Kunena .kicon,
#Kunena [class^="icon-"],
#Kunena [class*=" icon-"],
#kunena .kicon,
#kunena [class^="icon-"],
#kunena [class*=" icon-"] {
    vertical-align: middle !important;
}


/* ---------------------------------------------------------------
   Metadata "office sticker" treatment for forum profile / header.
   The user asked for labels like user name, rank and post date/number
   to look outlined and handwritten in Playpen, without affecting the
   actual visitor message text.
   --------------------------------------------------------------- */
body.mp-forum-layout #Kunena .kmsgprofile .kusername,
body.mp-forum-layout #Kunena .kmsg-profile .kusername,
body.mp-forum-layout #Kunena .kmessage-profile .kusername,
body.mp-forum-layout #Kunena .kprofilebox .kusername,
body.mp-forum-layout #Kunena .kpost-profile .kusername,
body.mp-forum-layout #Kunena .kmsgprofile .kusertitle,
body.mp-forum-layout #Kunena .kmsg-profile .kusertitle,
body.mp-forum-layout #Kunena .kmessage-profile .kusertitle,
body.mp-forum-layout #Kunena .kprofilebox .kusertitle,
body.mp-forum-layout #Kunena .kpost-profile .kusertitle,
body.mp-forum-layout #Kunena .kmsgprofile .krank,
body.mp-forum-layout #Kunena .kmsg-profile .krank,
body.mp-forum-layout #Kunena .kmessage-profile .krank,
body.mp-forum-layout #Kunena .kprofilebox .krank,
body.mp-forum-layout #Kunena .kpost-profile .krank,
body.mp-forum-layout #Kunena .kmsgprofile .kpostrank,
body.mp-forum-layout #Kunena .kmsg-profile .kpostrank,
body.mp-forum-layout #Kunena .kmessage-profile .kpostrank,
body.mp-forum-layout #Kunena .kprofilebox .kpostrank,
body.mp-forum-layout #Kunena .kpost-profile .kpostrank,
body.mp-forum-layout #Kunena .kpost-profile li,
body.mp-forum-layout #Kunena .kprofilebox li,
body.mp-forum-layout #Kunena .kmsgprofile li,
body.mp-forum-layout #Kunena .kmsg-profile li,
body.mp-forum-layout #Kunena .kmessage-profile li,
body.mp-forum-layout #kunena .kmsgprofile .kusername,
body.mp-forum-layout #kunena .kmsg-profile .kusername,
body.mp-forum-layout #kunena .kmessage-profile .kusername,
body.mp-forum-layout #kunena .kprofilebox .kusername,
body.mp-forum-layout #kunena .kpost-profile .kusername,
body.mp-forum-layout #kunena .kmsgprofile .kusertitle,
body.mp-forum-layout #kunena .kmsg-profile .kusertitle,
body.mp-forum-layout #kunena .kmessage-profile .kusertitle,
body.mp-forum-layout #kunena .kprofilebox .kusertitle,
body.mp-forum-layout #kunena .kpost-profile .kusertitle,
body.mp-forum-layout #kunena .kmsgprofile .krank,
body.mp-forum-layout #kunena .kmsg-profile .krank,
body.mp-forum-layout #kunena .kmessage-profile .krank,
body.mp-forum-layout #kunena .kprofilebox .krank,
body.mp-forum-layout #kunena .kpost-profile .krank,
body.mp-forum-layout #kunena .kmsgprofile .kpostrank,
body.mp-forum-layout #kunena .kmsg-profile .kpostrank,
body.mp-forum-layout #kunena .kmessage-profile .kpostrank,
body.mp-forum-layout #kunena .kprofilebox .kpostrank,
body.mp-forum-layout #kunena .kpost-profile .kpostrank,
body.mp-forum-layout #kunena .kpost-profile li,
body.mp-forum-layout #kunena .kprofilebox li,
body.mp-forum-layout #kunena .kmsgprofile li,
body.mp-forum-layout #kunena .kmsg-profile li,
body.mp-forum-layout #kunena .kmessage-profile li {
    display: inline-block !important;
    width: auto !important;
    margin: 0 0 8px !important;
    padding: 4px 10px 5px !important;
    background: linear-gradient(180deg, #fffefa 0%, #fff8e8 100%) !important;
    border: 2px solid #787063 !important;
    border-radius: 9px !important;
    box-shadow: 1px 1px 0 rgba(255,255,255,0.95), 2px 2px 0 rgba(119,107,92,0.24) !important;
    color: #4f4a42 !important;
    font-family: 'MicroplanePlaypen', Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    letter-spacing: 0.01em !important;
    text-transform: none !important;
}

body.mp-forum-layout #Kunena .kmsgprofile .kusername,
body.mp-forum-layout #Kunena .kmsg-profile .kusername,
body.mp-forum-layout #Kunena .kmessage-profile .kusername,
body.mp-forum-layout #Kunena .kprofilebox .kusername,
body.mp-forum-layout #Kunena .kpost-profile .kusername,
body.mp-forum-layout #kunena .kmsgprofile .kusername,
body.mp-forum-layout #kunena .kmsg-profile .kusername,
body.mp-forum-layout #kunena .kmessage-profile .kusername,
body.mp-forum-layout #kunena .kprofilebox .kusername,
body.mp-forum-layout #kunena .kpost-profile .kusername {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #3f3a33 !important;
}

/* Post header chips: date, post number, author reference, breadcrumbs-like bits. */
body.mp-forum-layout #Kunena .kmsg-header a,
body.mp-forum-layout #Kunena .kmsgheader a,
body.mp-forum-layout #Kunena .kmessage-header a,
body.mp-forum-layout #Kunena .kmessageheader a,
body.mp-forum-layout #Kunena .kmsg-top a,
body.mp-forum-layout #Kunena .kmessage-top a,
body.mp-forum-layout #Kunena .kmsg-header span,
body.mp-forum-layout #Kunena .kmsgheader span,
body.mp-forum-layout #Kunena .kmessage-header span,
body.mp-forum-layout #Kunena .kmessageheader span,
body.mp-forum-layout #Kunena .kmsg-top span,
body.mp-forum-layout #Kunena .kmessage-top span,
body.mp-forum-layout #Kunena .kmsg-header small,
body.mp-forum-layout #Kunena .kmsgheader small,
body.mp-forum-layout #Kunena .kmessage-header small,
body.mp-forum-layout #Kunena .kmessageheader small,
body.mp-forum-layout #Kunena .kmsg-top small,
body.mp-forum-layout #Kunena .kmessage-top small,
body.mp-forum-layout #kunena .kmsg-header a,
body.mp-forum-layout #kunena .kmsgheader a,
body.mp-forum-layout #kunena .kmessage-header a,
body.mp-forum-layout #kunena .kmessageheader a,
body.mp-forum-layout #kunena .kmsg-top a,
body.mp-forum-layout #kunena .kmessage-top a,
body.mp-forum-layout #kunena .kmsg-header span,
body.mp-forum-layout #kunena .kmsgheader span,
body.mp-forum-layout #kunena .kmessage-header span,
body.mp-forum-layout #kunena .kmessageheader span,
body.mp-forum-layout #kunena .kmsg-top span,
body.mp-forum-layout #kunena .kmessage-top span,
body.mp-forum-layout #kunena .kmsg-header small,
body.mp-forum-layout #kunena .kmsgheader small,
body.mp-forum-layout #kunena .kmessage-header small,
body.mp-forum-layout #kunena .kmessageheader small,
body.mp-forum-layout #kunena .kmsg-top small,
body.mp-forum-layout #kunena .kmessage-top small {
    display: inline-block !important;
    margin: 2px 6px 2px 0 !important;
    padding: 2px 8px 3px !important;
    background: rgba(255,252,242,0.96) !important;
    border: 2px solid #7d7568 !important;
    border-radius: 9px !important;
    box-shadow: 1px 1px 0 rgba(255,255,255,0.92), 2px 2px 0 rgba(110,102,92,0.18) !important;
    color: #4d4841 !important;
    font-family: 'MicroplanePlaypen', Helvetica, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    vertical-align: middle !important;
}

body.mp-forum-layout #Kunena .kmsg-header a:hover,
body.mp-forum-layout #Kunena .kmsg-top a:hover,
body.mp-forum-layout #Kunena .kmessage-top a:hover,
body.mp-forum-layout #kunena .kmsg-header a:hover,
body.mp-forum-layout #kunena .kmsg-top a:hover,
body.mp-forum-layout #kunena .kmessage-top a:hover {
    background: #fffdf6 !important;
    border-color: #655e55 !important;
    color: #2f2b26 !important;
}

/* The blue profile side column should feel more neutral once sticker chips are present. */
body.mp-forum-layout #Kunena .kmsgprofile > *,
body.mp-forum-layout #Kunena .kmsg-profile > *,
body.mp-forum-layout #Kunena .kmessage-profile > *,
body.mp-forum-layout #Kunena .kprofilebox > *,
body.mp-forum-layout #Kunena .kpost-profile > *,
body.mp-forum-layout #kunena .kmsgprofile > *,
body.mp-forum-layout #kunena .kmsg-profile > *,
body.mp-forum-layout #kunena .kmessage-profile > *,
body.mp-forum-layout #kunena .kprofilebox > *,
body.mp-forum-layout #kunena .kpost-profile > * {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 6px !important;
}

/* ==================================================================
   Crypsisb metadata labels v2.6.8 — compact paper labels

   The prior attempt made the author <ul> inherit the full Bootstrap span2
   width. This override explicitly uses shrink-to-fit sizing and a pale paper
   label rather than a yellow card.
   ================================================================== */

/* Compact author sticker: it occupies only its own content width. */
body.mp-forum-layout #kunena.layout .topic-item-messages > .message > .span2 .profilebox,
body.mp-forum-layout #Kunena.layout .topic-item-messages > .message > .span2 .profilebox,
body.mp-forum-layout #kunena .topic-item-messages > .message > .span2 .profilebox,
body.mp-forum-layout #Kunena .topic-item-messages > .message > .span2 .profilebox {
    position: relative !important;
    display: table !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 166px !important;
    margin: 13px auto 14px !important;
    padding: 16px 11px 10px !important;
    overflow: visible !important;
    text-align: center !important;
    list-style: none !important;
    background: #fffefb !important;
    border: 1px solid #625d55 !important;
    border-radius: 2px 3px 2px 4px !important;
    outline: 1px solid rgba(98, 93, 85, 0.45) !important;
    outline-offset: -4px !important;
    box-shadow: 2px 3px 0 rgba(83, 76, 67, 0.20), 0 1px 0 rgba(255,255,255,0.95) inset !important;
    color: #4a453e !important;
    font-family: 'MicroplanePlaypen', Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    transform: rotate(-0.45deg) !important;
}

/* A small strip of translucent office tape, not a large yellow backdrop. */
body.mp-forum-layout #kunena.layout .topic-item-messages > .message > .span2 .profilebox::before,
body.mp-forum-layout #Kunena.layout .topic-item-messages > .message > .span2 .profilebox::before,
body.mp-forum-layout #kunena .topic-item-messages > .message > .span2 .profilebox::before,
body.mp-forum-layout #Kunena .topic-item-messages > .message > .span2 .profilebox::before {
    content: '' !important;
    position: absolute !important;
    z-index: 2 !important;
    top: -8px !important;
    left: 50% !important;
    width: 52px !important;
    height: 13px !important;
    margin-left: -26px !important;
    background: rgba(221, 211, 194, 0.72) !important;
    border: 1px solid rgba(120, 110, 96, 0.22) !important;
    box-shadow: 0 1px 1px rgba(87, 79, 69, 0.13) !important;
    transform: rotate(-3deg) !important;
    pointer-events: none !important;
}

/* The profile's three rows remain text, not three separate yellow tiles. */
body.mp-forum-layout #kunena.layout .topic-item-messages > .message > .span2 .profilebox > li,
body.mp-forum-layout #Kunena.layout .topic-item-messages > .message > .span2 .profilebox > li,
body.mp-forum-layout #kunena .topic-item-messages > .message > .span2 .profilebox > li,
body.mp-forum-layout #Kunena .topic-item-messages > .message > .span2 .profilebox > li {
    display: block !important;
    width: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    list-style: none !important;
    text-align: center !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px dashed rgba(90, 84, 76, 0.34) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #4a453e !important;
    font-family: 'MicroplanePlaypen', Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.24 !important;
}

body.mp-forum-layout #kunena.layout .topic-item-messages > .message > .span2 .profilebox > li:first-child,
body.mp-forum-layout #Kunena.layout .topic-item-messages > .message > .span2 .profilebox > li:first-child,
body.mp-forum-layout #kunena .topic-item-messages > .message > .span2 .profilebox > li:first-child,
body.mp-forum-layout #Kunena .topic-item-messages > .message > .span2 .profilebox > li:first-child {
    padding-top: 0 !important;
    color: #37322d !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

body.mp-forum-layout #kunena.layout .topic-item-messages > .message > .span2 .profilebox > li:last-child,
body.mp-forum-layout #Kunena.layout .topic-item-messages > .message > .span2 .profilebox > li:last-child,
body.mp-forum-layout #kunena .topic-item-messages > .message > .span2 .profilebox > li:last-child {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

/* Compact post-meta label: never wider than its text. */
body.mp-forum-layout #kunena.layout .topic-item-messages > .message > .span10.message-published > small.text-muted.pull-right,
body.mp-forum-layout #Kunena.layout .topic-item-messages > .message > .span10.message-published > small.text-muted.pull-right,
body.mp-forum-layout #kunena .topic-item-messages > .message > .span10.message-published > small.text-muted.pull-right,
body.mp-forum-layout #Kunena .topic-item-messages > .message > .span10.message-published > small.text-muted.pull-right {
    position: relative !important;
    display: table !important;
    float: right !important;
    clear: right !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 92% !important;
    margin: 13px 10px 8px auto !important;
    padding: 7px 10px 6px !important;
    overflow: visible !important;
    white-space: normal !important;
    background: #fffefb !important;
    border: 1px solid #625d55 !important;
    border-radius: 2px 4px 3px 2px !important;
    outline: 1px solid rgba(98, 93, 85, 0.43) !important;
    outline-offset: -4px !important;
    box-shadow: 2px 3px 0 rgba(83, 76, 67, 0.18), 0 1px 0 rgba(255,255,255,0.95) inset !important;
    color: #4a453e !important;
    font-family: 'MicroplanePlaypen', Helvetica, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.23 !important;
    text-decoration: none !important;
    transform: rotate(0.32deg) !important;
}

body.mp-forum-layout #kunena.layout .topic-item-messages > .message > .span10.message-published > small.text-muted.pull-right::before,
body.mp-forum-layout #Kunena.layout .topic-item-messages > .message > .span10.message-published > small.text-muted.pull-right::before,
body.mp-forum-layout #kunena .topic-item-messages > .message > .span10.message-published > small.text-muted.pull-right::before,
body.mp-forum-layout #Kunena .topic-item-messages > .message > .span10.message-published > small.text-muted.pull-right::before {
    content: '' !important;
    position: absolute !important;
    z-index: 2 !important;
    top: -7px !important;
    left: 17px !important;
    width: 43px !important;
    height: 11px !important;
    background: rgba(221, 211, 194, 0.70) !important;
    border: 1px solid rgba(120, 110, 96, 0.20) !important;
    box-shadow: 0 1px 1px rgba(87, 79, 69, 0.11) !important;
    transform: rotate(-4deg) !important;
    pointer-events: none !important;
}

body.mp-forum-layout #kunena.layout .topic-item-messages > .message > .span10.message-published > small.text-muted.pull-right *,
body.mp-forum-layout #Kunena.layout .topic-item-messages > .message > .span10.message-published > small.text-muted.pull-right *,
body.mp-forum-layout #kunena .topic-item-messages > .message > .span10.message-published > small.text-muted.pull-right *,
body.mp-forum-layout #Kunena .topic-item-messages > .message > .span10.message-published > small.text-muted.pull-right * {
    color: #4a453e !important;
    font-family: 'MicroplanePlaypen', Helvetica, Arial, sans-serif !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-decoration: none !important;
}

@media (max-width: 767px) {
    body.mp-forum-layout #kunena.layout .topic-item-messages > .message > .span2 .profilebox,
    body.mp-forum-layout #Kunena.layout .topic-item-messages > .message > .span2 .profilebox,
    body.mp-forum-layout #kunena .topic-item-messages > .message > .span2 .profilebox,
    body.mp-forum-layout #Kunena .topic-item-messages > .message > .span2 .profilebox {
        display: table !important;
        width: auto !important;
        max-width: 82% !important;
        margin: 13px auto 10px !important;
        transform: none !important;
    }

    body.mp-forum-layout #kunena.layout .topic-item-messages > .message > .span10.message-published > small.text-muted.pull-right,
    body.mp-forum-layout #Kunena.layout .topic-item-messages > .message > .span10.message-published > small.text-muted.pull-right,
    body.mp-forum-layout #kunena .topic-item-messages > .message > .span10.message-published > small.text-muted.pull-right,
    body.mp-forum-layout #Kunena .topic-item-messages > .message > .span10.message-published > small.text-muted.pull-right {
        display: table !important;
        width: auto !important;
        float: right !important;
        margin: 12px 8px 7px auto !important;
        transform: none !important;
    }
}


/* ---------------------------------------------------------------
   Kunena Crypsisb real message body restyle — graph-paper notebook pieces.
   Styles the actual post area (.mykmsg-header + .kmsg) and inner quote blocks
   as notebook paper instead of generic bluish boxes.
   --------------------------------------------------------------- */
body.mp-forum-layout #Kunena .topic-item-messages .message > .message-published > .badger-left.badger-info.message-published,
body.mp-forum-layout #kunena .topic-item-messages .message > .message-published > .badger-left.badger-info.message-published {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    overflow: visible !important;
}

body.mp-forum-layout #Kunena .topic-item-messages .message > .message-published > .badger-left.badger-info.message-published > .kmessage,
body.mp-forum-layout #kunena .topic-item-messages .message > .message-published > .badger-left.badger-info.message-published > .kmessage {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

body.mp-forum-layout #Kunena .topic-item-messages .message .mykmsg-header,
body.mp-forum-layout #Kunena .topic-item-messages .message .kmsg,
body.mp-forum-layout #kunena .topic-item-messages .message .mykmsg-header,
body.mp-forum-layout #kunena .topic-item-messages .message .kmsg {
    position: relative !important;
    display: block !important;
    margin: 0 0 10px !important;
    padding: 14px 18px 14px 50px !important;
    background-color: #fffdf7 !important;
    background-image:
        linear-gradient(90deg, transparent 0, transparent 34px, rgba(221, 109, 109, 0.38) 34px, rgba(221, 109, 109, 0.38) 36px, transparent 36px),
        repeating-linear-gradient(0deg, transparent 0, transparent 21px, rgba(130, 177, 222, 0.33) 21px, rgba(130, 177, 222, 0.33) 22px),
        repeating-linear-gradient(90deg, transparent 0, transparent 21px, rgba(130, 177, 222, 0.22) 21px, rgba(130, 177, 222, 0.22) 22px),
        linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(251,248,238,0.98) 100%) !important;
    border: 1px solid #d5ceb8 !important;
    border-radius: 6px !important;
    color: #343434 !important;
    box-shadow: 0 2px 0 rgba(255,255,255,0.92), 0 3px 8px rgba(119, 104, 77, 0.18) !important;
}

body.mp-forum-layout #Kunena .topic-item-messages .message .mykmsg-header,
body.mp-forum-layout #kunena .topic-item-messages .message .mykmsg-header {
    margin-bottom: 8px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-family: 'MicroplanePlaypen', Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
}

body.mp-forum-layout #Kunena .topic-item-messages .message .kmsg,
body.mp-forum-layout #kunena .topic-item-messages .message .kmsg {
    min-height: 48px !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    line-height: 1.55 !important;
}

body.mp-forum-layout #Kunena .topic-item-messages .message .mykmsg-header:before,
body.mp-forum-layout #Kunena .topic-item-messages .message .kmsg:before,
body.mp-forum-layout #kunena .topic-item-messages .message .mykmsg-header:before,
body.mp-forum-layout #kunena .topic-item-messages .message .kmsg:before {
    content: '' !important;
    position: absolute !important;
    top: -8px !important;
    left: 22px !important;
    width: 56px !important;
    height: 18px !important;
    background: rgba(255, 244, 171, 0.38) !important;
    border: 1px solid rgba(179, 166, 110, 0.24) !important;
    border-radius: 3px !important;
    transform: rotate(-4deg) !important;
    box-shadow: 0 1px 1px rgba(0,0,0,0.05) !important;
}

body.mp-forum-layout #Kunena .topic-item-messages .message .kmsg:after,
body.mp-forum-layout #kunena .topic-item-messages .message .kmsg:after {
    content: '' !important;
    position: absolute !important;
    right: 18px !important;
    bottom: -8px !important;
    width: 68px !important;
    height: 16px !important;
    background: rgba(255, 244, 171, 0.26) !important;
    border: 1px solid rgba(179, 166, 110, 0.2) !important;
    border-radius: 3px !important;
    transform: rotate(3deg) !important;
}

body.mp-forum-layout #Kunena .topic-item-messages .message .kmsg p,
body.mp-forum-layout #kunena .topic-item-messages .message .kmsg p {
    margin: 0 0 12px !important;
    background: transparent !important;
}

body.mp-forum-layout #Kunena .topic-item-messages .message .kmsg p:last-child,
body.mp-forum-layout #kunena .topic-item-messages .message .kmsg p:last-child {
    margin-bottom: 0 !important;
}

/* Quoted material inside a post becomes a smaller inset graph-paper note. */
body.mp-forum-layout #Kunena .topic-item-messages .message .kmsg blockquote,
body.mp-forum-layout #Kunena .topic-item-messages .message .kmsg .kquote,
body.mp-forum-layout #Kunena .topic-item-messages .message .kmsg .kbbcode-quote,
body.mp-forum-layout #Kunena .topic-item-messages .message .kmsg .bbcode_quote,
body.mp-forum-layout #kunena .topic-item-messages .message .kmsg blockquote,
body.mp-forum-layout #kunena .topic-item-messages .message .kmsg .kquote,
body.mp-forum-layout #kunena .topic-item-messages .message .kmsg .kbbcode-quote,
body.mp-forum-layout #kunena .topic-item-messages .message .kmsg .bbcode_quote {
    position: relative !important;
    margin: 12px 0 10px 10px !important;
    padding: 12px 16px 12px 44px !important;
    background-color: #fffefb !important;
    background-image:
        linear-gradient(90deg, transparent 0, transparent 28px, rgba(221, 109, 109, 0.32) 28px, rgba(221, 109, 109, 0.32) 30px, transparent 30px),
        repeating-linear-gradient(0deg, transparent 0, transparent 18px, rgba(130, 177, 222, 0.28) 18px, rgba(130, 177, 222, 0.28) 19px),
        repeating-linear-gradient(90deg, transparent 0, transparent 18px, rgba(130, 177, 222, 0.18) 18px, rgba(130, 177, 222, 0.18) 19px),
        linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(250,247,239,0.98) 100%) !important;
    border: 1px solid #d7d0ba !important;
    border-left: 3px solid #b6a378 !important;
    border-radius: 5px !important;
    box-shadow: 0 2px 6px rgba(119, 104, 77, 0.12) !important;
}

body.mp-forum-layout #Kunena .topic-item-messages .message .kmsg blockquote:before,
body.mp-forum-layout #Kunena .topic-item-messages .message .kmsg .kquote:before,
body.mp-forum-layout #Kunena .topic-item-messages .message .kmsg .kbbcode-quote:before,
body.mp-forum-layout #Kunena .topic-item-messages .message .kmsg .bbcode_quote:before,
body.mp-forum-layout #kunena .topic-item-messages .message .kmsg blockquote:before,
body.mp-forum-layout #kunena .topic-item-messages .message .kmsg .kquote:before,
body.mp-forum-layout #kunena .topic-item-messages .message .kmsg .kbbcode-quote:before,
body.mp-forum-layout #kunena .topic-item-messages .message .kmsg .bbcode_quote:before {
    content: '↩' !important;
    position: absolute !important;
    left: 11px !important;
    top: 10px !important;
    color: #9a8962 !important;
    font-family: 'MicroplanePlaypen', Helvetica, Arial, sans-serif !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

/* ---------------------------------------------------------------
   Notebook-paper right margin — the paper must not run to the edge
   of the whole forum column.  This applies to the real Crypsisb post
   heading and body blocks only, not to the message grid itself.
   --------------------------------------------------------------- */
body.mp-forum-layout #Kunena .topic-item-messages .message .mykmsg-header,
body.mp-forum-layout #Kunena .topic-item-messages .message .kmsg,
body.mp-forum-layout #kunena .topic-item-messages .message .mykmsg-header,
body.mp-forum-layout #kunena .topic-item-messages .message .kmsg {
    box-sizing: border-box !important;
    width: auto !important;
    max-width: none !important;
    margin-right: 42px !important;
}

/* Narrow screens keep a visible but smaller paper field. */
@media (max-width: 767px) {
    body.mp-forum-layout #Kunena .topic-item-messages .message .mykmsg-header,
    body.mp-forum-layout #Kunena .topic-item-messages .message .kmsg,
    body.mp-forum-layout #kunena .topic-item-messages .message .mykmsg-header,
    body.mp-forum-layout #kunena .topic-item-messages .message .kmsg {
        margin-right: 16px !important;
    }
}


/* ---------------------------------------------------------------
   v2.6.11 — actual header paper must follow its written text.
   Crypsisb emits .mykmsg-header as a block div.  A simple right margin
   cannot make a block fit its content, so it is intentionally made an
   inline-block note. The main .kmsg stays a readable wide page below it.
   Also mirror every notebook page: the red margin line now sits on the
   RIGHT, not on the left.
   --------------------------------------------------------------- */
body.mp-forum-layout #Kunena .topic-item-messages .message .mykmsg-header,
body.mp-forum-layout #kunena .topic-item-messages .message .mykmsg-header {
    display: inline-block !important;
    width: auto !important;
    max-width: calc(100% - 64px) !important;
    margin-right: 0 !important;
    padding: 10px 50px 10px 18px !important;
    vertical-align: top !important;
    overflow-wrap: anywhere !important;
    background-image:
        linear-gradient(90deg, transparent 0, transparent calc(100% - 36px), rgba(221, 109, 109, 0.38) calc(100% - 36px), rgba(221, 109, 109, 0.38) calc(100% - 34px), transparent calc(100% - 34px)),
        repeating-linear-gradient(0deg, transparent 0, transparent 21px, rgba(130, 177, 222, 0.33) 21px, rgba(130, 177, 222, 0.33) 22px),
        repeating-linear-gradient(90deg, transparent 0, transparent 21px, rgba(130, 177, 222, 0.22) 21px, rgba(130, 177, 222, 0.22) 22px),
        linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(251,248,238,0.98) 100%) !important;
}

/* The main written-message sheet remains broad, but has the red notebook line
   and the reserved inner margin on its right edge. */
body.mp-forum-layout #Kunena .topic-item-messages .message .kmsg,
body.mp-forum-layout #kunena .topic-item-messages .message .kmsg {
    padding: 16px 50px 16px 18px !important;
    background-image:
        linear-gradient(90deg, transparent 0, transparent calc(100% - 36px), rgba(221, 109, 109, 0.38) calc(100% - 36px), rgba(221, 109, 109, 0.38) calc(100% - 34px), transparent calc(100% - 34px)),
        repeating-linear-gradient(0deg, transparent 0, transparent 21px, rgba(130, 177, 222, 0.33) 21px, rgba(130, 177, 222, 0.33) 22px),
        repeating-linear-gradient(90deg, transparent 0, transparent 21px, rgba(130, 177, 222, 0.22) 21px, rgba(130, 177, 222, 0.22) 22px),
        linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(251,248,238,0.98) 100%) !important;
}

body.mp-forum-layout #Kunena .topic-item-messages .message .mykmsg-header:before,
body.mp-forum-layout #Kunena .topic-item-messages .message .kmsg:before,
body.mp-forum-layout #kunena .topic-item-messages .message .mykmsg-header:before,
body.mp-forum-layout #kunena .topic-item-messages .message .kmsg:before {
    left: auto !important;
    right: 18px !important;
    transform: rotate(4deg) !important;
}

/* The short tape at the bottom of the post follows the new right-page edge. */
body.mp-forum-layout #Kunena .topic-item-messages .message .kmsg:after,
body.mp-forum-layout #kunena .topic-item-messages .message .kmsg:after {
    right: 8px !important;
    transform: rotate(-3deg) !important;
}

/* Inset answer/quote sheet: move its red margin and hard edge to the right. */
body.mp-forum-layout #Kunena .topic-item-messages .message .kmsg blockquote,
body.mp-forum-layout #Kunena .topic-item-messages .message .kmsg .kquote,
body.mp-forum-layout #Kunena .topic-item-messages .message .kmsg .kbbcode-quote,
body.mp-forum-layout #Kunena .topic-item-messages .message .kmsg .bbcode_quote,
body.mp-forum-layout #kunena .topic-item-messages .message .kmsg blockquote,
body.mp-forum-layout #kunena .topic-item-messages .message .kmsg .kquote,
body.mp-forum-layout #kunena .topic-item-messages .message .kmsg .kbbcode-quote,
body.mp-forum-layout #kunena .topic-item-messages .message .kmsg .bbcode_quote {
    padding: 12px 44px 12px 16px !important;
    background-image:
        linear-gradient(90deg, transparent 0, transparent calc(100% - 30px), rgba(221, 109, 109, 0.32) calc(100% - 30px), rgba(221, 109, 109, 0.32) calc(100% - 28px), transparent calc(100% - 28px)),
        repeating-linear-gradient(0deg, transparent 0, transparent 18px, rgba(130, 177, 222, 0.28) 18px, rgba(130, 177, 222, 0.28) 19px),
        repeating-linear-gradient(90deg, transparent 0, transparent 18px, rgba(130, 177, 222, 0.18) 18px, rgba(130, 177, 222, 0.18) 19px),
        linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(250,247,239,0.98) 100%) !important;
    border-left: 1px solid #d7d0ba !important;
    border-right: 3px solid #b6a378 !important;
}

body.mp-forum-layout #Kunena .topic-item-messages .message .kmsg blockquote:before,
body.mp-forum-layout #Kunena .topic-item-messages .message .kmsg .kquote:before,
body.mp-forum-layout #Kunena .topic-item-messages .message .kmsg .kbbcode-quote:before,
body.mp-forum-layout #Kunena .topic-item-messages .message .kmsg .bbcode_quote:before,
body.mp-forum-layout #kunena .topic-item-messages .message .kmsg blockquote:before,
body.mp-forum-layout #kunena .topic-item-messages .message .kmsg .kquote:before,
body.mp-forum-layout #kunena .topic-item-messages .message .kmsg .kbbcode-quote:before,
body.mp-forum-layout #kunena .topic-item-messages .message .kmsg .bbcode_quote:before {
    content: '↪' !important;
    left: auto !important;
    right: 8px !important;
}

@media (max-width: 767px) {
    body.mp-forum-layout #Kunena .topic-item-messages .message .mykmsg-header,
    body.mp-forum-layout #kunena .topic-item-messages .message .mykmsg-header {
        max-width: calc(100% - 24px) !important;
        padding-right: 42px !important;
    }

    body.mp-forum-layout #Kunena .topic-item-messages .message .kmsg,
    body.mp-forum-layout #kunena .topic-item-messages .message .kmsg {
        padding-right: 42px !important;
    }
}