/* 0.8.10 — niezależny wybór karty zlecenia dla każdego konta. */
body .order-card-dialog{--oc-bg:#ffffff;--oc-panel:#f5f9f6;--oc-panel2:#edf4ee;--oc-line:#dbe6dd;--oc-ink:#254037;--oc-muted:#697f72;--oc-accent:#23684e;--oc-accent-soft:#e3f2e9;width:min(1320px,calc(100vw - 32px));height:min(860px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);background:var(--oc-bg);color:var(--oc-ink)}
body.theme-modern .order-card-dialog{--oc-bg:#fff;--oc-panel:#f8fbff;--oc-panel2:#eaf3fb;--oc-line:#dbe6f2;--oc-ink:#253e56;--oc-muted:#607a91;--oc-accent:#167da1;--oc-accent-soft:#e2f4f7}
body.theme-dark .order-card-dialog{--oc-bg:#0c1828;--oc-panel:#101f33;--oc-panel2:#162b45;--oc-line:#2c435b;--oc-ink:#e4efff;--oc-muted:#9db4d0;--oc-accent:#59b4fc;--oc-accent-soft:#142f4e}
.order-card-dialog .modal-header,.order-card-dialog .modal-footer{background:var(--oc-bg);border-color:var(--oc-line)}
.order-card-dialog .modal-body{background:transparent;color:var(--oc-ink);padding:22px 24px;min-width:0;min-height:0;overflow:auto}
.order-card-dialog .order-card-workspace{min-height:0;flex:1;overflow:hidden;color:var(--oc-ink)}
.order-card-dialog .order-card-eyebrow{display:block;color:var(--oc-accent);letter-spacing:1.1px;font-size:10px;font-weight:800;margin-bottom:8px}
.order-card-dialog .order-card-context{padding:19px 16px;border-bottom:1px solid var(--oc-line);overflow-wrap:anywhere}
.order-card-dialog .order-card-context>strong{font-size:15px;display:block;line-height:1.45}
.order-card-dialog .order-card-context>span:not(.order-card-eyebrow){display:block;color:var(--oc-muted);font-size:11px;margin-top:5px}
.order-card-dialog .order-card-context-status{margin-top:12px}
.order-card-dialog .order-card-aside{background:var(--oc-panel);border-left:1px solid var(--oc-line);padding:18px 15px;overflow:auto;min-width:0}
.order-card-dialog .order-card-aside-panel{border:1px solid var(--oc-line);background:var(--oc-bg);border-radius:10px;margin-bottom:14px;padding:16px;min-width:0;overflow-wrap:anywhere}
.order-card-dialog .order-card-aside-panel h3{font-size:12px;color:var(--oc-ink);margin:0 0 13px}
.order-card-dialog .order-card-aside-panel p{font-size:11px;line-height:1.65;color:var(--oc-muted);margin:7px 0}
.order-card-dialog .order-card-aside-panel strong{color:var(--oc-ink)}
.order-card-dialog .order-card-aside-panel small{display:block;color:var(--oc-muted);font-size:10px;margin-top:3px}
.order-card-dialog .order-card-aside-value{font-size:25px;font-weight:800;color:var(--oc-accent)}
.order-card-dialog .order-card-jump,.order-card-dialog .order-card-final-link{display:flex;gap:7px;align-items:center;width:100%;padding:9px 3px;margin-top:8px;border:0;border-top:1px solid var(--oc-line);background:transparent;color:var(--oc-accent);text-align:left;font-size:11px;font-weight:700;text-decoration:none;cursor:pointer}
.order-card-dialog .order-card-jump .icon,.order-card-dialog .order-card-final-link .icon{width:16px;height:16px}
.order-card-dialog .order-card-jump[hidden]{display:none}
.order-card-dialog .order-card-content{min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}
.order-card-dialog .detail-grid dt,.order-card-dialog .muted{color:var(--oc-muted)}
.order-card-dialog .detail-grid dd{color:var(--oc-ink)}
.order-card-dialog .info-box{border-color:var(--oc-line)}
.order-card-dialog .revision-card,.order-card-dialog .comment{border-color:var(--oc-line);background:var(--oc-bg)}
.order-card-operations .order-card-workspace{display:grid;grid-template-columns:minmax(175px,210px) minmax(0,1fr) minmax(215px,255px)}
.order-card-operations .order-card-rail{border-right:1px solid var(--oc-line);background:var(--oc-panel);display:flex;flex-direction:column;min-height:0;overflow-y:auto}
.order-card-operations .detail-tabs{display:flex;flex-direction:column;gap:4px;border:0;padding:12px 10px;white-space:normal;overflow:visible;background:transparent}
.order-card-operations .detail-tab{display:flex;text-align:left;align-items:center;padding:12px 11px;width:100%;border:0;border-radius:8px;color:var(--oc-muted);background:transparent;font-size:12px}
.order-card-operations .detail-tab.active{background:var(--oc-accent-soft);color:var(--oc-accent);font-weight:800;border:0;box-shadow:inset 3px 0 var(--oc-accent)}
.order-card-operations .detail-tab:hover{background:var(--oc-panel2)}
.order-card-operations .order-card-rail-note{margin:auto 15px 18px;padding-top:18px;font-size:10px;line-height:1.6;border-top:1px solid var(--oc-line);color:var(--oc-muted)}
.order-card-documents .order-card-workspace{display:flex;flex-direction:column}
.order-card-documents .order-card-documents-header{display:flex;align-items:stretch;background:var(--oc-panel);border-bottom:1px solid var(--oc-line);min-height:95px}
.order-card-documents .order-card-context{min-width:220px;max-width:350px;flex:1;border-bottom:0;border-right:1px solid var(--oc-line);padding:15px 22px}
.order-card-documents .order-card-process{display:flex;align-items:center;gap:6px;padding:14px 19px;justify-content:space-around;flex:2;min-width:0}
.order-card-documents .order-card-process-step{flex:1;text-align:center;font-size:10px;font-weight:650;line-height:1.5;color:var(--oc-muted);position:relative;display:flex;flex-direction:column;align-items:center;gap:7px}
.order-card-documents .order-card-process-step>.icon{width:22px;height:22px;display:block;border:1px solid var(--oc-line);border-radius:50%;padding:4px;color:var(--oc-muted);background:var(--oc-bg)}
.order-card-documents .order-card-process-step.done>.icon{background:var(--oc-accent);border-color:var(--oc-accent);color:var(--oc-bg)}
.order-card-documents .order-card-process-step.done{color:var(--oc-accent)}
.order-card-documents .detail-tabs{display:flex;flex-shrink:0;overflow-x:auto;background:var(--oc-bg);padding:0 22px;border-bottom:1px solid var(--oc-line);gap:18px}
.order-card-documents .detail-tab{color:var(--oc-muted);font-size:11px;padding:13px 5px}
.order-card-documents .detail-tab.active{color:var(--oc-accent);border-bottom-color:var(--oc-accent)}
.order-card-documents .order-card-document-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(225px,275px);min-height:0;flex:1;overflow:hidden}
.order-card-documents .order-card-aside{border-left:1px solid var(--oc-line)}
.order-card-documents .order-card-aside-panel{background:var(--oc-bg)}
@media(max-width:1050px){
 .order-card-operations .order-card-workspace{grid-template-columns:minmax(155px,195px) minmax(0,1fr)}
 .order-card-operations .order-card-aside{display:none}
 .order-card-documents .order-card-documents-header{flex-direction:column}
 .order-card-documents .order-card-context{max-width:none;border:0;border-bottom:1px solid var(--oc-line)}
 .order-card-documents .order-card-process{padding:12px 15px}
 .order-card-documents .order-card-document-columns{grid-template-columns:minmax(0,1fr) 215px}
}
@media(max-width:720px){
 body .order-card-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);height:calc(100dvh - 16px)}
 .order-card-dialog .modal-header{padding:13px 16px}
 .order-card-dialog .modal-header h2{font-size:15px}
 .order-card-dialog .modal-body{padding:15px 16px}
 .order-card-operations .order-card-workspace{display:flex;flex-direction:column}
 .order-card-operations .order-card-rail{display:block;overflow:visible;flex-shrink:0}
 .order-card-operations .order-card-context{padding:10px 16px}
 .order-card-operations .order-card-context>strong{font-size:13px}
 .order-card-operations .order-card-context-status,.order-card-operations .order-card-rail-note{display:none}
 .order-card-operations .detail-tabs{flex-direction:row;overflow-x:auto;white-space:nowrap;padding:6px 10px;gap:7px;max-width:100%}
 .order-card-operations .detail-tab{flex-shrink:0;width:auto;padding:9px 11px}
 .order-card-operations .detail-tab.active{box-shadow:inset 0 -2px var(--oc-accent)}
 .order-card-documents .order-card-process{overflow-x:auto;justify-content:flex-start}
 .order-card-documents .order-card-process-step{min-width:70px;font-size:9px}
 .order-card-documents .order-card-document-columns{display:flex;flex-direction:column}
 .order-card-documents .order-card-aside{display:none}
 .order-card-dialog .modal-footer{padding:11px 15px;gap:5px;flex-wrap:wrap}
}
