:root{--blue:#0A1A2F;--blue2:#0e2b55;--accent:#f2b705;--bg:#f3f6fb;--card:#fff;--text:#0b1830;--muted:#63718a;--line:#dce5f2;--red:#d51c22;--green:#128447;--field:#f8fafc}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg)}.sk-page{min-height:100vh;display:flex;flex-direction:column}.sk-header{height:82px;background:var(--blue);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:18px;box-shadow:0 10px 30px rgba(0,0,0,.16);position:sticky;top:0;z-index:50}.sk-brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none}.sk-brand img{width:50px;height:50px;object-fit:contain;background:white;border-radius:8px;padding:4px}.sk-brand b{font-size:18px}.sk-brand small{display:block;color:#c7d5ec;font-size:12px}.sk-nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.sk-nav a,.btn{border:0;border-radius:14px;padding:11px 16px;background:#edf3fb;color:var(--blue);text-decoration:none;font-weight:850;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.sk-nav a{background:rgba(255,255,255,.08);color:white;border:1px solid rgba(255,255,255,.18)}.btn.primary{background:var(--blue);color:white}.btn.yellow{background:var(--accent);color:#061628}.btn.danger{background:var(--red);color:white}.btn.ghost{background:#edf3fb;color:var(--blue)}.sk-main{width:min(1500px,100%);margin:0 auto;padding:32px;flex:1}.sk-footer{margin-top:auto;background:#07162a;color:#a9b9d1;font-size:12px;padding:14px 32px;display:flex;gap:18px;justify-content:center;align-items:center;flex-wrap:wrap}.sk-footer a{color:#d8e6fa;text-decoration:none}.hero,.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 15px 50px rgba(10,26,47,.08);margin-bottom:18px}.hero h1,.card h2{margin:0 0 12px}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:span 12}.kpi{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}.kpi b{font-size:34px;display:block}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.field label{font-weight:800;font-size:13px;display:block;margin:0 0 6px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:var(--field);border-radius:12px;padding:12px;font:inherit}.field textarea{min-height:90px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:white}table{width:100%;border-collapse:separate;border-spacing:0}th,td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}th{position:sticky;top:0;background:#eaf1fb;z-index:2}.matrix th,.matrix td{min-width:92px}.matrix .sticky{position:sticky;left:0;background:#f8fbff;z-index:3;min-width:260px}.phase-band{display:grid;grid-template-columns:260px repeat(24,1fr);border:1px solid var(--line);border-radius:18px;overflow:auto;background:white;margin-bottom:12px}.phase-band div{padding:8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:38px}.bar{border-radius:10px;padding:8px;color:white;text-align:center;font-weight:800}.timeline{overflow:auto;border:1px solid var(--line);border-radius:18px}.tl-row{display:grid;grid-template-columns:280px repeat(24,90px);min-width:2440px}.tl-cell,.tl-head{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px;min-height:48px}.tl-head{background:#eaf1fb;font-weight:900}.pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eef4fc;font-weight:850}.alert-ok{background:#e9fff2;border:1px solid #b8f0cd;color:#086030;padding:14px;border-radius:14px;font-weight:850}.alert-bad{background:#fff0f0;border:1px solid #ffc4c4;color:#9c1111;padding:14px;border-radius:14px;font-weight:850}.modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:grid;place-items:center;z-index:999}.modal.hidden{display:none}.modal-card{width:min(480px,92vw);background:white;border-radius:22px;padding:24px;box-shadow:0 20px 80px rgba(0,0,0,.32)}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.org-canvas{height:620px;border:1px dashed var(--line);border-radius:18px;background:linear-gradient(#fff,#f8fbff);position:relative;overflow:auto}.org-node{position:absolute;min-width:190px;padding:12px;border-radius:16px;background:var(--blue);color:white;box-shadow:0 10px 30px rgba(0,0,0,.18);cursor:move}.dark{--bg:#081426;--card:#101f34;--text:#e5eefc;--muted:#9cafc9;--line:#243852;--field:#0b1728}.dark .table-wrap,.dark table,.dark .timeline,.dark .phase-band{background:#101f34}.dark th,.dark .tl-head{background:#172941}.dark .sticky,.dark .tl-cell{background:#101f34}@media(max-width:900px){.sk-header{height:auto;align-items:flex-start;flex-direction:column;padding:18px}.sk-nav{justify-content:flex-start}.sk-main{padding:18px}.grid,.form-grid{grid-template-columns:1fr}.col-3,.col-4,.col-6,.col-8,.col-12{grid-column:span 1}.hero,.card{padding:18px}.tl-row{grid-template-columns:220px repeat(12,80px)}}
/* V8 enterprise usability */
.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.actions{display:flex;gap:10px;flex-wrap:wrap}.small{padding:7px 10px;border-radius:10px;font-size:12px}.inline{display:inline}.hidden{display:none!important}.inline-form{background:#f8fbff;border:1px solid var(--line);border-radius:18px;padding:16px;margin:12px 0}.compact{grid-template-columns:repeat(4,1fr)}.col-span{grid-column:1/-1}.data-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.table-tools{display:flex;align-items:center;gap:12px;margin:10px 0 14px;flex-wrap:wrap}.table-tools input,.table-tools select{border:1px solid var(--line);background:var(--field);border-radius:12px;padding:10px 12px;min-width:220px}.row-actions{white-space:nowrap}.data-table tr[draggable=true],.matrix tr[draggable=true]{cursor:grab}.wide{max-width:100%;overflow-x:auto;overflow-y:hidden}.tl-row.dynamic{display:grid;grid-template-columns:300px repeat(var(--months), 106px);min-width:max-content}.timeline .tl-cell,.timeline .tl-head{min-height:54px}.matrix-wrap{max-width:100%;overflow:auto;max-height:72vh}.matrix.enterprise{width:max-content;min-width:100%}.matrix.enterprise th{top:0;white-space:nowrap;user-select:none}.matrix.enterprise td{padding:4px;vertical-align:middle}.matrix.enterprise input,.matrix.enterprise select{width:100%;min-width:70px;border:0;background:transparent;padding:8px;font:inherit}.matrix.enterprise input:focus,.matrix.enterprise select:focus{outline:2px solid #8db7ff;background:#fff}.matrix.enterprise .fte-cell{background:#eef6ff}.matrix.enterprise .fte-cell input{text-align:right}.matrix.enterprise .sum-cell{font-weight:900;background:#fff8db}.month-col{background:#dcecff!important}.resizer{float:right;width:8px;height:22px;cursor:col-resize;display:inline-block;border-right:2px solid #94a3b8}.phase-add{margin-bottom:14px}.card hr{border:0;border-top:1px solid var(--line);margin:18px 0}.tl-row.dynamic .bar{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overview-gantt{overflow:auto;border:1px solid var(--line);border-radius:18px}.overview-gantt .tl-row.dynamic{grid-template-columns:320px repeat(var(--months), 108px)}.overload{background:#ffe5e5!important;color:#8b0000;font-weight:900}.okload{background:#eafff2!important;color:#086030;font-weight:900}@media(max-width:900px){.compact{grid-template-columns:1fr}.section-head{display:block}.actions{margin-top:12px}.tl-row.dynamic{grid-template-columns:220px repeat(var(--months), 86px)}.overview-gantt .tl-row.dynamic{grid-template-columns:240px repeat(var(--months), 86px)}.matrix-wrap{max-height:70vh}}


/* V9 layout and field polish */
.sk-main{width:100%;max-width:none;padding:28px 44px;}
.hero,.card{width:100%;}
input,select,textarea{appearance:auto;border:1px solid var(--line);background:var(--field);border-radius:14px;padding:12px 14px;font:inherit;color:var(--text);min-height:46px;box-shadow:inset 0 1px 0 rgba(255,255,255,.45);}
input[type="color"]{padding:4px;min-height:42px;max-width:86px;}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(77,163,255,.22);border-color:#8db7ff;background:#fff;}
.dark input:focus,.dark select:focus,.dark textarea:focus{background:#0b1728;}
.form-grid > input,.form-grid > select,.form-grid > textarea{width:100%;}
.form-grid.compact{grid-template-columns:repeat(4,minmax(180px,1fr));align-items:end;}
.timeline,.table-wrap,.overview-gantt{width:100%;overflow-x:auto;overflow-y:hidden;}
.tl-row.dynamic{grid-template-columns:320px repeat(var(--months),112px);min-width:max-content;}
.tl-row.dynamic .tl-head:first-child,.tl-row.dynamic .tl-cell:first-child{position:sticky;left:0;z-index:4;background:#f8fbff;}
.tl-row.dynamic .tl-head:first-child{background:#eaf1fb;}
.dark .tl-row.dynamic .tl-head:first-child{background:#172941}.dark .tl-row.dynamic .tl-cell:first-child{background:#101f34}
.phase-editor-table input,.phase-editor-table select{width:100%;min-width:120px;}
.phase-editor-table td{vertical-align:middle;}
.matrix.enterprise input,.matrix.enterprise select{min-height:38px;border-radius:10px;background:#fff;}
.dark .matrix.enterprise input,.dark .matrix.enterprise select{background:#0b1728;}
@media(max-width:1100px){.sk-main{padding:22px 22px}.form-grid.compact{grid-template-columns:repeat(2,minmax(160px,1fr));}.tl-row.dynamic{grid-template-columns:260px repeat(var(--months),94px)}}
@media(max-width:700px){.sk-main{padding:14px 10px}.form-grid.compact{grid-template-columns:1fr}.tl-row.dynamic{grid-template-columns:220px repeat(var(--months),86px)}}

/* V10 resource planning logic */
.matrix.enterprise thead tr.phase-head th{top:0;background:#edf6ff;z-index:6;font-size:12px;color:#334155;}
.matrix.enterprise thead tr:nth-child(2) th{top:38px;z-index:7;}
.month-phase{height:38px;vertical-align:middle;text-align:center;}
.month-phase span{display:inline-block;color:#fff;border-radius:999px;padding:4px 8px;margin:1px;font-size:11px;font-weight:900;}
.month-col small{display:block;font-size:10px;color:#64748b;margin-top:2px;}
.matrix.enterprise td.fte-cell{position:relative;background:#f3f8ff;}
.matrix.enterprise td.fte-cell input{font-weight:800;text-align:right;background:#fff;border:1px solid #e3ebf7;border-radius:12px;}
.matrix.enterprise td.fte-cell .cell-cost{display:block;text-align:right;color:#64748b;font-size:10px;padding:1px 7px 3px;}
.matrix.enterprise .cap-ok{background:#eafff2!important;}
.matrix.enterprise .cap-low{background:#fff9db!important;}
.matrix.enterprise .cap-warn{background:#fff2cc!important;}
.matrix.enterprise .cap-bad{background:#ffe1e1!important;box-shadow:inset 0 0 0 2px #ef4444;}
.warnload{background:#fff2cc!important;color:#7a4a00;font-weight:900}.overload{background:#ffe1e1!important;color:#991b1b;font-weight:900}.okload{background:#eafff2!important;color:#065f46;font-weight:900}
.cost-cell,.sum-cell{font-weight:900;background:#fff8db!important;white-space:nowrap;}
.mini-x{float:right;border:0;background:#d51c22;color:white;border-radius:8px;font-weight:900;line-height:1;padding:2px 6px;margin-left:4px;cursor:pointer;}
.table-wrap.matrix-wrap{max-height:78vh;}
#resourceMatrix{border-collapse:separate;border-spacing:0;}
#resourceMatrix th,#resourceMatrix td{white-space:nowrap;}
#resourceMatrix td[data-key="resource"],#resourceMatrix th[data-col="resource"]{position:sticky;left:0;z-index:5;background:#f8fbff;}
#resourceMatrix thead th[data-col="resource"]{z-index:9;background:#eaf1fb;}
.dark #resourceMatrix td[data-key="resource"]{background:#101f34}.dark #resourceMatrix thead th[data-col="resource"]{background:#172941}
.field input,.field select,.field textarea,.table-tools input,.table-tools select,.inline-form input,.inline-form select,.inline-form textarea{border:1px solid var(--line);background:var(--field);border-radius:14px;padding:12px 14px;min-height:46px;box-shadow:inset 0 1px 0 rgba(255,255,255,.45);}

/* V11 calendar filters and export-oriented timeline */
.checkline{display:flex;gap:12px;flex-wrap:wrap;align-items:center;min-height:46px;background:var(--field);border:1px solid var(--line);border-radius:14px;padding:10px 12px}
.checkline label{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:13px;margin:0}.checkline input{min-height:auto;box-shadow:none;width:auto}
.calendar-gantt .tl-row.dynamic{grid-template-columns:360px repeat(var(--months),118px)}
.calendar-gantt .row-title small{display:block;color:var(--muted);margin-top:4px;font-size:12px;line-height:1.35}.calendar-gantt .bar{font-size:12px;min-height:30px;display:flex;align-items:center;justify-content:center}.project-bar{background:var(--blue)!important}.event-bar{color:#061628!important}.event-cell{background:#fffdf3}.dark .event-cell{background:#1c2638}
@media(max-width:900px){.calendar-gantt .tl-row.dynamic{grid-template-columns:260px repeat(var(--months),90px)}}

/* V14 template builder and Visio-like project org chart */
.form-grid.one{grid-template-columns:1fr}.template-card{border:1px solid var(--line);border-radius:18px;padding:16px;margin:16px 0;background:linear-gradient(180deg,#fff,#f8fbff)}.template-head{display:grid;grid-template-columns:120px 220px 1fr 120px auto;gap:12px;align-items:end;margin-bottom:12px}.template-card input,.template-card select,.phase-editor-table input,.data-table input{border:1px solid var(--line);background:var(--field);border-radius:10px;padding:9px;width:100%}.org-workspace{height:760px;min-width:1100px;border:1px solid var(--line);border-radius:22px;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:24px 24px;position:relative;overflow:auto}.org-lines{position:absolute;inset:0;width:2200px;height:1400px;pointer-events:none;z-index:1}.org-node.visio{z-index:2;position:absolute;min-width:220px;max-width:300px;border:2px solid rgba(255,255,255,.72);border-radius:16px;padding:14px;color:white;box-shadow:0 14px 32px rgba(10,26,47,.25);cursor:grab;user-select:none}.org-node.visio:active{cursor:grabbing}.org-node.visio small{display:block;margin-top:5px;color:rgba(255,255,255,.84)}.org-actions{display:flex;gap:6px;margin-top:10px}.mini{border:0;border-radius:8px;background:rgba(255,255,255,.18);color:white;padding:5px 7px;font-weight:800;cursor:pointer}.mini.danger{background:#d51c22}.org-line-label{font:12px Inter,Arial;fill:#334155;font-weight:800}.dark .template-card{background:#101f34}.dark .org-line-label{fill:#d8e6fa}@media(max-width:900px){.template-head{grid-template-columns:1fr}.org-workspace{min-width:900px;height:680px}}


/* V15 resource capacity */
.kpi-link{text-decoration:none;color:var(--text)}.capacity-wrap{max-height:78vh}.capacity-matrix th,.capacity-matrix td{white-space:nowrap}.capacity-matrix .res-main{min-width:260px}.capacity-matrix td small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.capacity-matrix td em{display:block;font-style:normal;font-size:11px;margin-top:3px;color:#334155}.cap-bad{background:#ffe1e1!important;color:#991b1b;font-weight:900}.cap-ok{background:#eafff2!important;color:#065f46;font-weight:900}.cap-low{background:#fff2cc!important;color:#7a4a00;font-weight:900}.cap-under{background:#f8fafc!important;color:#64748b}.alert-warn{background:#fff8db;border:1px solid #f6d66b;color:#7a4a00;padding:14px;border-radius:14px;font-weight:850}.capacity-detail-row td{background:#fbfdff}.capacity-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.detail-month{border:1px solid var(--line);border-radius:14px;padding:10px;background:#fff}.detail-line{border-top:1px solid var(--line);padding:8px 0;display:grid;grid-template-columns:1fr auto;gap:4px}.detail-line span{font-weight:850}.detail-line small{grid-column:1/-1;color:var(--muted)}.detail-line strong{font-size:12px;color:var(--blue)}.dark .capacity-detail-row td,.dark .detail-month{background:#101f34}.dark .capacity-matrix td em{color:#d8e6fa}
.warnload{background:#fff4cc!important;color:#7a4b00;font-weight:900}.overview-analytics .card{min-height:280px}.summary-row{padding:12px 0;border-bottom:1px solid var(--line)}.summary-row:last-child{border-bottom:0}.summary-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:14px}.summary-top span{white-space:nowrap;color:var(--muted);font-weight:800}.summary-sub{font-size:12px;color:var(--muted);margin-top:4px}.summary-track{height:12px;background:#e8eef7;border-radius:999px;overflow:hidden;margin-top:8px}.summary-track.small-track{height:10px;min-width:150px;margin:0}.summary-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#0A1A2F,#2b63e5)}.summary-fill.phase{background:linear-gradient(90deg,#166534,#22c55e)}.summary-fill.cost{background:linear-gradient(90deg,#9a6700,#f2b705)}.dark .summary-track{background:#243852}.overview-analytics table td,.overview-analytics table th{white-space:nowrap}

/* SKRESOURCES v18 Org Chart */
.org-node.shape-box{border-radius:6px}
.org-node.shape-round{border-radius:18px}
.org-node.shape-pill{border-radius:999px}
.org-node.shape-diamond{transform:rotate(45deg);display:flex;align-items:center;justify-content:center;text-align:center}
.org-node.shape-diamond b,.org-node.shape-diamond small,.org-node.shape-diamond .org-actions{transform:rotate(-45deg)}
.org-node{min-width:90px;min-height:54px;resize:none;overflow:visible}
.org-resize{position:absolute;right:4px;bottom:4px;width:14px;height:14px;border-right:3px solid rgba(255,255,255,.85);border-bottom:3px solid rgba(255,255,255,.85);cursor:nwse-resize}
.alert-warn{margin:12px 24px;padding:12px 16px;border-radius:14px;background:#fff5d6;border:1px solid #f2b705;color:#5b4400;font-weight:800}

/* v29 capacity colours: below target yellow, exactly target green, above target red */
.warnload,.cap-low,.cap-under{background:#fff3cd!important;color:#7a4b00!important}
.okload,.cap-ok{background:#e8fff2!important;color:#00643b!important}
.overload,.cap-bad{background:#ffe1e1!important;color:#980000!important}
[data-total-month] small{display:block;font-size:11px;font-weight:700;opacity:.82;margin-top:2px}
.org-node.shape-circle{border-radius:999px;aspect-ratio:1/1}
.org-node.shape-ellipse{border-radius:50%}
.org-node.shape-process{border-radius:6px;border-left:8px solid rgba(255,255,255,.28)}
.org-node.shape-decision,.org-node.shape-diamond{transform:rotate(45deg);display:flex;align-items:center;justify-content:center}
.org-node.shape-decision>b,.org-node.shape-decision>small,.org-node.shape-decision>.org-actions,.org-node.shape-diamond>b,.org-node.shape-diamond>small,.org-node.shape-diamond>.org-actions{transform:rotate(-45deg)}
.org-node.shape-hexagon{clip-path:polygon(18% 0,82% 0,100% 50%,82% 100%,18% 100%,0 50%)}
.org-node.shape-parallelogram{clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}

/* v30 */
.cap-low,.warnload{background:#fff3cd!important;color:#7a4b00!important;font-weight:800}.cap-ok,.okload{background:#dff8e8!important;color:#006b32!important;font-weight:800}.cap-bad,.overload{background:#f8d7da!important;color:#9b0000!important;font-weight:900}.org-workspace{min-height:760px;overflow:auto;position:relative;background:#f5f7fb;border:1px solid #d9e2ef}.org-node.visio{box-shadow:0 10px 22px rgba(10,26,47,.16);cursor:move}.org-actions{position:absolute;right:6px;bottom:6px;display:flex;gap:4px}.org-node .mini{font-size:11px;padding:4px 7px;border-radius:8px;border:0}.org-resize{position:absolute;right:0;bottom:0;width:14px;height:14px;cursor:nwse-resize;background:rgba(255,255,255,.55);border-radius:6px 0 0 0}
.status-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;font-weight:900;font-size:13px;border:1px solid var(--line);background:#eef5ff;color:#0A1A2F}.status-draft{background:#eef2f7;color:#334155}.status-issued_for_approval,.status-pending{background:#fff3cd;color:#7a4b00}.status-approved{background:#e8fff2;color:#00643b}.status-rejected{background:#f8d7da;color:#9b0000}.status-active{background:#e8fff2;color:#00643b}.status-archived{background:#f1f5f9;color:#475569}.org-lines path{stroke-linecap:round;stroke-linejoin:round}.org-workspace .org-node.visio{z-index:3}.org-lines{position:absolute;left:0;top:0;z-index:1;pointer-events:none}.org-node.visio{position:absolute}.org-node.visio b,.org-node.visio small{position:relative;z-index:2}.org-node.visio small{display:block;font-size:12px;opacity:.88;margin-top:4px}.org-node.visio.shape-diamond{transform:rotate(0deg)}
/* v33: fixed resource column in the resource matrix */
#resourceMatrix th.resource-fixed,#resourceMatrix td.resource-fixed{position:sticky;left:0;z-index:8;background:#f8fbff;box-shadow:2px 0 0 #dce5f2;}
#resourceMatrix thead th.resource-fixed{z-index:12;background:#eaf1fb;}
#resourceMatrix th[data-fixed-col]{cursor:not-allowed;}
.approval-flow{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.approval-step{padding:9px 13px;border-radius:999px;background:#e8eef7;font-weight:850}.approval-step.active{background:#f2b705;color:#061628}.approval-step.done{background:#128447;color:#fff}.approval-step.bad{background:#d51c22;color:#fff}.approval-step.muted{background:#eef2f7;color:#64748b}.approval-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.approval-history{font-size:13px}.org-lines path{shape-rendering:geometricPrecision}.org-node.visio{box-shadow:0 12px 30px rgba(10,26,47,.10)}

.evm-banner{width:min(1500px,calc(100% - 64px));margin:18px auto 0;background:#fff7d6;border:1px solid #f2d36b;color:#4a3500;border-radius:16px;padding:14px 18px;text-align:center;font-weight:850;box-shadow:0 10px 28px rgba(10,26,47,.08)}
.deactivate-box{max-width:760px;margin:70px auto;padding:42px;background:#fff;border-radius:22px;border:1px solid var(--line);box-shadow:0 18px 60px rgba(10,26,47,.12);text-align:center}.deactivate-box h3{color:#b71c1c;font-size:26px;margin:0 0 18px}.deactivate-box p{font-size:17px;line-height:1.6;color:#334155}.deactivate-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:22px}
.alert-error{background:#fff0f0;border:1px solid #ffc4c4;color:#9c1111;padding:14px;border-radius:14px;font-weight:850;margin-bottom:16px}
.org-help{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.org-help span{background:#eef4fc;border:1px solid var(--line);border-radius:999px;padding:7px 11px;font-weight:800;font-size:12px;color:var(--blue)}
.org-edge-selected{filter:drop-shadow(0 0 5px rgba(242,183,5,.95));}
/* v35 OrgChart editor extensions */
.org-lines{pointer-events:none!important;}
.org-lines path{pointer-events:stroke!important;cursor:pointer;stroke-linecap:square;stroke-linejoin:miter;}
.org-edge-selected{filter:drop-shadow(0 0 6px rgba(242,183,5,.95));stroke:#f2b705!important;}
.org-node.type-text,.org-node.shape-text{background:transparent!important;color:var(--blue)!important;border-color:transparent!important;box-shadow:none!important;}
.org-node.type-frame,.org-node.shape-frame{background:rgba(10,26,47,.04)!important;color:var(--blue)!important;border:2px dashed #64748B!important;box-shadow:none!important;}
.org-node.type-frame b,.org-node.type-frame small{display:none!important;}
.org-node.visio{overflow:visible;}
.org-node.visio::before,.org-node.visio::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;border:2px solid #1d4ed8;opacity:0;transition:.12s;}
.org-node.visio::before{left:50%;top:-6px;transform:translateX(-50%)}
.org-node.visio::after{left:50%;bottom:-6px;transform:translateX(-50%)}
.org-node.visio:hover::before,.org-node.visio:hover::after{opacity:1;}

/* SKRESOURCES global banner */
.banner{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:center;z-index:9999;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;transition:height .3s ease,transform .28s ease;overflow:hidden}.banner.expanded{height:auto}.banner.minimized{height:30px}.banner__inner{width:min(1200px,96%);background:linear-gradient(90deg,#002b5c,#005aa7);color:#fff;padding:12px 16px;border-radius:0 0 8px 8px;box-shadow:0 6px 18px rgba(0,0,0,.15);display:flex;align-items:center;gap:12px;transition:padding .3s ease}.banner.minimized .banner__inner{padding:2px 10px}.banner__message{flex:1 1 auto;font-size:15px;line-height:1.3;word-break:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.close-btn{background:transparent;border:none;color:#fff;font-size:18px;line-height:1;cursor:pointer;border-radius:6px;padding:2px 6px}.close-btn:focus{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.banner+main,.banner~main{padding-top:44px}
.org-anchor-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;border:2px solid #1d4ed8;z-index:20;opacity:0;pointer-events:auto;cursor:crosshair}.org-node.visio:hover .org-anchor-dot,.org-anchor-dot.anchor-selected{opacity:1}.org-anchor-dot[data-a="top"]{top:-6px;left:50%;transform:translateX(-50%)}.org-anchor-dot[data-a="bottom"]{bottom:-6px;left:50%;transform:translateX(-50%)}.org-anchor-dot[data-a="left"]{left:-6px;top:50%;transform:translateY(-50%)}.org-anchor-dot[data-a="right"]{right:-6px;top:50%;transform:translateY(-50%)}.org-anchor-dot[data-a="top-left"]{left:-6px;top:-6px}.org-anchor-dot[data-a="top-right"]{right:-6px;top:-6px}.org-anchor-dot[data-a="bottom-left"]{left:-6px;bottom:-6px}.org-anchor-dot[data-a="bottom-right"]{right:-6px;bottom:-6px}.org-anchor-dot[data-a="center"]{left:50%;top:50%;transform:translate(-50%,-50%)}

.org-anchor-dot.anchor-selected{background:#f2b705!important;border-color:#0A1A2F!important;box-shadow:0 0 0 4px rgba(242,183,5,.25)}
.org-workspace.connect-mode{cursor:crosshair}

/* v40 OrgChart Präzisionsfix */
.org-lines{pointer-events:auto!important;overflow:visible!important}.org-lines path{pointer-events:stroke!important;stroke-linecap:square!important;stroke-linejoin:miter!important}.org-workspace{position:relative;transform:translateZ(0)}.org-anchor-dot{box-shadow:0 0 0 3px rgba(29,78,216,.13)}

/* v42 additions */
.sk-nav a.nav-yellow{background:var(--accent)!important;color:#061628!important;border-color:rgba(242,183,5,.7)!important}.org-lines{width:auto!important;height:auto!important;min-width:100%;min-height:100%;}.org-node.visio .org-anchor-dot{touch-action:none}.org-workspace.connect-mode .org-node.visio{cursor:crosshair!important}

/* v43 dashboard/project status */
.status-active{background:#eafff2;color:#065f46}.status-archived{background:#eef2f7;color:#334155}.status-deleted{background:#ffe1e1;color:#991b1b}
/* v43 compact capacity matrix */
.capacity-wrap{max-height:68vh!important;overflow:auto!important;border-radius:18px}.capacity-matrix{font-size:12px}.capacity-matrix th,.capacity-matrix td{padding:7px 9px!important}.capacity-matrix .res-main{min-width:190px!important}.capacity-matrix td small,.capacity-matrix td em{font-size:10px!important}.capacity-detail-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important}.detail-month{padding:8px!important}.detail-line{padding:5px 0!important}.capacity-overview-stack{display:grid;grid-template-columns:1fr;gap:22px}.capacity-mini-timeline{font-size:12px}.powered-export{font-size:11px;color:#607089;margin-top:12px;text-align:right}


.month-load{min-width:112px;text-align:center}
.month-load small{display:block;font-weight:950;font-size:13px;margin-top:3px}
.month-load em{display:block;font-size:10px;font-style:normal;color:#475569;margin-top:2px}
.cap-empty{background:#eef2f7!important;color:#334155!important}
.cap-very-low{background:#fff7cc!important;color:#8a5b00!important}
.cap-low{background:#fff1b8!important;color:#7a4c00!important}
.cap-near{background:#dff8e8!important;color:#075c2c!important}
.cap-ok{background:#cbf4d7!important;color:#065f2a!important}
.cap-over-light{background:#ffe0cc!important;color:#9a3412!important}
.cap-over{background:#ffc6c6!important;color:#991b1b!important}
.cap-critical{background:#dc2626!important;color:#fff!important}
.cap-critical small,.cap-critical em{color:#fff!important}
.capacity-legend{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.capacity-legend span{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}
.nav-disabled{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 13px;
    border-radius:999px;
    border:1px solid rgba(148,163,184,.35);
    color:#94a3b8;
    background:rgba(226,232,240,.45);
    font-weight:800;
    cursor:not-allowed;
    opacity:.72;
    user-select:none;
}
.nav-disabled::after{content:" 🔒";font-size:.82em;}

/* v48 billing/legal flow */
.check-row{display:flex;align-items:flex-start;gap:12px;margin:12px 0;font-size:16px;line-height:1.45}
.check-row input[type="checkbox"]{width:22px;height:22px;flex:0 0 auto;margin-top:2px}
.billing-legal-note{margin:18px 0;padding:16px;border-left:4px solid var(--sk-blue,#0A1A2F);background:rgba(10,26,47,.04);border-radius:12px;color:#4b5b73;line-height:1.55}
.billing-review .kv-table{width:100%;border-collapse:collapse}.billing-review .kv-table th,.billing-review .kv-table td{padding:10px 12px;border-bottom:1px solid #dbe5f2;text-align:left;vertical-align:top}.billing-review .kv-table th{width:38%;color:#53647d}.small-note{margin-top:14px}.danger-zone{border-color:#fecaca}.btn.danger{background:#dc1f2a;color:#fff}.btn.wide{min-width:260px}

/* SKRESOURCES v54 OrgChart Enterprise controls */
.org-zoom-toolbar{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:10px 12px;border:1px solid var(--line,#D9E2EF);border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(10,26,47,.06)}
.org-zoom-toolbar button{border:1px solid var(--line,#D9E2EF);background:#F8FBFF;color:#0A1A2F;border-radius:10px;padding:7px 11px;font-weight:900;cursor:pointer}
.org-zoom-toolbar button:hover{background:#EAF2FF}
#orgZoomValue{font-size:12px;font-weight:900;color:#64748B;min-width:48px;text-align:right}.dark .org-zoom-toolbar{background:#0f1d30}.dark .org-zoom-toolbar button{background:#14243a;color:#dbeafe}
.org-anchor-dot{width:12px!important;height:12px!important;background:#fff!important;border:2px solid #0A66FF!important;box-shadow:0 0 0 4px rgba(10,102,255,.12)!important}
.org-node.visio:hover .org-anchor-dot,.org-workspace.connect-mode .org-anchor-dot,.org-anchor-dot.anchor-selected{opacity:1!important}
.org-lines path{vector-effect:non-scaling-stroke;shape-rendering:crispEdges;stroke-linecap:square!important;stroke-linejoin:miter!important}


/* SKRESOURCES Manual */
.manual-hero .manual-toc{gap:8px;flex-wrap:wrap;margin-top:14px}.manual-grid{align-items:stretch}.manual-card{scroll-margin-top:120px}.manual-list{margin:12px 0 0;padding-left:20px;line-height:1.65}.manual-list li{margin:6px 0}.manual-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.manual-steps div{border:1px solid var(--border,#D9E2EF);border-radius:16px;padding:14px;background:rgba(255,255,255,.72)}.manual-steps b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:999px;background:#F2B705;color:#0A1A2F;margin-right:8px}.manual-steps span{font-weight:700;color:var(--text,#142033)}@media(max-width:900px){.manual-steps{grid-template-columns:1fr}.manual-card{grid-column:span 12!important}}
/* v59 vacation/absence planner */
.vacation-matrix td,.vacation-matrix th{font-size:12px;vertical-align:top;min-width:118px}.vacation-matrix .pill{display:inline-block;margin:2px 2px 0 0;padding:2px 6px;border-radius:999px;font-size:10px;font-weight:800}.alert-warn{background:#fff7df;border:1px solid #f2b705;color:#7a5200;border-radius:14px;padding:16px}.cap-bad .pill{background:#ef4444;color:#fff}.cap-low .pill,.cap-near .pill{background:#f2b705;color:#0A1A2F}.cap-ok .pill{background:#16a34a;color:#fff}


.mini-cost-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.mini-cost-grid span{background:#f5f7fb;border:1px solid #d9e2ef;border-radius:12px;padding:9px;font-size:12px}.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.check-grid label{padding:10px 12px;border:1px solid #d9e2ef;border-radius:12px;background:#f8fafc}.portfolio-forecast-bars .summary-fill{min-height:8px}
.forecast-bars td{min-width:150px;vertical-align:top}.forecast-bars small{display:block;margin-top:4px;color:var(--muted);font-weight:800}.forecast-bars .summary-track{margin-top:0}

/* v68 capacity detail alignment: assignment details stay under the exact month columns */
.capacity-detail-aligned .capacity-month-detail{vertical-align:top;min-width:230px;max-width:280px;background:#fbfdff!important;white-space:normal!important}
.capacity-detail-aligned .detail-month.compact{border:1px solid var(--line);border-radius:12px;padding:8px;background:#fff;min-height:40px}
.capacity-detail-aligned .detail-line.compact{display:block;border-top:1px solid var(--line);padding:6px 0;line-height:1.25}
.capacity-detail-aligned .detail-line.compact:first-of-type{border-top:0}
.capacity-detail-aligned .detail-line.compact span{display:block;font-weight:900;font-size:12px;color:var(--text)}
.capacity-detail-aligned .detail-line.compact small{display:block;color:var(--muted);font-size:10px;white-space:normal;overflow:hidden;text-overflow:ellipsis;max-height:30px}
.capacity-detail-aligned .detail-line.compact strong{display:block;margin-top:3px;font-size:11px;color:var(--blue)}
.dark .capacity-detail-aligned .capacity-month-detail{background:#101f34!important}
.dark .capacity-detail-aligned .detail-month.compact{background:#0d1b2f}

.overload-jump,.overload-jump-cell{cursor:pointer}.overload-detail{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px;font-size:12px}.overload-detail span{background:rgba(255,255,255,.65);border:1px solid rgba(153,27,27,.18);border-radius:999px;padding:3px 8px}.sk-focus-target{outline:3px solid #f2b705!important;box-shadow:0 0 0 6px rgba(242,183,5,.22)!important;transition:box-shadow .2s,outline .2s}

/* SK-TOOLS dropdown */
.sk-nav-dropdown{position:relative;display:inline-flex;align-items:center}.sk-nav-dropbtn{border:1px solid rgba(242,183,5,.7);border-radius:14px;padding:11px 16px;background:var(--accent)!important;color:#061628!important;font-weight:850;cursor:pointer}.sk-nav-dropdown-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:210px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(10,26,47,.22);padding:8px;display:none;z-index:200}.sk-nav-dropdown:hover .sk-nav-dropdown-menu,.sk-nav-dropdown:focus-within .sk-nav-dropdown-menu{display:block}.sk-nav-dropdown-menu a{display:flex!important;width:100%;background:#fff!important;color:var(--blue)!important;border:0!important;border-radius:10px;padding:10px 12px;text-align:left;justify-content:flex-start}.sk-nav-dropdown-menu a:hover{background:#edf3fb!important}@media(max-width:900px){.sk-nav-dropdown{width:auto}.sk-nav-dropdown-menu{left:0;right:auto}}

/* v79 enterprise integration */
.heatmap-legend{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.heatmap-legend span{border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;border:1px solid rgba(10,26,47,.12)}
.health-ok,.health-warn,.health-bad,.pill.health-ok,.pill.health-warn,.pill.health-bad{font-weight:900}.health-ok{background:#dcfce7;color:#166534}.health-warn{background:#fef3c7;color:#92400e}.health-bad{background:#fee2e2;color:#991b1b}.kpi.kpi-warn{background:#fff7df;border-color:#f2b705}.milestone-bar{font-weight:900;border-radius:999px}.metric-card.cap-ok{background:#ecfdf5}.metric-card.cap-near{background:#fff7df}.metric-card.cap-bad{background:#fff1f2}

/* v81 Dashboard Warncenter cards - loaded by global header */
.warncenter-card{border:1px solid #d8e4f2;background:linear-gradient(180deg,#fff,#f8fbff);overflow:hidden}
.warncenter-card .section-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:14px}
.warncenter-card .section-head p{margin:4px 0 0}
.warncenter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%}
.warn-kpi{position:relative;display:grid!important;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center;text-decoration:none!important;color:#0A1A2F!important;background:#fff;border:1px solid #dbe7f4;border-radius:18px;padding:16px;box-shadow:0 12px 28px rgba(10,26,47,.07);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;min-height:112px}
.warn-kpi:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(10,26,47,.12);border-color:#b8cbe3}
.warn-kpi i{grid-row:span 3;width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#edf4ff;font-style:normal;font-size:22px}
.warn-kpi strong{font-size:34px;line-height:1;font-weight:900;color:#061b3a;display:block}
.warn-kpi span{font-weight:900;font-size:14px;display:block;color:#061b3a}
.warn-kpi small{color:#64748b;font-size:12px;line-height:1.35;display:block;white-space:normal}
.warn-kpi.ok{border-left:6px solid #16a34a}.warn-kpi.ok i{background:#dcfce7}
.warn-kpi.warning{border-left:6px solid #f59e0b}.warn-kpi.warning i{background:#fef3c7}
.warn-kpi.danger{border-left:6px solid #dc2626}.warn-kpi.danger i{background:#fee2e2}
.dashboard-kpis .kpi{background:#fff;border:1px solid #dbe7f4;border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(8,27,58,.06);font-size:14px;font-weight:800;color:#475569;text-decoration:none!important}
.dashboard-kpis .kpi b{display:block;font-size:34px;color:#061b3a;margin-bottom:4px}
.dashboard-kpis .kpi.kpi-warn b{color:#dc2626}
.dark .warncenter-card{background:linear-gradient(180deg,#0f2034,#0b1829);border-color:#253a58}.dark .warn-kpi{background:#10223a;border-color:#253a58;color:#e5edf7!important}.dark .warn-kpi span,.dark .warn-kpi strong{color:#f8fafc}.dark .warn-kpi small{color:#a9b8cc}
@media(max-width:1100px){.warncenter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.warncenter-grid{grid-template-columns:1fr}.warncenter-card .section-head{display:block}.dashboard-kpis .kpi{grid-column:span 12!important}}
/* Compact header / nav */
.sk-header{
    padding: 8px 14px !important;
    gap: 10px !important;
}

.sk-brand{
    gap: 8px !important;
    min-width: 190px !important;
}

.sk-brand img{
    width: 34px !important;
    height: auto !important;
}

.sk-brand span b{
    font-size: 15px !important;
    line-height: 1.1 !important;
}

.sk-brand span small{
    font-size: 11px !important;
    line-height: 1.1 !important;
}

.sk-nav{
    gap: 5px !important;
}

.sk-nav a,
.sk-nav .nav-disabled,
.sk-nav-dropbtn{
    padding: 6px 8px !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
}

.sk-nav-dropdown-menu a{
    padding: 7px 9px !important;
    font-size: 13px !important;
}
/* Org chart generation mode selector */
.org-generate-form{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}
.btn-like-select{border:1px solid #d7e3f3;border-radius:12px;background:#fff;color:#0A1A2F;font-weight:700;padding:10px 12px;min-height:42px;box-shadow:0 1px 2px rgba(10,26,47,.04)}

/* V116 OrgChart: Mehrfachauswahl per Auswahlrahmen und gemeinsames Verschieben */
.org-select-rect{position:absolute;z-index:9998;border:2px dashed #0A1A2F;background:rgba(242,183,5,.18);pointer-events:none;border-radius:10px}
.org-node.org-node-selected{outline:3px solid #F2B705;outline-offset:4px;box-shadow:0 0 0 6px rgba(242,183,5,.22),0 14px 32px rgba(10,26,47,.25)!important}
/* V117 OrgChart: reliable marquee selection and stable connection rendering */
.org-workspace{touch-action:none;}
.org-select-rect{z-index:99999!important;}
.org-lines{overflow:visible!important;}

/* V119 Org Chart: dynamic connector rendering, multiselect and stable scroll handling */
.org-canvas{
    position:relative!important;
    overflow:auto!important;
    min-height:620px;
}
.org-canvas .org-lines{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:auto!important;
    height:auto!important;
    min-width:100%!important;
    min-height:100%!important;
    overflow:visible!important;
    pointer-events:none!important;
    z-index:1!important;
}
.org-canvas .org-node{
    position:absolute!important;
    z-index:2!important;
    user-select:none!important;
    cursor:move!important;
}
.org-canvas .org-node.org-node-selected{
    outline:3px solid #F2B705!important;
    outline-offset:4px!important;
    box-shadow:0 0 0 6px rgba(242,183,5,.22),0 14px 32px rgba(10,26,47,.25)!important;
}
.org-selection-box{
    position:absolute!important;
    z-index:5!important;
    border:2px dashed #2563eb!important;
    background:rgba(37,99,235,.12)!important;
    pointer-events:none!important;
    display:none;
}
body.org-dragging,
body.org-selecting{
    user-select:none!important;
}

.cap-absent{background:#e8fff2!important;color:#065f46!important;font-weight:900}
.cap-absent .pill{background:#dcfce7!important;color:#14532d!important}