
/* SKRESOURCES V94 - shared usability and performance layer */
.sk-header{
    min-height:60px!important;
    height:auto!important;
    padding:8px 14px!important;
    gap:10px!important;
}
.sk-brand{gap:8px!important;min-width:185px!important}
.sk-brand img{width:34px!important;height:34px!important;padding:3px!important}
.sk-brand b{font-size:15px!important;line-height:1.1!important}
.sk-brand small{font-size:10.5px!important;line-height:1.1!important}
.sk-nav{gap:5px!important;align-items:center!important}
.sk-nav a,.sk-nav .nav-disabled,.sk-nav-dropbtn{
    padding:6px 8px!important;
    font-size:12.5px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    border-radius:10px!important;
}
.sk-nav-dropdown-menu a{padding:7px 9px!important;font-size:12.5px!important}

.sk-v94-global-toolbar,
.sk-v94-toolbar{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:7px;
    margin:9px 0;
    padding:8px;
    border:1px solid #d8e3f3;
    border-radius:12px;
    background:#f8fbff;
}
.sk-v94-global-toolbar{
    position:sticky;
    top:60px;
    z-index:45;
    background:rgba(248,251,255,.96);
    backdrop-filter:blur(5px);
}
.sk-v94-panel{
    position:relative;
    min-width:0;
}
.sk-v94-panel.sk-v94-fullscreen{
    position:fixed!important;
    inset:10px!important;
    z-index:99990!important;
    background:#fff!important;
    border:1px solid #cbd5e1!important;
    border-radius:14px!important;
    padding:10px!important;
    display:flex!important;
    flex-direction:column!important;
    box-shadow:0 24px 80px rgba(15,23,42,.30)!important;
    overflow:hidden!important;
}
body.sk-v94-fullscreen-active{overflow:hidden!important}
.sk-v94-panel.sk-v94-fullscreen .sk-v94-scroll{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    height:auto!important;
    overflow:auto!important;
}
.sk-v94-panel.sk-v94-fullscreen .sk-v94-toolbar,
.sk-v94-panel.sk-v94-fullscreen .sk-v94-top-scroll{flex:0 0 auto!important}

.sk-v94-btn{
    border:1px solid #d8e3f3;
    background:#fff;
    color:#0f172a;
    border-radius:10px;
    padding:7px 10px;
    font-weight:800;
    cursor:pointer;
    line-height:1;
    white-space:nowrap;
}
.sk-v94-btn:hover{background:#eef6ff}
.sk-v94-btn.sk-active{background:#10233f;color:#fff;border-color:#10233f}
.sk-v94-input{
    min-width:230px;
    max-width:420px;
    border:1px solid #d8e3f3;
    border-radius:10px;
    padding:7px 10px;
    background:#fff;
}
.sk-v94-keyhint{
    border:1px solid #bfdbfe;
    background:#eff6ff;
    color:#0f172a;
    border-radius:999px;
    padding:7px 11px;
    font-size:12px;
    font-weight:800;
}
.sk-v94-keyhint kbd{
    display:inline-block;
    border:1px solid #94a3b8;
    background:#fff;
    border-radius:6px;
    padding:2px 6px;
    font-size:11px;
    font-weight:900;
    margin:0 2px;
}
.sk-v94-top-scroll{
    height:17px;
    overflow-x:auto;
    overflow-y:hidden;
    background:#f8fbff;
    border:1px solid #d8e3f3;
    border-radius:10px;
    margin:8px 0;
}
.sk-v94-top-scroll-inner{height:1px}
.sk-v94-scroll{
    overflow:auto!important;
    max-height:72vh;
    position:relative;
    border-radius:12px;
}
.sk-v94-scroll.table-wrap{max-height:72vh!important}
.sk-v94-scroll.overview-gantt,
.sk-v94-scroll.calendar-gantt{
    max-height:76vh!important;
    border:1px solid #e2e8f0;
    background:#fff;
}
.sk-v94-scroll table{border-collapse:separate;border-spacing:0}
.sk-v94-scroll table thead th{
    position:sticky!important;
    top:0!important;
    z-index:50!important;
    background:#eaf2fb!important;
}
.sk-v94-scroll table tbody td:first-child,
.sk-v94-scroll table thead th:first-child{
    position:sticky!important;
    left:0!important;
    z-index:51!important;
    background:#f8fbff!important;
}
.sk-v94-scroll table thead th:first-child{z-index:60!important}
.sk-v94-scroll .tl-row:first-child{
    position:sticky!important;
    top:0!important;
    z-index:60!important;
}
.sk-v94-scroll .tl-row:first-child .tl-head{background:#eaf2fb!important}
.sk-v94-scroll .tl-cell:first-child,
.sk-v94-scroll .tl-head:first-child{
    position:sticky!important;
    left:0!important;
    z-index:55!important;
    background:#f8fbff!important;
    box-shadow:2px 0 0 rgba(15,23,42,.06);
}
body.sk-v94-compact .sk-v94-scroll table{font-size:12px}
body.sk-v94-compact .sk-v94-scroll table th,
body.sk-v94-compact .sk-v94-scroll table td{padding:5px 6px!important}
body.sk-v94-compact .sk-v94-scroll .tl-cell,
body.sk-v94-compact .sk-v94-scroll .tl-head{min-height:30px!important;padding:4px 6px!important;font-size:12px!important}
body.sk-v94-compact .sk-v94-scroll .bar{min-height:18px!important;font-size:11px!important;padding:2px 5px!important}
.sk-v94-hidden{display:none!important}
.sk-v94-collapsed .sk-v94-top-scroll,
.sk-v94-collapsed .sk-v94-scroll{display:none!important}
.sk-v94-count{font-size:12px;font-weight:800;color:#475569;padding:0 6px}
.sk-v94-overload-only tr:not(.sk-v94-over-row){display:none!important}
.sk-v94-overload-only tr.sk-v94-over-row{display:table-row!important}
.sk-v94-overload-only .tl-row:not(.sk-v94-over-row){display:none!important}
.sk-v94-overload-only .tl-row.sk-v94-over-row{display:grid!important}
@media(max-width:900px){
    .sk-v94-global-toolbar,.sk-v94-toolbar{align-items:stretch}
    .sk-v94-btn,.sk-v94-input{width:100%}
}

/* SKRESOURCES V95 - calendar color persistence + capacity section usability */
.sk-v94-scroll .tl-row:first-child .tl-head.month-load.cap-empty,
.sk-v94-scroll .tl-row:first-child .month-load.cap-empty{background:#eef2f7!important;color:#334155!important}
.sk-v94-scroll .tl-row:first-child .tl-head.month-load.cap-near,
.sk-v94-scroll .tl-row:first-child .month-load.cap-near{background:#dff8e8!important;color:#075c2c!important}
.sk-v94-scroll .tl-row:first-child .tl-head.month-load.cap-ok,
.sk-v94-scroll .tl-row:first-child .month-load.cap-ok{background:#cbf4d7!important;color:#065f2a!important}
.sk-v94-scroll .tl-row:first-child .tl-head.month-load.cap-over-light,
.sk-v94-scroll .tl-row:first-child .month-load.cap-over-light{background:#ffe0cc!important;color:#9a3412!important}
.sk-v94-scroll .tl-row:first-child .tl-head.month-load.cap-over,
.sk-v94-scroll .tl-row:first-child .month-load.cap-over{background:#ffc6c6!important;color:#991b1b!important}
.sk-v94-scroll .tl-row:first-child .tl-head.month-load.cap-critical,
.sk-v94-scroll .tl-row:first-child .month-load.cap-critical{background:#dc2626!important;color:#fff!important}
.sk-v94-scroll .tl-row:first-child .tl-head.month-load.cap-critical small,
.sk-v94-scroll .tl-row:first-child .tl-head.month-load.cap-critical em{color:#fff!important}
.sk-v94-scroll .tl-row:first-child .tl-head.month-load.cap-over small,
.sk-v94-scroll .tl-row:first-child .tl-head.month-load.cap-over em,
.sk-v94-scroll .tl-row:first-child .tl-head.month-load.cap-over-light small,
.sk-v94-scroll .tl-row:first-child .tl-head.month-load.cap-over-light em{color:inherit!important}

.sk-v95-capacity-section{position:relative}
.sk-v95-section-toolbar{
    display:flex;flex-wrap:wrap;gap:7px;align-items:center;
    margin:10px 0 12px;padding:8px;border:1px solid #d8e3f3;
    border-radius:12px;background:#f8fbff
}
.sk-v95-section-toolbar input{min-width:250px;max-width:430px;border:1px solid #d8e3f3;border-radius:10px;padding:7px 10px;background:#fff}
.sk-v95-section-toolbar button{border:1px solid #d8e3f3;background:#fff;color:#0f172a;border-radius:10px;padding:7px 10px;font-weight:800;cursor:pointer;line-height:1;white-space:nowrap}
.sk-v95-section-toolbar button:hover{background:#eef6ff}.sk-v95-section-toolbar button.sk-active{background:#10233f;color:#fff;border-color:#10233f}
.sk-v95-section-count{font-size:12px;font-weight:800;color:#475569;padding:0 6px}
.sk-v95-capacity-collapsed .sk-v94-panel,
.sk-v95-capacity-collapsed > .table-wrap,
.sk-v95-capacity-collapsed > .alert-bad,
.sk-v95-capacity-collapsed > .alert-ok,
.sk-v95-capacity-collapsed > .grid{display:none!important}
.sk-v95-row-hidden{display:none!important}
.sk-v95-capacity-section .capacity-detail-row.sk-v95-row-hidden{display:none!important}
.sk-v95-capacity-section .capacity-detail-row td{font-size:12px;line-height:1.35}
.sk-v95-capacity-section .capacity-matrix td{vertical-align:top}
body.sk-v94-compact .sk-v95-capacity-section .capacity-detail-row td{font-size:11px!important;line-height:1.25!important}
@media(max-width:900px){.sk-v95-section-toolbar input,.sk-v95-section-toolbar button{width:100%}}

.sk-v99-focus-target{
    outline:3px solid #2563eb!important;
    outline-offset:2px!important;
    box-shadow:0 0 0 6px rgba(37,99,235,.22)!important;
}
