/* W07a ručný dopyt V7: sprievodca v admin modale. Bez pevných šírok; 375 px bez vodorovného presahu. */
.manual-wizard{display:grid;gap:var(--space-3,12px);min-width:0;max-width:100%}
.manual-wizard *{min-width:0}
.manual-wizard-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2,8px);margin:0;padding:0;list-style:none;counter-reset:none}
.manual-wizard-step{display:flex;min-width:0}
.manual-wizard-step-link,.manual-wizard-step-text{display:flex;align-items:center;gap:6px;width:100%;min-height:44px;padding:6px 8px;border:1px solid var(--line,#d8dde3);border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:.875rem;line-height:1.25;text-align:left;overflow-wrap:anywhere}
.manual-wizard-step-link{cursor:pointer}
.manual-wizard-step-link:hover{background:var(--surface-2,#f3f5f7)}
.manual-wizard-step-link:focus-visible,.manual-wizard-section h3:focus-visible{outline:2px solid var(--focus,#1f6feb);outline-offset:2px}
.manual-wizard-step[data-state="current"] .manual-wizard-step-text{border-color:var(--accent,#1f6feb);font-weight:600}
.manual-wizard-step[data-state="next"] .manual-wizard-step-text{opacity:.7}
.manual-wizard-step-number{display:inline-grid;place-items:center;flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:1px solid currentColor;font-size:.75rem}
.manual-wizard-status{margin:0;font-weight:600}
.manual-wizard-section{display:grid;gap:var(--space-3,12px)}
.manual-wizard-section[hidden]{display:none}
.manual-wizard-section h3{margin:0}
.manual-wizard-summary{display:grid;gap:4px;margin:0 0 var(--space-2,8px)}
.manual-wizard-row{display:grid;grid-template-columns:minmax(0,12rem) minmax(0,1fr);gap:8px}
.manual-wizard-row dt{color:var(--muted,#5b6570)}
.manual-wizard-row dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
/* PR-K7a (nález K7 PR-39a): v paneli Cena za zákazníka ručného sprievodcu (web/manual-price.js) je riadok Spolu s DPH (is-total)
   celou šírkou pod čiarou a s väčšou sumou; mail-inbox.css kreslí súhrn ako mriežku, preto selektor s .manual-price. */
.manual-price .manual-wizard-row.is-total{grid-column:1/-1;padding-top:var(--space-2);border-top:1px solid var(--line)}
.manual-price .manual-wizard-row.is-total>dt{color:var(--ink);font-weight:650}
.manual-price .manual-wizard-row.is-total>dd{font-size:var(--text-lg);font-weight:700}
.manual-wizard-lines{display:grid;gap:8px;margin:0;padding-left:1.2em}
.manual-wizard-lines li{overflow-wrap:anywhere}
.manual-wizard-lines li>span{display:block}
.manual-wizard-model-id{margin:0;font-size:.8125rem;color:var(--muted,#5b6570);overflow-wrap:anywhere}
.manual-wizard-model-id code{word-break:break-all}
.manual-wizard-effect,.manual-wizard-saved{margin:0}
.manual-wizard .admin-manual-customer{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}
.manual-wizard .admin-manual-customer .field{flex:1 1 16rem}
.manual-wizard select.input{max-width:100%;text-overflow:ellipsis}
@media (max-width:640px){
 .manual-wizard-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .manual-wizard-row{grid-template-columns:minmax(0,1fr)}
 .manual-wizard .cluster>.btn{flex:1 1 auto}
}
/* Lepkavý riadok akcií ako pri .modal-body>form (design.css), lebo formulár sprievodcu je v obale .manual-wizard. */
.portal-modal .modal-body>.manual-wizard>form>.cluster:last-child{position:sticky;bottom:0;z-index:1;margin:var(--space-3) calc(-1 * var(--dialog-pad)) calc(-1 * var(--dialog-pad-block));padding:var(--space-2) var(--dialog-pad);border-top:1px solid var(--line);background:#fff;justify-content:flex-end}