/* A8a redizajn V6.2 (3D_V3/PLAN-DALSIA-FAZA/REDIZAJN-V6-2/PLAN.md časť 5): schránka a nacenenie za zákazníka.
   Súbor založil a v web/index.html pripojil R1 iba s touto hlavičkou; pravidlá píše vlastník balíka, tokeny sú v tokens-v62.css. */
/* Pravidlá A8a: hodnoty z prototypu V6.2 (OTVORIT-PROTOTYP-V6.2.html riadky 63 až 66, 272 až 277, 520 až 524, 578 až 584, 697 až 711, 819 až 838,
   1043 až 1044), farby z tokenov; doslovné odtiene (okraje polí, prerušované rámiky, fokus) iba tam, kde ich V6.2 nemá ako token. Súbor je v index.html za case-messages-read.css (.cmr-*) aj za manual-wizard.css, preto prepisy sú tu
   so selektorom háčika [data-mail-inbox] a .manual-wizard; háčiky sprievodcu (product-tour-email.js) a e2e ostávajú. */

/* Schránka: tlačidlo Vložiť e-mail vpravo nad zoznamom, otvorené ako prerušovaný panel nahrávania (V6.2 .upl). */
[data-mail-inbox]{min-width:0}
[data-mail-inbox] .notice{margin:0}
[data-mail-inbox] .mi-import{margin:0 0 var(--space-3);border:0}
[data-mail-inbox] .mi-import>summary{display:flex;align-items:center;gap:6px;width:fit-content;max-width:100%;min-height:var(--control-height);margin-left:auto;padding:0 14px;
 border:1px solid #d6dfea;border-radius:var(--radius-control);background:var(--surface);color:var(--ink);font-size:var(--text-sm);font-weight:600;list-style:none;cursor:pointer}
[data-mail-inbox] .mi-import>summary::before{content:none}
[data-mail-inbox] .mi-import>summary:hover{border-color:#bfcbd8;background:#fbfdff}
[data-mail-inbox] .mi-import[open]>summary{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
[data-mail-inbox] .mi-import>.aw-disclosure-body{gap:10px;margin-top:var(--space-2);padding:14px 16px;border:2px dashed #b9cff5;border-radius:var(--radius-lg);background:#f7faff}
[data-mail-inbox] .mi-import :is(.field,.cmr-detail){margin:0}
[data-mail-inbox] .mi-import .btn{justify-self:start}

/* Zoznam vľavo a otvorený e-mail vpravo (V6.2 .inbox); pod 900 px iba jedno z nich. */
[data-mail-inbox] .mi-layout{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:var(--space-3);align-items:start}
[data-mail-inbox] .mi-views{padding:10px 12px;border-bottom:1px solid var(--line-soft)}
[data-mail-inbox] .mi-list-caption{display:flex;align-items:center;gap:6px;margin:0;color:var(--ink-2);font-size:var(--text-sm);font-weight:600}
[data-mail-inbox] .mi-list-body{display:grid;align-content:start;gap:var(--space-2);padding:6px}
[data-mail-inbox] .mi-list-body>:is(.notice,.cmr-detail,.btn){margin:4px 6px 0}
[data-mail-inbox] .mi-list-body>.btn{justify-self:start}
[data-mail-inbox] .cmr-count{margin:4px 6px 0}
[data-mail-inbox] .cmr-list{gap:2px}
[data-mail-inbox] .mi-pager{justify-content:center;padding:4px 0}
[data-mail-inbox] .mi-list-body>.v62-empty{padding:18px 12px}

/* Karta e-mailu (V6.2 .icard): bodka neprečítaného, odosielateľ a čas, predmet, štítky; celá karta je odkaz na e-mail. */
[data-mail-inbox] .mi-card{position:relative;display:grid;gap:3px;padding:9px 10px 9px 26px;border:1px solid transparent;border-radius:9px;background:transparent}
[data-mail-inbox] .mi-card:hover{background:#f6f9fd}
[data-mail-inbox] .mi-card.is-on{border-color:var(--accent-line);background:var(--accent-soft)}
[data-mail-inbox] .mi-card::before{content:"";position:absolute;top:15px;left:10px;width:8px;height:8px;border-radius:50%}
[data-mail-inbox] .mi-card:is(.cmr-new,.mi-unread)::before{background:var(--accent)}
[data-mail-inbox] .mi-card .cmr-meta{flex-direction:row;flex-wrap:nowrap;align-items:baseline;gap:8px}
[data-mail-inbox] .mi-card .cmr-meta strong{flex:1 1 auto;overflow:hidden;font-size:var(--text-sm);font-weight:600;text-overflow:ellipsis;white-space:nowrap}
[data-mail-inbox] .mi-card:is(.cmr-new,.mi-unread) .cmr-meta strong{font-weight:750}
[data-mail-inbox] .mi-card .cmr-meta :is(time,span){flex:0 0 auto;white-space:nowrap}
[data-mail-inbox] .mi-card .cmr-subject{margin:0;font-weight:400}
[data-mail-inbox] .mi-card .cmr-subject a{display:-webkit-box;overflow:hidden;color:var(--ink-2);font-weight:400;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}
[data-mail-inbox] .mi-card:is(.cmr-new,.mi-unread) .cmr-subject a{color:var(--ink);font-weight:600}
[data-mail-inbox] .mi-card .cmr-subject a::after{content:"";position:absolute;inset:0;border-radius:inherit}
[data-mail-inbox] .mi-card .cmr-subject a:hover{text-decoration:none}
[data-mail-inbox] .mi-card .cmr-subject a:focus-visible{outline:0}
[data-mail-inbox] .mi-card:has(a:focus-visible){outline:3px solid #93b4ff;outline-offset:1px}
[data-mail-inbox] .mi-card .cmr-detail{display:flex;flex-wrap:wrap;gap:4px;margin:0}
[data-mail-inbox] .mi-card .cmr-detail:empty{display:none}
[data-mail-inbox] .mi-card .badge{padding:0 6px}

/* Otvorený e-mail (V6.2 mailDetail): hlavička, pás krokov, kľúčové údaje, telo, prílohy, potom akcie. */
[data-mail-inbox] .mi-pane{display:grid;align-content:start;gap:var(--space-3);min-height:420px;padding:14px 16px;container-type:inline-size}
[data-mail-inbox] .mi-pane>.v62-empty{min-height:380px;justify-content:center}
[data-mail-inbox] .mi-back{justify-self:start}   /* aj vedľa zoznamu: na stránke zoznamu sa volí pohľad a strana */
[data-mail-inbox] .mi-detail{display:grid;gap:12px;min-width:0;padding:0;border:0;background:transparent}
[data-mail-inbox] .mi-detail-head{display:grid;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--line-soft)}
[data-mail-inbox] .mi-detail-head h2{margin:0;font-size:17px;font-weight:650;line-height:1.3;overflow-wrap:anywhere}
[data-mail-inbox] .mi-detail-from{margin:0;color:var(--muted);font-size:var(--text-sm);overflow-wrap:anywhere}
[data-mail-inbox] .mi-detail-head .cmr-detail{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0 0}
[data-mail-inbox] .mi-detail-head .cmr-detail:empty{display:none}
[data-mail-inbox] .mi-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px 14px;margin:0}
[data-mail-inbox] .mi-kv>div{display:flex;flex-direction:column;gap:1px;min-width:0}
[data-mail-inbox] .mi-kv dt{color:var(--muted);font-size:var(--text-xs)}
[data-mail-inbox] .mi-kv dd{margin:0;font-size:var(--text-sm);font-weight:600;overflow-wrap:anywhere}
[data-mail-inbox] .mi-kv .mi-kv-wide{grid-column:1/-1}
[data-mail-inbox] .mi-kv-wide dd{color:var(--ink-2);font-size:var(--text-xs);font-weight:400}
[data-mail-inbox] .cmr-text{margin:0;padding:10px 12px;border:1px solid var(--line-soft);border-radius:9px;background:var(--surface-2);font-size:var(--text-sm);line-height:1.55}
[data-mail-inbox] .mi-detail>:is(.cmr-missing,.cmr-detail){margin:0}
[data-mail-inbox] .cmr-attachments{display:grid;gap:6px;margin:0;padding:0;list-style:none}
[data-mail-inbox] .cmr-attachments>li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:9px;font-size:var(--text-sm)}
[data-mail-inbox] .cmr-attachments>li>.icon{color:var(--muted)}
[data-mail-inbox] .cmr-attachments strong{min-width:0;overflow-wrap:anywhere}
[data-mail-inbox] .mi-att-size{color:var(--muted);font-size:var(--text-xs)}
[data-mail-inbox] .mi-att-note{flex:1 1 220px;min-width:0;color:var(--muted);font-size:var(--text-xs)}
[data-mail-inbox] .mi-att-note:empty{display:none}
[data-mail-inbox] .cmr-attachments .btn{margin-left:auto}
[data-mail-inbox] [data-inbox-triage]{display:flex;flex-wrap:wrap;align-items:center;gap:8px}

/* Čo s e-mailom: každý krok ako blok, voľby ako riadky na výber, odpoveď zo šablóny v prerušovanom rámiku (V6.2 .replybox). */
[data-mail-inbox] .mi-actions{display:grid;gap:12px;padding-top:14px;border-top:1px solid var(--line)}
[data-mail-inbox] .mi-actions>h2{margin:0;font-size:var(--text-lg);font-weight:650}
[data-mail-inbox] .mi-actions>.cmr-detail{margin:0}
[data-mail-inbox] .mi-actions>[data-inbox-feedback]:empty{display:none}
[data-mail-inbox] .mi-block{display:grid;gap:10px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:var(--radius)}
[data-mail-inbox] .mi-block>h3{margin:0;font-size:var(--text-md);font-weight:650}
[data-mail-inbox] .mi-block :is(.cmr-detail,.field){margin:0}
[data-mail-inbox] .mi-block>.btn{justify-self:start}
[data-mail-inbox] .mi-block fieldset{display:grid;gap:6px;min-width:0;margin:0;padding:0;border:0}
[data-mail-inbox] .mi-block legend{margin-bottom:6px;padding:0;color:#4a5f76;font-size:var(--text-xs);font-weight:600}
[data-mail-inbox] .mi-choices .check-row{align-items:center;min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-control);color:var(--ink-2);overflow-wrap:anywhere}
[data-mail-inbox] .mi-choices .check-row:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
[data-mail-inbox] .mi-choices .check-row>span{min-width:0}
[data-mail-inbox] [data-inbox-part]{display:grid;grid-template-columns:minmax(0,1fr) minmax(96px,140px);align-items:end;gap:8px;padding:8px 10px;border:1px solid var(--line);
 border-radius:var(--radius-control);background:var(--surface-2)}
[data-mail-inbox] [data-inbox-part]>.check-row{align-self:center;overflow-wrap:anywhere}
[data-mail-inbox] .mi-reply{border:1px dashed #c3d0de;border-radius:var(--radius)}
[data-mail-inbox] .mi-reply>summary{padding:0 12px;font-size:var(--text-sm)}
[data-mail-inbox] .mi-reply>.aw-disclosure-body{padding:0 12px 12px}
[data-mail-inbox] .mi-reply textarea{background:var(--surface-2);font-size:var(--text-xs)}
[data-mail-inbox] .mi-reply .btn{justify-self:start}
@media (min-width:900px){
 [data-mail-inbox] .mi-list-body{max-height:calc(100vh - 230px);min-height:320px;overflow:auto}
}
@media (max-width:899px){
 [data-mail-inbox] .mi-layout{grid-template-columns:minmax(0,1fr)}
 [data-mail-inbox] .mi-layout:not(.mi-open)>.mi-pane,[data-mail-inbox] .mi-open>.mi-list{display:none}
 [data-mail-inbox] .mi-pane{min-height:0}
}
@media (max-width:699px){
 [data-mail-inbox] :is(.mi-import,.mi-reply)>summary{min-height:44px}
 [data-mail-inbox] .mi-import>summary{justify-content:center;width:100%}
 [data-mail-inbox] .mi-pane{padding:12px}
}
/* Pás krokov podľa šírky panelu e-mailu: v užšom paneli by nový riadok začínal spojovacou čiarou (najdlhší pás meria asi 790 px). */
@container (max-width:800px){
 [data-mail-inbox] .cmr-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}
 [data-mail-inbox] .cmr-steps li+li::before{display:none}
}
@container (max-width:400px){
 [data-mail-inbox] .cmr-steps{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
 [data-mail-inbox] [data-inbox-part]{grid-template-columns:minmax(0,1fr)}
 [data-mail-inbox] .cmr-attachments .btn{margin-left:0}
}

/* Sprievodca ručného dopytu (V6.2 manualModal: steps4, .fgroup, .kvrow, .mf). Okno hostiteľa a manual-wizard.css ostávajú, tu je iba vzhľad. */
.manual-wizard .manual-wizard-steps{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0}
.manual-wizard .manual-wizard-step{align-items:center}
.manual-wizard .manual-wizard-step+.manual-wizard-step::before{content:"";flex:0 0 22px;height:2px;margin:0 6px;background:var(--line)}
.manual-wizard :is(.manual-wizard-step-link,.manual-wizard-step-text){gap:7px;width:auto;min-height:44px;padding:0 6px;border:0;border-radius:var(--radius-control);
 color:var(--muted);font-size:var(--text-sm);font-weight:600}
.manual-wizard .manual-wizard-step-link:hover{background:var(--surface-2);color:var(--ink)}
.manual-wizard .manual-wizard-step-number{width:22px;height:22px;border:0;background:#e9eef5;color:var(--ink-2);font-size:var(--text-xs);font-weight:700}
.manual-wizard .manual-wizard-step[data-state="current"] .manual-wizard-step-text{color:var(--accent)}
.manual-wizard .manual-wizard-step[data-state="current"] .manual-wizard-step-number{background:var(--accent);color:var(--surface)}
.manual-wizard .manual-wizard-step[data-state="done"] :is(.manual-wizard-step-link,.manual-wizard-step-text){color:var(--ink)}
.manual-wizard .manual-wizard-step[data-state="done"] .manual-wizard-step-number{background:var(--green);color:var(--surface)}
.manual-wizard .manual-wizard-step[data-state="next"] .manual-wizard-step-text{opacity:1}
.manual-wizard .manual-wizard-status{color:var(--muted);font-size:var(--text-xs)}
.manual-wizard .manual-wizard-section h3{font-size:var(--text-lg);font-weight:650}
.manual-wizard .admin-manual-group>legend{padding:0;color:var(--muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.manual-wizard .admin-manual-group>.btn{justify-self:start}
.manual-wizard .product-manual-line{gap:10px;padding:12px;border-radius:var(--radius);background:var(--surface-2)}
.manual-wizard .product-manual-line+.product-manual-line{margin-top:8px}
.manual-wizard .manual-wizard-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 14px}
.manual-wizard .manual-wizard-row{display:flex;flex-direction:column;gap:1px}
.manual-wizard .manual-wizard-row dt{font-size:var(--text-xs)}
.manual-wizard .manual-wizard-row dd{font-size:var(--text-sm);font-weight:600}
.manual-wizard .manual-wizard-row:is(.is-wide,.is-text){grid-column:1/-1}
.manual-wizard .manual-wizard-row.is-text dd{font-weight:400}
.manual-wizard .manual-wizard-lines{gap:6px;padding:0;list-style:none}
.manual-wizard .manual-wizard-lines li{padding:8px 10px;border:1px solid var(--line);border-radius:9px;font-size:var(--text-sm)}
.manual-wizard :is(.manual-wizard-effect,.manual-wizard-saved){display:flex;align-items:flex-start;gap:9px}
.manual-wizard :is(.manual-wizard-effect,.manual-wizard-saved)>.icon{flex:0 0 auto;margin-top:2px;color:var(--blue)}
.manual-wizard .manual-wizard-saved{border-color:#c9e8d6;background:var(--green-bg)}
.manual-wizard .manual-wizard-saved>.icon{color:var(--green)}
.manual-wizard .manual-wizard-saved>div{display:grid;gap:4px}
.manual-wizard .manual-wizard-saved p{margin:0}
.portal-modal .manual-wizard>form[data-submit="manual"]>.cluster:last-child{border-top-color:var(--line-soft);background:#fbfcfe}
@media (max-width:640px){
 .manual-wizard .manual-wizard-step:not([data-state="current"]) .manual-wizard-step-number+span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .manual-wizard :is(.manual-wizard-step-link,.manual-wizard-step-text){justify-content:center;min-width:44px}
 .manual-wizard .manual-wizard-step+.manual-wizard-step::before{flex-basis:14px;margin:0 2px}
 .manual-wizard .manual-wizard-steps{flex-wrap:nowrap}
 .manual-wizard .manual-wizard-step{flex:0 0 auto}
 .manual-wizard .manual-wizard-step[data-state="current"]{flex:0 1 auto;min-width:0}
 .manual-wizard .manual-wizard-step[data-state="current"] .manual-wizard-step-number+span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}