.legacyDeskKeep{display:none!important}
.liveEyebrow{font-size:11px;font-weight:950;letter-spacing:.11em;color:#155eef;margin-bottom:6px}
.liveDashboardHead,.liveTasksHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.liveDashboardHead h2,.liveTasksHead h2{font-size:25px;letter-spacing:-.035em;margin:0}
.liveDashboardHead p,.liveTasksHead p{margin:5px 0 0}
.liveBanner{display:flex;align-items:center;gap:8px;border-radius:14px;padding:10px 13px;margin-bottom:14px;font-size:13px;font-weight:850}
.liveBannerFresh{background:#ecfdf3;border:1px solid #abefc6;color:#075e45}
.liveBannerStale{background:#fffaeb;border:1px solid #fedf89;color:#93370d}
.liveBannerError{background:#fef3f2;border:1px solid #fecdca;color:#b42318}
.liveBannerLoading{background:#eff8ff;border:1px solid #b2ddff;color:#1849a9}
.liveKpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 14px}
.liveKpis button{border:1px solid #d7e0ea;background:rgba(255,255,255,.95);border-radius:18px;padding:14px;text-align:left;box-shadow:0 8px 22px rgba(15,23,42,.055);color:#0b1220}
.liveKpis button:hover{border-color:#84adff;transform:translateY(-1px)}
.liveKpis span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.055em;font-weight:950;color:#667085}
.liveKpis b{display:block;font-size:29px;margin-top:5px;letter-spacing:-.04em}
.liveDashboardGrid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;align-items:start}
.livePanel{background:rgba(255,255,255,.94);border:1px solid #d7e0ea;border-radius:20px;padding:14px;box-shadow:0 12px 34px rgba(15,23,42,.065)}
.livePanelUrgent{border-top:4px solid #d92d20}.livePanelWaiting{border-top:4px solid #f79009}
.livePanelTitle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.livePanelTitle h3{font-size:12px;text-transform:uppercase;letter-spacing:.07em;margin:0;color:#344054}
.livePanelTitle button{border:0;background:transparent;color:#155eef;font-size:12px;font-weight:900;padding:5px}
.liveCards{display:grid;gap:8px}
.liveTaskCard{border:1px solid #e2e8f0;background:#fff;border-radius:15px;padding:11px;box-shadow:0 4px 10px rgba(15,23,42,.035)}
.liveTaskCard.urgent{border-left:5px solid #d92d20}.liveTaskCard.waiting{border-left:5px solid #f79009}.liveTaskCard.untouched{border-left:5px solid #d92d20}.liveTaskCard.done{border-left:5px solid #12b76a;opacity:.82}
.liveTaskTop{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.liveTaskTop b{font-size:14px}.liveTaskOrder{font-size:11px;color:#667085;font-weight:900;white-space:nowrap}
.liveTaskScope{font-size:11px;color:#667085;margin-top:3px}
.liveTaskNext{font-size:13px;font-weight:850;line-height:1.38;margin-top:8px;color:#101828}
.liveTaskBlock{font-size:11px;line-height:1.38;color:#93370d;background:#fffaeb;border-radius:9px;padding:6px 8px;margin-top:7px}
.livePills{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.livePill{border-radius:999px;padding:4px 7px;font-size:10px;font-weight:950;background:#eef2ff;color:#3538cd}
.livePill.urgent{background:#fee4e2;color:#b42318}.livePill.waiting{background:#fef0c7;color:#93370d}.livePill.done{background:#dcfae6;color:#075e45}
.liveEmpty{border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc;color:#667085;padding:18px;text-align:center;font-size:12px}
.liveFilters{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}
.liveFilters button{border:1px solid #d7e0ea;background:#fff;color:#344054;border-radius:12px;padding:9px 11px;font-size:12px;font-weight:950}
.liveFilters button.active{background:#155eef;border-color:#155eef;color:#fff}
.liveSearchRow{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-bottom:12px}
.liveSearchRow span{font-size:12px;color:#667085;font-weight:850}
.liveTableWrap{overflow:auto;border:1px solid #d7e0ea;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(15,23,42,.055)}
.liveTable{width:100%;border-collapse:separate;border-spacing:0;min-width:1650px}
.liveTable th{position:sticky;top:0;z-index:1;background:#101828;color:#f8fafc;text-align:left;font-size:10px;letter-spacing:.055em;text-transform:uppercase;padding:11px 9px;white-space:nowrap}
.liveSortButton{border:0;background:transparent;color:inherit;padding:0;margin:0;font:inherit;font-weight:950;letter-spacing:inherit;text-transform:inherit;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}
.liveSortButton span{font-size:9px;opacity:.62}.liveSortButton:hover span,.liveSortButton.active span{opacity:1;color:#84adff}.liveSortButton:focus-visible{outline:2px solid #84adff;outline-offset:3px;border-radius:4px}
.liveTable td{border-top:1px solid #edf1f5;padding:10px 9px;vertical-align:top;font-size:12px;line-height:1.4;max-width:260px}
.liveTable tbody tr:hover{background:#f8fbff}
.liveTable .colState{font-size:17px;text-align:center}.liveTable .colOrder{text-align:center;font-weight:950}.liveTable .colClient{font-weight:950;min-width:170px}.liveTable .colNext{font-weight:800;min-width:250px}
.liveMobileRows{display:none}
@media(max-width:1150px){.liveDashboardGrid{grid-template-columns:1fr}.liveKpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
  .liveDashboardHead,.liveTasksHead{align-items:stretch}.liveDashboardHead>.btn,.liveTasksHead>.btn{display:none}
  .liveKpis{grid-template-columns:1fr 1fr;gap:7px}.liveKpis button{padding:11px}.liveKpis b{font-size:24px}
  .liveTable{display:none}.liveMobileRows{display:grid;gap:9px;padding:9px}.liveSearchRow{grid-template-columns:1fr}.liveSearchRow span{padding-left:3px}
  .liveRefreshButton{background:#155eef!important;color:#fff!important}
}


/* v7.6 CLEAN DASHBOARD — mniej bodźców, mniej bieli, jedna sprawa w jednej sekcji */
#desk{background:#eef2f5;border:1px solid #dfe5eb;border-radius:22px;padding:14px 15px 16px}
#desk .liveBanner{margin-bottom:10px;padding:7px 10px;border-radius:10px;font-size:12px;box-shadow:none}
.liveDashboardHeadClean{align-items:center;margin-bottom:10px}
.liveDashboardHeadClean h2{font-size:22px}
.liveDashboardHeadClean .liveEyebrow{color:#536273;font-size:10px;letter-spacing:.095em}
.liveDashboardHeadClean .help{font-size:11px;color:#778392}
.liveDashboardActions{display:flex;align-items:center;gap:7px}
.liveDashboardActions .btn{padding:8px 11px;border-radius:11px;box-shadow:none;font-size:12px}
.liveDashboardActions .btn.ghost{background:#f8fafc}
.liveKpisCompact{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}
.liveKpisCompact button{min-height:48px;padding:9px 11px;border-radius:12px;box-shadow:none;background:#f8fafc;display:flex;align-items:center;justify-content:space-between;gap:10px}
.liveKpisCompact button:hover{transform:none;background:#fff;border-color:#b8c4d0}
.liveKpisCompact span{font-size:10px;letter-spacing:.045em;color:#667281}
.liveKpisCompact b{font-size:20px;margin:0;line-height:1}
.liveKpisCompact .liveKpiUrgent{border-left:3px solid #e04b42}.liveKpisCompact .liveKpiWaiting{border-left:3px solid #e9a23b}.liveKpisCompact .liveKpiDone{border-left:3px solid #4eaa78}.liveKpisCompact .liveKpiOpen{border-left:3px solid #7d8b9a}
.liveDashboardGridClean{grid-template-columns:1.12fr 1fr 1fr;gap:9px}
.liveDashboardGridClean .livePanel{background:#f8fafc;border:1px solid #dbe2e8;border-radius:16px;padding:11px 12px;box-shadow:none}
.liveDashboardGridClean .livePanelUrgent,.liveDashboardGridClean .livePanelWaiting{border-top:1px solid #dbe2e8}
.liveDashboardGridClean .livePanelTitle{align-items:flex-start;margin-bottom:3px}
.liveDashboardGridClean .livePanelTitle h3{font-size:11px;color:#263442;letter-spacing:.055em}
.liveDashboardGridClean .livePanelTitle p{margin:3px 0 0;font-size:10px;line-height:1.35;color:#82909e}
.liveDashboardGridClean .livePanelTitle button{font-size:10px;color:#526b86;padding:2px 0}
.liveCardsCompact{gap:0}
.liveTaskCard.compact{position:relative;border:0!important;border-top:1px solid #e5eaf0!important;border-radius:0;background:transparent;padding:10px 2px 10px 10px;box-shadow:none;opacity:1}
.liveTaskCard.compact:first-child{border-top:0!important}
.liveTaskCard.compact:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;border-radius:4px;background:#a8b4c0}
.liveTaskCard.compact.urgent:before{background:#e04b42}.liveTaskCard.compact.waiting:before{background:#e9a23b}
.liveCompactTop{display:flex;align-items:baseline;gap:7px;min-width:0}
.liveCompactTop b{font-size:13px;color:#16202b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.liveCompactTop span{font-size:10px;color:#84909c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.liveTaskCard.compact .liveTaskNext{font-size:12px;line-height:1.36;margin-top:5px;font-weight:780;color:#25313d}
.liveCompactMeta{font-size:10px;line-height:1.35;color:#7b5c24;background:#f5f1e9;border-radius:7px;padding:4px 6px;margin-top:5px;display:inline-block;max-width:100%}
.liveCompactFooter{margin-top:5px}
.liveTaskCard.compact .livePill{font-size:9px;padding:3px 6px;background:#edf1f5;color:#52606d}
.liveTaskCard.compact .livePill.urgent{background:#f8e6e4;color:#9a312a}.liveTaskCard.compact .livePill.waiting{background:#f8edd9;color:#8a5a12}
.liveDashboardGridClean .liveEmpty{background:transparent;border-color:#d5dde5;padding:15px;font-size:11px}
@media(max-width:1150px){.liveDashboardGridClean{grid-template-columns:1fr 1fr}.liveDashboardGridClean .livePanelNext{grid-column:1/-1}.liveKpisCompact{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){
  #desk{padding:10px;border-radius:16px}
  .liveDashboardHeadClean{align-items:flex-start}.liveDashboardActions .btn.ghost{display:none}
  .liveKpisCompact{grid-template-columns:1fr 1fr}.liveKpisCompact button{min-height:44px}
  .liveDashboardGridClean{grid-template-columns:1fr}.liveDashboardGridClean .livePanelNext{grid-column:auto}
  .liveCompactTop{display:block}.liveCompactTop span{display:block;margin-top:2px}
}


/* Opcjonalny tryb przyciemniony tylko dla Dashboardu */
body.liveEyeMode #desk{background:#18212b;border-color:#293747;color:#e7edf4}
body.liveEyeMode #desk .liveEyebrow,body.liveEyeMode #desk .help{color:#9cabba}
body.liveEyeMode #desk .liveKpisCompact button,body.liveEyeMode #desk .livePanel{background:#202b36;border-color:#344250;color:#e7edf4}
body.liveEyeMode #desk .liveKpisCompact button:hover{background:#26323e;border-color:#536578}
body.liveEyeMode #desk .liveKpisCompact span{color:#9cabb8}
body.liveEyeMode #desk .livePanelTitle h3{color:#dce5ed}
body.liveEyeMode #desk .livePanelTitle p{color:#91a0ad}
body.liveEyeMode #desk .livePanelTitle button{color:#a9c5e6}
body.liveEyeMode #desk .liveTaskCard.compact{border-top-color:#33414e!important}
body.liveEyeMode #desk .liveCompactTop b{color:#edf2f6}
body.liveEyeMode #desk .liveCompactTop span{color:#8f9daa}
body.liveEyeMode #desk .liveTaskCard.compact .liveTaskNext{color:#cdd7df}
body.liveEyeMode #desk .liveCompactMeta{background:#352f25;color:#dcc18b}
body.liveEyeMode #desk .liveEmpty{color:#93a1ae;border-color:#41505d}
body.liveEyeMode #desk .liveDashboardActions .btn.ghost{background:#26323e;color:#dce5ed;border-color:#3d4d5c}
body.liveEyeMode #desk .liveBannerFresh{background:#16382c;border-color:#275744;color:#a7e5c7}
body.liveEyeMode #desk .liveBannerStale{background:#3b301d;border-color:#5c4825;color:#f0cf8b}
body.liveEyeMode #desk .liveBannerError{background:#432523;border-color:#6d3531;color:#f2aaa4}
body.liveEyeMode #desk .liveBannerLoading{background:#1d3147;border-color:#315273;color:#b5d4f4}


/* v7.6.3 — czytelniejsze rozdzielenie kart na Dashboardzie */
.liveCardsCompact{gap:10px}
.liveTaskCard.compact{position:relative;border:1.5px solid #d9e2ec!important;border-radius:16px;background:#fff;padding:12px 12px 11px 14px;box-shadow:0 6px 16px rgba(15,23,42,.05);opacity:1;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease,background .15s ease}
.liveTaskCard.compact:first-child{border-top:1.5px solid #d9e2ec!important}
.liveTaskCard.compact:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.08)}
.liveTaskCard.compact:before{content:"";position:absolute;left:-1px;top:-1px;bottom:-1px;width:5px;border-radius:16px 0 0 16px;background:#94a3b8}
.liveTaskCard.compact.compactKind-urgent{background:linear-gradient(180deg,#ffffff 0%,#fff9f9 100%)}
.liveTaskCard.compact.compactKind-waiting{background:linear-gradient(180deg,#ffffff 0%,#fffaf2 100%)}
.liveTaskCard.compact.compactKind-next,.liveTaskCard.compact.compactKind-default{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)}
.liveTaskCard.compact.urgent{border-color:#f1b5b1!important}.liveTaskCard.compact.urgent:before{background:#d92d20}
.liveTaskCard.compact.waiting{border-color:#f7d39a!important}.liveTaskCard.compact.waiting:before{background:#f79009}
.liveTaskCard.compact.done{border-color:#b7e5c8!important}.liveTaskCard.compact.done:before{background:#12b76a}
.liveTaskCard.compact.untouched:not(.urgent){border-color:#f0c4bf!important}.liveTaskCard.compact.untouched:not(.urgent):before{background:#e76f51}
.liveTaskCard.compact.compactKind-next:not(.urgent):not(.waiting):not(.done):not(.untouched){border-color:#bfd5ff!important}.liveTaskCard.compact.compactKind-next:not(.urgent):not(.waiting):not(.done):not(.untouched):before{background:#155eef}
.liveCompactTop{display:flex;align-items:baseline;gap:7px;min-width:0;flex-wrap:wrap}
.liveCompactTop b{font-size:13px;color:#16202b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.liveCompactTop span{font-size:10px;color:#6f7d89;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#f5f7fa;border-radius:999px;padding:2px 7px}
.liveTaskCard.compact .liveTaskNext{font-size:12px;line-height:1.42;margin-top:7px;font-weight:780;color:#25313d}
.liveCompactMeta{font-size:10px;line-height:1.35;color:#7b5c24;background:#f5f1e9;border-radius:8px;padding:5px 7px;margin-top:7px;display:inline-block;max-width:100%}
.liveCompactFooter{margin-top:7px}
.liveTaskCard.compact .livePill{font-size:9px;padding:4px 7px;background:#edf1f5;color:#52606d}
.liveTaskCard.compact .livePill.urgent{background:#fee4e2;color:#b42318}.liveTaskCard.compact .livePill.waiting{background:#fef0c7;color:#93370d}.liveTaskCard.compact .livePill.done{background:#dcfae6;color:#075e45}
@media(max-width:760px){
  .liveTaskCard.compact{padding:11px 10px 10px 12px;border-radius:14px}
  .liveTaskCard.compact:before{border-radius:14px 0 0 14px}
}

body.liveEyeMode #desk .liveTaskCard.compact{background:#202b36;border-color:#3a4b5d!important;box-shadow:none}
body.liveEyeMode #desk .liveTaskCard.compact.compactKind-urgent{background:linear-gradient(180deg,#202b36 0%,#2a2424 100%)}
body.liveEyeMode #desk .liveTaskCard.compact.compactKind-waiting{background:linear-gradient(180deg,#202b36 0%,#2d281f 100%)}
body.liveEyeMode #desk .liveTaskCard.compact.compactKind-next,body.liveEyeMode #desk .liveTaskCard.compact.compactKind-default{background:linear-gradient(180deg,#202b36 0%,#1f2c39 100%)}
body.liveEyeMode #desk .liveCompactTop span{background:#293542;color:#aab8c5}


/* v7.7 — DZISIAJ / grupowanie / szczegóły / lepsza tabela */
.liveClientGroup{position:relative;border:1.5px solid #dbe3ec;border-radius:16px;background:#fff;padding:12px 12px 10px 15px;box-shadow:0 6px 16px rgba(15,23,42,.045);cursor:pointer;transition:.15s ease;overflow:hidden}
.liveClientGroup:hover,.liveClientGroup:focus-visible{transform:translateY(-1px);border-color:#9ab8ff;box-shadow:0 10px 24px rgba(15,23,42,.08);outline:none}
.liveClientGroup:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#155eef}
.liveClientGroup.urgent{border-color:#efb7b2;background:linear-gradient(180deg,#fff,#fff8f8)}.liveClientGroup.urgent:before{background:#d92d20}
.liveClientGroup.waiting{border-color:#f2d19a;background:linear-gradient(180deg,#fff,#fffaf2)}.liveClientGroup.waiting:before{background:#f79009}
.liveClientGroup.next{border-color:#bfd5ff;background:linear-gradient(180deg,#fff,#f8fbff)}
.liveGroupHead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.liveGroupHead>div{min-width:0}.liveGroupHead b{display:block;font-size:14px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.liveGroupHead span{font-size:10px;color:#667085}
.liveGroupTasks{display:grid;gap:6px}.liveGroupTaskLine{border-top:1px solid #edf1f5;padding-top:6px;display:grid;gap:2px}.liveGroupTaskLine:first-child{border-top:0;padding-top:0}
.liveGroupTaskLine span{font-size:10px;color:#667085;font-weight:900;text-transform:uppercase;letter-spacing:.035em}.liveGroupTaskLine b{font-size:12px;line-height:1.35;color:#25313d}.liveGroupTaskLine small{font-size:10px;color:#8a5a12}
.liveGroupMore{font-size:10px;color:#667085;font-weight:900;margin-top:2px}.liveGroupOpen{margin-top:8px;font-size:10px;color:#155eef;font-weight:900}

.liveDetailBackdrop{position:fixed;inset:0;background:rgba(15,23,42,.48);z-index:9997;display:none;justify-content:flex-end;backdrop-filter:blur(2px)}
.liveDetailBackdrop.open{display:flex}.liveDetailOpen{overflow:hidden}.liveDetailDrawer{width:min(620px,96vw);height:100vh;background:#f8fafc;box-shadow:-24px 0 70px rgba(15,23,42,.25);padding:18px;overflow:auto}
.liveDetailHead{position:sticky;top:-18px;z-index:2;background:rgba(248,250,252,.97);padding:18px 0 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid #dbe3ec;margin-bottom:12px}
.liveDetailHead h2{margin:0;font-size:22px}.liveDetailHead p{margin:4px 0 0}.liveDetailContent{display:grid;gap:10px}.liveDetailContent h4{margin:6px 0 0;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#475467}.liveDetailDoneTitle{margin-top:18px!important}
.liveDetailTask{border:1px solid #dbe3ec;background:#fff;border-radius:16px;padding:12px;box-shadow:0 5px 14px rgba(15,23,42,.04)}.liveDetailTask.urgent{border-left:5px solid #d92d20}.liveDetailTask.waiting{border-left:5px solid #f79009}.liveDetailTask.done{border-left:5px solid #12b76a;opacity:.78}
.liveDetailTaskHead{display:flex;justify-content:space-between;gap:8px;align-items:start;margin-bottom:8px}.liveDetailTaskHead b{font-size:14px}.liveDetailTaskHead span{font-size:10px;color:#667085;font-weight:900}
.liveDetailField{border-top:1px solid #edf1f5;padding:7px 0 0;margin-top:7px;display:grid;gap:2px}.liveDetailField span{font-size:9px;text-transform:uppercase;letter-spacing:.055em;color:#667085;font-weight:950}.liveDetailField b{font-size:12px;line-height:1.4;color:#25313d;white-space:pre-wrap}

.liveTableWrap{max-height:72vh;overflow:auto}
.liveTable tbody tr:nth-child(even){background:#fbfcfe}.liveTable tbody tr:hover{background:#eef5ff}
.liveTable tbody tr.urgent{background:#fff6f5}.liveTable tbody tr.waiting{background:#fffaf0}.liveTable tbody tr.done{background:#f3fbf6;color:#52606d}.liveTable tbody tr.untouched:not(.urgent){background:#fff9f7}
.liveTable tbody tr.urgent:hover{background:#ffebe9}.liveTable tbody tr.waiting:hover{background:#fff1d6}.liveTable tbody tr.done:hover{background:#e8f8ee}
.liveTable th{top:0;box-shadow:0 1px 0 rgba(255,255,255,.12)}
.liveFilters{position:sticky;top:0;z-index:3;background:#edf3f8;padding:7px 0 5px;margin-top:6px}

body.liveSideHidden .app{grid-template-columns:1fr}body.liveSideHidden .side{display:none}.topBtns #liveSideToggleBtn{display:inline-flex}
body.liveEyeMode .liveClientGroup{background:#202b36;border-color:#3a4b5d;color:#e7edf4}.liveEyeMode .liveGroupHead b,.liveEyeMode .liveGroupTaskLine b{color:#e7edf4}.liveEyeMode .liveGroupTaskLine{border-color:#33414e}.liveEyeMode .liveGroupTaskLine span,.liveEyeMode .liveGroupHead span{color:#9cabb8}.liveEyeMode .liveGroupOpen{color:#a9c5e6}

@media(max-width:760px){
 .liveDetailDrawer{width:100vw;padding:12px}.liveDetailHead{top:-12px;padding-top:12px}.liveClientGroup{padding:11px 10px 9px 13px}
 .liveTableWrap{max-height:none}.liveFilters{position:static}
}


/* v7.9 — ETAP / FRONTY / MONTAŻ + wcześniejsze etapy produkcji */
.liveWorkflowKpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:-2px 0 11px}
.liveWorkflowKpis button{border:1px solid #d7e0ea;background:#fff;border-radius:11px;padding:8px 10px;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;color:#233143;box-shadow:none}
.liveWorkflowKpis button:hover{border-color:#99b8ef;background:#fbfdff}
.liveWorkflowKpis span{font-size:9px;line-height:1.2;text-transform:uppercase;letter-spacing:.035em;font-weight:900;color:#687586}
.liveWorkflowKpis b{font-size:18px;line-height:1;color:#182230}
.liveWorkflowKpis .fresh{border-left:3px solid #12b76a}.liveWorkflowKpis .overdue{border-left:3px solid #e04b42}.liveWorkflowKpis .production{border-left:3px solid #155eef}.liveWorkflowKpis .contract{border-left:3px solid #f79009}.liveWorkflowKpis .frontAlert{border-left:3px solid #7a5af8}.liveWorkflowKpis .archive{border-left:3px solid #667085}
.liveWorkflowKpis.legacySchema{opacity:.4;filter:grayscale(.65);pointer-events:none}
.liveProductionAction{display:inline-flex;width:max-content;max-width:100%;margin-top:4px;border-radius:999px;padding:3px 7px;font-size:9px;line-height:1.2;font-weight:950;font-style:normal;letter-spacing:.02em}
.liveProductionAction.contract{background:#fee4e2;color:#b42318}.liveProductionAction.fronts{background:#ebe9fe;color:#5925dc}.liveProductionAction.cut{background:#eaf2ff;color:#175cd3}.liveProductionAction.waiting{background:#fef0c7;color:#93370d}
.liveStageGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:8px 0 10px}
.liveStageChip{border:1px solid #dfe5ec;border-radius:10px;padding:7px 8px;background:#f8fafc;min-width:0}
.liveStageChip span{display:block;font-size:8px;line-height:1.15;font-weight:950;letter-spacing:.05em;color:#778395;text-transform:uppercase;margin-bottom:3px}
.liveStageChip b{display:block;font-size:10px;line-height:1.25;color:#344054;overflow-wrap:anywhere}
.liveStageChip.action{border-color:#f5b7b1;background:#fff4f3}.liveStageChip.action b{color:#b42318}
.liveStageChip.done{border-color:#a6e4c2;background:#ecfdf3}.liveStageChip.done b{color:#087443}
.liveStageChip.wait{border-color:#f5d18a;background:#fffaeb}.liveStageChip.wait b{color:#93370d}
.liveStageChip.phase{border-color:#b9d0ff;background:#f0f6ff}.liveStageChip.phase b{color:#1849a9}
.liveStageChip.muted,.liveStageChip.empty{opacity:.65;background:#f5f6f7}.liveStageChip.empty b{color:#98a2b3}
.liveStageInline{display:grid;gap:4px;min-width:150px}.liveStageInline .liveStageChip{display:grid;grid-template-columns:18px 1fr;gap:5px;align-items:center;padding:4px 6px;border-radius:7px}.liveStageInline .liveStageChip span{margin:0;font-size:8px}.liveStageInline .liveStageChip b{font-size:9px}
.liveTable .colStages{min-width:175px;max-width:220px}.liveTable .colEtap{min-width:220px;max-width:260px}.liveTable .colFrontMeta{min-width:180px;max-width:240px}
.liveDetailTask .liveStageGrid{margin-top:10px}
@media(max-width:1150px){.liveWorkflowKpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.liveWorkflowKpis{grid-template-columns:1fr 1fr}.liveStageGrid{grid-template-columns:1fr 1fr}.liveWorkflowKpis button{min-height:40px}}
body.liveEyeMode #desk .liveWorkflowKpis button{background:#202b36;border-color:#344250;color:#e7edf4}
body.liveEyeMode #desk .liveWorkflowKpis span{color:#9cabb8}body.liveEyeMode #desk .liveWorkflowKpis b{color:#edf2f6}
body.liveEyeMode #desk .liveStageChip{background:#26323e;border-color:#3d4d5c}body.liveEyeMode #desk .liveStageChip span{color:#91a0ad}body.liveEyeMode #desk .liveStageChip b{color:#dce5ed}

/* v7.9 — szczegóły operacyjne */
.liveCurrentStage{margin:9px 0 6px;padding:7px 9px;border-radius:9px;background:#eef4ff;border:1px solid #c7d7fe;font-size:10px;color:#344054}.liveCurrentStage b{color:#1849a9}
.liveDetailOps{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 10px}.liveDetailOps .liveDetailField{margin:0}
.liveTable .colEtap>b{display:block;margin-bottom:5px;font-size:11px;color:#344054}.liveTable .colEtap .liveStageInline{min-width:0}
.liveTable .colFrontMeta{font-size:11px;line-height:1.45;font-weight:700;color:#475467}
body.liveEyeMode #desk .liveCurrentStage{background:#24364d;border-color:#39597b;color:#a8bed5}body.liveEyeMode #desk .liveCurrentStage b{color:#d2e4f6}
@media(max-width:760px){.liveDetailOps{grid-template-columns:1fr}}

/* v8.0 — CENTRUM DOWODZENIA / alarmowy autopilot */
.liveKpisCompact{grid-template-columns:repeat(5,minmax(0,1fr))}
.liveKpisCompact .liveKpiAlarm{border-left:3px solid #d92d20;background:#fff7f6}
.liveDashboardGridClean{grid-template-columns:repeat(2,minmax(0,1fr))}
.livePanelAlarm{border-color:#f2c1bc!important;background:#fff9f8!important}
.livePanelAlarm .livePanelTitle h3{color:#9f2d25}
.liveClientGroup.alarm{border-color:#f2b8b3;background:linear-gradient(180deg,#fff,#fff6f5)}
.liveClientGroup.alarm:before{background:#d92d20}
.livePill.alarm{background:#fee4e2;color:#b42318}
.liveAlarmLines{display:grid;gap:6px}
.liveAlarmLine{border-top:1px solid #f4d9d6;padding-top:6px;display:grid;gap:2px}
.liveAlarmLine:first-child{border-top:0;padding-top:0}
.liveAlarmLine b{font-size:11px;color:#b42318;line-height:1.3}
.liveAlarmLine span{font-size:10px;color:#596575;line-height:1.35}
body.liveEyeMode #desk .liveKpiAlarm{background:#382524!important;border-color:#6a3935!important}
body.liveEyeMode #desk .livePanelAlarm{background:#302425!important;border-color:#5d3836!important}
body.liveEyeMode #desk .livePanelAlarm .livePanelTitle h3{color:#f7b4ad}
body.liveEyeMode #desk .liveClientGroup.alarm{background:#2d2324;border-color:#5f3a37;color:#e7edf4}
body.liveEyeMode #desk .liveAlarmLine{border-color:#503332}
body.liveEyeMode #desk .liveAlarmLine b{color:#f3aaa3}
body.liveEyeMode #desk .liveAlarmLine span{color:#aeb9c3}
@media(max-width:1150px){.liveKpisCompact{grid-template-columns:repeat(3,1fr)}.liveDashboardGridClean{grid-template-columns:1fr}}
@media(max-width:760px){.liveKpisCompact{grid-template-columns:1fr 1fr}.liveDashboardGridClean{grid-template-columns:1fr}}