/* W18a-read. Loaded after order-detail.css; only the admin read view is styled.
   Forms, legacy non-admin messages and the host disclosure state stay unchanged. */
[data-case-messages-read]{min-width:0}
[data-case-messages-read] .cmr-count{margin:0 0 var(--space-2);font-size:var(--text-xs);color:var(--muted)}
[data-case-messages-read] .cmr-list{display:grid;gap:var(--space-2);min-width:0}
[data-case-messages-read] .cmr-entry{min-width:0;padding:var(--space-3);border-left:3px solid var(--line);background:var(--surface)}
[data-case-messages-read="notes"] .cmr-entry{background:#fffcf5;border-left-color:#cda662}
[data-case-messages-read] .cmr-meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-3);min-width:0}
[data-case-messages-read] .cmr-meta strong{min-width:0;font-size:var(--text-sm);color:var(--ink);overflow-wrap:anywhere}
[data-case-messages-read] .cmr-meta :is(time,span){font-size:var(--text-xs);color:var(--muted);overflow-wrap:anywhere}
[data-case-messages-read] .cmr-text{margin:var(--space-2) 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
[data-case-messages-read] .cmr-missing{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--muted);overflow-wrap:anywhere}
[data-case-messages-read] .cmr-empty{margin:0;font-size:var(--text-sm);color:var(--muted)}
[data-case-messages-read] .aw-disclosure-body{display:grid;gap:var(--space-2)}
[data-case-messages-read] .aw-disclosure>summary{min-height:var(--control-height);display:flex;align-items:center}
[data-case-messages-read] .aw-disclosure>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
/* KOM-02: a fresh customer message and the admin thread Všetko (case-thread-view.js). */
[data-case-messages-read] .cmr-new{border-left-color:#2c5faa}
[data-case-messages-read] .cmr-meta .cmr-new-label{padding:0 var(--space-2);border-radius:var(--radius-sm);background:#edf3fd;color:#2c5faa;font-weight:600}
/* The label stays beside the author; the time keeps its place at the end (verifier F11). */
[data-case-messages-read="messages"] .cmr-meta .cmr-new-label{margin-right:auto}
[data-case-messages-read="thread"] .cmr-meta{justify-content:flex-start}
[data-case-messages-read="thread"] .cmr-meta :is(time,.cmr-time){margin-left:auto}
[data-case-messages-read="thread"] .cmr-meta .cmr-kind{flex:0 0 100%;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
[data-case-messages-read="thread"] .cmr-thread-note{background:#fffcf5;border-left-color:#cda662}
[data-case-messages-read="thread"] .cmr-thread-event{background:transparent;border-left-style:dashed}
[data-case-messages-read] .cmr-detail{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--muted);overflow-wrap:anywhere}
/* KOM-04: template chips and the portal preview above the message form. */
[data-case-messages-read="templates"]{display:grid;gap:var(--space-2);margin:0 0 var(--space-3)}
[data-case-messages-read="templates"] .cmr-count{margin:0}
[data-case-messages-read="templates"] .cmr-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);min-width:0}
[data-case-messages-read="templates"] .cmr-chip[aria-pressed="true"]{border-color:var(--accent);color:var(--accent)}
[data-case-messages-read="templates"] .cmr-missing{margin:0}
[data-case-messages-read="templates"] .cmr-preview{display:grid;gap:var(--space-2);padding:var(--space-3);border:1px dashed var(--line)}
[data-case-messages-read="templates"] .cmr-preview-note{margin:0;font-size:var(--text-xs);color:var(--muted)}
[data-case-messages-read="templates"] .cmr-preview-text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
[data-case-messages-read="templates"] .cmr-preview>.btn{justify-self:start}
[data-case-messages-read="templates"] .cmr-copy-feedback{font-size:var(--text-xs);color:var(--muted)}
/* KOM-06: the manual mail log composer (a fieldset, no form) and a logged e-mail in the thread. */
[data-case-messages-read="mail-log"]{display:grid;gap:var(--space-2);min-width:0}
[data-case-messages-read="mail-log"] .cmr-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);min-width:0}
[data-case-messages-read="mail-log"] .cmr-mail-fields{display:grid;gap:var(--space-2);min-width:0;margin:0;padding:0;border:0}
[data-case-messages-read="mail-log"] .cmr-mail-fields>legend{padding:0;font-size:var(--text-sm);font-weight:600}
[data-case-messages-read="mail-log"] .cmr-mail-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}
[data-case-messages-read="mail-log"] .cmr-mail-feedback{margin:0;font-size:var(--text-sm);overflow-wrap:anywhere}
[data-case-messages-read="mail-log"] .cmr-mail-feedback[data-feedback="error"]{color:#b34a46}
[data-case-messages-read="mail-log"] .cmr-mail-feedback[data-feedback="ok"]{color:#226a4f}
[data-case-messages-read="thread"] .cmr-thread-mail{border-left-color:#6f55a0}
[data-case-messages-read] .cmr-subject{margin:var(--space-2) 0 0;font-size:var(--text-sm);font-weight:600;overflow-wrap:anywhere}
/* KOM-07: the system e-mails bar of the thread and a system e-mail entry. */
[data-case-messages-read="thread"] .cmr-system{display:grid;gap:var(--space-2);margin:0 0 var(--space-2)}
[data-case-messages-read="thread"] .cmr-system>.btn{justify-self:start}
[data-case-messages-read="thread"] .cmr-thread-system-mail{background:transparent;border-left-color:#566a80}
[data-case-messages-read="thread"] .cmr-thread-system-mail>.btn{margin-top:var(--space-2)}
@media(max-width:700px){
 [data-case-messages-read] .cmr-meta{flex-direction:column;align-items:flex-start}
 [data-case-messages-read] .cmr-entry{padding:var(--space-2)}
 [data-case-messages-read="thread"] .cmr-meta :is(time,.cmr-time){margin-left:0}
}