:root,
html[data-theme="dark"]{
    --bg:#0b1527;
    --bg2:#101f38;
    --card:#13233d;
    --card2:#172a46;
    --text:#f7fbff;
    --muted:#b8c7dc;
    --line:rgba(125,211,252,.30);
    --primary:#22d3ee;
    --primary2:#a855f7;
    --danger:#ff3f6e;
    --success:#39ff88;
    --warning:#ffb020;
    --neon-cyan:#22d3ee;
    --neon-green:#39ff88;
    --neon-violet:#a855f7;
    --neon-orange:#ff9f1c;
    --neon-red:#ff3f6e;
    --shadow:0 18px 46px rgba(0,0,0,.38),0 0 26px rgba(34,211,238,.08);
}

/* KronoSender 2.0 UI - Calendario wide redesign. */
body:has(.calendar-wow-page) .page{
    width:100%;
    max-width:none;
    padding-left:clamp(16px,2vw,34px);
    padding-right:clamp(16px,2vw,34px);
}
.calendar-wow-page{
    width:min(100%,1840px);
    margin:0 auto;
    display:grid;
    gap:18px;
}
.calendar-wow-page .calendar-hero{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(280px,auto);
    gap:22px;
    align-items:end;
    margin:0;
    padding:24px;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));
    border-radius:30px;
    background:
        linear-gradient(135deg,color-mix(in srgb,var(--primary) 13%,var(--card)),color-mix(in srgb,var(--card2) 92%,#10b981 7%) 56%,var(--card));
    box-shadow:0 26px 70px color-mix(in srgb,#020617 16%,transparent),inset 0 1px 0 rgba(255,255,255,.06);
}
.calendar-wow-page .calendar-hero::after{
    content:"";
    position:absolute;
    inset:auto -80px -110px auto;
    width:300px;
    height:300px;
    border-radius:999px;
    background:color-mix(in srgb,var(--primary) 10%,transparent);
    pointer-events:none;
}
.calendar-wow-page .calendar-hero > *{
    position:relative;
    z-index:1;
}
.calendar-wow-page .calendar-hero h1{
    margin:8px 0 7px;
    color:var(--text);
    font-size:clamp(40px,4.4vw,74px);
    line-height:.95;
    letter-spacing:0;
}
.calendar-wow-page .calendar-hero p{
    max-width:760px;
    margin:0;
    color:var(--muted);
    font-size:15px;
    font-weight:840;
    line-height:1.45;
}
.calendar-wow-page .calendar-mode-switch{
    width:max-content;
    max-width:100%;
    margin-top:16px;
    padding:5px;
    border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));
    border-radius:999px;
    background:color-mix(in srgb,var(--bg) 48%,transparent);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.calendar-wow-page .calendar-mode-tab{
    min-height:38px;
    padding:9px 15px;
    border-radius:999px;
    color:var(--muted);
    font-size:13px;
    font-weight:950;
    text-decoration:none;
}
.calendar-wow-page .calendar-mode-tab.is-active{
    background:linear-gradient(135deg,var(--primary),var(--primary2));
    color:#fff;
    box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 24%,transparent);
}
.calendar-wow-page .calendar-hero-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    justify-items:stretch;
    min-width:0;
}
.calendar-wow-page .calendar-hero-actions .badge{
    min-height:52px;
    justify-content:space-between;
    padding:10px 12px;
    border-radius:16px;
    border-color:color-mix(in srgb,var(--primary) 18%,var(--line));
    background:color-mix(in srgb,var(--card) 68%,transparent);
    color:var(--text);
    font-size:12px;
    font-weight:900;
}
.calendar-wow-page .calendar-hero-actions .link-btn{
    min-height:42px;
    justify-content:center;
    border-radius:14px;
    background:color-mix(in srgb,var(--card2) 78%,transparent);
}
.calendar-wow-page .calendar-mini-kpis{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin:0;
}
.calendar-wow-page .calendar-mini-kpis span{
    position:relative;
    min-height:94px;
    align-items:flex-end;
    padding:18px;
    overflow:hidden;
    border-radius:24px;
    background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 10%,var(--card)),var(--card2));
}
.calendar-wow-page .calendar-mini-kpis span::after{
    content:"";
    position:absolute;
    right:16px;
    top:16px;
    width:42px;
    height:4px;
    border-radius:999px;
    background:color-mix(in srgb,var(--primary) 58%,transparent);
}
.calendar-wow-page .calendar-mini-kpis b{
    font-size:40px;
}
.calendar-wow-page .calendar-mini-kpis small{
    max-width:140px;
    font-size:12px;
    line-height:1.25;
    text-transform:uppercase;
}
.calendar-wow-page .calendar-control-card{
    padding:16px;
    border-radius:28px;
    border-color:color-mix(in srgb,var(--primary) 18%,var(--line));
    background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));
    box-shadow:0 18px 46px color-mix(in srgb,#020617 12%,transparent);
}
.calendar-wow-page .calendar-toolbar{
    display:grid;
    gap:14px;
}
.calendar-wow-page .calendar-nav{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:9px;
    flex-wrap:wrap;
    padding:6px;
    border:1px solid color-mix(in srgb,var(--primary) 13%,var(--line));
    border-radius:20px;
    background:color-mix(in srgb,var(--bg) 38%,transparent);
}
.calendar-wow-page .calendar-nav .link-btn,
.calendar-wow-page .calendar-nav .btn{
    min-height:40px;
    border-radius:14px;
    box-shadow:none;
}
.calendar-wow-page .calendar-new-btn{
    margin-left:auto;
}
.calendar-wow-page .calendar-filters{
    display:grid;
    grid-template-columns:repeat(8,minmax(128px,1fr));
    gap:10px;
    align-items:end;
}
.calendar-wow-page .calendar-filters label{
    display:grid;
    gap:6px;
    min-width:0;
    color:var(--muted);
    font-size:11px;
    font-weight:950;
    letter-spacing:.025em;
    text-transform:uppercase;
}
.calendar-wow-page .calendar-filters input,
.calendar-wow-page .calendar-filters select{
    width:100%;
    min-height:42px;
    border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line));
    border-radius:14px;
    background:color-mix(in srgb,var(--bg) 78%,var(--card));
    color:var(--text);
    padding:9px 11px;
    font-size:13px;
    font-weight:840;
}
.calendar-wow-page .calendar-search{
    grid-column:span 2;
}
.calendar-wow-page .calendar-check{
    display:flex!important;
    min-height:42px;
    align-items:center;
    gap:8px;
    padding:10px 11px;
    border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));
    border-radius:14px;
    background:color-mix(in srgb,var(--bg) 46%,transparent);
    text-transform:none!important;
    letter-spacing:0!important;
}
.calendar-wow-page .calendar-check input{
    width:auto;
    min-height:0;
}
.calendar-wow-page .calendar-filters > .btn{
    min-height:42px;
    padding:9px 15px;
    border-radius:14px;
}
.calendar-wow-page .calendar-help{
    margin:0;
    border-radius:18px;
}
.calendar-wow-page .calendar-classic-shell{
    width:100%;
}
.calendar-wow-page .calendar-classic-shell .calendar-month-grid{
    gap:12px;
}
.calendar-wow-page .calendar-classic-shell .calendar-weekday{
    min-height:38px;
    align-content:center;
    border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));
    border-radius:14px;
    background:color-mix(in srgb,var(--card2) 88%,transparent);
    color:var(--muted);
    font-size:12px;
    font-weight:950;
}
.calendar-wow-page .calendar-classic-shell .calendar-month-day{
    min-height:clamp(150px,11.2vw,220px);
    max-height:none;
    padding:12px;
    gap:9px;
    border-radius:18px;
    border-color:color-mix(in srgb,var(--primary) 12%,var(--line));
    background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 94%,transparent));
    box-shadow:0 10px 28px color-mix(in srgb,#020617 8%,transparent);
}
.calendar-wow-page .calendar-classic-shell .calendar-month-day:hover{
    border-color:color-mix(in srgb,var(--primary) 34%,var(--line));
    background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 6%,var(--card)),var(--card2));
    box-shadow:0 16px 34px color-mix(in srgb,#020617 14%,transparent);
}
.calendar-wow-page .calendar-classic-shell .calendar-month-day.is-muted{
    opacity:.7;
}
.calendar-wow-page .calendar-classic-shell .calendar-month-day.is-weekend{
    background:linear-gradient(180deg,color-mix(in srgb,var(--muted) 7%,var(--card)),color-mix(in srgb,var(--card2) 94%,transparent));
}
.calendar-wow-page .calendar-classic-shell .calendar-month-day.is-today{
    border-color:color-mix(in srgb,var(--primary) 62%,var(--line));
    box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 16%,transparent),0 18px 42px color-mix(in srgb,var(--primary) 13%,transparent);
}
.calendar-wow-page .calendar-classic-shell .calendar-day-number{
    font-size:clamp(24px,2vw,34px);
}
.calendar-wow-page .calendar-classic-shell .calendar-day-week{
    color:var(--primary);
    font-size:10px;
}
.calendar-wow-page .calendar-classic-shell .calendar-today-pill{
    min-height:22px;
    padding:3px 8px;
}
.calendar-wow-page .calendar-classic-shell .calendar-classic-day-body{
    display:grid;
    grid-auto-rows:minmax(24px,auto);
    gap:5px;
    overflow:hidden;
}
.calendar-wow-page .calendar-classic-shell .calendar-day-chip{
    min-height:24px;
    padding:5px 8px;
    border-radius:10px;
    font-size:11.5px;
    line-height:1.12;
    box-shadow:0 7px 16px color-mix(in srgb,#020617 12%,transparent)!important;
}
.calendar-wow-page .calendar-classic-shell .calendar-day-more{
    min-height:25px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:3px 8px;
    border:1px dashed color-mix(in srgb,var(--primary) 25%,var(--line));
    border-radius:10px;
    background:color-mix(in srgb,var(--primary) 7%,var(--card2));
    color:var(--text);
    font-size:12px;
}
.calendar-wow-page .calendar-day-modal .calendar-day-detail-hero,
.calendar-wow-page .calendar-day-modal .calendar-day-premium-card,
.calendar-wow-page .calendar-day-modal .calendar-day-destination-header{
    border-radius:18px;
}
.calendar-wow-page.calendar-wow-view-gantt .calendar-timeline,
.calendar-wow-page.calendar-wow-view-gantt .calendar-gantt-month{
    border-radius:28px;
}
@media(max-width:1400px){
    .calendar-wow-page .calendar-filters{
        grid-template-columns:repeat(4,minmax(150px,1fr));
    }
}
@media(max-width:1080px){
    .calendar-wow-page .calendar-hero{
        grid-template-columns:1fr;
        align-items:start;
    }
    .calendar-wow-page .calendar-hero-actions{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
    .calendar-wow-page .calendar-mini-kpis{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .calendar-wow-page .calendar-filters{
        grid-template-columns:repeat(2,minmax(150px,1fr));
    }
}
@media(max-width:760px){
    body:has(.calendar-wow-page) .page{
        padding-left:12px;
        padding-right:12px;
    }
    .calendar-wow-page{
        gap:14px;
    }
    .calendar-wow-page .calendar-hero{
        padding:18px;
        border-radius:24px;
    }
    .calendar-wow-page .calendar-hero h1{
        font-size:34px;
    }
    .calendar-wow-page .calendar-hero-actions,
    .calendar-wow-page .calendar-mini-kpis,
    .calendar-wow-page .calendar-filters{
        grid-template-columns:1fr;
    }
    .calendar-wow-page .calendar-search{
        grid-column:auto;
    }
    .calendar-wow-page .calendar-nav{
        display:grid;
        grid-template-columns:1fr 1fr;
    }
    .calendar-wow-page .calendar-new-btn{
        margin-left:0;
        grid-column:1 / -1;
    }
    .calendar-wow-page .calendar-classic-shell .calendar-month-grid{
        gap:8px;
    }
    .calendar-wow-page .calendar-classic-shell .calendar-weekday{
        min-height:30px;
        border-radius:10px;
        font-size:10px;
    }
    .calendar-wow-page .calendar-classic-shell .calendar-month-day{
        min-height:132px;
        padding:8px;
        border-radius:14px;
    }
    .calendar-wow-page .calendar-classic-shell .calendar-day-number{
        font-size:22px;
    }
    .calendar-wow-page .calendar-classic-shell .calendar-day-chip{
        min-height:22px;
        font-size:10px;
    }
}
@media(max-width:520px){
    .calendar-wow-page .calendar-mode-switch{
        width:100%;
        display:grid;
        grid-template-columns:1fr 1fr;
    }
    .calendar-wow-page .calendar-mode-tab{
        text-align:center;
    }
    .calendar-wow-page .calendar-nav{
        grid-template-columns:1fr;
    }
}

/* Enterprise Polish A6.1 - Krono-App final mobile UI. */
.mobile-app-mode{
    overflow-x:hidden;
    color:var(--text);
    background:
        radial-gradient(circle at 18% -8%, color-mix(in srgb,var(--primary) 12%,transparent), transparent 34%),
        radial-gradient(circle at 92% 4%, color-mix(in srgb,#10b981 9%,transparent), transparent 28%),
        linear-gradient(180deg,color-mix(in srgb,var(--bg) 94%,var(--primary) 4%),var(--bg));
}
.mobile-app-mode .page{
    width:min(100%,1060px);
    max-width:100%;
    padding-left:max(14px,env(safe-area-inset-left));
    padding-right:max(14px,env(safe-area-inset-right));
}
.mobile-app-mode .page,
.mobile-app-mode .card,
.mobile-app-mode [class*="mobile-"]{
    box-sizing:border-box;
    min-width:0;
}
.mobile-app-mode h1,
.mobile-app-mode h2,
.mobile-app-mode h3,
.mobile-app-mode p,
.mobile-app-mode strong,
.mobile-app-mode span,
.mobile-app-mode small,
.mobile-app-mode a,
.mobile-app-mode label{
    max-width:100%;
    overflow-wrap:anywhere;
}
.mobile-app-mode input,
.mobile-app-mode select,
.mobile-app-mode textarea{
    max-width:100%;
    min-height:48px;
    border-radius:16px;
    font-size:16px;
}
.mobile-app-mode .btn,
.mobile-app-mode .btn-secondary,
.mobile-app-mode .link-btn,
.mobile-side-action,
.mobile-side-nav a{
    min-height:46px;
    touch-action:manipulation;
}
.mobile-app-mode .btn,
.mobile-app-mode .btn-secondary,
.mobile-app-mode .link-btn{
    align-items:center;
    justify-content:center;
    border-radius:999px;
}
.mobile-app-shell-header{
    min-height:70px;
    padding:10px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));
    border-bottom:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));
    background:color-mix(in srgb,var(--bg2) 88%,transparent);
    backdrop-filter:blur(18px);
}
.mobile-app-brand{
    min-width:0;
    text-decoration:none;
}
.mobile-app-brand span:last-child{
    min-width:0;
}
.mobile-app-brand strong,
.mobile-app-brand small{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.mobile-app-logo,
.mobile-menu-button,
.mobile-menu-close{
    flex:0 0 auto;
}
.mobile-side-menu{
    height:100dvh;
    max-height:100dvh;
    overflow:hidden;
    padding-bottom:max(16px,env(safe-area-inset-bottom));
}
.mobile-side-head,
.mobile-side-preferences,
.mobile-side-logout,
.mobile-side-powered{
    flex:0 0 auto;
}
.mobile-side-nav{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    padding-right:3px;
    scrollbar-width:thin;
}
.mobile-side-nav a,
.mobile-side-action{
    min-height:52px;
    border-radius:18px;
}
.mobile-side-nav a span:not(.mobile-side-icon),
.mobile-side-action span:last-child{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.mobile-side-nav a.active{
    border-color:color-mix(in srgb,var(--primary) 38%,var(--line));
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,var(--card)),color-mix(in srgb,var(--primary2) 8%,var(--card2)));
}
.mobile-side-icon{
    flex:0 0 36px;
    width:36px;
    height:36px;
}
.mobile-app-mode .mobile-app-hero,
.mobile-app-mode .mobile-hero,
.mobile-app-mode .mobile-app-hero-premium{
    border-radius:28px;
    border-color:color-mix(in srgb,var(--primary) 24%,var(--line));
    background:
        linear-gradient(135deg,color-mix(in srgb,var(--primary) 14%,var(--card)),color-mix(in srgb,var(--card2) 88%,#10b981 7%));
    box-shadow:0 20px 48px color-mix(in srgb,#020617 14%,transparent);
}
.mobile-app-mode .mobile-card,
.mobile-app-mode .mobile-info-card,
.mobile-app-mode .mobile-message-card,
.mobile-app-mode .mobile-notification-card,
.mobile-app-mode .mobile-request-card,
.mobile-app-mode .mobile-profile-card,
.mobile-app-mode .mobile-shift-card,
.mobile-app-mode .mobile-calendar-day,
.mobile-app-mode .mobile-operational-live-card,
.mobile-app-mode .mobile-operational-diary-card,
.mobile-app-mode .mobile-operational-wizard-card,
.mobile-app-mode .mobile-shift-confirm-card,
.mobile-app-mode .mobile-shift-issue-card,
.mobile-app-mode .mobile-clothing-card,
.mobile-app-mode .mobile-useful-link-card,
.mobile-app-mode .mobile-vehicle-card,
.mobile-app-mode .mobile-requirement-card{
    border-radius:24px;
    border-color:color-mix(in srgb,var(--primary) 18%,var(--line));
    background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 90%,var(--primary) 6%));
    box-shadow:0 16px 36px color-mix(in srgb,#020617 10%,transparent);
}
.mobile-app-mode .mobile-card,
.mobile-app-mode .mobile-info-card,
.mobile-app-mode .mobile-message-card,
.mobile-app-mode .mobile-notification-card,
.mobile-app-mode .mobile-request-card,
.mobile-app-mode .mobile-profile-card{
    padding:16px;
}
.mobile-app-mode .mobile-shift-card{
    gap:14px;
    overflow:hidden;
}
.mobile-app-mode .mobile-shift-time{
    font-size:clamp(26px,8vw,36px);
    line-height:1;
}
.mobile-app-mode .mobile-shift-place strong,
.mobile-app-mode .mobile-shift-destination,
.mobile-app-mode .mobile-notification-title h2,
.mobile-app-mode .mobile-message-card h2,
.mobile-app-mode .mobile-request-card h2{
    line-height:1.16;
}
.mobile-app-mode .mobile-shift-badges,
.mobile-app-mode .shift-card-pills,
.mobile-app-mode .mobile-request-meta{
    gap:8px;
}
.mobile-app-mode .mobile-shift-actions,
.mobile-app-mode .mobile-app-actions,
.mobile-app-mode .mobile-notification-actions,
.mobile-app-mode .mobile-shift-reminder-actions{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
}
.mobile-app-mode .mobile-shift-actions .btn,
.mobile-app-mode .mobile-shift-actions .link-btn,
.mobile-app-mode .mobile-notification-actions .btn,
.mobile-app-mode .mobile-notification-actions .link-btn,
.mobile-app-mode .mobile-request-open{
    flex:1 1 150px;
    width:auto;
}
.mobile-timeline-section,
.mobile-app-mode .mobile-list,
.mobile-app-mode .mobile-shift-list,
.mobile-app-mode .mobile-requirements-grid,
.mobile-app-mode .mobile-vehicles-grid,
.mobile-app-mode .mobile-useful-links-grid{
    gap:14px;
}
.mobile-timeline-card{
    border-radius:22px;
}
.mobile-operational-wizard,
.mobile-operational-wizard-checklist,
.mobile-operational-live-flow,
.mobile-operational-live-summary{
    min-width:0;
}
.mobile-operational-wizard-head,
.mobile-operational-live-head,
.mobile-operational-diary-head{
    gap:12px;
}
.mobile-operational-wizard-check{
    grid-template-columns:38px minmax(0,1fr);
    border-radius:18px;
}
.mobile-operational-timeline-item{
    grid-template-columns:42px minmax(0,1fr);
}
.mobile-operational-qr-panel,
.mobile-operational-nfc-panel,
.mobile-operational-reason{
    border-radius:18px;
}
.mobile-shift-reminder-popup{
    max-width:100%;
}
.mobile-shift-reminder-card{
    max-width:100%;
    border-radius:26px;
}
.mobile-profile-details,
.mobile-info-grid{
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
}
.mobile-requirement-summary{
    grid-template-columns:64px minmax(0,1fr);
}
.mobile-requirement-image,
.mobile-vehicle-image,
.mobile-useful-link-image{
    overflow:hidden;
    border-radius:18px;
}
.requirements-mobile-list .mobile-requirement-row{
    grid-template-columns:minmax(0,1fr) auto;
}
.mobile-clothing-item{
    border-radius:20px;
}
.mobile-clothing-save-bar{
    bottom:max(12px,env(safe-area-inset-bottom));
}
@media (hover:hover) and (pointer:fine){
    .mobile-app-mode .mobile-card:hover,
    .mobile-app-mode .mobile-info-card:hover,
    .mobile-app-mode .mobile-message-card:hover,
    .mobile-app-mode .mobile-notification-card:hover,
    .mobile-app-mode .mobile-request-card:hover,
    .mobile-app-mode .mobile-profile-card:hover,
    .mobile-app-mode .mobile-shift-card:hover,
    .mobile-app-mode .mobile-useful-link-card:hover,
    .mobile-app-mode .mobile-vehicle-card:hover,
    .mobile-app-mode .mobile-requirement-card:hover{
        transform:translateY(-2px);
        border-color:color-mix(in srgb,var(--primary) 38%,var(--line));
        box-shadow:0 22px 46px color-mix(in srgb,#020617 14%,transparent);
    }
}
html[data-theme="dark"] .mobile-app-mode .mobile-card,
html[data-theme="dark"] .mobile-app-mode .mobile-info-card,
html[data-theme="dark"] .mobile-app-mode .mobile-message-card,
html[data-theme="dark"] .mobile-app-mode .mobile-notification-card,
html[data-theme="dark"] .mobile-app-mode .mobile-request-card,
html[data-theme="dark"] .mobile-app-mode .mobile-profile-card,
html[data-theme="dark"] .mobile-app-mode .mobile-shift-card,
html[data-theme="dark"] .mobile-app-mode .mobile-calendar-day,
html[data-theme="dark"] .mobile-app-mode .mobile-operational-live-card,
html[data-theme="dark"] .mobile-app-mode .mobile-operational-diary-card,
html[data-theme="dark"] .mobile-app-mode .mobile-operational-wizard-card,
html[data-theme="dark"] .mobile-app-mode .mobile-shift-confirm-card,
html[data-theme="dark"] .mobile-app-mode .mobile-shift-issue-card,
html[data-theme="dark"] .mobile-app-mode .mobile-clothing-card,
html[data-theme="dark"] .mobile-app-mode .mobile-useful-link-card,
html[data-theme="dark"] .mobile-app-mode .mobile-vehicle-card,
html[data-theme="dark"] .mobile-app-mode .mobile-requirement-card{
    box-shadow:0 18px 46px rgba(0,0,0,.34);
}
@media(max-width:700px){
    .mobile-app-mode .page{
        padding-left:12px;
        padding-right:12px;
    }
    .mobile-app-shell-header{
        gap:10px;
    }
    .mobile-header-logout{
        display:none;
    }
    .mobile-app-hero,
    .mobile-hero,
    .mobile-app-hero-premium{
        border-radius:24px;
    }
    .mobile-app-mode .mobile-card,
    .mobile-app-mode .mobile-info-card,
    .mobile-app-mode .mobile-message-card,
    .mobile-app-mode .mobile-notification-card,
    .mobile-app-mode .mobile-request-card,
    .mobile-app-mode .mobile-profile-card,
    .mobile-app-mode .mobile-shift-card{
        padding:14px;
        border-radius:22px;
    }
    .mobile-shift-topline,
    .mobile-notification-title,
    .mobile-profile-head,
    .mobile-clothing-premium .mobile-clothing-status{
        align-items:flex-start;
    }
    .mobile-app-mode .mobile-shift-actions .btn,
    .mobile-app-mode .mobile-shift-actions .link-btn,
    .mobile-app-mode .mobile-notification-actions .btn,
    .mobile-app-mode .mobile-notification-actions .link-btn,
    .mobile-app-mode .mobile-app-actions .btn,
    .mobile-app-mode .mobile-app-actions .link-btn{
        flex:1 1 100%;
        width:100%;
    }
    .mobile-requirement-summary,
    .mobile-clothing-item .clothing-size-field-head{
        grid-template-columns:54px minmax(0,1fr);
    }
    .requirements-mobile-list .mobile-requirement-row{
        grid-template-columns:1fr;
    }
}
@media(max-width:420px){
    .mobile-app-brand small{
        display:none;
    }
    .mobile-app-logo,
    .mobile-menu-button,
    .mobile-menu-close{
        width:42px;
        height:42px;
        border-radius:15px;
    }
    .mobile-side-menu{
        width:min(330px,92vw);
        padding:14px;
    }
    .mobile-profile-avatar{
        width:68px;
        height:68px;
        flex-basis:68px;
    }
}

.assignment-split-hero,
.assignment-form-head-actions{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    flex-wrap:wrap;
}
.assignment-split-hero{
    margin-bottom:18px;
}
.assignment-split-hero h1{
    margin:4px 0 6px;
}
.assignment-split-hero p,
.assignment-split-guide p{
    max-width:820px;
    color:var(--muted,#64748b);
}
.assignment-split-summary{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
    gap:12px;
    margin-bottom:16px;
    border-radius:18px;
}
.assignment-split-summary div{
    display:flex;
    flex-direction:column;
    gap:4px;
    padding:12px;
    border:1px solid var(--line,#e5e7eb);
    border-radius:14px;
    background:var(--card2,#f8fafc);
}
.assignment-split-summary span{
    color:var(--muted,#64748b);
    font-size:.82rem;
}
.assignment-split-card,
.assignment-split-form,
.assignment-split-list{
    display:flex;
    flex-direction:column;
    gap:14px;
}
.assignment-split-card,
.assignment-split-guide{
    border-radius:18px;
}
.assignment-split-generator{
    display:flex;
    align-items:end;
    gap:12px;
    flex-wrap:wrap;
    padding-bottom:14px;
    border-bottom:1px solid var(--line,#e5e7eb);
}
.assignment-split-generator label,
.assignment-split-row label{
    display:flex;
    flex-direction:column;
    gap:6px;
}
.assignment-split-generator input,
.assignment-split-generator select,
.assignment-split-row input,
.assignment-split-row select,
.assignment-split-row textarea{
    width:100%;
    border-radius:999px;
    padding:11px 14px;
    border:1px solid var(--line,#e5e7eb);
    background:var(--card,#fff);
    color:var(--text,#0f172a);
}
.assignment-split-row textarea{
    border-radius:16px;
    min-height:72px;
    resize:vertical;
}
.assignment-split-row{
    display:grid;
    grid-template-columns:repeat(5,minmax(120px,1fr));
    gap:14px;
    padding:16px;
    border:1px solid var(--line,#e5e7eb);
    border-radius:18px;
    background:var(--card2,#f8fafc);
    box-shadow:0 10px 24px rgba(15,23,42,.08);
}
.assignment-split-row header,
.assignment-split-notes{
    grid-column:1/-1;
}
.assignment-split-row header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    padding-bottom:4px;
}
.assignment-segment-number{
    border-radius:999px;
    padding:7px 12px;
    border-color:color-mix(in srgb,var(--primary,#2563eb) 45%,transparent);
    background:color-mix(in srgb,var(--primary,#2563eb) 14%,transparent);
    color:var(--text,#0f172a);
}
.assignment-split-actions,
.assignment-delete-split-form{
    margin-top:8px;
}
.assignment-split-badge{
    border-color:#facc15;
    background:rgba(250,204,21,.16);
    color:#92400e;
}
.inline-delete-form{
    display:inline-flex;
    margin:0;
}
.inline-delete-form button{
    font:inherit;
}
.mobile-split-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}
.mobile-split-row{
    display:flex;
    flex-direction:column;
    gap:4px;
    padding:10px 12px;
    border:1px solid var(--line,#e5e7eb);
    border-radius:12px;
    background:var(--card2,#f8fafc);
}
.assignment-delete-segments{
    display:flex;
    flex-direction:column;
    gap:6px;
    margin-top:10px;
}
.assignment-delete-segments span{
    padding:8px 10px;
    border:1px solid var(--line,#e5e7eb);
    border-radius:10px;
    background:var(--card2,#f8fafc);
}

@media (max-width: 760px){
    .assignment-split-row{
        grid-template-columns:1fr;
    }
    .assignment-split-generator{
        align-items:stretch;
    }
    .assignment-split-generator label,
    .assignment-split-generator button{
        width:100%;
    }
}

.clothing-type-main{display:flex;align-items:center;gap:10px;min-width:0}
.clothing-type-main span{min-width:0}
.clothing-type-thumb{
    width:48px;
    height:48px;
    flex:0 0 48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:14px;
    background:color-mix(in srgb,var(--primary) 10%,var(--card2));
    color:var(--primary);
    font-size:14px;
    font-weight:950;
    letter-spacing:.02em;
}
.clothing-type-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.clothing-type-image-preview{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.clothing-type-image-preview .clothing-type-thumb{width:84px;height:84px;flex-basis:84px;border-radius:18px;font-size:20px}
.clothing-size-chip{grid-template-columns:auto minmax(0,1fr);align-items:center}
.clothing-size-chip .clothing-type-thumb{width:34px;height:34px;flex-basis:34px;border-radius:11px;font-size:11px}
.clothing-size-chip span{min-width:0;display:grid;gap:2px}
.clothing-size-field{display:grid!important;gap:8px}
.clothing-size-field-head{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:950;text-transform:none;letter-spacing:0}
.clothing-size-field-head .clothing-type-thumb{width:46px;height:46px;flex-basis:46px}
.clothing-history-card{margin-top:14px}
.clothing-history-list{display:grid;gap:10px}
.clothing-history-row{
    display:grid;
    grid-template-columns:minmax(180px,.9fr) minmax(220px,1fr) minmax(170px,.8fr) auto;
    gap:12px;
    align-items:center;
    padding:13px 14px;
    border:1px solid var(--line);
    border-radius:16px;
    background:linear-gradient(180deg,color-mix(in srgb,var(--card2) 88%,transparent),color-mix(in srgb,var(--card) 96%,transparent));
}
.clothing-history-row div{display:grid;gap:3px;min-width:0}
.clothing-history-row strong{overflow-wrap:anywhere}
.clothing-history-row span,.clothing-history-row small,.clothing-history-row time{color:var(--muted);font-size:12px;font-weight:850}
.clothing-history-row time{justify-self:end;color:var(--text)}
.clothing-history-empty{padding:18px;border:1px dashed var(--line);border-radius:16px;background:var(--card2);color:var(--muted);text-align:center;font-weight:900}
.clothing-flag-check{align-items:flex-start!important;gap:10px!important}
.clothing-flag-check span{display:grid;gap:3px}
.clothing-flag-check small{color:var(--muted);font-size:12px;font-weight:800;line-height:1.35}
.clothing-dpi-flag{border-color:color-mix(in srgb,#38bdf8 45%,var(--line));background:color-mix(in srgb,#38bdf8 10%,var(--card2));color:color-mix(in srgb,#38bdf8 70%,var(--text))}
.clothing-dpi-flag.is-expiration{border-color:color-mix(in srgb,#f59e0b 48%,var(--line));background:color-mix(in srgb,#f59e0b 10%,var(--card2));color:color-mix(in srgb,#f59e0b 72%,var(--text))}
@media(max-width:1000px){.clothing-history-row{grid-template-columns:1fr}.clothing-history-row time{justify-self:start}}

html[data-theme="light"]{
    --bg:#f1f5ff;
    --bg2:#eaf0ff;
    --card:#ffffff;
    --card2:#f7f9ff;
    --text:#10203e;
    --muted:#536783;
    --line:rgba(55,91,190,.20);
    --primary:#2563eb;
    --primary2:#7c3aed;
    --danger:#dc2626;
    --success:#16a34a;
    --warning:#f59e0b;
    --neon-cyan:#2563eb;
    --neon-green:#16a34a;
    --neon-violet:#7c3aed;
    --neon-orange:#f59e0b;
    --neon-red:#dc2626;
    --shadow:0 18px 42px rgba(24,44,96,.13);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
    min-height:100vh;
    font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    background:
        radial-gradient(circle at top left, color-mix(in srgb,var(--primary) 18%,transparent), transparent 35%),
        radial-gradient(circle at top right, color-mix(in srgb,var(--primary2) 16%,transparent), transparent 35%),
        var(--bg);
    color:var(--text);
}
html[data-theme="dark"] body{
    background:
        radial-gradient(circle at 14% 8%, rgba(34,211,238,.18), transparent 28%),
        radial-gradient(circle at 82% 18%, rgba(168,85,247,.16), transparent 30%),
        radial-gradient(circle at 74% 82%, rgba(57,255,136,.08), transparent 28%),
        linear-gradient(135deg,#0b1527 0%,#101f38 52%,#1a1732 100%);
}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
[hidden]{display:none!important}

.krono-splash{
    position:fixed;
    inset:0;
    z-index:9999;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        radial-gradient(circle at 50% 45%, rgba(34,211,238,.20), transparent 30%),
        radial-gradient(circle at 62% 54%, rgba(168,85,247,.16), transparent 32%),
        linear-gradient(135deg,#081222 0%,#101f38 54%,#15152f 100%);
    opacity:1;
    transition:opacity .38s ease,visibility .38s ease;
}
.krono-splash.hide{
    opacity:0;
    visibility:hidden;
}
.krono-splash-logo{
    width:min(176px,42vw);
    height:min(176px,42vw);
    object-fit:contain;
    border-radius:28px;
    animation:kronoSplashLogo 1.05s cubic-bezier(.22,1,.36,1) both;
    filter:drop-shadow(0 0 28px rgba(34,211,238,.34));
}
span.krono-splash-logo{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:72px;
    font-weight:950;
    background:linear-gradient(135deg,var(--primary),var(--primary2));
}
@keyframes kronoSplashLogo{
    0%{opacity:0;transform:scale(.86)}
    45%{opacity:1;transform:scale(1.04)}
    100%{opacity:1;transform:scale(1)}
}

.app-shell{min-height:100vh;display:flex;flex-direction:column}
.topbar{
    position:sticky;
    top:0;
    z-index:20;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:12px;
    width:100%;
    min-width:0;
    padding:14px 18px;
    background:color-mix(in srgb,var(--bg2) 88%,transparent);
    border-bottom:1px solid var(--line);
    backdrop-filter:blur(16px);
    overflow:visible;
}
.brand{
    display:flex;
    align-items:center;
    gap:12px;
    flex:0 0 clamp(220px,18vw,340px);
    min-width:220px;
    max-width:340px;
}
.brand-mark,.login-logo{
    width:44px;height:44px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:950;
    color:#fff;
    background:linear-gradient(135deg,var(--primary),var(--primary2));
    box-shadow:0 12px 26px color-mix(in srgb,var(--primary) 25%,transparent);
}
.brand-logo{overflow:hidden;background:var(--card);padding:3px}
.brand-logo img{width:100%;height:100%;object-fit:contain;display:block}
.brand > span:not(.brand-mark){min-width:0}
.brand strong{display:block;font-size:17px;white-space:nowrap}
.brand small{display:block;color:var(--muted);font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.license-top-badge{align-self:flex-start;padding:2px 6px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px;font-style:normal;font-weight:900}

.nav{
    display:flex;
    align-items:center;
    gap:7px;
    flex:1 1 auto;
    justify-content:flex-start;
    min-width:0;
    max-width:none;
    overflow:visible;
    overscroll-behavior-inline:contain;
    scrollbar-width:thin;
    scrollbar-color:color-mix(in srgb,var(--primary) 45%,transparent) transparent;
    white-space:nowrap;
    -webkit-overflow-scrolling:touch;
}
.nav::-webkit-scrollbar{height:4px}
.nav::-webkit-scrollbar-track{background:transparent}
.nav::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--primary) 45%,transparent);border-radius:999px}
.nav a{
    position:relative;
    flex:0 0 auto;
    padding:9px 12px;
    border-radius:999px;
    color:var(--muted);
    font-size:12px;
    font-weight:800;
    line-height:1;
    transition:background .16s ease,color .16s ease,box-shadow .16s ease;
}
.nav a.active,.nav a:hover{
    color:#fff;
    background:linear-gradient(135deg,var(--primary),var(--primary2));
}
.nav-dropdown{
    position:relative;
    flex:0 0 auto;
}
.nav-dropdown-toggle{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:30px;
    padding:9px 12px;
    border:0;
    border-radius:999px;
    background:transparent;
    color:var(--muted);
    font-size:12px;
    font-weight:850;
    line-height:1;
    cursor:pointer;
    transition:background .16s ease,color .16s ease,box-shadow .16s ease;
}
.nav-dropdown.active .nav-dropdown-toggle,
.nav-dropdown:hover .nav-dropdown-toggle,
.nav-dropdown:focus-within .nav-dropdown-toggle{
    color:#fff;
    background:linear-gradient(135deg,var(--primary),var(--primary2));
}
.nav-dropdown-menu{
    position:absolute;
    top:calc(100% + 9px);
    left:0;
    z-index:80;
    display:grid;
    min-width:210px;
    padding:8px;
    border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line));
    border-radius:16px;
    background:color-mix(in srgb,var(--card) 96%,transparent);
    box-shadow:0 18px 38px rgba(2,6,23,.22);
    opacity:0;
    visibility:hidden;
    transform:translateY(-4px);
    pointer-events:none;
    transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
}
.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown:focus-within .nav-dropdown-menu,
.nav-dropdown.is-open .nav-dropdown-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:auto;
}
.nav-dropdown-menu a{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    min-height:36px;
    padding:10px 11px;
    border-radius:11px;
    color:var(--text);
    font-size:13px;
    font-weight:850;
}
.nav-dropdown-menu a.has-nav-badge{padding-right:34px}
.nav-dropdown-menu .nav-expiration-badge{
    top:50%;
    right:8px;
    transform:translateY(-50%);
}
.nav-dropdown-menu a:hover,
.nav-dropdown-menu a.active{
    color:#fff;
    background:linear-gradient(135deg,var(--primary),var(--primary2));
}
.nav-more{
    display:none;
}
.nav-more .nav-dropdown-menu{
    left:auto;
    right:0;
    min-width:230px;
    max-width:calc(100vw - 24px);
    max-height:min(72vh,620px);
    overflow:auto;
    overscroll-behavior:contain;
}
.nav-more-menu > a,
.nav-more-section{
    display:none;
}
.nav-more-section{
    padding:10px 11px 5px;
    color:var(--muted);
    font-size:11px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.nav a.has-nav-badge{padding-right:22px}
.nav-expiration-badge{
    position:absolute;
    top:1px;
    right:-3px;
    min-width:18px;
    height:18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 5px;
    border-radius:999px;
    border:2px solid var(--card2);
    font-size:10px;
    font-weight:950;
    line-height:1;
    box-shadow:0 0 0 2px color-mix(in srgb,var(--bg2) 82%,transparent),0 8px 18px rgba(0,0,0,.22);
    pointer-events:none;
}
.nav-expiration-badge.is-warning{
    background:#facc15;
    color:#271a00;
}
.nav-expiration-badge.is-danger{
    background:var(--danger);
    color:#fff;
}

.top-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
    white-space:nowrap;
}
.top-actions form{display:flex;flex:0 0 auto;margin:0}
.icon-btn,.link-btn{
    border:1px solid var(--line);
    background:var(--card2);
    color:var(--text);
    border-radius:999px;
    padding:8px 12px;
    cursor:pointer;
    font-weight:800;
}
.icon-btn{
    width:40px;
    height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    line-height:1;
    position:relative;
    gap:0;
}
.icon-btn:hover{
    border-color:color-mix(in srgb,var(--primary) 42%,var(--line));
    box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent);
}
.action-icon-btn{
    flex:0 0 34px;
    width:34px;
    height:34px;
    padding:0;
    text-decoration:none;
}
.action-icon-btn svg{
    width:16px;
    height:16px;
    display:block;
    fill:none;
    stroke:currentColor;
    stroke-width:2.2;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.action-icon-btn.danger-link{
    border-color:color-mix(in srgb,var(--danger) 38%,var(--line));
    color:var(--danger);
}
.topbar-svg-icon{
    width:19px;
    height:19px;
    display:block;
    flex:0 0 19px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.icon-btn[data-theme-toggle] .theme-icon-moon{display:none}
html[data-theme="light"] .icon-btn[data-theme-toggle] .theme-icon-sun{display:none}
html[data-theme="light"] .icon-btn[data-theme-toggle] .theme-icon-moon{display:block}
.user-pill{
    padding:8px 12px;
    border-radius:999px;
    background:var(--card);
    border:1px solid var(--line);
    color:var(--text);
    font-weight:800;
    font-size:13px;
}
.user-pill-initials{display:none}
.logout{
    padding:8px 12px;
    border-radius:999px;
    border:1px solid color-mix(in srgb,var(--danger) 45%,transparent);
    background:transparent;
    color:var(--danger);
    font-weight:800;
    font-size:13px;
    cursor:pointer;
}

.page{
    width:min(1180px, calc(100% - 32px));
    margin:0 auto;
    padding:28px 0 40px;
    flex:1;
}
.page:has([data-planning-board]){width:min(1720px, calc(100% - 28px))}
.hero{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:22px;
    padding:26px;
    border-radius:28px;
    background:linear-gradient(180deg,var(--card),var(--card2));
    border:1px solid var(--line);
    box-shadow:var(--shadow);
}
.eyebrow{
    display:inline-flex;
    padding:6px 10px;
    border-radius:999px;
    border:1px solid var(--line);
    color:var(--primary);
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.hero h1{margin:12px 0 8px;font-size:34px;line-height:1.1}
.hero p{margin:0;color:var(--muted);font-size:15px}
.hero-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.badge{
    display:inline-flex;
    padding:8px 11px;
    border-radius:999px;
    border:1px solid var(--line);
    background:color-mix(in srgb,var(--card2) 90%,transparent);
    color:var(--text);
    font-size:12px;
    font-weight:850;
}

.grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    margin-top:18px;
}
.card{
    padding:20px;
    border-radius:24px;
    background:linear-gradient(180deg,var(--card),var(--card2));
    border:1px solid var(--line);
    box-shadow:var(--shadow);
}
.card-icon{font-size:28px;margin-bottom:12px}
.card h2{margin:0 0 8px;font-size:18px}
.card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}

.footer{
    display:flex;
    justify-content:space-between;
    gap:12px;
    padding:14px 22px;
    color:var(--muted);
    border-top:1px solid var(--line);
    font-size:12px;
}

.login-body{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:22px;
}
.login-shell{width:100%;max-width:430px}
.login-card{
    padding:26px;
    border-radius:30px;
    background:linear-gradient(180deg,var(--card),var(--card2));
    border:1px solid var(--line);
    box-shadow:var(--shadow);
}
.login-brand{text-align:center;margin-bottom:20px}
.login-logo{margin:0 auto 14px;width:62px;height:62px;font-size:26px}
.login-brand h1{margin:0;font-size:32px}
.login-brand p{margin:8px 0 0;color:var(--muted);font-size:14px}
.login-form{display:flex;flex-direction:column;gap:10px}
.login-form label{font-size:12px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}
.login-form input{
    width:100%;
    border:1px solid var(--line);
    background:var(--bg);
    color:var(--text);
    border-radius:16px;
    padding:13px 14px;
    outline:none;
}
.login-form input:focus{
    border-color:var(--primary);
    box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 18%,transparent);
}
.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    border-radius:999px;
    border:1px solid var(--line);
    cursor:pointer;
    font-weight:950;
}
.btn-primary{
    color:#fff;
    background:linear-gradient(135deg,var(--primary),var(--primary2));
}
html[data-theme="dark"] .topbar,
html[data-theme="dark"] .hero,
html[data-theme="dark"] .card,
html[data-theme="dark"] .mobile-app-hero,
html[data-theme="dark"] .mobile-shift-card,
html[data-theme="dark"] .mobile-detail-card,
html[data-theme="dark"] .mobile-info-card{
    border-color:rgba(34,211,238,.24);
    box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.04);
}
html[data-theme="dark"] .card:hover,
html[data-theme="dark"] .dashboard-card:hover,
html[data-theme="dark"] .mobile-quick-card:hover{
    border-color:rgba(57,255,136,.30);
    box-shadow:0 18px 54px rgba(0,0,0,.58),0 0 28px rgba(34,211,238,.13);
}
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .nav a.active,
html[data-theme="dark"] .nav a:hover,
html[data-theme="dark"] .badge-unread{
    background:linear-gradient(135deg,var(--neon-cyan),var(--neon-violet));
    box-shadow:0 0 22px rgba(34,211,238,.22),0 10px 28px rgba(168,85,247,.18);
}
html[data-theme="dark"] .badge{
    border-color:rgba(34,211,238,.24);
    background:rgba(5,11,30,.72);
}
html[data-theme="dark"] .badge.ok,
html[data-theme="dark"] .app-active-badge{border-color:rgba(57,255,136,.45);color:var(--neon-green)}
html[data-theme="dark"] .badge.warn,
html[data-theme="dark"] .badge.warning,
html[data-theme="dark"] .badge.special{border-color:rgba(255,159,28,.50);color:var(--neon-orange)}
html[data-theme="dark"] .badge.danger{border-color:rgba(255,63,110,.58);color:var(--neon-red)}
html[data-theme="dark"] .badge.off{border-color:rgba(255,63,110,.50);color:var(--neon-red)}
html[data-theme="dark"] .badge.neutral{border-color:rgba(148,163,184,.45);color:#cbd5e1}
.btn-danger{
    color:#fff;
    border:0;
    background:linear-gradient(135deg,var(--danger),#fb7185);
}
.alert{
    padding:12px 14px;
    border-radius:16px;
    margin-bottom:14px;
    font-size:14px;
}
.alert-error{
    color:#fff;
    background:linear-gradient(135deg,#dc2626,#fb7185);
}
.login-tools{
    display:flex;
    justify-content:center;
    gap:8px;
    margin-top:16px;
}
.link-btn{font-size:12px}

.login-body{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 20% 12%, rgba(110,168,255,.30), transparent 28%),
        radial-gradient(circle at 84% 72%, rgba(139,92,246,.24), transparent 30%),
        linear-gradient(135deg,#040615 0%,#07122d 46%,#120822 100%);
}
.login-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.login-backdrop span{
    position:absolute;
    width:220px;
    height:220px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.12);
    background:radial-gradient(circle,rgba(110,168,255,.22),transparent 64%);
    filter:blur(1px);
    animation:loginFloat 13s ease-in-out infinite alternate;
}
.login-backdrop span:nth-child(1){left:8%;top:14%}
.login-backdrop span:nth-child(2){right:12%;top:18%;animation-delay:-4s;background:radial-gradient(circle,rgba(139,92,246,.20),transparent 64%)}
.login-backdrop span:nth-child(3){left:52%;bottom:8%;animation-delay:-8s;width:150px;height:150px}
@keyframes loginFloat{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(24px,-28px,0) scale(1.08)}}
.login-shell{position:relative;z-index:1}
.login-card-premium{
    position:relative;
    overflow:hidden;
    border-radius:34px;
    background:linear-gradient(180deg,rgba(16,25,54,.82),rgba(7,12,30,.86));
    border:1px solid rgba(177,205,255,.24);
    box-shadow:0 30px 80px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter:blur(22px);
}
.login-card-premium:before{
    content:"";
    position:absolute;
    top:-35%;
    bottom:-35%;
    left:-52%;
    width:42%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.08),transparent);
    transform:translateX(0) skewX(-16deg);
    animation:loginSheen 8s ease-in-out infinite;
}
@keyframes loginSheen{0%,38%{transform:translateX(0) skewX(-16deg)}62%,100%{transform:translateX(420%) skewX(-16deg)}}
.login-brand,.login-form,.login-tools,.login-powered,.login-card .alert{position:relative;z-index:1}
.login-kicker{
    display:inline-flex;
    margin-bottom:8px;
    color:#8fd3ff;
    font-size:12px;
    font-weight:950;
    letter-spacing:.16em;
    text-transform:uppercase;
}
.login-logo-image{background:rgba(255,255,255,.08);padding:6px}
.login-logo img{display:block;width:100%;height:100%;object-fit:contain}
.login-field{
    display:flex;
    align-items:center;
    gap:10px;
    border:1px solid rgba(177,205,255,.22);
    background:rgba(3,8,24,.74);
    border-radius:18px;
    padding:0 14px;
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.login-field:focus-within{
    border-color:#7dd3fc;
    background:rgba(5,13,36,.92);
    box-shadow:0 0 0 4px rgba(125,211,252,.14),0 0 28px rgba(110,168,255,.16);
}
.login-field span{color:#8fd3ff;font-size:16px}
.login-form .login-field input{
    border:0;
    background:transparent;
    box-shadow:none;
    padding:14px 0;
}
.login-form .login-field input:focus{box-shadow:none}
.login-password-toggle{
    width:36px;
    height:36px;
    flex:0 0 auto;
    border:1px solid rgba(177,205,255,.24);
    border-radius:999px;
    background:rgba(255,255,255,.06);
    color:#dbeafe;
    cursor:pointer;
    display:grid;
    place-items:center;
    line-height:1;
}
.login-password-toggle:hover,
.login-password-toggle:focus-visible{
    border-color:#7dd3fc;
    box-shadow:0 0 0 3px rgba(125,211,252,.14);
    outline:none;
}
html[data-theme="light"] .login-body{
    background:
        radial-gradient(circle at 20% 12%, rgba(37,99,235,.22), transparent 28%),
        radial-gradient(circle at 84% 72%, rgba(124,58,237,.16), transparent 30%),
        linear-gradient(135deg,#eef5ff 0%,#f8fbff 48%,#f3e8ff 100%);
}
html[data-theme="light"] .login-card-premium{
    background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(245,248,255,.92));
    color:#10203e;
    border-color:rgba(37,99,235,.20);
}
html[data-theme="light"] .login-field{background:rgba(255,255,255,.78)}
html[data-theme="light"] .login-field input{color:#10203e}
html[data-theme="light"] .login-powered{color:#536783}
html[data-theme="light"] .login-password-toggle{background:#fff;color:#10203e;border-color:rgba(37,99,235,.22)}
.login-card-premium .btn-primary{
    border:0;
    min-height:50px;
    box-shadow:0 14px 35px rgba(37,99,235,.30);
}
.login-powered{
    margin:18px 0 0;
    text-align:center;
    color:rgba(219,234,254,.72);
    font-size:12px;
    font-weight:800;
}

/* LOGIN DESIGN V2 */
.login-design-v2{
    min-height:100vh;
    min-height:100svh;
    padding:clamp(14px,3vw,42px);
    color:#eef6ff;
    background:
        linear-gradient(115deg,rgba(37,99,235,.22),transparent 34%),
        linear-gradient(245deg,rgba(20,184,166,.16),transparent 32%),
        radial-gradient(circle at 50% 100%,rgba(15,23,42,.34),transparent 42%),
        #07111f;
}
.login-design-v2 .login-backdrop{
    position:fixed;
    inset:0;
    overflow:hidden;
    pointer-events:none;
}
.login-design-v2 .login-shape,
.login-design-v2 .login-grid-glow{
    position:absolute;
    display:block;
}
.login-design-v2 .login-shape{
    width:min(34vw,420px);
    height:min(28vw,320px);
    border-radius:56px;
    border:1px solid rgba(255,255,255,.12);
    background:linear-gradient(135deg,rgba(96,165,250,.22),rgba(45,212,191,.08));
    box-shadow:0 40px 120px rgba(15,23,42,.26);
    animation:loginPanelFloat 16s ease-in-out infinite alternate;
}
.login-design-v2 .login-shape-one{
    left:5%;
    top:8%;
    transform:rotate(-10deg);
}
.login-design-v2 .login-shape-two{
    right:4%;
    bottom:8%;
    transform:rotate(12deg);
    background:linear-gradient(135deg,rgba(129,140,248,.18),rgba(56,189,248,.08));
    animation-delay:-6s;
}
.login-design-v2 .login-grid-glow{
    inset:9% 7%;
    border-radius:42px;
    opacity:.24;
    background:
        linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
    background-size:56px 56px;
    mask-image:linear-gradient(90deg,transparent,black 22%,black 78%,transparent);
}
@keyframes loginPanelFloat{
    from{translate:0 0}
    to{translate:18px -20px}
}
.login-design-v2 .login-shell{
    position:relative;
    z-index:1;
    width:min(1040px,100%);
    max-width:none;
    display:grid;
    grid-template-columns:minmax(260px,.92fr) minmax(360px,430px);
    align-items:center;
    gap:clamp(18px,4vw,48px);
}
.login-design-v2 .login-intro{
    display:grid;
    gap:18px;
    min-width:0;
}
.login-design-v2 .login-logo{
    margin:0;
    width:78px;
    height:78px;
    border-radius:24px;
    background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.06));
    border:1px solid rgba(255,255,255,.18);
    color:#fff;
    display:grid;
    place-items:center;
    font-size:32px;
    font-weight:950;
    box-shadow:0 20px 48px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.16);
}
.login-design-v2 .login-logo-image{
    padding:8px;
}
.login-design-v2 .login-intro h1{
    margin:0;
    max-width:13ch;
    color:#fff;
    font-size:clamp(34px,5vw,62px);
    line-height:.94;
    letter-spacing:0;
}
.login-design-v2 .login-intro p{
    margin:12px 0 0;
    max-width:54ch;
    color:rgba(226,232,240,.78);
    font-size:clamp(15px,1.45vw,18px);
    line-height:1.55;
}
.login-design-v2 .login-meta-strip{
    width:min(360px,100%);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:11px 13px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.14);
    background:rgba(255,255,255,.08);
    color:rgba(226,232,240,.74);
    font-size:12px;
    font-weight:850;
    backdrop-filter:blur(18px);
}
.login-design-v2 .login-meta-strip strong{
    color:#fff;
}
.login-design-v2 .login-card-premium{
    width:100%;
    padding:clamp(22px,3vw,34px);
    border-radius:30px;
    border:1px solid rgba(203,213,225,.20);
    background:linear-gradient(180deg,rgba(15,23,42,.80),rgba(15,23,42,.66));
    box-shadow:0 28px 80px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.10);
    backdrop-filter:blur(22px);
}
.login-design-v2 .login-card-premium:before{
    opacity:.42;
}
.login-design-v2 .login-brand{
    margin-bottom:20px;
    text-align:left;
}
.login-design-v2 .login-kicker{
    margin-bottom:8px;
    color:#93c5fd;
    letter-spacing:.14em;
}
.login-design-v2 .login-brand h2{
    margin:0;
    color:#fff;
    font-size:clamp(26px,2.4vw,34px);
    line-height:1.05;
}
.login-design-v2 .login-brand p{
    margin:8px 0 0;
    color:rgba(226,232,240,.72);
    font-size:14px;
    line-height:1.5;
}
.login-design-v2 .login-form{
    gap:11px;
}
.login-design-v2 .login-form label{
    color:rgba(226,232,240,.72);
    letter-spacing:.08em;
}
.login-design-v2 .login-field{
    gap:12px;
    min-height:52px;
    border-radius:18px;
    border-color:rgba(203,213,225,.20);
    background:rgba(2,6,23,.50);
}
.login-design-v2 .login-field-icon{
    min-width:30px;
    height:30px;
    border-radius:11px;
    display:grid;
    place-items:center;
    color:#bfdbfe;
    background:rgba(96,165,250,.14);
    font-size:11px;
    font-weight:950;
    letter-spacing:.02em;
}
.login-design-v2 .login-form .login-field input{
    min-width:0;
    color:#f8fafc;
    font-size:15px;
}
.login-design-v2 .login-form .login-field input::placeholder{
    color:rgba(226,232,240,.46);
}
.login-design-v2 .login-password-toggle{
    width:auto;
    min-width:52px;
    height:34px;
    padding:0 12px;
    font-size:12px;
    font-weight:900;
    color:#dbeafe;
}
.login-design-v2 .login-card-premium .btn-primary{
    margin-top:6px;
    min-height:52px;
    border-radius:18px;
    transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
.login-design-v2 .login-card-premium .btn-primary:hover{
    filter:saturate(1.06) brightness(1.04);
    transform:translateY(-1px);
}
.login-design-v2 .login-card-premium .btn-primary:active{
    transform:scale(.985);
}
.login-design-v2 .login-tools{
    justify-content:space-between;
    align-items:center;
    gap:10px;
    margin-top:16px;
}
.login-design-v2 .login-tools .link-btn{
    min-height:36px;
    padding:0 12px;
    border-radius:999px;
    color:rgba(226,232,240,.78);
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.12);
}
.login-design-v2 .login-tools .link-btn:hover,
.login-design-v2 .login-tools .link-btn:focus-visible{
    color:#fff;
    border-color:rgba(147,197,253,.42);
    outline:none;
}
.login-design-v2 .alert-error{
    border:1px solid rgba(248,113,113,.32);
    background:linear-gradient(135deg,rgba(185,28,28,.90),rgba(244,63,94,.82));
    box-shadow:0 14px 34px rgba(127,29,29,.22);
}
.login-design-v2 .login-powered{
    margin-top:18px;
    color:rgba(226,232,240,.58);
}
html[data-theme="light"] .login-design-v2{
    color:#10203e;
    background:
        linear-gradient(115deg,rgba(37,99,235,.16),transparent 34%),
        linear-gradient(245deg,rgba(20,184,166,.12),transparent 32%),
        radial-gradient(circle at 50% 100%,rgba(203,213,225,.35),transparent 42%),
        #f5f8ff;
}
html[data-theme="light"] .login-design-v2 .login-shape{
    border-color:rgba(37,99,235,.10);
    background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(20,184,166,.08));
    box-shadow:0 34px 90px rgba(37,99,235,.10);
}
html[data-theme="light"] .login-design-v2 .login-grid-glow{
    opacity:.20;
    background:
        linear-gradient(rgba(37,99,235,.10) 1px,transparent 1px),
        linear-gradient(90deg,rgba(37,99,235,.10) 1px,transparent 1px);
    background-size:56px 56px;
}
html[data-theme="light"] .login-design-v2 .login-intro h1,
html[data-theme="light"] .login-design-v2 .login-brand h2,
html[data-theme="light"] .login-design-v2 .login-meta-strip strong{
    color:#0f172a;
}
html[data-theme="light"] .login-design-v2 .login-intro p,
html[data-theme="light"] .login-design-v2 .login-brand p,
html[data-theme="light"] .login-design-v2 .login-form label,
html[data-theme="light"] .login-design-v2 .login-powered{
    color:#52647f;
}
html[data-theme="light"] .login-design-v2 .login-meta-strip,
html[data-theme="light"] .login-design-v2 .login-tools .link-btn{
    color:#52647f;
    background:rgba(255,255,255,.70);
    border-color:rgba(37,99,235,.13);
}
html[data-theme="light"] .login-design-v2 .login-card-premium{
    background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(248,251,255,.82));
    border-color:rgba(37,99,235,.14);
    box-shadow:0 28px 70px rgba(15,23,42,.13), inset 0 1px 0 rgba(255,255,255,.88);
}
html[data-theme="light"] .login-design-v2 .login-field{
    background:rgba(255,255,255,.76);
    border-color:rgba(37,99,235,.16);
}
html[data-theme="light"] .login-design-v2 .login-form .login-field input{
    color:#10203e;
}
html[data-theme="light"] .login-design-v2 .login-password-toggle{
    color:#1e3a8a;
}
@media(max-width:900px){
    .login-design-v2 .login-shell{
        grid-template-columns:minmax(0,1fr);
        gap:18px;
        width:min(460px,100%);
    }
    .login-design-v2 .login-intro{
        justify-items:center;
        text-align:center;
        gap:12px;
    }
    .login-design-v2 .login-intro h1{
        max-width:100%;
        font-size:clamp(30px,10vw,44px);
    }
    .login-design-v2 .login-intro p{
        max-width:38ch;
        margin-top:8px;
    }
    .login-design-v2 .login-meta-strip{
        width:100%;
    }
}
@media(max-width:520px){
    .login-design-v2{
        padding:12px;
        align-items:flex-start;
    }
    .login-design-v2 .login-shell{
        min-height:calc(100svh - 24px);
        align-content:center;
    }
    .login-design-v2 .login-card-premium{
        padding:20px;
        border-radius:24px;
    }
    .login-design-v2 .login-logo{
        width:62px;
        height:62px;
        border-radius:20px;
    }
    .login-design-v2 .login-brand h2{
        font-size:25px;
    }
    .login-design-v2 .login-tools{
        flex-wrap:wrap;
        justify-content:center;
    }
}
@media(max-height:760px) and (min-width:901px){
    .login-design-v2{
        padding-block:16px;
    }
    .login-design-v2 .login-shell{
        grid-template-columns:minmax(240px,.82fr) minmax(350px,410px);
        gap:28px;
    }
    .login-design-v2 .login-intro h1{
        font-size:44px;
    }
    .login-design-v2 .login-intro p{
        font-size:15px;
    }
    .login-design-v2 .login-card-premium{
        padding:24px;
    }
    .login-design-v2 .login-field{
        min-height:48px;
    }
}
@media(prefers-reduced-motion:reduce){
    .login-design-v2 .login-shape,
    .login-design-v2 .login-card-premium:before{
        animation:none;
    }
    .login-design-v2 .login-card-premium .btn-primary{
        transition:none;
    }
}

@media(max-width:1600px){
    .brand{
        flex-basis:clamp(190px,15vw,280px);
        min-width:190px;
    }
    .nav-item-assignments,
    .nav-item-on_call,
    .nav-group-operations,
    .nav-group-management,
    .nav-item-settings{
        display:none;
    }
    .nav-more.has-more-1600{
        display:block;
    }
    .nav-more-menu > .nav-more-at-1600,
    .nav-more-menu > .nav-more-section.nav-more-at-1600{
        display:flex;
    }
    .nav-more-menu > .nav-more-section.nav-more-at-1600{
        display:block;
    }
    .nav-more.is-active-1600 .nav-dropdown-toggle{
        color:#fff;
        background:linear-gradient(135deg,var(--primary),var(--primary2));
    }
}

@media(max-width:1400px){
    .user-pill-full{display:none}
    .user-pill-initials{display:inline}
    .user-pill{
        min-width:40px;
        text-align:center;
        padding-inline:10px;
    }
}

@media(max-width:1366px){
    .topbar{
        gap:10px;
        padding:12px 14px;
    }
    .brand{
        flex-basis:180px;
        min-width:180px;
        gap:10px;
    }
    .brand strong{font-size:15px}
    .brand small{font-size:11px}
    .license-top-badge{display:none}
    .nav{
        gap:5px;
    }
    .nav a,
    .nav-dropdown-toggle{
        padding:8px 10px;
    }
    .top-actions{
        gap:6px;
    }
}

@media(max-width:1200px){
    .nav-item-planning{
        display:none;
    }
    .nav-more.has-more-1200{
        display:block;
    }
    .nav-more-menu > .nav-more-at-1200{
        display:flex;
    }
    .nav-more.is-active-1200 .nav-dropdown-toggle{
        color:#fff;
        background:linear-gradient(135deg,var(--primary),var(--primary2));
    }
}

@media(max-width:1000px){
    .topbar{
        flex-wrap:wrap;
        align-items:center;
    }
    .brand{
        flex:1 1 160px;
        min-width:150px;
        max-width:none;
    }
    .brand small,
    .license-top-badge{
        display:none;
    }
    .top-actions{
        margin-left:auto;
    }
    .nav{
        order:3;
        width:100%;
        flex:0 0 100%;
        overflow:visible;
    }
    .nav-item-reports,
    .nav-item-vehicles,
    .nav-item-requirements{
        display:none;
    }
    .nav-more.has-more-1000{
        display:block;
    }
    .nav-more-menu > .nav-more-at-1000{
        display:flex;
    }
    .nav-more.is-active-1000 .nav-dropdown-toggle{
        color:#fff;
        background:linear-gradient(135deg,var(--primary),var(--primary2));
    }
}

@media(max-width:980px){
    .topbar{flex-wrap:wrap}
    .brand{flex-basis:220px;min-width:220px}
    .nav{order:3;width:100%;flex-wrap:wrap;overflow:visible}
    .nav-dropdown-menu{position:absolute}
    .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
    .page{width:min(100% - 22px,1180px);padding-top:18px}
    .hero{flex-direction:column;padding:20px}
    .hero h1{font-size:26px}
    .grid{grid-template-columns:1fr}
    .top-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}
    .brand{
        flex-basis:100%;
        min-width:0;
    }
    .nav{
        flex-wrap:wrap;
    }
}

.users-card{margin-top:18px}
.table-wrap{overflow:auto}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}
.table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.actions{display:flex;gap:8px;flex-wrap:wrap}
.danger-link{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}
.form-card{max-width:760px;margin:18px auto 0}
.entity-form{display:flex;flex-direction:column;gap:10px}
.entity-form label{font-size:12px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}
.entity-form input,.entity-form select,.entity-form textarea{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:14px;padding:12px 13px;outline:none}
.checkline{display:flex;align-items:center;gap:8px;text-transform:none !important;color:var(--text) !important}
.form-check-list{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:6px 0 10px}
.entity-form .form-check-row{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:max-content;max-width:100%;margin:0;color:var(--text);font-size:14px;font-weight:850;letter-spacing:0;text-transform:none;cursor:pointer}
.entity-form .form-check-input{width:18px;min-width:18px;height:18px;margin:0;padding:0;flex:0 0 18px;border-radius:5px;cursor:pointer}
.form-check-label{line-height:1.25}
.form-actions{display:flex;gap:10px;align-items:center;margin-top:8px}
.muted-text{color:var(--muted)}
.entity-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.entity-filters input,.entity-filters select{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:12px;padding:10px 12px}
.badge.ok{border-color:color-mix(in srgb,#10b981 45%,transparent);color:#10b981}
.badge.off{border-color:color-mix(in srgb,var(--danger) 45%,transparent);color:var(--danger)}
.badge.neutral{border-color:color-mix(in srgb,var(--muted) 45%,transparent);color:var(--muted)}
.badge.warn{border-color:color-mix(in srgb,#f59e0b 45%,transparent);color:#f59e0b}
.badge.warning{border-color:color-mix(in srgb,#f59e0b 45%,transparent);color:#f59e0b}
.badge.danger{border-color:color-mix(in srgb,var(--danger) 55%,transparent);color:var(--danger)}
.badge.special{border-color:color-mix(in srgb,#f59e0b 45%,transparent);color:#f59e0b}
.app-active-badge{border-color:color-mix(in srgb,#10b981 55%,transparent);color:#10b981}
.credentials-card{
    display:grid;
    gap:6px;
    margin:14px 0;
    border-color:color-mix(in srgb,#10b981 38%,var(--line));
    background:color-mix(in srgb,#10b981 8%,var(--card));
}
.credentials-card strong{color:var(--text)}
.credentials-card span{color:var(--muted)}
.credentials-card code{
    padding:4px 8px;
    border:1px solid var(--line);
    border-radius:8px;
    background:var(--bg);
    color:var(--text);
    font-weight:950;
}
.actions form{margin:0}
.actions button.link-btn{cursor:pointer}
.linked-user-card{
    display:flex;
    align-items:center;
    gap:10px;
    margin:10px 0 14px;
    padding:12px;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--card2);
}
.password-card h1{margin:8px 0 14px}
.password-logout{margin-top:10px}
.system-backup-hero{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    margin-bottom:16px;
}
.system-backup-hero h1{margin:8px 0 4px;font-size:34px;line-height:1.12}
.system-backup-hero p{margin:0;color:var(--muted);font-weight:800}
.backup-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin:16px 0;
}
.backup-card{display:grid;gap:12px;align-content:start}
.backup-card h2,
.backup-history h2{margin:0}
.backup-card p{margin:0;color:var(--muted)}
.backup-warning{color:var(--danger)!important;font-weight:900}
.backup-form{display:grid;gap:10px}
.backup-form input,
.backup-form select{
    width:100%;
    border:1px solid var(--line);
    background:var(--bg);
    color:var(--text);
    border-radius:12px;
    padding:10px 12px;
}
.backup-form label{
    display:grid;
    gap:6px;
    color:var(--muted);
    font-size:12px;
    font-weight:850;
}
.backup-form .checkline{display:flex}
.backup-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cron-help{
    display:grid;
    gap:6px;
    padding:10px;
    border:1px dashed var(--line);
    border-radius:12px;
    background:var(--card2);
}
.cron-help code{
    white-space:normal;
    overflow-wrap:anywhere;
    color:var(--text);
}
.cron-help label{
    display:grid;
    gap:6px;
    color:var(--muted);
    font-size:12px;
    font-weight:850;
}
.cron-help input{
    width:100%;
    border:1px solid var(--line);
    border-radius:12px;
    background:var(--bg);
    color:var(--text);
    padding:10px 12px;
}
.backup-history{margin-top:14px}
@media(max-width:900px){
    .system-backup-hero{align-items:flex-start;flex-direction:column}
    .backup-grid,
    .backup-split{grid-template-columns:1fr}
}
.nav a.disabled{opacity:.5;pointer-events:none}
.calendar-hero{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:16px;
    margin-bottom:16px;
}
.calendar-hero h1{margin:8px 0 4px;font-size:34px;line-height:1.12}
.calendar-hero p{margin:0;color:var(--muted);font-weight:800}
.calendar-hero-actions,
.calendar-nav,
.calendar-modal-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.calendar-control-card{margin-bottom:12px}
.calendar-toolbar{display:grid;gap:12px}
.calendar-filters{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
    align-items:end;
}
.calendar-filters label,
.calendar-modal-form label{
    display:grid;
    gap:6px;
    color:var(--muted);
    font-size:12px;
    font-weight:850;
}
.calendar-filters input,
.calendar-filters select,
.calendar-modal-form input,
.calendar-modal-form select,
.calendar-modal-form textarea{
    width:100%;
    border:1px solid var(--line);
    background:var(--bg);
    color:var(--text);
    border-radius:12px;
    padding:10px 12px;
}
.calendar-search{grid-column:span 2}
.calendar-check,
.calendar-modal-check{display:flex!important;align-items:center;gap:8px;min-height:42px}
.calendar-check input,
.calendar-modal-check input{width:auto}
.calendar-help{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin:0 0 12px;
}
.calendar-help span{
    padding:6px 10px;
    border:1px solid var(--line);
    border-radius:999px;
    color:var(--muted);
    background:var(--card2);
    font-size:12px;
    font-weight:850;
}
.calendar-timeline{display:grid;grid-template-columns:68px minmax(0,1fr);gap:12px}
.calendar-time-rail{
    display:grid;
    grid-template-rows:repeat(24,36px);
    color:var(--muted);
    font-size:11px;
    justify-items:end;
    padding-top:38px;
}
.calendar-groups{display:grid;gap:14px;min-width:0}
.calendar-empty{color:var(--muted)}
.calendar-group-card{
    border:1px solid var(--line);
    border-radius:16px;
    padding:12px;
    background:var(--card);
    box-shadow:var(--shadow);
}
.calendar-group-card header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    margin-bottom:10px;
}
.calendar-group-card h2{margin:0;font-size:16px}
.calendar-days{display:grid;gap:10px}
.calendar-days-week{grid-template-columns:repeat(7,minmax(140px,1fr))}
.calendar-days-day{grid-template-columns:minmax(0,1fr)}
.calendar-day-column{
    min-width:0;
    border:1px solid var(--line);
    border-radius:14px;
    overflow:hidden;
    background:var(--card2);
}
.calendar-day-head{
    padding:8px 10px;
    border-bottom:1px solid var(--line);
    color:var(--muted);
    font-size:12px;
    font-weight:900;
}
.calendar-day-track{
    min-height:864px;
    display:grid;
    grid-template-rows:repeat(48,18px);
    position:relative;
}
.calendar-slot{
    grid-column:1;
    min-height:18px;
    border:0;
    border-bottom:1px dashed color-mix(in srgb,var(--line) 42%,transparent);
    background:transparent;
    cursor:crosshair;
}
.calendar-slot:nth-of-type(2n+1){border-bottom-color:color-mix(in srgb,var(--line) 70%,transparent)}
.calendar-slot:hover{background:color-mix(in srgb,var(--primary) 10%,transparent)}
.calendar-event{
    grid-column:1;
    z-index:2;
    box-sizing:border-box;
    margin:2px 5px;
    padding:7px 8px;
    border:1px solid transparent;
    border-radius:10px;
    color:#fff;
    display:flex;
    flex-direction:column;
    gap:2px;
    overflow:hidden;
    position:relative;
    text-align:left;
    cursor:pointer;
    font:inherit;
    box-shadow:0 6px 14px rgba(15,23,42,.16);
}
.calendar-event-overlap{
    width:calc(var(--calendar-event-width,100%) - 5px);
    margin-left:calc(var(--calendar-event-left,0%) + 2px);
    margin-right:2px;
    position:relative;
    z-index:calc(4 + var(--calendar-event-column,0));
}
.calendar-event strong{font-size:12px;line-height:1.05}
.calendar-event span,
.calendar-event small,
.calendar-event em,
.calendar-event i,
.calendar-event b{
    font-size:10px;
    line-height:1.12;
    opacity:.95;
    font-style:normal;
}
.calendar-event b,
.calendar-chip.has-conflict b{font-weight:950}
.calendar-event.has-conflict,
.calendar-chip.has-conflict{
    border-color:#fff;
    box-shadow:0 0 0 2px var(--danger),0 8px 16px rgba(220,38,38,.18);
}
.calendar-month-grid{
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:10px;
}
.calendar-month-day{
    min-height:160px;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--card);
    padding:9px;
    display:flex;
    flex-direction:column;
    gap:8px;
}
.calendar-month-day.is-outside{opacity:.58}
.calendar-month-head{
    border:0;
    background:transparent;
    color:var(--text);
    text-align:left;
    font-weight:950;
    padding:0;
    cursor:pointer;
}
.calendar-month-events{display:grid;gap:6px}
.calendar-chip{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:5px;
    align-items:center;
    padding:6px 7px;
    border:1px solid transparent;
    border-radius:10px;
    color:#fff;
    text-align:left;
    cursor:pointer;
    box-shadow:0 4px 10px rgba(15,23,42,.14);
}
.calendar-chip strong,
.calendar-chip span,
.calendar-chip em{font-size:11px;line-height:1.1}
.calendar-month-event{color:#fff;text-shadow:0 1px 1px rgba(15,23,42,.22)}
.calendar-month-event-time,
.calendar-month-event-title{color:#fff!important;opacity:1!important}
.calendar-month-event-time{font-weight:950}
.calendar-month-event-title{font-weight:850}
.calendar-chip span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.calendar-chip em{font-style:normal;font-weight:950}
.calendar-more{color:var(--muted);font-size:12px;font-weight:900}
.calendar-type-work{background:#2563eb}
.calendar-type-vacation{background:#16a34a}
.calendar-type-sick{background:#dc2626}
.calendar-type-absence{background:#f59e0b}
.calendar-type-training{background:#7c3aed}
.calendar-type-permit{background:#0891b2}
.calendar-type-default{background:#64748b}
.calendar-event-colored{
    background:var(--event-bg,#2563eb)!important;
    color:var(--event-fg,#fff)!important;
    border-color:color-mix(in srgb,var(--event-bg,#2563eb) 78%,#fff 22%)!important;
}
.calendar-event-colored strong,
.calendar-event-colored span,
.calendar-event-colored small,
.calendar-event-colored em,
.calendar-event-colored i,
.calendar-event-colored b,
.calendar-event-colored .calendar-month-event-time,
.calendar-event-colored .calendar-month-event-title{
    color:inherit!important;
}
.calendar-event-text-light{text-shadow:0 1px 1px rgba(15,23,42,.28)}
.calendar-event-text-dark{text-shadow:none}
.gantt-event-colored{
    box-shadow:0 8px 18px color-mix(in srgb,var(--event-bg,#2563eb) 28%,transparent);
}
.calendar-day-chip.calendar-event-colored{
    background:color-mix(in srgb,var(--event-bg,#2563eb) 82%,var(--card) 18%)!important;
}
.calendar-day-shift-row.calendar-event-colored{
    border-left:6px solid var(--event-bg,#2563eb);
    background:color-mix(in srgb,var(--event-bg,#2563eb) 14%,var(--card) 86%)!important;
    color:var(--text);
}
.calendar-modal{
    position:fixed;
    inset:0;
    z-index:80;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    background:rgba(15,23,42,.58);
}
.calendar-modal[hidden]{display:none}
.calendar-modal-panel{
    width:min(760px,100%);
    max-height:min(92vh,900px);
    overflow:auto;
    border:1px solid var(--line);
    border-radius:18px;
    background:var(--card);
    box-shadow:0 28px 90px rgba(15,23,42,.36);
    padding:18px;
}
.calendar-modal-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:16px;
    margin-bottom:14px;
}
.calendar-modal-head h2{margin:6px 0 0}
.calendar-modal-close{
    width:34px;
    height:34px;
    border:1px solid var(--line);
    border-radius:10px;
    background:var(--card2);
    color:var(--text);
    font-weight:950;
    cursor:pointer;
}
.calendar-modal-form{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.calendar-modal-wide{grid-column:1/-1}
.calendar-modal-alert{
    display:grid;
    gap:6px;
    margin:0 0 12px;
    padding:12px;
    border:1px solid color-mix(in srgb,var(--danger) 38%,var(--line));
    border-radius:14px;
    background:color-mix(in srgb,var(--danger) 8%,var(--card));
}
.calendar-modal-alert strong{color:var(--danger)}
.calendar-modal-alert span{color:var(--muted);font-size:13px}
.calendar-view-switch{
    display:inline-flex;
    gap:6px;
    padding:5px;
    margin-top:14px;
    border:1px solid color-mix(in srgb,var(--primary) 35%,var(--line));
    border-radius:999px;
    background:color-mix(in srgb,var(--card) 86%,transparent);
    box-shadow:0 0 24px rgba(34,211,238,.08);
}
.calendar-view-switch a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 14px;
    border-radius:999px;
    color:var(--muted);
    text-decoration:none;
    font-size:13px;
    font-weight:900;
}
.calendar-view-switch a:hover,
.calendar-view-switch a.is-active{
    color:#fff;
    background:linear-gradient(135deg,var(--primary),var(--accent));
    box-shadow:0 10px 24px rgba(34,211,238,.18);
}
.calendar-month-shell{
    display:grid;
    gap:10px;
    width:100%;
}
.calendar-month-shell .calendar-month-weekdays,
.calendar-month-shell .calendar-month-grid{
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:10px;
}
.calendar-month-weekday{
    padding:8px 10px;
    border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line));
    border-radius:12px;
    color:color-mix(in srgb,var(--warning) 75%,var(--text));
    background:color-mix(in srgb,var(--card) 84%,transparent);
    font-size:11px;
    font-weight:950;
    text-align:center;
    letter-spacing:0;
}
.calendar-month-shell .calendar-classic-day{
    min-height:132px;
    width:100%;
    display:flex;
    flex-direction:column;
    gap:9px;
    padding:10px;
    border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));
    border-radius:16px;
    background:linear-gradient(180deg,color-mix(in srgb,var(--card) 92%,transparent),color-mix(in srgb,var(--bg-soft) 86%,transparent));
    color:var(--text);
    text-align:left;
    cursor:pointer;
    box-shadow:0 12px 30px rgba(2,6,23,.16);
}
.calendar-month-shell .calendar-classic-day:hover{
    border-color:color-mix(in srgb,var(--primary) 62%,var(--line));
    transform:translateY(-1px);
    box-shadow:0 18px 34px rgba(34,211,238,.13);
}
.calendar-classic-day.is-muted{opacity:.48}
.calendar-classic-day.is-today{
    border-color:color-mix(in srgb,var(--warning) 82%,#fff);
    box-shadow:0 0 0 1px color-mix(in srgb,var(--warning) 35%,transparent),0 14px 34px rgba(245,158,11,.12);
}
.calendar-month-shell .calendar-classic-day-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}
.calendar-month-shell .calendar-classic-day-head strong{font-size:20px;line-height:1}
.calendar-month-shell .calendar-classic-day-head small{
    color:var(--muted);
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
}
.calendar-month-shell .calendar-classic-day-body{
    display:grid;
    gap:5px;
    min-height:0;
}
.calendar-month-shell .calendar-day-chip{
    display:block;
    width:100%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    padding:6px 8px;
    border:1px solid color-mix(in srgb,var(--primary) 24%,transparent);
    border-radius:10px;
    background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(139,92,246,.14));
    color:var(--text);
    font-size:12px;
    font-weight:850;
}
.calendar-month-shell .calendar-day-chip b{color:color-mix(in srgb,var(--primary) 75%,#fff)}
.calendar-month-shell .calendar-day-more{
    color:var(--muted);
    font-size:12px;
    font-weight:900;
}
.calendar-day-modal{
    position:fixed;
    inset:0;
    z-index:90;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    background:rgba(2,6,23,.72);
    backdrop-filter:blur(10px);
}
.calendar-day-modal[hidden]{display:none}
.calendar-day-modal-panel{
    width:min(980px,100%);
    max-height:min(92vh,920px);
    overflow:auto;
    border:1px solid color-mix(in srgb,var(--primary) 35%,var(--line));
    border-radius:22px;
    background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,transparent),color-mix(in srgb,var(--bg-soft) 92%,transparent));
    box-shadow:0 30px 90px rgba(0,0,0,.42),0 0 34px rgba(34,211,238,.14);
    padding:18px;
}
.calendar-day-modal-head{
    display:flex;
    justify-content:space-between;
    gap:16px;
    align-items:flex-start;
    margin-bottom:14px;
}
.calendar-day-modal-head h2{margin:4px 0 4px}
.calendar-day-modal-head p{margin:0;color:var(--muted);font-weight:800}
.calendar-day-modal-actions,
.calendar-day-row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.calendar-day-row-actions{justify-content:flex-end}
.calendar-day-print-title h3{margin:0 0 4px}
.calendar-day-print-title p{margin:0 0 14px;color:var(--muted);font-weight:800}
.calendar-day-detail{display:grid;gap:12px}
.calendar-day-group{
    border:1px solid var(--line);
    border-radius:16px;
    overflow:hidden;
    background:color-mix(in srgb,var(--card) 92%,transparent);
}
.calendar-day-group>header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    padding:12px 14px;
    border-bottom:1px solid var(--line);
    background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(139,92,246,.10));
}
.calendar-day-group h3{margin:0;font-size:17px}
.calendar-day-group p{margin:3px 0 0;color:var(--muted);font-size:12px;font-weight:800}
.calendar-day-rows{display:grid}
.calendar-day-row{
    display:grid;
    grid-template-columns:110px minmax(150px,1.2fr) minmax(140px,1fr) minmax(110px,.8fr) auto;
    gap:10px;
    align-items:center;
    padding:10px 14px;
    border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);
}
.calendar-day-row:nth-child(even){background:color-mix(in srgb,var(--bg-soft) 52%,transparent)}
.calendar-day-row:last-child{border-bottom:0}
.calendar-day-row strong{font-size:13px;color:color-mix(in srgb,var(--primary) 74%,#fff)}
.calendar-day-row span{font-weight:900}
.calendar-day-row small,.calendar-day-row em{color:var(--muted);font-size:12px;font-style:normal;font-weight:800}
.calendar-day-row .action-icon-btn{width:32px;height:32px;flex-basis:32px}
.calendar-day-empty{
    padding:24px;
    border:1px dashed var(--line);
    border-radius:16px;
    color:var(--muted);
    text-align:center;
    font-weight:900;
}
@media print{
    body:has(.calendar-day-modal-backdrop:not([hidden])) .topbar,
    body:has(.calendar-day-modal-backdrop:not([hidden])) .nav,
    body:has(.calendar-day-modal-backdrop:not([hidden])) .app-sidebar,
    body:has(.calendar-day-modal-backdrop:not([hidden])) .calendar-hero,
    body:has(.calendar-day-modal-backdrop:not([hidden])) .calendar-control-card,
    body:has(.calendar-day-modal-backdrop:not([hidden])) .calendar-month-shell,
    body:has(.calendar-day-modal-backdrop:not([hidden])) .hide-print{display:none!important}
    body:has(.calendar-day-modal-backdrop:not([hidden])) .calendar-day-modal{position:static;display:block;padding:0;background:#fff;backdrop-filter:none}
    body:has(.calendar-day-modal-backdrop:not([hidden])) .calendar-day-modal-panel{width:auto;max-height:none;overflow:visible;padding:0;border:0;box-shadow:none;background:#fff;color:#000}
    body:has(.calendar-day-modal-backdrop:not([hidden])) .calendar-day-detail:not(.is-active){display:none!important}
    body:has(.calendar-day-modal-backdrop:not([hidden])) .calendar-day-group{border:1px solid #999;background:#fff;break-inside:avoid}
    body:has(.calendar-day-modal-backdrop:not([hidden])) .calendar-day-group>header{background:#f2f2f2;border-bottom:1px solid #999;color:#000}
    body:has(.calendar-day-modal-backdrop:not([hidden])) .calendar-day-row{grid-template-columns:90px 1.2fr 1fr .8fr;border-bottom:1px solid #bbb;color:#000;font-size:11px}
}
.calendar-start-1{grid-row-start:1}.calendar-start-2{grid-row-start:2}.calendar-start-3{grid-row-start:3}.calendar-start-4{grid-row-start:4}.calendar-start-5{grid-row-start:5}.calendar-start-6{grid-row-start:6}.calendar-start-7{grid-row-start:7}.calendar-start-8{grid-row-start:8}.calendar-start-9{grid-row-start:9}.calendar-start-10{grid-row-start:10}.calendar-start-11{grid-row-start:11}.calendar-start-12{grid-row-start:12}.calendar-start-13{grid-row-start:13}.calendar-start-14{grid-row-start:14}.calendar-start-15{grid-row-start:15}.calendar-start-16{grid-row-start:16}.calendar-start-17{grid-row-start:17}.calendar-start-18{grid-row-start:18}.calendar-start-19{grid-row-start:19}.calendar-start-20{grid-row-start:20}.calendar-start-21{grid-row-start:21}.calendar-start-22{grid-row-start:22}.calendar-start-23{grid-row-start:23}.calendar-start-24{grid-row-start:24}.calendar-start-25{grid-row-start:25}.calendar-start-26{grid-row-start:26}.calendar-start-27{grid-row-start:27}.calendar-start-28{grid-row-start:28}.calendar-start-29{grid-row-start:29}.calendar-start-30{grid-row-start:30}.calendar-start-31{grid-row-start:31}.calendar-start-32{grid-row-start:32}.calendar-start-33{grid-row-start:33}.calendar-start-34{grid-row-start:34}.calendar-start-35{grid-row-start:35}.calendar-start-36{grid-row-start:36}.calendar-start-37{grid-row-start:37}.calendar-start-38{grid-row-start:38}.calendar-start-39{grid-row-start:39}.calendar-start-40{grid-row-start:40}.calendar-start-41{grid-row-start:41}.calendar-start-42{grid-row-start:42}.calendar-start-43{grid-row-start:43}.calendar-start-44{grid-row-start:44}.calendar-start-45{grid-row-start:45}.calendar-start-46{grid-row-start:46}.calendar-start-47{grid-row-start:47}.calendar-start-48{grid-row-start:48}
.calendar-span-1{grid-row-end:span 1}.calendar-span-2{grid-row-end:span 2}.calendar-span-3{grid-row-end:span 3}.calendar-span-4{grid-row-end:span 4}.calendar-span-5{grid-row-end:span 5}.calendar-span-6{grid-row-end:span 6}.calendar-span-7{grid-row-end:span 7}.calendar-span-8{grid-row-end:span 8}.calendar-span-9{grid-row-end:span 9}.calendar-span-10{grid-row-end:span 10}.calendar-span-11{grid-row-end:span 11}.calendar-span-12{grid-row-end:span 12}.calendar-span-13{grid-row-end:span 13}.calendar-span-14{grid-row-end:span 14}.calendar-span-15{grid-row-end:span 15}.calendar-span-16{grid-row-end:span 16}.calendar-span-17{grid-row-end:span 17}.calendar-span-18{grid-row-end:span 18}.calendar-span-19{grid-row-end:span 19}.calendar-span-20{grid-row-end:span 20}.calendar-span-21{grid-row-end:span 21}.calendar-span-22{grid-row-end:span 22}.calendar-span-23{grid-row-end:span 23}.calendar-span-24{grid-row-end:span 24}.calendar-span-25{grid-row-end:span 25}.calendar-span-26{grid-row-end:span 26}.calendar-span-27{grid-row-end:span 27}.calendar-span-28{grid-row-end:span 28}.calendar-span-29{grid-row-end:span 29}.calendar-span-30{grid-row-end:span 30}.calendar-span-31{grid-row-end:span 31}.calendar-span-32{grid-row-end:span 32}.calendar-span-33{grid-row-end:span 33}.calendar-span-34{grid-row-end:span 34}.calendar-span-35{grid-row-end:span 35}.calendar-span-36{grid-row-end:span 36}.calendar-span-37{grid-row-end:span 37}.calendar-span-38{grid-row-end:span 38}.calendar-span-39{grid-row-end:span 39}.calendar-span-40{grid-row-end:span 40}.calendar-span-41{grid-row-end:span 41}.calendar-span-42{grid-row-end:span 42}.calendar-span-43{grid-row-end:span 43}.calendar-span-44{grid-row-end:span 44}.calendar-span-45{grid-row-end:span 45}.calendar-span-46{grid-row-end:span 46}.calendar-span-47{grid-row-end:span 47}.calendar-span-48{grid-row-end:span 48}
@media(max-width:1180px){.calendar-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-days-week{grid-template-columns:repeat(3,minmax(160px,1fr))}.calendar-month-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-month-shell .calendar-month-weekdays,.calendar-month-shell .calendar-month-grid{grid-template-columns:repeat(7,minmax(132px,1fr));overflow-x:auto;padding-bottom:4px}.calendar-day-row{grid-template-columns:90px minmax(140px,1fr) minmax(120px,1fr) auto}}
@media(max-width:760px){.calendar-hero{align-items:flex-start;flex-direction:column}.calendar-filters,.calendar-modal-form{grid-template-columns:1fr}.calendar-search{grid-column:auto}.calendar-timeline{grid-template-columns:1fr}.calendar-time-rail{display:none}.calendar-days-week,.calendar-month-grid{grid-template-columns:1fr}.calendar-month-shell{overflow-x:auto}.calendar-month-shell .calendar-month-weekdays,.calendar-month-shell .calendar-month-grid{min-width:920px}.calendar-day-track{min-height:720px;grid-template-rows:repeat(48,15px)}.calendar-day-modal{padding:8px}.calendar-day-modal-panel{padding:12px;border-radius:18px}.calendar-day-modal-head,.calendar-day-row{grid-template-columns:1fr;display:grid}.calendar-day-modal-actions{justify-content:flex-start}.calendar-day-row-actions{margin-top:2px}.calendar-view-switch{width:100%}.calendar-view-switch a{flex:1}}

.entity-form textarea{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:14px;padding:12px 13px;outline:none;resize:vertical}
.inbox-list{display:flex;flex-direction:column;gap:10px}
.inbox-item{display:block;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--card2)}
.inbox-item.is-unread{border-color:color-mix(in srgb,var(--primary) 55%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)}
.inbox-row{display:flex;justify-content:space-between;gap:12px;align-items:center}
.inbox-preview{margin:10px 0 0;color:var(--muted)}
.badge-unread{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2))}
.unread-badge{border-color:color-mix(in srgb,var(--primary) 45%,transparent)}
.communications-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.communications-form-card{max-width:980px}
.communications-single-card{max-width:1120px;display:block}
.communications-form{display:grid;gap:18px}
.communications-compose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.communications-compose-card{display:grid;gap:16px}
.comm-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.comm-form-head h2{margin:4px 0 6px}
.comm-form-head p{margin:0;color:var(--muted)}
.comm-message-grid{display:grid;grid-template-columns:minmax(240px,.45fr) minmax(0,1fr);gap:14px}
.comm-message-body{grid-column:auto}
.comm-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.comm-card-head h2{margin:4px 0 6px}
.comm-card-head p{margin:0;color:var(--muted)}
.comm-fieldset{border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:12px;background:var(--card2)}
.comm-fieldset legend{padding:0 8px;font-size:12px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}
.comm-target-options{display:flex;flex-wrap:wrap;gap:10px}
.comm-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--text);padding:9px 12px;font-weight:900;cursor:pointer}
.comm-pill input{width:auto!important}
.comm-pill:has(input:checked){border-color:color-mix(in srgb,var(--primary) 60%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}
.comm-mail-warning{margin:0;color:var(--danger);font-weight:800}
.comm-recipient-summary{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:800}
.comm-recipient-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.comm-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}
.comm-unified-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.comm-unified-filters label{display:grid;gap:6px}
.comm-target-panel{display:grid;gap:10px}
.comm-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.comm-filters label{display:grid;gap:6px}
.comm-user-list{display:grid;gap:8px;max-height:440px;overflow:auto;padding-right:4px}
.comm-user-choice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:10px}
.comm-user-choice[hidden]{display:none}
.comm-user-choice:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--line))}
.comm-user-choice input{width:auto!important}
.comm-user-choice strong{display:block}
.comm-user-choice small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.comm-user-main{display:block;min-width:0}
.comm-user-badges{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.comm-team-members{display:grid;gap:8px}
.comm-team-member-list{display:grid;gap:8px}
.comm-team-member-list[hidden]{display:none}
.message-detail-card{display:grid;gap:16px}
.message-body{white-space:pre-wrap;line-height:1.65}
.message-meta{display:flex;flex-wrap:wrap;gap:8px}
.attachment-list{display:flex;flex-wrap:wrap;gap:10px}
.attachment-chip{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;background:var(--card2);padding:10px 12px;font-weight:900}
.attachment-chip span{color:var(--muted);font-size:12px}
.communications-table .badge{margin:2px}
.comm-preview-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(2,6,23,.72);backdrop-filter:blur(5px)}
.comm-preview-modal[hidden]{display:none}
.comm-preview-panel{width:min(760px,100%);max-height:86vh;overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 24px 80px rgba(0,0,0,.45);padding:18px;display:grid;gap:16px}
.comm-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.comm-preview-head h2{margin:4px 0 0}
.comm-preview-list{display:grid;gap:10px;margin:0}
.comm-preview-list div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;border-bottom:1px solid var(--line);padding-bottom:10px}
.comm-preview-list dt{font-weight:900;color:var(--muted)}
.comm-preview-list dd{margin:0}
.comm-preview-body{white-space:pre-wrap;line-height:1.55}
.comm-preview-recipients{display:flex;flex-wrap:wrap;gap:8px}

.dashboard-card{
    display:block;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.dashboard-card:hover{
    transform:translateY(-3px);
    border-color:color-mix(in srgb,var(--primary) 45%,var(--line));
}
.dashboard-card:focus-visible{
    outline:2px solid var(--primary);
    outline-offset:2px;
}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.status-badge{font-size:11px;padding:6px 10px}
.status-active{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2));border-color:transparent}
.status-dev{color:var(--muted);background:var(--card2)}
.card-disabled{pointer-events:none;opacity:.72}
.topbar-notif-badge{position:absolute;right:-4px;top:-5px;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:900;padding:0 5px;border:2px solid var(--card2)}
.notif-link{display:inline-flex;align-items:center;justify-content:center}

.mobile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.mobile-card{display:block;padding:22px}
.mobile-list{display:grid;grid-template-columns:1fr;gap:12px;margin-top:18px}
.mobile-hero h1{margin-bottom:6px}
.mobile-app-hero{
    display:grid;
    gap:10px;
    padding:24px;
    border:1px solid var(--line);
    border-radius:24px;
    background:linear-gradient(180deg,var(--card),var(--card2));
    box-shadow:var(--shadow);
}
.mobile-app-hero h1{margin:0;font-size:32px;line-height:1.08}
.mobile-app-hero p{margin:0;color:var(--muted);font-weight:850}
.mobile-app-hero .btn{justify-self:start;margin-top:4px}
.mobile-app-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mobile-install-hint,.mobile-share-feedback{margin:0;color:var(--muted);font-weight:850;line-height:1.45}
.mobile-ios-hint{color:color-mix(in srgb,var(--warning) 80%,var(--muted))}
.mobile-share-feedback:not(:empty){padding:10px 12px;border:1px solid color-mix(in srgb,var(--success) 36%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}
.mobile-feedback-hero h1{max-width:780px}
.mobile-feedback-back-link{justify-self:start;border-radius:999px}
.mobile-feedback-card{display:grid;gap:20px;margin-top:18px;padding:22px;border-radius:24px}
.mobile-feedback-intro{display:grid;gap:6px}
.mobile-feedback-intro h2{margin:0;font-size:22px;line-height:1.15}
.mobile-feedback-intro p{margin:0;color:var(--muted);font-weight:850;line-height:1.45}
.app-rating-picker{display:grid;gap:10px;justify-items:start;padding:14px;border:1px solid color-mix(in srgb,#facc15 28%,var(--line));border-radius:22px;background:color-mix(in srgb,#facc15 7%,var(--card2))}
.app-rating-stars{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin:0;padding:0;border:0}
.app-rating-star{
    -webkit-appearance:none;
    appearance:none;
    width:auto;
    height:auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:0!important;
    border-radius:0;
    background:none!important;
    box-shadow:none!important;
    color:#94a3b8!important;
    -webkit-text-fill-color:currentColor;
    font-size:48px;
    line-height:1;
    cursor:pointer;
    text-shadow:none;
    transform:translateZ(0);
    transition:transform .14s ease,color .14s ease,text-shadow .14s ease,filter .14s ease;
}
.app-rating-star.is-active{color:#facc15!important;text-shadow:0 0 22px color-mix(in srgb,#facc15 36%,transparent)}
.app-rating-star:hover,.app-rating-star:focus-visible{transform:translateY(-2px) scale(1.08);outline:0;filter:brightness(1.08)}
.app-rating-star:active{transform:translateY(0) scale(.94)}
.app-rating-value{margin:0;color:var(--text);font-size:18px;font-weight:950}
.mobile-feedback-comment{display:grid;gap:8px;font-weight:950;color:var(--text)}
.mobile-feedback-comment span{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.mobile-feedback-comment textarea{width:100%;min-height:150px;border:1px solid var(--line);border-radius:18px;background:var(--bg);color:var(--text);padding:13px 14px;resize:vertical;font:inherit;line-height:1.45}
.mobile-feedback-card .btn{min-height:52px;justify-content:center;font-size:16px}
.mobile-feedback-reminder{
    position:fixed;
    right:18px;
    bottom:18px;
    z-index:45;
    width:min(390px,calc(100vw - 28px));
}
.mobile-feedback-reminder-card{
    position:relative;
    display:grid;
    gap:10px;
    padding:18px;
    border:1px solid color-mix(in srgb,var(--primary) 36%,var(--line));
    border-radius:22px;
    background:linear-gradient(180deg,color-mix(in srgb,var(--card) 98%,transparent),color-mix(in srgb,var(--card2) 96%,transparent));
    box-shadow:0 24px 70px rgba(0,0,0,.34);
}
.mobile-feedback-reminder-card h2{margin:0;font-size:22px;line-height:1.12}
.mobile-feedback-reminder-card p{margin:0;color:var(--muted);font-weight:850;line-height:1.45}
.mobile-feedback-reminder-close{
    position:absolute;
    top:10px;
    right:10px;
    width:34px;
    height:34px;
    border:1px solid var(--line);
    border-radius:999px;
    background:var(--card2);
    color:var(--text);
    cursor:pointer;
    font-size:22px;
    line-height:1;
}
.mobile-feedback-reminder-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.mobile-feedback-reminder-actions .btn,.mobile-feedback-reminder-actions .link-btn{min-height:42px}
.btn.is-unavailable{filter:saturate(.72);opacity:.86}
.pwa-onboarding{
    position:fixed;
    inset:0;
    z-index:130;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:22px;
    background:
        radial-gradient(circle at 20% 12%, rgba(34,211,238,.20), transparent 30%),
        radial-gradient(circle at 86% 8%, rgba(168,85,247,.18), transparent 28%),
        rgba(2,6,23,.82);
    backdrop-filter:blur(18px);
}
.pwa-onboarding[hidden],
.pwa-onboarding.is-complete{opacity:0;pointer-events:none}
.pwa-onboarding-card{
    width:min(520px,100%);
    display:grid;
    gap:18px;
    padding:24px;
    border:1px solid color-mix(in srgb,var(--primary) 34%,var(--line));
    border-radius:28px;
    background:linear-gradient(180deg,color-mix(in srgb,var(--card) 92%,transparent),color-mix(in srgb,var(--bg2) 96%,transparent));
    box-shadow:0 26px 90px rgba(0,0,0,.52),0 0 44px rgba(34,211,238,.14);
}
.pwa-onboarding-card h1{margin:0;font-size:34px;line-height:1.04}
.pwa-onboarding-card p{margin:0;color:var(--muted);font-weight:850;line-height:1.45}
.pwa-onboarding-progress{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pwa-onboarding-progress span{
    min-height:70px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px;
    border:1px solid var(--line);
    border-radius:18px;
    background:color-mix(in srgb,var(--card2) 82%,transparent);
    color:var(--muted);
    font-weight:950;
}
.pwa-onboarding-progress b{
    width:34px;
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:var(--bg);
    color:var(--text);
}
.pwa-onboarding-progress span.is-active{
    color:var(--text);
    border-color:color-mix(in srgb,var(--primary) 42%,var(--line));
    box-shadow:0 0 28px color-mix(in srgb,var(--primary) 14%,transparent);
}
.pwa-onboarding-progress span.is-complete{
    color:#fff;
    border-color:transparent;
    background:linear-gradient(135deg,var(--success),var(--primary));
}
.pwa-onboarding-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pwa-onboarding-actions .btn{min-height:54px;justify-content:center;font-size:16px}
.pwa-onboarding-actions .btn[hidden]{display:none}
.pwa-onboarding-actions .btn[hidden] + .btn{grid-column:1 / -1}
.pwa-onboarding-result:not(:empty){
    padding:12px 14px;
    border-radius:16px;
    font-weight:900;
}
@media(max-width:560px){
    .pwa-onboarding{padding:14px;align-items:flex-end}
    .pwa-onboarding-card{padding:20px;border-radius:24px}
    .pwa-onboarding-card h1{font-size:30px}
    .pwa-onboarding-progress,.pwa-onboarding-actions{grid-template-columns:1fr}
    .pwa-onboarding-actions .btn[hidden] + .btn{grid-column:auto}
}
.krono-link-field{display:grid;gap:8px;margin:10px 0 14px}
.krono-link-field span{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.krono-link-field input{width:100%;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--text);padding:12px 13px;font-weight:850}
.mobile-platform-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.mobile-platform-notes article{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--card2) 82%,transparent)}
.mobile-platform-notes strong{font-size:14px}
.mobile-platform-notes p{margin:0;color:var(--muted);font-weight:800;line-height:1.45}
.mobile-shift-section{display:grid;gap:12px;margin-top:18px}
.mobile-shift-section h2{margin:0;font-size:21px}
.mobile-shift-list{display:grid;gap:12px}
.mobile-shift-card{
    display:grid;
    gap:14px;
    padding:22px;
    border:1px solid var(--line);
    border-radius:22px;
    background:linear-gradient(180deg,var(--card),var(--card2));
    box-shadow:0 12px 26px color-mix(in srgb,var(--bg) 70%,transparent);
}
.mobile-shift-card.is-featured{
    border-color:color-mix(in srgb,var(--primary) 48%,var(--line));
    box-shadow:0 18px 42px color-mix(in srgb,var(--primary) 18%,transparent);
}
.mobile-shift-date{color:var(--primary);font-weight:950;font-size:18px}
.mobile-shift-time{font-size:34px;line-height:1;font-weight:950;letter-spacing:0}
.mobile-shift-place{display:grid;gap:3px}
.mobile-shift-place strong{font-size:23px;line-height:1.12}
.mobile-shift-place span{color:var(--muted);font-weight:850}
.mobile-shift-badges{display:flex;flex-wrap:wrap;gap:8px}
.mobile-type,
.mobile-status,
.mobile-badge{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:6px 10px;
    border-radius:999px;
    border:1px solid var(--line);
    font-size:12px;
    font-weight:950;
}
.mobile-type{color:#fff;border-color:transparent}
.mobile-type-work{background:#2563eb}
.mobile-type-vacation,.mobile-type-ferie{background:#16a34a}
.mobile-type-sick_leave,.mobile-type-sick,.mobile-type-malattia{background:#dc2626}
.mobile-type-absence{background:#f59e0b}
.mobile-type-training,.mobile-type-corso,.mobile-type-corsi,.mobile-type-formazione{background:#7c3aed}
.mobile-type-permit,.mobile-type-permesso,.mobile-type-permessi{background:#0891b2}
.mobile-type-default{background:#64748b}
.mobile-status{background:var(--card);color:var(--text)}
.mobile-badge{background:var(--card2);color:var(--muted)}
.mobile-overnight{color:#fff;background:linear-gradient(135deg,#7c3aed,#0ea5e9);border-color:transparent}
.mobile-colleagues{
    display:grid;
    gap:4px;
    padding:12px;
    border:1px dashed var(--line);
    border-radius:14px;
    background:color-mix(in srgb,var(--card2) 72%,transparent);
}
.mobile-colleagues span{color:var(--muted);font-size:12px;font-weight:900}
.mobile-colleagues strong{font-size:15px;line-height:1.35}
.mobile-shift-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mobile-shift-actions .btn{text-align:center}
.mobile-empty-card{
    padding:22px;
    border:1px dashed var(--line);
    border-radius:18px;
    background:var(--card);
    color:var(--muted);
    font-weight:900;
}
.mobile-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.mobile-quick-card{
    min-height:86px;
    padding:16px;
    border:1px solid var(--line);
    border-radius:18px;
    background:var(--card);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    text-align:center;
    font-weight:950;
}
.mobile-quick-card span{
    min-width:24px;
    padding:3px 7px;
    border-radius:999px;
    background:linear-gradient(135deg,var(--primary),var(--primary2));
    color:#fff;
    font-size:12px;
}
.mobile-diagnostics{display:grid;gap:16px;margin-top:18px}
.mobile-diagnostics-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.mobile-diagnostics-head h2{margin:8px 0 6px;font-size:24px}
.mobile-diagnostics-head p{margin:0;color:var(--muted);font-weight:800}
.mobile-diagnostics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mobile-diagnostics-grid article{
    min-height:82px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:10px;
    padding:12px;
    border:1px solid var(--line);
    border-radius:16px;
    background:color-mix(in srgb,var(--card2) 86%,transparent);
}
.mobile-diagnostics-grid span{color:var(--muted);font-size:12px;font-weight:900}
.mobile-diagnostics-grid strong{font-size:13px;word-break:break-word}
.mobile-apple-box{
    padding:14px 16px;
    border-radius:18px;
    border:1px solid color-mix(in srgb,#f59e0b 45%,var(--line));
    background:color-mix(in srgb,#f59e0b 14%,var(--card2));
}
.mobile-apple-box strong{display:block;margin-bottom:6px}
.mobile-apple-box p{margin:0;color:var(--muted);line-height:1.55;font-weight:800}
.mobile-test-result{margin:0;padding:12px 14px;border-radius:16px;font-weight:900}
.mobile-detail{display:grid;gap:14px}
.mobile-detail-photo{
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover;
    border-radius:22px;
    border:1px solid var(--line);
    box-shadow:var(--shadow);
}
.mobile-detail-photo-fallback{
    display:grid;
    place-items:center;
    background:
        radial-gradient(circle at 18% 18%, color-mix(in srgb,var(--primary) 32%,transparent), transparent 34%),
        linear-gradient(135deg, color-mix(in srgb,var(--primary) 18%,var(--card)), color-mix(in srgb,var(--primary2) 16%,var(--card2)));
    color:var(--primary);
}
.mobile-detail-photo-fallback span{
    display:inline-grid;
    place-items:center;
    width:74px;
    height:74px;
    border-radius:22px;
    background:color-mix(in srgb,var(--card) 78%,#fff 22%);
    border:1px solid color-mix(in srgb,var(--primary) 38%,var(--line));
    box-shadow:0 14px 30px color-mix(in srgb,var(--primary) 20%,transparent);
    font-size:28px;
    font-weight:950;
    letter-spacing:0;
}
.mobile-detail-card,
.mobile-info-card{
    display:grid;
    gap:10px;
    padding:20px;
    border:1px solid var(--line);
    border-radius:20px;
    background:linear-gradient(180deg,var(--card),var(--card2));
}
.mobile-detail-card h1{margin:0;font-size:30px;line-height:1.08}
.mobile-detail-card p,
.mobile-info-card p{margin:0;color:var(--muted);font-weight:800}
.mobile-info-card h2{margin:0;font-size:16px}
.mobile-info-card a:not(.btn){color:var(--primary);font-weight:900;text-decoration:underline}
.mobile-full-action{text-align:center}
.mobile-colleague-list{display:flex;flex-wrap:wrap;gap:8px}
.mobile-colleague-list span{padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:var(--card2);font-weight:900}
@media(max-width:900px){.mobile-grid,.mobile-diagnostics-grid,.mobile-platform-notes{grid-template-columns:1fr}.mobile-diagnostics-head{flex-direction:column}.mobile-diagnostics-head .btn{width:100%}}

.entity-form{display:grid;gap:10px}.entity-form input,.entity-form select{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:12px;padding:10px}.form-card{max-width:800px;margin:18px auto}.form-actions{display:flex;gap:8px;margin-top:8px}.entity-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.entity-filters input,.entity-filters select{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:12px;padding:10px}.resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.resource-card{padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--card2)}.resource-photo{width:100%;height:150px;object-fit:cover;border-radius:12px}.resource-photo.placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg2)}

.favorite-star{font-size:20px;margin-left:8px;color:var(--primary)}
.entity-filters label{display:inline-flex;gap:.35rem;align-items:center;margin-right:.8rem}

.teams-hero{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    margin-top:18px;
}
.teams-hero h1{margin:8px 0 4px;font-size:34px;line-height:1.12}
.teams-hero p{margin:0;color:var(--muted);font-weight:800}
.teams-summary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    margin-top:14px;
}
.teams-summary div{
    padding:14px;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--card);
}
.teams-summary strong{display:block;font-size:24px;line-height:1}
.teams-summary span{display:block;margin-top:6px;color:var(--muted);font-size:12px;font-weight:850}
.teams-filter-card{margin-top:14px}
.teams-filters{
    display:grid;
    grid-template-columns:minmax(240px,1fr) 180px auto auto auto;
    gap:10px;
    align-items:center;
}
.teams-filters input,
.teams-filters select,
.team-form input,
.team-form select,
.team-form textarea,
.team-resource-picker-head input{
    width:100%;
    border:1px solid var(--line);
    background:var(--bg);
    color:var(--text);
    border-radius:12px;
    padding:10px 12px;
    outline:none;
}
.team-form textarea{resize:vertical}
.team-photo-current{
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--card2);
    color:var(--muted);
    font-size:13px;
    font-weight:850;
}
.team-photo-current img{
    width:88px;
    height:64px;
    border-radius:12px;
    object-fit:cover;
}
.teams-toolbar{display:flex;justify-content:flex-end;margin-top:14px}
.teams-results{margin-top:16px}
.teams-list{display:grid;gap:12px}
.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.team-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:16px;
    border:1px solid var(--line);
    border-radius:16px;
    background:linear-gradient(180deg,var(--card),var(--card2));
}
.team-card-main{display:flex;align-items:flex-start;gap:14px;min-width:0}
.team-card .actions,
.team-mini-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.team-card .actions form,
.team-mini-actions form,
.team-detail-actions form{margin:0}
.team-card-copy{min-width:0}
.team-card-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.team-card-title h2{margin:0;font-size:19px}
.team-card p{margin:7px 0 0;color:var(--muted)}
.team-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px;color:var(--muted);font-size:12px;font-weight:850}
.team-meta span{padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:var(--card2)}
.team-color-preview{
    width:38px;
    height:38px;
    flex:0 0 auto;
    border:1px solid var(--line);
    border-radius:12px;
    background:var(--card2);
    padding:3px;
}
.team-color-dot{
    display:inline-flex;
    width:18px;
    height:18px;
    border-radius:999px;
    border:2px solid color-mix(in srgb,#fff 70%,transparent);
    box-shadow:0 0 0 1px var(--line);
    flex:0 0 auto;
}
.team-photo{
    width:62px;
    height:62px;
    flex:0 0 auto;
    border-radius:16px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-weight:950;
    background:linear-gradient(135deg,var(--primary),var(--primary2));
    border:1px solid var(--line);
}
.team-photo img{width:100%;height:100%;object-fit:cover}
.team-color-large{width:54px;height:54px;border-radius:16px}
.team-mini-card{
    display:grid;
    grid-template-rows:auto minmax(0,1fr) auto;
    gap:12px;
    min-height:350px;
    padding:12px;
    border:1px solid var(--line);
    border-radius:18px;
    background:linear-gradient(180deg,var(--card),var(--card2));
    box-shadow:var(--shadow);
}
.team-mini-avatar{
    width:100%;
    aspect-ratio:1.22/1;
    border-radius:16px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--line);
    background:linear-gradient(135deg,#2563eb,#10b981);
    color:#fff;
    font-size:34px;
    font-weight:950;
}
.team-mini-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.team-mini-body{display:grid;gap:8px;align-content:start;min-width:0}
.team-mini-body h2{margin:0;font-size:17px;line-height:1.2}
.team-mini-body p{margin:0;color:var(--muted);font-size:12px;font-weight:800}
.team-mini-meta{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:800}
.team-mini-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.teams-empty{color:var(--muted);font-weight:850}
.team-form-card{max-width:1040px}
.team-form{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.team-form label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:850}
.team-form label span{color:var(--muted)}
.team-form-wide{grid-column:1/-1}
.team-resource-picker{
    display:grid;
    gap:12px;
    padding:14px;
    border:1px solid var(--line);
    border-radius:16px;
    background:var(--card2);
}
.team-resource-picker-head{
    display:flex;
    justify-content:space-between;
    gap:14px;
    align-items:flex-start;
}
.team-resource-picker-head h2{margin:0}
.team-resource-picker-head p{margin:5px 0 0;color:var(--muted)}
.team-resource-picker-head input{max-width:320px}
.team-selected-title{margin:0;color:var(--muted);font-size:13px}
.team-resource-options{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
    gap:10px;
    max-height:420px;
    overflow:auto;
    padding-right:4px;
}
.team-resource-option{
    display:grid;
    grid-template-columns:auto auto minmax(0,1fr);
    align-items:center;
    gap:10px;
    padding:10px;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--card);
    color:var(--text);
    cursor:pointer;
}
.team-resource-option:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--line))}
.team-resource-option:has(input:checked){
    border-color:color-mix(in srgb,var(--primary) 55%,var(--line));
    background:color-mix(in srgb,var(--primary) 10%,var(--card));
}
.team-resource-avatar{
    width:42px;
    height:42px;
    border-radius:999px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-weight:950;
    background:linear-gradient(135deg,var(--primary),var(--primary2));
}
.team-resource-avatar img{width:100%;height:100%;object-fit:cover}
.team-resource-avatar-lg{width:56px;height:56px}
.team-resource-copy{min-width:0}
.team-resource-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.team-resource-copy small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.team-detail-grid{
    display:grid;
    grid-template-columns:minmax(280px,360px) minmax(0,1fr);
    gap:14px;
    margin-top:16px;
}
.team-detail-photo{
    width:100%;
    aspect-ratio:16/9;
    margin-bottom:14px;
    border:1px solid var(--line);
    border-radius:18px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:34px;
    font-weight:950;
    background:linear-gradient(135deg,var(--primary),var(--primary2));
}
.team-detail-photo img{width:100%;height:100%;object-fit:cover}
.team-detail-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.team-detail-head h2{margin:0}
.team-detail-head p{margin:5px 0 0;color:var(--muted)}
.team-detail-list{display:grid;gap:8px;margin:0}
.team-detail-list div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:8px 0}
.team-detail-list dt{color:var(--muted);font-weight:850}
.team-detail-list dd{margin:0;text-align:right;font-weight:850}
.team-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.team-section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}
.team-section-head h2{margin:0}
.team-section-head p{margin:5px 0 0;color:var(--muted)}
.team-members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.team-member-card{
    display:flex;
    gap:12px;
    padding:12px;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--card2);
}
.team-member-card h3{margin:0;font-size:16px}
.team-member-card p{margin:5px 0 0;color:var(--muted)}
.team-delete-card h2{margin-top:0}
.team-delete-danger{border-color:color-mix(in srgb,var(--danger) 42%,var(--line))}
.team-delete-danger .checkbox-modern{border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}
@media(max-width:900px){
    .teams-hero{align-items:flex-start;flex-direction:column}
    .teams-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
    .teams-filters,.team-form,.team-detail-grid{grid-template-columns:1fr}
    .team-card{align-items:flex-start;flex-direction:column}
    .team-resource-picker-head{flex-direction:column}
    .team-resource-picker-head input{max-width:none}
}
@media(max-width:560px){
    .teams-summary{grid-template-columns:1fr}
    .team-card-main{flex-direction:column}
    .team-resource-options,.team-members-grid{grid-template-columns:1fr}
}


.settings-form{display:grid;gap:16px;margin-top:18px}
.settings-grid-form{grid-template-columns:repeat(2,minmax(0,1fr))}
.settings-grid-form label{display:grid;gap:8px}
.settings-grid-form label span{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}
.settings-grid-form input,.settings-grid-form textarea{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:12px;padding:10px 12px;resize:vertical}
.settings-grid-form .settings-actions{grid-column:1/-1}
@media(max-width:900px){.settings-grid-form{grid-template-columns:1fr}}
.settings-section h2{margin:0 0 14px}
.settings-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.settings-section-heading h2{margin:0}
.settings-section-heading p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.settings-admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.settings-admin-card{display:flex;flex-direction:column;gap:12px}
.settings-admin-card h3{margin:0;font-size:17px}
.settings-link-list{display:grid;gap:8px}
.settings-link-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);font-weight:800}
.settings-link-list a:hover{border-color:color-mix(in srgb,var(--primary) 55%,var(--line));color:var(--text)}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.settings-grid label{display:flex;flex-direction:column;gap:6px;font-weight:700;color:var(--muted);font-size:13px}
.settings-grid input,.settings-grid select{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:12px;padding:10px 12px}
.settings-grid textarea{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:12px;padding:10px 12px;resize:vertical}
.settings-grid-spaced{margin-top:12px}
.settings-grid-full{grid-column:1/-1}
.settings-checkboxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.checkbox-modern{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--card2)}
.settings-hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.settings-hub-card{display:grid;gap:8px;text-decoration:none;color:var(--text);min-height:150px}
.settings-hub-card strong{font-size:17px}
.settings-hub-card small{color:var(--muted);line-height:1.45}
.settings-hub-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 20%,var(--card2)),color-mix(in srgb,#8b5cf6 14%,var(--card)));color:color-mix(in srgb,var(--primary) 78%,#fff);box-shadow:0 0 22px color-mix(in srgb,var(--primary) 16%,transparent);border:1px solid color-mix(in srgb,var(--primary) 30%,var(--line))}
.settings-hub-icon svg{width:24px;height:24px;display:block}
.app-feedback-kpis{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:14px;margin:16px 0}
.app-feedback-kpis .card{display:grid;gap:6px}
.app-feedback-kpis span,.app-feedback-kpis small{color:var(--muted);font-size:12px;font-weight:900}
.app-feedback-kpis strong{font-size:30px;line-height:1}
.feedback-stars{color:#f59e0b;letter-spacing:1px;font-size:18px;font-weight:950}
.app-feedback-distribution{display:grid;gap:10px;margin-bottom:16px}
.app-feedback-distribution h2{margin:0 0 4px}
.app-feedback-distribution div{display:grid;grid-template-columns:70px minmax(0,1fr) 44px;align-items:center;gap:10px}
.app-feedback-distribution meter{width:100%;height:12px}
.app-feedback-list{display:grid;gap:12px}
.app-feedback-row{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(128px,.45fr) minmax(220px,1fr);gap:14px;align-items:start}
.app-feedback-user,.app-feedback-rating,.app-feedback-meta{display:grid;gap:4px}
.app-feedback-user small,.app-feedback-meta span{color:var(--muted);font-size:12px;font-weight:850;line-height:1.35}
.app-feedback-row p{margin:0;line-height:1.5;color:var(--text)}
.app-feedback-meta{grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr));padding-top:10px;border-top:1px solid var(--line)}
.badge-demo{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;border-color:transparent}
.badge-pro{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border-color:transparent}
.settings-logo-preview{max-width:180px;max-height:80px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:8px}
.settings-license-grid,.settings-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.settings-license-grid div,.settings-info-grid .card{display:grid;gap:5px}
.settings-license-grid small,.settings-info-grid span{color:var(--muted);font-size:12px}
.settings-license-form{gap:14px}
.settings-license-key-field{display:grid;gap:8px;font-weight:900}
.settings-license-key-field textarea{
    width:100%;
    min-height:96px;
    max-height:120px;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--bg);
    color:var(--text);
    padding:12px 14px;
    font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
    font-size:12px;
    line-height:1.35;
    resize:vertical;
}
.settings-license-key-field textarea:focus{outline:2px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset:1px}
.license-form-card{
    display:grid;
    gap:16px;
    align-items:start;
}
.license-key-row{
    width:100%;
    max-width:900px;
    display:grid;
    gap:8px;
    color:var(--text);
    font-weight:900;
}
.license-key-row span{
    color:var(--muted);
    font-size:12px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.license-key-input{
    width:100%;
    height:64px;
    max-height:70px;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--primary) 28%,var(--line));
    border-radius:16px;
    background:var(--bg);
    color:var(--text);
    padding:12px 16px;
    font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
    font-size:12px;
    line-height:1.35;
    resize:none;
}
.license-key-input:focus{outline:2px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset:1px}
.license-actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}
.settings-help-search{display:grid;gap:6px;color:var(--muted);font-weight:850}
.settings-help-search input{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:12px;padding:10px 12px}
.settings-help-list{display:grid;gap:10px}
.settings-help-topic summary{cursor:pointer;font-weight:950}
.settings-help-topic p{color:var(--muted);line-height:1.55}
.settings-help-intro{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.25fr);gap:16px;align-items:end}
.settings-help-intro p{margin:0;color:var(--muted);font-weight:850;line-height:1.45}
.settings-help-rich-list{gap:12px}
.settings-help-rich-topic{padding:0;overflow:hidden}
.settings-help-rich-topic summary{display:flex;align-items:center;gap:10px;list-style:none;padding:16px 18px;border-bottom:1px solid transparent}
.settings-help-rich-topic summary::-webkit-details-marker{display:none}
.settings-help-rich-topic[open] summary{border-bottom-color:var(--line);background:color-mix(in srgb,var(--primary) 8%,var(--card2))}
.settings-help-rich-topic summary strong{font-size:18px;color:var(--text)}
.settings-help-badge{display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--primary) 45%,var(--line));border-radius:999px;padding:5px 9px;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);font-size:11px;font-weight:950;text-transform:uppercase}
.settings-help-topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px 18px}
.settings-help-topic-grid section{display:grid;gap:8px;align-content:start}
.settings-help-topic-grid h2{margin:0;color:var(--text);font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.04em}
.settings-help-topic-grid p,.settings-help-topic-grid li{color:var(--muted);line-height:1.55;font-weight:780}
.settings-help-topic-grid ol,.settings-help-topic-grid ul{margin:0;padding-left:18px;display:grid;gap:6px}
.settings-help-example{border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--primary) 8%,var(--card2));padding:12px}
.settings-help-columns{grid-column:1 / -1;display:grid!important;grid-template-columns:1fr 1fr;gap:14px}
.settings-help-columns>div{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--bg)}
.settings-help-detail-block{grid-column:1 / -1;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--primary) 5%,var(--card2));padding:14px}
.settings-help-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.settings-help-detail-card{border:1px solid var(--line);border-radius:14px;background:var(--bg);padding:13px;display:grid;gap:8px;align-content:start}
.settings-help-detail-card h3{margin:0;color:var(--text);font-size:15px;font-weight:950}
.settings-help-detail-card p{margin:0}
.settings-help-detail-card ul{margin:0;padding-left:18px;display:grid;gap:6px}
.cron-center-hero{align-items:flex-start}
.cron-center-guide,.cron-center-cpanel,.cron-center-note{display:grid;gap:14px}
.cron-center-guide h2,.cron-center-cpanel h2{margin:0;color:var(--text)}
.cron-center-guide p,.cron-center-cpanel p,.cron-center-note p{margin:0;color:var(--muted);font-weight:780;line-height:1.55}
.cron-center-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cron-center-guide-grid article{display:grid;gap:6px;padding:14px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--primary) 6%,var(--card2))}
.cron-center-guide-grid strong{color:var(--text);font-weight:950}
.cron-center-guide-grid span{color:var(--muted);font-size:13px;font-weight:760;line-height:1.45}
.cron-center-steps{margin:0;padding-left:22px;display:grid;gap:7px;color:var(--muted);font-weight:820;line-height:1.45}
.cron-center-list{display:grid;gap:14px}
.cron-center-card{display:grid;gap:16px}
.cron-center-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.cron-center-card-head h2{margin:2px 0 6px;color:var(--text)}
.cron-center-card-head p{margin:0;color:var(--muted);font-weight:800;line-height:1.5}
.cron-center-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;min-width:220px}
.cron-center-badges .status-info{border-color:color-mix(in srgb,#38bdf8 45%,var(--line));color:#0ea5e9;background:color-mix(in srgb,#38bdf8 13%,transparent)}
.cron-center-badges .status-error{border-color:color-mix(in srgb,var(--danger) 50%,var(--line));color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}
.cron-center-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.cron-center-meta span{display:grid;gap:4px;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:var(--card2);color:var(--muted);font-size:13px;font-weight:820;min-width:0}
.cron-center-meta strong{color:var(--text);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.04em}
.cron-center-command-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cron-center-command-grid .krono-link-field{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;min-width:0;padding:13px;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--primary) 5%,var(--card2))}
.cron-center-command-grid .krono-link-field span{grid-column:1 / -1;color:var(--text);font-size:13px;font-weight:950}
.cron-center-command-grid .krono-link-field input{min-width:0;width:100%;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}
.cron-center-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.cron-center-actions .muted{color:var(--muted);font-size:13px;font-weight:800}
.settings-empty{color:var(--muted)}
.changelog-current-card{display:flex;align-items:center;justify-content:space-between;gap:14px}
.changelog-current-card h2{margin:4px 0 6px}
.changelog-current-card p{margin:0;color:var(--muted);font-weight:850;line-height:1.45}
.changelog-timeline{display:grid;gap:14px;position:relative}
.changelog-entry{display:grid;gap:14px;position:relative;overflow:hidden}
.changelog-entry.is-current{border-color:color-mix(in srgb,var(--primary) 48%,var(--line));box-shadow:var(--shadow),0 0 0 3px color-mix(in srgb,var(--primary) 9%,transparent)}
.changelog-entry header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.changelog-entry h2{margin:4px 0 0;font-size:30px;line-height:1}
.changelog-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.changelog-section-grid section{border:1px solid var(--line);border-radius:15px;background:var(--card2);padding:12px}
.changelog-section-grid h3{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--text)}
.changelog-section-grid ul{margin:0;padding-left:18px;display:grid;gap:6px}
.changelog-section-grid li{color:var(--muted);line-height:1.45;font-weight:780}
.mobile-app-version{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-top:6px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--card2);color:var(--muted);font-size:12px;font-weight:900}
.import-export-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.import-export-card{display:grid;gap:16px}
.import-export-card-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}
.import-export-card-head h2{margin:0 0 4px;font-size:20px}
.import-export-card-head p{margin:0;color:var(--muted);font-weight:820;line-height:1.45}
.import-export-actions{display:flex;gap:8px;flex-wrap:wrap}
.import-export-form{display:grid;gap:12px;border-top:1px solid var(--line);padding-top:14px}
.import-export-form label,.import-export-confirm-form label{display:grid;gap:7px;color:var(--muted);font-weight:900}
.import-export-form input,.import-export-form select,.import-export-confirm-form input{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);padding:10px 12px}
.import-export-warning{margin:0}
.import-export-backup-note{display:grid;gap:14px}
.import-export-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.import-export-columns div{display:grid;gap:8px;border:1px solid var(--line);border-radius:14px;background:var(--bg);padding:12px}
.import-export-columns code{display:block;white-space:normal;overflow-wrap:anywhere;color:var(--primary);font-size:12px}
.import-export-result{display:grid;gap:14px}
.import-export-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.import-export-stats span{display:grid;gap:4px;border:1px solid var(--line);border-radius:14px;background:var(--bg);padding:12px;color:var(--muted);font-weight:900}
.import-export-stats strong{color:var(--text);font-size:20px}
.import-export-error-list{display:grid;gap:6px;max-height:220px;overflow:auto;border:1px solid color-mix(in srgb,var(--danger) 42%,var(--line));border-radius:14px;padding:10px;background:color-mix(in srgb,var(--danger) 8%,var(--bg))}
.import-export-error-list p{margin:0;color:var(--danger);font-weight:850}
.import-export-preview-table{max-height:360px;overflow:auto;border:1px solid var(--line);border-radius:14px}
.import-export-preview-table table{width:100%;border-collapse:collapse}
.import-export-preview-table th,.import-export-preview-table td{padding:9px 11px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}
.import-export-preview-table th{position:sticky;top:0;background:var(--card2);z-index:1}
.import-export-confirm-form{display:grid;gap:12px}
.ui-density-compact .page{padding:18px}
.ui-density-compact .hero,.ui-density-compact .card{padding:16px}
.ui-density-compact .topbar{padding:10px 14px}
.ui-density-compact .nav a{padding:7px 10px;font-size:13px}
.ui-density-compact .btn{min-height:38px;padding:7px 12px}
.ui-density-compact input,.ui-density-compact select,.ui-density-compact textarea{padding:8px 10px}
.ui-density-compact .grid,.ui-density-compact .settings-grid,.ui-density-compact .settings-hub-grid{gap:10px}
.alert-success{color:#fff;background:linear-gradient(135deg,#059669,#10b981)}
@media(max-width:1100px){.settings-admin-grid,.settings-hub-grid,.settings-info-grid,.settings-license-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.cron-center-guide-grid,.cron-center-meta,.cron-center-command-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.app-feedback-kpis,.app-feedback-row,.app-feedback-meta{grid-template-columns:1fr}.app-feedback-latest{grid-column:auto}}
@media(max-width:1100px){.changelog-section-grid{grid-template-columns:1fr}}
@media(max-width:760px){.settings-help-intro,.settings-help-topic-grid,.settings-help-columns,.settings-help-detail-grid{grid-template-columns:1fr}}
@media(max-width:760px){.cron-center-card-head{display:grid}.cron-center-badges{justify-content:flex-start;min-width:0}.cron-center-guide-grid,.cron-center-meta,.cron-center-command-grid{grid-template-columns:1fr}.cron-center-command-grid .krono-link-field{grid-template-columns:1fr}.cron-center-actions{justify-content:flex-start}}
@media(max-width:860px){.import-export-layout,.import-export-columns,.import-export-stats{grid-template-columns:1fr}}
@media(max-width:640px){.settings-grid,.settings-checkboxes,.settings-admin-grid,.settings-hub-grid,.settings-info-grid,.settings-license-grid{grid-template-columns:1fr}.settings-section-heading{display:block}.settings-section-heading p{margin-top:6px}}
@media(max-width:560px){.app-rating-picker{justify-items:center}.app-rating-stars{justify-content:center;gap:8px}.app-rating-star{font-size:42px}.mobile-feedback-card{padding:18px;border-radius:22px}}
@media(max-width:560px){.mobile-feedback-reminder{left:14px;right:14px;bottom:14px;width:auto}.mobile-feedback-reminder-actions .btn,.mobile-feedback-reminder-actions .link-btn{width:100%;justify-content:center}}
@media(max-width:1040px){.communications-compose-grid,.comm-message-grid{grid-template-columns:1fr}.comm-unified-filters,.comm-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.communications-hub-grid{grid-template-columns:1fr}.inbox-row{align-items:flex-start;flex-direction:column}.comm-unified-filters,.comm-filters{grid-template-columns:1fr}.comm-user-choice{grid-template-columns:auto minmax(0,1fr)}.comm-user-badges{grid-column:2;justify-content:flex-start}.comm-preview-list div{grid-template-columns:1fr}}

/* Enterprise Polish A5.1: Settings / Help / KronoHelper. */
.settings-polish-hero{position:relative;overflow:hidden;padding:24px;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line));border-radius:26px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--primary) 16%,transparent),transparent 35%),linear-gradient(135deg,color-mix(in srgb,var(--card) 94%,var(--primary)),color-mix(in srgb,var(--card2) 92%,#8b5cf6));box-shadow:0 20px 54px color-mix(in srgb,#0f172a 13%,transparent)}
.settings-polish-hero h1{letter-spacing:0}.settings-polish-hero p{max-width:760px;line-height:1.55}
.settings-polish-grid{gap:16px}
.settings-polish-card{border-color:color-mix(in srgb,var(--primary) 16%,var(--line));border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,#fff),color-mix(in srgb,var(--card2) 93%,transparent));box-shadow:var(--shadow-soft)}
.settings-hub-card.settings-polish-card{position:relative;min-height:168px;padding:18px;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.settings-hub-card.settings-polish-card::after{content:"";position:absolute;right:14px;bottom:14px;width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 16%,transparent),color-mix(in srgb,#8b5cf6 14%,transparent));opacity:.65}
.settings-hub-card.settings-polish-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 46%,var(--line));box-shadow:0 18px 44px color-mix(in srgb,#0f172a 15%,transparent)}
.settings-hub-card.settings-polish-card strong,.settings-hub-card.settings-polish-card small,.settings-hub-card.settings-polish-card .settings-hub-icon{position:relative;z-index:1}
.mobile-settings-card{padding:20px}.mobile-settings-card .mobile-diagnostics-head{padding:16px;margin:-4px -4px 16px;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line));border-radius:20px;background:color-mix(in srgb,var(--card2) 84%,transparent)}
.operational-settings-block{border-radius:22px}.operational-settings-block-head{padding-bottom:12px;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)}
.operational-settings-feature-grid .checkbox-modern{min-height:84px;border-radius:18px}.operational-settings-panel,.shift-reminder-cron-panel{border-radius:18px}.operational-control-grid label,.settings-grid-form label{border-radius:18px}
.settings-help-hero{margin-bottom:14px}.settings-help-intro.settings-polish-card{padding:18px;align-items:center}
.settings-help-search span{font-size:12px;font-weight:950;letter-spacing:.02em;text-transform:uppercase}.settings-help-search input{min-height:44px;border-radius:16px;background:var(--card)}
.settings-help-rich-list{gap:14px}.settings-help-rich-topic.settings-polish-card{overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease}.settings-help-rich-topic.settings-polish-card[open],.settings-help-rich-topic.settings-polish-card:hover{border-color:color-mix(in srgb,var(--primary) 38%,var(--line))}
.settings-help-rich-topic summary{min-height:64px;background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,transparent),color-mix(in srgb,var(--card2) 94%,transparent))}
.settings-help-rich-topic summary::after{content:"+";margin-left:auto;display:grid;place-items:center;width:30px;height:30px;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line));border-radius:999px;color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--card));font-weight:950}.settings-help-rich-topic[open] summary::after{content:"-"}
.settings-help-topic-grid section,.settings-help-columns>div,.settings-help-detail-card{border-radius:18px}.settings-help-topic-grid section:not(.settings-help-columns):not(.settings-help-detail-block):not(.settings-help-example){padding:12px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);background:color-mix(in srgb,var(--card2) 78%,transparent)}
.settings-help-topic-grid p,.settings-help-topic-grid li{color:color-mix(in srgb,var(--text) 68%,var(--muted))}
.cron-polish-card{border-radius:22px}.cron-center-guide,.cron-center-cpanel,.cron-center-note{padding:20px}.cron-center-guide-grid article,.cron-center-meta span,.cron-center-command-grid .krono-link-field{border-radius:18px}
.cron-center-card.settings-polish-card{padding:20px}.cron-center-card-head{padding-bottom:14px;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)}
.cron-center-command-grid .krono-link-field input{min-height:42px;background:color-mix(in srgb,var(--bg) 82%,transparent);overflow:hidden;text-overflow:ellipsis}.cron-center-command-grid .krono-link-field .btn{border-radius:999px}
.krono-helper-panel{border-radius:24px;border-color:color-mix(in srgb,var(--primary) 24%,var(--line));box-shadow:0 24px 70px color-mix(in srgb,#020617 28%,transparent)}
.krono-helper-header{background:radial-gradient(circle at top right,color-mix(in srgb,var(--primary) 22%,transparent),transparent 42%),linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,var(--card)),color-mix(in srgb,var(--card2) 94%,#8b5cf6))}
.krono-helper-message{line-height:1.48}.krono-helper-message-bot{border-color:color-mix(in srgb,var(--primary) 20%,var(--line));background:color-mix(in srgb,var(--primary) 7%,var(--card))}
.krono-helper-links{gap:7px}.krono-helper-links a{border:1px solid color-mix(in srgb,var(--primary) 28%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--primary) 8%,var(--card));color:color-mix(in srgb,var(--primary) 78%,var(--text));font-weight:950}.krono-helper-quick button{border-radius:999px}
html[data-theme="dark"] .settings-polish-hero{background:radial-gradient(circle at top right,color-mix(in srgb,var(--primary) 20%,transparent),transparent 36%),linear-gradient(135deg,color-mix(in srgb,var(--card) 92%,var(--primary)),color-mix(in srgb,var(--card2) 92%,#8b5cf6))}
html[data-theme="dark"] .settings-polish-card{box-shadow:0 18px 46px rgba(0,0,0,.28)}
@media(max-width:760px){.settings-polish-hero{padding:20px;border-radius:22px}.settings-hub-card.settings-polish-card:hover{transform:none}.mobile-settings-card,.cron-center-card.settings-polish-card,.cron-center-guide,.cron-center-cpanel,.cron-center-note{padding:16px}.settings-help-rich-topic summary{align-items:flex-start}}

.users-hero{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    margin-top:18px;
}
.users-hero h1{margin:8px 0 4px;font-size:34px;line-height:1.12}
.users-hero p{margin:0;color:var(--muted);font-weight:800}
.users-summary{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
    margin-top:14px;
}
.users-summary div{
    padding:14px;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--card);
}
.users-summary strong{display:block;font-size:24px;line-height:1}
.users-summary span{display:block;margin-top:6px;color:var(--muted);font-size:12px;font-weight:850}
.users-filter-card{margin-top:14px}
.users-filters{
    display:grid;
    grid-template-columns:minmax(220px,1fr) 160px 160px 220px auto;
    gap:10px;
    align-items:end;
}
.users-filters input,
.users-filters select{
    width:100%;
    border:1px solid var(--line);
    background:var(--bg);
    color:var(--text);
    border-radius:12px;
    padding:10px 12px;
    outline:none;
}
.users-card{margin-top:16px}
.users-table td{vertical-align:middle}
.users-table .actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.users-table .actions form{margin:0}
.user-form-card,.user-delete-card{margin-top:18px}
.roles-card{margin-top:16px}
.roles-permissions-form{display:grid;gap:14px;margin-top:16px}
.roles-permission-group h2{margin:0}
.roles-permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.permission-check{align-items:flex-start}
.permission-check span{display:grid;gap:3px}
.permission-check small{color:var(--muted)}
.system-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:1040px){.users-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.users-filters,.roles-permission-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.users-hero{align-items:flex-start;flex-direction:column}.users-summary,.users-filters,.roles-permission-grid{grid-template-columns:1fr}}

/* Enterprise Polish A2.1: Users and Roles security surfaces. */
.security-hero{
    align-items:flex-end;
    padding:24px;
    border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line));
    border-radius:26px;
    background:
        radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--primary) 16%,transparent),transparent 34%),
        linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,transparent),color-mix(in srgb,var(--card2) 92%,var(--bg)));
    box-shadow:0 18px 48px color-mix(in srgb,#020617 16%,transparent);
}
.security-hero h1{
    color:var(--text);
    font-size:36px;
}
.security-hero p{
    max-width:720px;
    color:var(--muted);
    line-height:1.45;
}
.security-kpi-grid{
    grid-template-columns:repeat(6,minmax(0,1fr));
}
.roles-kpi-grid,
.roles-edit-kpi-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.security-kpi{
    position:relative;
    min-height:108px;
    display:grid;
    align-content:space-between;
    gap:8px;
    padding:15px;
    border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));
    border-radius:18px;
    background:linear-gradient(180deg,color-mix(in srgb,var(--card) 94%,transparent),color-mix(in srgb,var(--card2) 88%,transparent));
    overflow:hidden;
}
.security-kpi small{
    width:34px;
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid color-mix(in srgb,var(--primary) 26%,var(--line));
    border-radius:12px;
    background:color-mix(in srgb,var(--primary) 10%,var(--card2));
    color:var(--text);
    font-size:16px;
    line-height:1;
}
.security-kpi strong{
    color:var(--text);
    font-size:30px;
}
.security-kpi span{
    color:var(--muted);
    font-size:12px;
    font-weight:900;
    line-height:1.25;
}
.security-kpi.is-total,
.security-kpi.is-admin{
    border-color:color-mix(in srgb,var(--primary) 42%,var(--line));
    background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 14%,var(--card)),var(--card2));
}
.security-kpi.is-linked{
    border-color:color-mix(in srgb,#10b981 38%,var(--line));
    background:linear-gradient(145deg,color-mix(in srgb,#10b981 12%,var(--card)),var(--card2));
}
.security-filter-card{
    border-radius:20px;
    border-color:color-mix(in srgb,var(--primary) 20%,var(--line));
    background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 92%,var(--bg)));
}
.users-filters{
    grid-template-columns:minmax(260px,1.4fr) minmax(150px,.7fr) minmax(150px,.7fr) minmax(190px,.9fr) auto;
}
.users-filters input,
.users-filters select{
    min-height:44px;
    border-color:color-mix(in srgb,var(--primary) 24%,var(--line));
    border-radius:14px;
    background:color-mix(in srgb,var(--bg) 88%,var(--card));
    font-weight:850;
}
.users-filters input:focus,
.users-filters select:focus{
    outline:2px solid color-mix(in srgb,var(--primary) 48%,transparent);
    outline-offset:1px;
}
.security-table-card{
    display:grid;
    gap:0;
    padding:0;
    overflow:hidden;
    border-radius:22px;
    border-color:color-mix(in srgb,var(--primary) 20%,var(--line));
}
.security-card-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:16px 18px;
    border-bottom:1px solid var(--line);
    background:color-mix(in srgb,var(--primary) 7%,var(--card));
}
.security-card-head h2{
    margin:4px 0 0;
    color:var(--text);
    font-size:22px;
    line-height:1.12;
}
.security-table-card .table-wrap{
    width:100%;
    overflow:auto;
}
.security-table-card .table{
    min-width:880px;
    border-collapse:collapse;
}
.security-table-card .table th{
    position:sticky;
    top:0;
    z-index:1;
    background:color-mix(in srgb,var(--primary) 13%,var(--card));
    color:var(--text);
    font-size:12px;
    font-weight:950;
    letter-spacing:.025em;
}
.security-table-card .table th,
.security-table-card .table td{
    padding:12px 14px;
    border-bottom:1px solid color-mix(in srgb,var(--line) 84%,transparent);
}
.security-table-card .table tbody tr:nth-child(even){
    background:color-mix(in srgb,var(--primary) 4%,transparent);
}
.security-table-card .table tbody tr:hover{
    background:color-mix(in srgb,var(--primary) 9%,transparent);
}
.security-role-badge{
    border-color:color-mix(in srgb,var(--primary) 30%,var(--line));
    background:color-mix(in srgb,var(--primary) 10%,transparent);
    color:var(--text);
}
.security-role-admin{
    border-color:color-mix(in srgb,#ef4444 44%,var(--line));
    background:color-mix(in srgb,#ef4444 12%,transparent);
}
.security-role-administrative,
.security-role-administrative_light{
    border-color:color-mix(in srgb,#f59e0b 44%,var(--line));
    background:color-mix(in srgb,#f59e0b 12%,transparent);
}
.security-role-master{
    border-color:color-mix(in srgb,#38bdf8 44%,var(--line));
    background:color-mix(in srgb,#38bdf8 12%,transparent);
}
.security-role-user{
    border-color:color-mix(in srgb,#94a3b8 44%,var(--line));
    background:color-mix(in srgb,#94a3b8 12%,transparent);
}
.security-actions{
    min-width:190px;
}
.security-actions .link-btn,
.security-actions button.link-btn{
    min-height:32px;
    padding:7px 10px;
    border-radius:999px;
    font-size:12px;
    font-weight:900;
}
.security-empty-state{
    margin:0;
    padding:22px;
    color:var(--muted);
    text-align:center;
    font-weight:900;
}
.security-permission-count{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:44px;
    min-height:30px;
    padding:4px 10px;
    border:1px solid color-mix(in srgb,var(--primary) 26%,var(--line));
    border-radius:999px;
    background:color-mix(in srgb,var(--primary) 9%,transparent);
    color:var(--text);
    font-weight:950;
}
.roles-edit-form{
    gap:16px;
}
.roles-permission-group{
    padding:0;
    overflow:hidden;
    border-radius:20px;
    border-color:color-mix(in srgb,var(--primary) 18%,var(--line));
}
.roles-permission-head{
    padding:15px 16px;
    border-bottom:1px solid var(--line);
    background:color-mix(in srgb,var(--primary) 7%,var(--card));
}
.roles-permission-head h2{
    color:var(--text);
    font-size:20px;
    line-height:1.15;
}
.roles-permission-head p{
    margin:4px 0 0;
    color:var(--muted);
    font-weight:850;
}
.roles-permission-grid{
    padding:14px;
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.permission-check{
    min-height:72px;
    padding:12px;
    border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line));
    border-radius:15px;
    background:color-mix(in srgb,var(--card2) 84%,transparent);
}
.permission-check:hover{
    border-color:color-mix(in srgb,var(--primary) 40%,var(--line));
    background:color-mix(in srgb,var(--primary) 7%,var(--card2));
}
.permission-check strong{
    color:var(--text);
    font-size:13px;
    overflow-wrap:anywhere;
}
.permission-check small{
    line-height:1.35;
}
.roles-edit-actions{
    position:sticky;
    bottom:14px;
    z-index:5;
    justify-content:flex-end;
    padding:12px;
    border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));
    border-radius:18px;
    background:color-mix(in srgb,var(--card) 92%,transparent);
    box-shadow:0 18px 42px color-mix(in srgb,#020617 18%,transparent);
}
@media(max-width:1180px){
    .security-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .users-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
    .users-filters .btn{justify-self:start}
    .roles-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
    .security-hero{align-items:flex-start;flex-direction:column;padding:20px;border-radius:22px}
    .security-hero h1{font-size:30px}
    .security-kpi-grid,
    .roles-kpi-grid,
    .roles-edit-kpi-grid,
    .users-filters,
    .roles-permission-grid{grid-template-columns:1fr}
    .security-card-head,
    .roles-permission-head{align-items:flex-start;display:grid}
    .roles-edit-actions{position:static;justify-content:flex-start}
}

/* Enterprise Polish A4.1: Resources / Teams / Destinations. */
.resources-hero,
.teams-hero,
.destinations-hero{
    position:relative;
    overflow:hidden;
    padding:24px;
    border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));
    border-radius:26px;
    background:
        radial-gradient(circle at top right,color-mix(in srgb,var(--primary) 15%,transparent),transparent 34%),
        linear-gradient(135deg,color-mix(in srgb,var(--card) 94%,var(--primary)),color-mix(in srgb,var(--card2) 92%,#10b981));
    box-shadow:0 20px 54px color-mix(in srgb,#0f172a 13%,transparent);
}
.resources-hero .eyebrow,
.teams-hero .eyebrow,
.destinations-hero .eyebrow,
.resource-form-head .eyebrow,
.destination-form-head .eyebrow{
    color:color-mix(in srgb,var(--primary) 82%,var(--text));
}
.resources-summary,
.teams-summary,
.destinations-summary{
    gap:14px;
}
.resources-summary div,
.teams-summary div,
.destinations-summary div{
    position:relative;
    overflow:hidden;
    min-height:112px;
    display:grid;
    align-content:space-between;
    padding:18px;
    border:1px solid color-mix(in srgb,var(--primary) 17%,var(--line));
    border-radius:22px;
    background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,#fff),color-mix(in srgb,var(--card2) 92%,transparent));
    box-shadow:var(--shadow-soft);
}
.resources-summary div::after,
.teams-summary div::after,
.destinations-summary div::after{
    content:"";
    position:absolute;
    top:14px;
    right:14px;
    width:38px;
    height:38px;
    border-radius:15px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,transparent),color-mix(in srgb,#10b981 16%,transparent));
    opacity:.75;
}
.resources-summary strong,
.teams-summary strong,
.destinations-summary strong{
    position:relative;
    z-index:1;
    font-size:30px;
    font-weight:950;
}
.resources-summary span,
.teams-summary span,
.destinations-summary span{
    position:relative;
    z-index:1;
    font-weight:900;
    letter-spacing:.01em;
}
.resources-filter-card,
.teams-filter-card,
.destinations-filter-card{
    padding:18px;
    border-radius:22px;
    border-color:color-mix(in srgb,var(--primary) 18%,var(--line));
    background:color-mix(in srgb,var(--card) 92%,var(--card2));
    box-shadow:var(--shadow-soft);
}
.resources-filters input,
.resources-filters select,
.teams-filters input,
.teams-filters select,
.destinations-filters input,
.destinations-filters select,
.resource-form input,
.resource-form select,
.resource-form textarea,
.team-form input,
.team-form select,
.team-form textarea,
.destination-form input,
.destination-form select,
.destination-form textarea{
    min-height:42px;
    border-radius:14px;
    background:var(--card);
    transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.resources-filters input:focus,
.resources-filters select:focus,
.teams-filters input:focus,
.teams-filters select:focus,
.destinations-filters input:focus,
.destinations-filters select:focus,
.resource-form input:focus,
.resource-form select:focus,
.resource-form textarea:focus,
.team-form input:focus,
.team-form select:focus,
.team-form textarea:focus,
.destination-form input:focus,
.destination-form select:focus,
.destination-form textarea:focus{
    border-color:color-mix(in srgb,var(--primary) 58%,var(--line));
    box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 13%,transparent);
}
.resource-card,
.resource-mini-card,
.team-card,
.team-mini-card,
.destination-card,
.destination-mini-card{
    border-color:color-mix(in srgb,var(--primary) 14%,var(--line));
    background:
        linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,#fff),color-mix(in srgb,var(--card2) 94%,transparent));
    box-shadow:var(--shadow-soft);
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.resource-card:hover,
.resource-mini-card:hover,
.team-card:hover,
.team-mini-card:hover,
.destination-card:hover,
.destination-mini-card:hover{
    transform:translateY(-2px);
    border-color:color-mix(in srgb,var(--primary) 45%,var(--line));
    box-shadow:0 18px 44px color-mix(in srgb,#0f172a 15%,transparent);
}
.resource-avatar,
.resource-mini-avatar,
.resource-profile-avatar,
.team-photo,
.team-mini-avatar,
.team-resource-avatar,
.destination-image,
.destination-mini-image,
.destination-photo-preview{
    box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 16%,transparent),0 12px 28px color-mix(in srgb,#0f172a 16%,transparent);
}
.resource-head h2,
.resource-mini-body h2,
.team-card-title h2,
.team-mini-body h2,
.destination-head h2,
.destination-mini-body h2{
    letter-spacing:0;
    overflow-wrap:anywhere;
}
.resource-details span,
.team-meta span,
.destination-details span,
.destination-mini-meta span{
    border-color:color-mix(in srgb,var(--primary) 13%,var(--line));
    background:color-mix(in srgb,var(--card2) 84%,transparent);
}
.resource-badges .badge,
.destination-badges .badge,
.team-card-title .badge{
    font-weight:950;
}
.resource-form-card,
.team-form-card,
.destination-form-card,
.resource-profile-form-card{
    width:min(1120px,100%);
    max-width:1120px;
    padding:22px;
    border-radius:26px;
    border-color:color-mix(in srgb,var(--primary) 18%,var(--line));
    background:
        linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,#fff),color-mix(in srgb,var(--card2) 94%,transparent));
    box-shadow:var(--shadow-soft);
}
.resource-form-head,
.destination-form-head{
    display:grid;
    gap:5px;
    padding:18px;
    margin:-4px -4px 18px;
    border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line));
    border-radius:22px;
    background:
        radial-gradient(circle at top right,color-mix(in srgb,var(--primary) 14%,transparent),transparent 40%),
        color-mix(in srgb,var(--card2) 82%,transparent);
}
.resource-form-head h1,
.resource-form-head h2,
.destination-form-head h1{
    margin:0;
    line-height:1.12;
}
.resource-form-grid,
.destination-form-grid,
.team-form{
    gap:14px;
}
.resource-form label,
.destination-form label,
.team-form label{
    color:var(--muted);
    font-weight:900;
}
.resource-linked-user-readonly,
.team-resource-picker,
.destination-operational-fieldset,
.color-palette-field,
.tag-input-grid{
    border-radius:18px;
    border-color:color-mix(in srgb,var(--primary) 16%,var(--line));
    background:color-mix(in srgb,var(--card2) 86%,transparent);
}
.tag-input-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    padding:14px;
    margin-top:14px;
}
.tag-input-grid label{
    display:grid;
    gap:6px;
    color:var(--muted);
    font-size:13px;
    font-weight:900;
}
.team-resource-picker{
    padding:18px;
    box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 14%,transparent);
}
.team-resource-picker-head{
    padding-bottom:12px;
    border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);
}
.team-resource-option{
    min-height:70px;
    border-radius:16px;
    background:color-mix(in srgb,var(--card) 96%,transparent);
}
.team-resource-option:has(input:checked){
    box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 18%,transparent);
}
.destination-operational-fieldset{
    padding:18px;
    margin-top:16px;
    border-color:color-mix(in srgb,#0ea5e9 28%,var(--line));
    background:
        radial-gradient(circle at top right,color-mix(in srgb,#0ea5e9 10%,transparent),transparent 38%),
        color-mix(in srgb,var(--card2) 88%,transparent);
}
.destination-operational-fieldset legend{
    padding:0 8px;
    color:color-mix(in srgb,#0ea5e9 76%,var(--text));
    font-weight:950;
}
.destination-attendance-guided-grid{
    gap:14px;
}
.destination-attendance-guided-card{
    min-height:150px;
    padding:16px;
    border-radius:20px;
    border-color:color-mix(in srgb,#0ea5e9 22%,var(--line));
    background:linear-gradient(180deg,color-mix(in srgb,var(--card) 95%,#0ea5e9),var(--card));
    box-shadow:var(--shadow-soft);
}
.destination-attendance-guided-card strong{
    font-size:15px;
}
.destination-attendance-icon{
    width:48px;
    height:48px;
    border-radius:17px;
    background:linear-gradient(135deg,color-mix(in srgb,#0ea5e9 20%,var(--card)),color-mix(in srgb,var(--primary) 18%,var(--card2)));
    box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 18%,transparent);
}
.destination-attendance-actions .btn,
.destination-attendance-guided-card .btn{
    border-radius:999px;
}
.resource-profile-hero,
.resource-profile-panel,
.resource-profile-kpis article{
    border-color:color-mix(in srgb,var(--primary) 18%,var(--line));
    box-shadow:var(--shadow-soft);
}
.resource-profile-kpis article{
    border-radius:22px;
    background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,#fff),color-mix(in srgb,var(--card2) 94%,transparent));
}
.resource-profile-panel{
    border-radius:22px;
}
html[data-theme="dark"] .resources-hero,
html[data-theme="dark"] .teams-hero,
html[data-theme="dark"] .destinations-hero{
    background:
        radial-gradient(circle at top right,color-mix(in srgb,var(--primary) 18%,transparent),transparent 36%),
        linear-gradient(135deg,color-mix(in srgb,var(--card) 92%,var(--primary)),color-mix(in srgb,var(--card2) 92%,#10b981));
}
html[data-theme="dark"] .resource-card,
html[data-theme="dark"] .resource-mini-card,
html[data-theme="dark"] .team-card,
html[data-theme="dark"] .team-mini-card,
html[data-theme="dark"] .destination-card,
html[data-theme="dark"] .destination-mini-card,
html[data-theme="dark"] .resource-form-card,
html[data-theme="dark"] .team-form-card,
html[data-theme="dark"] .destination-form-card{
    box-shadow:0 18px 46px rgba(0,0,0,.28);
}
@media(max-width:900px){
    .resources-hero,
    .teams-hero,
    .destinations-hero{
        align-items:flex-start;
        flex-direction:column;
        padding:20px;
    }
    .resource-card:hover,
    .resource-mini-card:hover,
    .team-card:hover,
    .team-mini-card:hover,
    .destination-card:hover,
    .destination-mini-card:hover{
        transform:none;
    }
}
@media(max-width:700px){
    .resources-summary,
    .teams-summary,
    .destinations-summary,
    .tag-input-grid{
        grid-template-columns:1fr;
    }
    .resource-form-card,
    .team-form-card,
    .destination-form-card,
    .resource-profile-form-card{
        padding:16px;
        border-radius:22px;
    }
    .resource-form-head,
    .destination-form-head{
        padding:15px;
        border-radius:18px;
    }
    .destination-attendance-guided-card{
        min-height:0;
    }
}

.resources-hero{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    margin-top:18px;
}
.resources-hero h1{margin:8px 0 4px;font-size:34px;line-height:1.12}
.resources-hero p{margin:0;color:var(--muted);font-weight:800}
.resources-summary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    margin-top:14px;
}
.resources-summary div{
    padding:14px;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--card);
}
.resources-summary strong{display:block;font-size:24px;line-height:1}
.resources-summary span{display:block;margin-top:6px;color:var(--muted);font-size:12px;font-weight:850}
.resources-filter-card{margin-top:14px}
.resources-filters{
    display:grid;
    grid-template-columns:minmax(240px,1fr) 180px auto auto auto;
    gap:10px;
    align-items:center;
}
.resources-filters input,
.resources-filters select{
    width:100%;
    border:1px solid var(--line);
    background:var(--bg);
    color:var(--text);
    border-radius:12px;
    padding:10px 12px;
    outline:none;
}
.resources-filters label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:850}
.view-switch{
    display:inline-flex;
    gap:4px;
    padding:4px;
    border:1px solid var(--line);
    border-radius:14px;
    background:color-mix(in srgb,var(--bg) 76%,transparent);
}
.view-switch button,
.view-switch a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:10px;
    padding:9px 12px;
    color:var(--muted);
    background:transparent;
    font-weight:900;
    cursor:pointer;
    text-decoration:none;
}
.view-switch button.is-active,
.view-switch a.is-active{
    color:#fff;
    background:linear-gradient(135deg,var(--primary),var(--primary2));
    box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 22%,transparent);
}
.anniversary-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:40px;
    border:1px solid var(--line);
    border-radius:999px;
    padding:9px 13px;
    color:var(--muted);
    background:color-mix(in srgb,var(--card2) 86%,transparent);
    font-size:12px;
    font-weight:950;
    cursor:pointer;
    white-space:nowrap;
    transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.anniversary-toggle-active{
    border-color:color-mix(in srgb,#d4af37 58%,var(--line));
    color:color-mix(in srgb,#ffd700 82%,var(--text));
    background:linear-gradient(135deg,color-mix(in srgb,#ffd700 18%,var(--card2)),color-mix(in srgb,#8a6f08 18%,var(--card)));
    box-shadow:0 8px 18px color-mix(in srgb,#d4af37 18%,transparent);
}
.anniversary-toggle-off{
    border-color:color-mix(in srgb,var(--muted) 34%,var(--line));
    color:var(--muted);
    background:color-mix(in srgb,var(--bg) 72%,transparent);
    box-shadow:none;
}
.anniversary-toggle:focus-visible{
    outline:3px solid color-mix(in srgb,#d4af37 34%,transparent);
    outline-offset:2px;
}
.anniversary-medals-hidden .anniversary-medal{display:none!important}
.resources-list{display:grid;gap:12px;margin-top:16px}
.resources-list-view{display:grid;gap:12px}
.view-hidden{display:none!important}
[data-search-item][hidden],
[data-search-empty][hidden],
[data-view-group][hidden]{display:none!important}
.resources-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
    gap:14px;
    margin-top:0;
}
.resources-empty{color:var(--muted)}
.resource-mini-card{
    display:grid;
    grid-template-rows:auto minmax(0,1fr) auto;
    gap:12px;
    min-height:360px;
    padding:14px;
    border:1px solid var(--line);
    border-radius:18px;
    background:linear-gradient(180deg,var(--card),var(--card2));
    box-shadow:var(--shadow);
}
.resource-mini-avatar{
    position:relative;
    width:100%;
    aspect-ratio:1.2/1;
    border-radius:16px;
    overflow:visible;
    border:1px solid var(--line);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:36px;
    font-weight:950;
    text-transform:uppercase;
    background:linear-gradient(135deg,#0891b2,#10b981);
}
.resource-mini-avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.resource-mini-avatar > span:not(.anniversary-medal):not(.anniversary-medal-number):not(.anniversary-medal-suffix):not(.anniversary-medal-label):not(.anniversary-medal-ribbon){display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:inherit}
.resource-mini-body{display:grid;gap:9px;align-content:start;min-width:0}
.resource-mini-body h2{margin:0;font-size:17px;line-height:1.2}
.resource-mini-contact{
    display:grid;
    gap:4px;
    color:var(--muted);
    font-size:12px;
    font-weight:800;
}
.resource-mini-contact span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.resource-mini-card .resource-badges{justify-content:flex-start}
.resource-mini-actions{align-self:end}
.resource-card{
    display:grid;
    grid-template-columns:84px minmax(0,1fr);
    gap:14px;
    padding:14px;
    border:1px solid var(--line);
    border-radius:18px;
    background:linear-gradient(180deg,var(--card),var(--card2));
    box-shadow:var(--shadow);
}
.resource-avatar{
    position:relative;
    width:84px;
    height:84px;
    border-radius:18px;
    overflow:visible;
    border:1px solid var(--line);
    background:linear-gradient(135deg,#0891b2,#10b981);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:24px;
    font-weight:950;
    text-transform:uppercase;
}
.resource-avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.resource-avatar > span:not(.anniversary-medal):not(.anniversary-medal-number):not(.anniversary-medal-suffix):not(.anniversary-medal-label):not(.anniversary-medal-ribbon){display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:inherit}
.resource-avatar-sm{width:44px;height:44px;border-radius:14px;font-size:13px}
.anniversary-medal{
    position:absolute;
    top:-8px;
    right:-8px;
    z-index:2;
    display:grid;
    place-items:center;
    width:58px;
    height:58px;
    padding-top:4px;
    --anniversary-metal-1:#cd7f32;
    --anniversary-metal-2:#b87333;
    --anniversary-metal-3:#8c5a2b;
    --anniversary-border:#5f371c;
    --anniversary-text:#341a0b;
    --anniversary-dash:rgba(95,55,28,.54);
    --anniversary-glow:rgba(0,0,0,.28);
    border:2px solid var(--anniversary-border);
    border-radius:999px;
    color:var(--anniversary-text);
    text-align:center;
    line-height:1;
    background:
        radial-gradient(circle at 32% 24%,rgba(255,255,255,.85) 0 9%,transparent 10%),
        linear-gradient(145deg,var(--anniversary-metal-1) 0%,var(--anniversary-metal-2) 48%,var(--anniversary-metal-3) 100%);
    box-shadow:0 10px 22px var(--anniversary-glow), inset 0 2px 5px rgba(255,255,255,.55), inset 0 -4px 8px rgba(0,0,0,.18);
    font-family:inherit;
    transform:rotate(4deg);
}
.anniversary-bronze{
    --anniversary-metal-1:#cd7f32;
    --anniversary-metal-2:#b87333;
    --anniversary-metal-3:#8c5a2b;
    --anniversary-border:#5f371c;
    --anniversary-text:#fff7ed;
    --anniversary-dash:rgba(255,247,237,.56);
}
.anniversary-silver{
    --anniversary-metal-1:#f2f2f2;
    --anniversary-metal-2:#d6d6d6;
    --anniversary-metal-3:#a9a9a9;
    --anniversary-border:#737373;
    --anniversary-text:#1f2937;
    --anniversary-dash:rgba(31,41,55,.42);
}
.anniversary-gold{
    --anniversary-metal-1:#ffd700;
    --anniversary-metal-2:#ffcc00;
    --anniversary-metal-3:#d4af37;
    --anniversary-border:#8a6f08;
    --anniversary-text:#3f2500;
    --anniversary-dash:rgba(63,37,0,.44);
}
.anniversary-platinum{
    --anniversary-metal-1:#f8f8ff;
    --anniversary-metal-2:#e5e4e2;
    --anniversary-metal-3:#c0c0c0;
    --anniversary-border:#8f8f94;
    --anniversary-text:#111827;
    --anniversary-dash:rgba(17,24,39,.38);
}
.anniversary-legend{
    --anniversary-metal-1:#00d4ff;
    --anniversary-metal-2:#7df9ff;
    --anniversary-metal-3:#b8ffff;
    --anniversary-border:#0891b2;
    --anniversary-text:#043344;
    --anniversary-dash:rgba(4,51,68,.42);
    --anniversary-glow:rgba(0,212,255,.45);
}
.anniversary-medal::before{
    content:"";
    position:absolute;
    inset:5px;
    border:1px dashed var(--anniversary-dash);
    border-radius:inherit;
}
.anniversary-medal-number{
    position:relative;
    z-index:1;
    display:block;
    font-size:19px;
    font-weight:1000;
    letter-spacing:0;
}
.anniversary-medal-suffix{
    display:inline-block;
    margin-left:1px;
    font-size:9px;
    line-height:1;
    vertical-align:super;
    transform:translateY(-3px);
}
.anniversary-medal-label{
    position:relative;
    z-index:1;
    display:block;
    margin-top:-5px;
    font-size:8px;
    font-weight:1000;
    letter-spacing:.08em;
}
.anniversary-medal-ribbon{
    position:absolute;
    left:50%;
    bottom:-14px;
    width:34px;
    height:22px;
    transform:translateX(-50%);
    background:linear-gradient(135deg,#dc2626,#991b1b);
    clip-path:polygon(0 0,100% 0,86% 100%,50% 66%,14% 100%);
    border-radius:0 0 5px 5px;
    box-shadow:0 7px 12px rgba(0,0,0,.22);
}
.resource-avatar .anniversary-medal{width:50px;height:50px;top:-10px;right:-12px}
.resource-avatar .anniversary-medal-number{font-size:17px}
.resource-avatar .anniversary-medal-label{font-size:7px}
.resource-avatar .anniversary-medal-ribbon{width:28px;height:18px;bottom:-12px}
.resource-main{min-width:0}
.resource-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}
.resource-head h2{margin:0 0 4px;font-size:20px;line-height:1.15}
.resource-head p{margin:0;color:var(--muted);font-size:13px}
.resource-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.resource-role-badge{
    border-color:color-mix(in srgb,var(--primary) 52%,transparent);
    color:#fff;
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 86%,#111827),color-mix(in srgb,#10b981 68%,#111827));
}
.resource-contract-pill{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:6px 10px;
    border-radius:999px;
    border:1px solid color-mix(in srgb,#f59e0b 44%,var(--line));
    color:#f59e0b;
    font-size:12px;
    font-weight:900;
    background:color-mix(in srgb,#f59e0b 10%,transparent);
}
.resource-planning-badge.is-operational{border-color:color-mix(in srgb,#22c55e 46%,var(--line));background:color-mix(in srgb,#22c55e 12%,var(--card2));color:color-mix(in srgb,#22c55e 78%,var(--text))}
.resource-planning-badge.is-internal{border-color:color-mix(in srgb,var(--warning) 48%,var(--line));background:color-mix(in srgb,var(--warning) 13%,var(--card2));color:color-mix(in srgb,var(--warning) 82%,var(--text))}
.resource-operational-toggle{align-items:flex-start!important;border:1px solid color-mix(in srgb,var(--warning) 34%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--warning) 8%,var(--card2));padding:11px 12px}
.resource-operational-toggle span{display:grid;gap:4px}
.resource-operational-toggle small{display:block;color:var(--muted);font-size:12px;font-weight:800;line-height:1.35}
.resource-badges,.resource-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    justify-content:flex-end;
}
.resource-favorite-badge{border-color:color-mix(in srgb,#f59e0b 55%,transparent);color:#f59e0b}
.resource-details{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin-top:12px;
}
.resource-details span{
    padding:8px 10px;
    border:1px solid var(--line);
    border-radius:12px;
    background:color-mix(in srgb,var(--bg) 72%,transparent);
    color:var(--muted);
    font-size:12px;
    overflow-wrap:anywhere;
}
.resource-tags{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
    margin-top:10px;
}
.resource-tags span{
    display:inline-flex;
    align-items:center;
    min-height:26px;
    padding:5px 9px;
    border-radius:999px;
    border:1px solid color-mix(in srgb,var(--primary2) 35%,var(--line));
    color:var(--text);
    background:color-mix(in srgb,var(--primary2) 10%,transparent);
    font-size:12px;
    font-weight:850;
}
.resource-tags-compact{margin-top:7px}
.resource-notes{
    margin:10px 0 0;
    padding:9px 10px;
    border-radius:12px;
    background:color-mix(in srgb,var(--bg) 70%,transparent);
    color:var(--muted);
    font-size:13px;
}
.resource-absence{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(120px,220px);
    gap:10px;
    align-items:center;
    margin-top:12px;
    padding:10px;
    border:1px solid var(--line);
    border-radius:12px;
    background:color-mix(in srgb,var(--bg) 70%,transparent);
}
.resource-absence span{font-weight:950}
.resource-absence small{display:block;margin-top:2px;color:var(--muted);font-size:12px;font-weight:800}
.resource-absence-bar{
    height:10px;
    border-radius:999px;
    overflow:hidden;
    background:color-mix(in srgb,var(--line) 55%,transparent);
}
.resource-absence-bar span{
    display:block;
    width:0;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,#10b981,#f59e0b,#ef4444);
    transition:width .22s ease;
}
.resource-absence-compact{
    grid-template-columns:44px minmax(90px,1fr);
    gap:8px;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
}
.resources-table-wrap{
    overflow:auto;
    border:1px solid var(--line);
    border-radius:16px;
    background:var(--card);
}
.resource-list-table{
    width:100%;
    min-width:980px;
    border-collapse:collapse;
}
.resource-list-table th,
.resource-list-table td{
    padding:12px;
    border-bottom:1px solid var(--line);
    text-align:left;
    vertical-align:middle;
}
.resource-list-table th{
    color:var(--muted);
    font-size:12px;
    font-weight:950;
    text-transform:uppercase;
}
.resource-list-table td{font-size:13px}
.resource-list-table td small{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.resource-list-table tbody tr:hover{background:color-mix(in srgb,var(--primary) 7%,transparent)}
.resource-list-person{display:flex;align-items:center;gap:10px;min-width:220px}
.resource-list-person strong{display:block}
.resource-actions-table{min-width:210px}
.resource-actions{justify-content:flex-start;margin-top:12px}
.resource-star{border-color:color-mix(in srgb,#f59e0b 35%,var(--line))}
.resource-form-card{max-width:960px}
.resource-form-head{margin-bottom:14px}
.resource-form-head h1{margin:8px 0 4px}
.resource-form-head p{margin:0;color:var(--muted)}
.resource-form-card,
.resource-form,
.resource-form *,
.resource-form *::before,
.resource-form *::after{box-sizing:border-box}
.resource-form-card{width:min(960px,100%);overflow:hidden}
.resource-form,
.resource-form > label,
.resource-form .vehicle-custom-fields-form,
.resource-form .form-check-list{width:100%;max-width:100%;min-width:0}
.resource-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.resource-form-grid,
.resource-form .vehicle-custom-fields-grid{width:100%;max-width:100%;min-width:0}
.resource-form-grid > *,
.resource-form .vehicle-custom-fields-grid > *,
.resource-form label,
.resource-form .form-field,
.resource-form .resource-linked-user-readonly,
.resource-form .resource-auto-user{min-width:0;max-width:100%}
.resource-form label{display:grid;gap:6px}
.resource-form input,
.resource-form select,
.resource-form textarea{max-width:100%;min-width:0}
.resource-form input[type="file"]{overflow:hidden}
.resource-form .checkline{min-width:0;max-width:100%;overflow-wrap:anywhere}
.resource-form .form-check-list{align-items:stretch}
.resource-form .form-check-row{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.resource-form .form-check-label{min-width:0;max-width:100%;overflow-wrap:anywhere}
.resource-tag-field input{
    border-radius:999px;
    border-color:color-mix(in srgb,var(--primary2) 35%,var(--line));
    background:color-mix(in srgb,var(--primary2) 7%,var(--bg));
}
.resource-photo-preview{
    width:132px;
    height:132px;
    border-radius:20px;
    border:1px solid var(--line);
    background:var(--card2);
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--muted);
    font-weight:900;
    margin:12px 0;
}
.resource-photo-preview img{width:100%;height:100%;object-fit:cover;display:block}
.resource-photo-initials{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    color:#fff;
    font-size:34px;
    font-weight:950;
    text-transform:uppercase;
    background:linear-gradient(135deg,#0891b2,#10b981);
}
.resource-edit-absence{margin:0 0 14px;max-width:520px}
.resource-linked-user-readonly{
    display:grid;
    gap:4px;
    padding:11px 12px;
    border:1px solid var(--line);
    border-radius:12px;
    background:color-mix(in srgb,var(--bg) 72%,transparent);
}
.resource-linked-user-readonly strong{font-size:12px;color:var(--muted)}
.resource-linked-user-readonly span{font-weight:900}
.resource-linked-user-readonly em{
    justify-self:start;
    font-style:normal;
    font-size:11px;
    font-weight:950;
    color:#10b981;
}
.resource-linked-user-readonly small{color:var(--muted);font-size:12px}
.resource-technical-note{
    padding:9px 10px;
    border:1px dashed var(--line);
    border-radius:12px;
    color:var(--muted);
    font-size:12px;
    font-weight:850;
    background:color-mix(in srgb,var(--bg) 64%,transparent);
}

/* KronoSender 2.0 Experience - premium resource profile. */
.resource-profile-page{
    display:grid;
    gap:18px;
    width:min(1180px,100%);
    margin:0 auto;
}

/* KronoSender App Experience - Micro-fase App 1. */
.mobile-app-mode{
    background:
        radial-gradient(circle at 16% 0%, color-mix(in srgb,var(--primary) 12%,transparent), transparent 30%),
        linear-gradient(180deg,color-mix(in srgb,var(--bg) 92%,var(--primary) 4%),var(--bg));
}
.mobile-app-mode .page{
    width:min(100%,980px);
}
.mobile-app-hero-premium{
    position:relative;
    overflow:hidden;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    gap:18px;
    border-radius:30px;
    border-color:color-mix(in srgb,var(--primary) 30%,var(--line));
    background:
        linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,var(--card)),color-mix(in srgb,#10b981 9%,var(--card2)) 52%,var(--card));
    box-shadow:0 22px 58px color-mix(in srgb,#020617 18%,transparent);
}
.mobile-app-hero-premium::after{
    content:"";
    position:absolute;
    right:-34px;
    top:-42px;
    width:150px;
    height:150px;
    border-radius:999px;
    background:color-mix(in srgb,var(--primary) 14%,transparent);
    pointer-events:none;
}
.mobile-hero-copy,
.mobile-hero-status,
.mobile-app-version{
    position:relative;
    z-index:1;
}
.mobile-hero-copy{
    display:grid;
    gap:8px;
    min-width:0;
}
.mobile-app-hero-premium h1{
    font-size:clamp(28px,7vw,42px);
}
.mobile-hero-status{
    display:grid;
    gap:5px;
    min-width:138px;
    padding:13px 14px;
    border:1px solid color-mix(in srgb,var(--primary) 26%,var(--line));
    border-radius:20px;
    background:color-mix(in srgb,var(--card) 72%,transparent);
    text-align:right;
}
.mobile-hero-status span{
    color:var(--muted);
    font-size:11px;
    font-weight:950;
    text-transform:uppercase;
}
.mobile-hero-status strong{
    color:var(--text);
    font-size:18px;
    line-height:1.05;
}
.mobile-quick-grid-premium{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}
.mobile-quick-grid-premium .mobile-quick-card{
    min-height:104px;
    flex-direction:column;
    align-items:flex-start;
    justify-content:space-between;
    padding:16px;
    border-radius:22px;
    background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 86%,var(--primary) 8%));
    box-shadow:0 12px 28px color-mix(in srgb,#020617 10%,transparent);
    text-align:left;
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.mobile-quick-grid-premium .mobile-quick-card i{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border:1px solid color-mix(in srgb,var(--primary) 26%,var(--line));
    border-radius:15px;
    background:color-mix(in srgb,var(--primary) 12%,var(--card));
    font-size:22px;
    font-style:normal;
    line-height:1;
}
.mobile-quick-grid-premium .mobile-quick-card strong{
    color:var(--text);
    font-size:14px;
    line-height:1.15;
}
@media (hover:hover) and (pointer:fine){
    .mobile-quick-grid-premium .mobile-quick-card:hover,
    .mobile-shift-card-premium:hover{
        transform:translateY(-2px);
        border-color:color-mix(in srgb,var(--primary) 44%,var(--line))!important;
        box-shadow:0 20px 44px color-mix(in srgb,#020617 16%,transparent)!important;
    }
}
.mobile-shift-card-premium{
    position:relative;
    overflow:hidden;
    border-left:5px solid var(--primary)!important;
}
.mobile-shift-card-premium::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 6%,transparent),transparent 44%);
    pointer-events:none;
}
.mobile-shift-card-premium > *{
    position:relative;
    z-index:1;
}
.mobile-shift-topline{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
}
.mobile-shift-icon{
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    flex:0 0 44px;
    border:1px solid color-mix(in srgb,var(--primary) 28%,var(--line));
    border-radius:16px;
    background:color-mix(in srgb,var(--primary) 12%,var(--card));
    font-size:22px;
}
.mobile-open-detail-btn,
.mobile-intervention-btn{
    min-height:46px;
    justify-content:center;
    font-weight:950;
}
.mobile-on-call-card{
    border-left-color:#f59e0b!important;
    border-color:color-mix(in srgb,#facc15 54%,var(--line))!important;
    background:
        repeating-linear-gradient(135deg,color-mix(in srgb,#facc15 10%,transparent) 0 8px,transparent 8px 18px),
        linear-gradient(180deg,color-mix(in srgb,#facc15 20%,var(--card)),color-mix(in srgb,#facc15 8%,var(--card2)))!important;
}
.mobile-on-call-card .eyebrow,
.mobile-on-call-hero .eyebrow{
    color:#a16207;
}
.mobile-intervention-btn{
    background:linear-gradient(135deg,#f59e0b,#f97316)!important;
    border-color:transparent!important;
    color:#fff!important;
}
.mobile-intervention-history-card{
    border-left:5px solid #f97316!important;
}
.mobile-message-card,
.mobile-notification-card{
    position:relative;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    min-height:86px;
    padding:16px;
    border-radius:20px;
    text-decoration:none;
}
.mobile-message-card h2,
.mobile-notification-card h2{
    margin:0;
    font-size:17px;
    line-height:1.18;
}
.mobile-message-card p,
.mobile-notification-card p{
    margin:4px 0 0;
    color:var(--muted);
    font-weight:800;
}
.mobile-list-icon{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));
    border-radius:15px;
    background:color-mix(in srgb,var(--primary) 10%,var(--card2));
    font-size:21px;
}
.mobile-message-card.is-unread,
.mobile-notification-card.is-unread{
    border-color:color-mix(in srgb,var(--primary) 42%,var(--line));
    background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 9%,var(--card)),var(--card2));
}
.mobile-info-install-section,
.mobile-info-notifications-section{
    border-radius:26px;
    border-color:color-mix(in srgb,var(--primary) 22%,var(--line));
}
.mobile-info-summary-grid .mobile-info-card{
    border-radius:20px;
    background:linear-gradient(180deg,var(--card),var(--card2));
}
.mobile-diagnostics-grid-separated article{
    min-height:96px;
}
.mobile-side-nav{
    gap:10px;
}
.mobile-side-nav a,
.mobile-side-action{
    min-height:54px;
    border-radius:18px;
}
.mobile-side-icon{
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border-radius:12px;
    background:color-mix(in srgb,var(--primary) 10%,var(--card2));
}
.mobile-side-nav a.active .mobile-side-icon{
    background:linear-gradient(135deg,var(--primary),var(--primary2));
    color:#fff;
}
html[data-theme="dark"] .mobile-on-call-card .eyebrow,
html[data-theme="dark"] .mobile-on-call-hero .eyebrow{
    color:#fde68a;
}
@media(max-width:700px){
    .mobile-app-mode .page{
        padding-left:12px;
        padding-right:12px;
    }
    .mobile-app-hero-premium{
        grid-template-columns:1fr;
        align-items:start;
        border-radius:26px;
        padding:22px;
    }
    .mobile-hero-status{
        width:100%;
        text-align:left;
    }
    .mobile-quick-grid-premium{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .mobile-shift-actions{
        grid-template-columns:1fr;
    }
    .mobile-message-card,
    .mobile-notification-card{
        grid-template-columns:auto minmax(0,1fr);
    }
    .mobile-message-card>.badge,
    .mobile-notification-card>.badge{
        grid-column:2;
        justify-self:start;
    }
}

/* KronoSender App Experience - Micro-fase App 2. */
.mobile-app-mode .page{
    padding-bottom:36px;
}
.mobile-app-hero-premium{
    min-height:206px;
    background:
        radial-gradient(circle at 12% 12%, color-mix(in srgb,#fff 34%,transparent), transparent 22%),
        linear-gradient(135deg,color-mix(in srgb,var(--primary) 24%,var(--card)),color-mix(in srgb,#10b981 13%,var(--card2)) 56%,var(--card));
}
.mobile-home-signal-row{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
    margin-top:6px;
}
.mobile-home-signal-row a{
    min-width:0;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:2px 8px;
    align-items:center;
    padding:10px;
    border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));
    border-radius:18px;
    background:color-mix(in srgb,var(--card) 72%,transparent);
    color:var(--text);
    text-decoration:none;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.mobile-home-signal-row span{
    grid-row:span 2;
    display:grid;
    place-items:center;
    width:32px;
    height:32px;
    border-radius:12px;
    background:color-mix(in srgb,var(--primary) 13%,var(--card2));
    font-size:17px;
}
.mobile-home-signal-row strong{
    font-size:18px;
    line-height:1;
}
.mobile-home-signal-row small{
    min-width:0;
    overflow:hidden;
    color:var(--muted);
    font-size:11px;
    font-weight:950;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.mobile-quick-grid-premium .mobile-quick-card{
    min-width:0;
    isolation:isolate;
}
.mobile-quick-grid-premium .mobile-quick-card span{
    align-self:flex-end;
    min-width:28px;
    height:28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    color:#fff;
    background:linear-gradient(135deg,var(--danger),#f97316);
    font-size:12px;
    font-weight:950;
}
.mobile-shift-section h2{
    letter-spacing:0;
}
.mobile-shift-card-premium{
    border-radius:26px!important;
    box-shadow:0 18px 42px color-mix(in srgb,var(--primary) 13%,transparent)!important;
}
.mobile-shift-card-premium.is-featured{
    border-color:color-mix(in srgb,var(--primary) 52%,var(--line))!important;
    box-shadow:0 24px 56px color-mix(in srgb,var(--primary) 18%,transparent)!important;
}
.mobile-shift-time{
    font-size:clamp(28px,8vw,38px);
}
.mobile-shift-place strong,
.mobile-shift-place span,
.mobile-colleagues strong,
.mobile-notification-body,
.mobile-message-card div,
.mobile-request-card{
    min-width:0;
    overflow-wrap:anywhere;
    word-break:normal;
}
.mobile-notification-page{
    gap:14px;
}
.mobile-notification-head{
    position:relative;
    overflow:hidden;
    padding:18px;
    border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line));
    border-radius:26px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 13%,var(--card)),var(--card2));
    box-shadow:0 16px 36px color-mix(in srgb,#020617 12%,transparent);
}
.mobile-notification-head h1{
    margin:5px 0 4px;
    font-size:30px;
    line-height:1.05;
}
.mobile-notification-mark-all{
    margin:0;
    flex:0 0 auto;
}
.mobile-notification-mark-all .btn{
    min-height:44px;
    white-space:normal;
}
.mobile-notification-card{
    grid-template-columns:auto minmax(0,1fr);
    align-items:flex-start;
    border-radius:24px;
    overflow:hidden;
}
.mobile-notification-card,
.mobile-message-card,
.mobile-request-card{
    border-color:color-mix(in srgb,var(--primary) 18%,var(--line));
    box-shadow:0 16px 34px color-mix(in srgb,#020617 9%,transparent);
}
.mobile-notification-card p,
.mobile-message-card p{
    overflow-wrap:anywhere;
    word-break:break-word;
}
.mobile-notification-body{
    display:grid;
    gap:8px;
}
.mobile-notification-title{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    min-width:0;
}
.mobile-notification-title h2{
    min-width:0;
    overflow-wrap:anywhere;
}
.mobile-notification-actions{
    margin-top:3px;
}
.mobile-notification-actions .btn{
    min-height:40px;
}
.mobile-app-shell-header{
    min-height:76px;
    padding:12px max(14px,env(safe-area-inset-right)) 12px max(14px,env(safe-area-inset-left));
    border-bottom-color:color-mix(in srgb,var(--primary) 28%,var(--line));
    background:color-mix(in srgb,var(--bg2) 86%,transparent);
}
.mobile-menu-button,
.mobile-menu-close,
.mobile-app-logo{
    border-radius:18px;
}
.mobile-app-brand strong{
    letter-spacing:0;
}
.mobile-side-menu{
    width:min(360px,90vw);
    border-radius:0 28px 28px 0;
}
.mobile-side-nav a,
.mobile-side-action{
    min-height:58px;
    border-radius:20px;
}
.mobile-side-nav a.active{
    border-color:color-mix(in srgb,var(--primary) 38%,var(--line));
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 19%,transparent),color-mix(in srgb,var(--primary2) 9%,transparent));
}
.mobile-request-card{
    border-radius:24px;
    background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 88%,var(--primary) 7%));
}
.mobile-request-open{
    min-height:42px;
    border-radius:14px;
}
.mobile-profile-card{
    border-radius:28px;
    border-color:color-mix(in srgb,var(--primary) 20%,var(--line));
    background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 88%,var(--primary) 7%));
    box-shadow:0 18px 44px color-mix(in srgb,#020617 10%,transparent);
}
.mobile-profile-card:first-child{
    overflow:hidden;
    background:
        radial-gradient(circle at 10% 0%, color-mix(in srgb,var(--primary) 16%,transparent), transparent 34%),
        linear-gradient(180deg,var(--card),var(--card2));
}
.mobile-info-install-section,
.mobile-info-notifications-section,
.mobile-diagnostics{
    box-shadow:0 16px 38px color-mix(in srgb,#020617 9%,transparent);
}
html[data-theme="dark"] .mobile-notification-head,
html[data-theme="dark"] .mobile-profile-card,
html[data-theme="dark"] .mobile-request-card{
    box-shadow:0 18px 42px rgba(0,0,0,.32);
}
@media(max-width:700px){
    .mobile-app-mode .page{
        padding-top:88px;
    }
    .mobile-app-hero-premium{
        min-height:0;
    }
    .mobile-home-signal-row{
        grid-template-columns:1fr;
    }
    .mobile-notification-head{
        align-items:stretch;
    }
    .mobile-notification-mark-all,
    .mobile-notification-mark-all .btn{
        width:100%;
        justify-content:center;
    }
    .mobile-notification-title{
        flex-direction:column;
        align-items:flex-start;
    }
    .mobile-notification-actions{
        display:grid;
        grid-template-columns:1fr;
    }
    .mobile-notification-actions .btn{
        justify-content:center;
        width:100%;
    }
    .mobile-header-logout .btn{
        min-height:42px;
        padding-inline:10px;
        font-size:12px;
    }
    .mobile-app-brand small{
        max-width:138px;
    }
    .mobile-profile-head{
        flex-direction:column;
    }
}

/* KronoSender App Experience - Micro-fase App 3: timeline turni mobile. */
.mobile-timeline-section{
    gap:16px;
}
.mobile-timeline{
    position:relative;
    display:grid;
    gap:18px;
}
.mobile-timeline::before{
    content:"";
    position:absolute;
    left:18px;
    top:10px;
    bottom:10px;
    width:2px;
    border-radius:999px;
    background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 44%,transparent),color-mix(in srgb,var(--primary2) 24%,transparent));
    pointer-events:none;
}
.mobile-timeline-day{
    position:relative;
    display:grid;
    gap:10px;
    padding-left:46px;
}
.mobile-timeline-day::before{
    content:"";
    position:absolute;
    left:10px;
    top:12px;
    width:18px;
    height:18px;
    border:4px solid var(--card);
    border-radius:999px;
    background:var(--primary);
    box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent);
}
.mobile-timeline-day.is-today::before{
    background:#10b981;
    box-shadow:0 0 0 4px color-mix(in srgb,#10b981 20%,transparent),0 0 26px color-mix(in srgb,#10b981 24%,transparent);
}
.mobile-timeline-day-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:42px;
}
.mobile-timeline-day-head span{
    color:var(--text);
    font-size:16px;
    font-weight:950;
}
.mobile-timeline-day-head b{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:30px;
    height:30px;
    padding:0 9px;
    border-radius:999px;
    color:#fff;
    background:linear-gradient(135deg,var(--primary),var(--primary2));
    font-size:13px;
}
.mobile-timeline-card{
    transform-origin:left center;
}
.mobile-timeline-card.is-today,
.mobile-calendar-shift-card.is-today{
    border-left-color:#10b981!important;
    border-color:color-mix(in srgb,#10b981 46%,var(--line))!important;
    background:
        linear-gradient(135deg,color-mix(in srgb,#10b981 12%,transparent),transparent 42%),
        linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 86%,#10b981 9%))!important;
}
.mobile-timeline-card.is-featured{
    position:relative;
}
.mobile-timeline-card.is-featured::before{
    content:"";
    position:absolute;
    inset:10px auto auto 10px;
    width:8px;
    height:8px;
    border-radius:999px;
    background:#10b981;
    box-shadow:0 0 0 6px color-mix(in srgb,#10b981 16%,transparent);
    z-index:2;
}
.mobile-team-badge{
    color:#5b21b6!important;
    background:color-mix(in srgb,#ede9fe 82%,var(--card) 18%)!important;
    border-color:color-mix(in srgb,#c4b5fd 72%,var(--line) 28%)!important;
}
.mobile-calendar-timeline{
    position:relative;
    gap:14px;
}
.mobile-calendar-shift-card{
    min-width:0;
}
.mobile-calendar-shift-card .shift-card-pills{
    gap:7px;
}
.mobile-calendar-shift-card .shift-info-pill{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.mobile-calendar-month-grid{
    gap:7px;
}
.mobile-calendar-day{
    min-width:0;
    overflow:hidden;
    border-radius:18px;
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.mobile-calendar-day.is-today{
    border-color:color-mix(in srgb,#10b981 58%,var(--line));
    box-shadow:0 0 0 2px color-mix(in srgb,#10b981 16%,transparent),0 14px 30px color-mix(in srgb,#10b981 10%,transparent);
}
.mobile-calendar-day-number{
    font-size:18px;
}
.mobile-calendar-chip{
    min-width:0;
}
.mobile-calendar-chip em{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.mobile-calendar-type-on-call{
    border-color:color-mix(in srgb,#facc15 56%,var(--line))!important;
    background:color-mix(in srgb,#facc15 18%,var(--card))!important;
    color:#854d0e!important;
}
.mobile-calendar-type-on-call i{
    background:#f59e0b!important;
}
.mobile-detail-premium{
    gap:16px;
}
.mobile-detail-premium .mobile-detail-photo{
    border-radius:30px;
    box-shadow:0 22px 58px color-mix(in srgb,#020617 17%,transparent);
}
.mobile-detail-hero-card{
    position:relative;
    overflow:hidden;
    border-radius:28px;
    border:1px solid color-mix(in srgb,var(--primary) 26%,var(--line));
    background:
        radial-gradient(circle at 8% 0%, color-mix(in srgb,var(--primary) 15%,transparent), transparent 36%),
        linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 88%,var(--primary) 8%));
    box-shadow:0 20px 48px color-mix(in srgb,#020617 12%,transparent);
}
.mobile-detail-hero-card h1{
    overflow-wrap:anywhere;
}
.mobile-detail-hero-card .mobile-shift-time{
    margin:4px 0;
    padding:13px 14px;
    border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line));
    border-radius:20px;
    background:color-mix(in srgb,var(--primary) 8%,var(--card2));
}
.mobile-detail-premium .mobile-info-card,
.mobile-split-card{
    border-radius:24px;
    border-color:color-mix(in srgb,var(--primary) 17%,var(--line));
    box-shadow:0 14px 34px color-mix(in srgb,#020617 8%,transparent);
}
.mobile-split-row{
    border-radius:16px;
    background:color-mix(in srgb,var(--primary) 7%,var(--card2));
}
.mobile-on-call-card .shift-card-head .eyebrow::after{
    content:"";
    display:inline-block;
    width:8px;
    height:8px;
    margin-left:7px;
    border-radius:999px;
    background:#f59e0b;
    box-shadow:0 0 0 5px color-mix(in srgb,#f59e0b 16%,transparent);
}
.mobile-intervention-history-card{
    background:
        linear-gradient(135deg,color-mix(in srgb,#f97316 14%,transparent),transparent 42%),
        linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 88%,#f97316 10%))!important;
}
.mobile-intervention-history-card .eyebrow{
    color:#c2410c;
}
html[data-theme="dark"] .mobile-team-badge{
    color:#ede9fe!important;
    background:rgba(91,33,182,.48)!important;
    border-color:rgba(196,181,253,.36)!important;
}
html[data-theme="dark"] .mobile-calendar-type-on-call{
    color:#fde68a!important;
    background:rgba(113,63,18,.58)!important;
}
html[data-theme="dark"] .mobile-intervention-history-card .eyebrow{
    color:#fed7aa;
}
@media(max-width:700px){
    .mobile-timeline::before{
        left:14px;
    }
    .mobile-timeline-day{
        padding-left:36px;
    }
    .mobile-timeline-day::before{
        left:6px;
    }
    .mobile-timeline-day-head{
        align-items:flex-start;
        flex-direction:column;
        gap:6px;
    }
    .mobile-calendar-shift-card .shift-info-pill{
        max-width:100%;
    }
    .mobile-calendar-month-grid{
        gap:5px;
    }
    .mobile-calendar-day{
        min-height:86px;
        padding:7px 5px;
    }
    .mobile-calendar-chip{
        font-size:10px;
        padding:3px 4px;
    }
    .mobile-detail-hero-card .mobile-shift-time{
        font-size:clamp(26px,9vw,34px);
    }
}

/* KronoSender App 2.0 - Apple Experience. */
.mobile-app-mode{
    background:
        radial-gradient(circle at 12% -8%, color-mix(in srgb,var(--primary) 18%,transparent), transparent 28%),
        radial-gradient(circle at 90% 8%, color-mix(in srgb,#10b981 10%,transparent), transparent 24%),
        linear-gradient(180deg,color-mix(in srgb,var(--bg) 94%,var(--primary) 3%),var(--bg));
}
.mobile-app-mode .mobile-app-shell-header{
    border-bottom-color:color-mix(in srgb,var(--primary) 18%,transparent);
    background:color-mix(in srgb,var(--bg2) 78%,transparent);
    box-shadow:0 18px 42px color-mix(in srgb,#020617 13%,transparent);
}
.mobile-app-mode .mobile-menu-button,
.mobile-app-mode .mobile-menu-close,
.mobile-app-mode .mobile-app-logo,
.mobile-app-mode .mobile-side-avatar{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 24px color-mix(in srgb,#020617 10%,transparent);
}
.mobile-side-avatar{
    width:52px;
    height:52px;
    flex:0 0 52px;
    display:grid;
    place-items:center;
    border:1px solid color-mix(in srgb,var(--primary) 28%,var(--line));
    border-radius:20px;
    color:#fff;
    background:linear-gradient(135deg,var(--primary),var(--primary2));
    font-size:18px;
    font-weight:1000;
}
.mobile-side-head{
    padding:8px;
    border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));
    border-radius:24px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 9%,var(--card)),color-mix(in srgb,var(--card2) 92%,transparent));
}
.mobile-side-group{
    display:block;
    margin:10px 4px 2px;
    color:var(--muted);
    font-size:11px;
    font-weight:1000;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.mobile-side-nav a{
    position:relative;
    overflow:hidden;
    min-height:60px;
    padding:12px;
}
.mobile-side-nav a::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,transparent),transparent 48%);
    opacity:0;
    pointer-events:none;
    transition:opacity .16s ease;
}
.mobile-side-nav a.active::after,
.mobile-side-nav a:active::after{
    opacity:1;
}
.mobile-side-nav a.active{
    color:var(--text);
    transform:translateX(2px);
}
.mobile-side-nav a span:not(.mobile-side-icon),
.mobile-side-action span:last-child{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.mobile-side-icon{
    font-size:19px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.mobile-side-menu{
    backdrop-filter:blur(20px);
}
.mobile-app-mode .mobile-app-hero,
.mobile-app-mode .mobile-hero{
    border-radius:28px;
    border-color:color-mix(in srgb,var(--primary) 18%,var(--line));
    background:
        radial-gradient(circle at 12% 0%, color-mix(in srgb,var(--primary) 12%,transparent), transparent 34%),
        linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 90%,var(--primary) 6%));
    box-shadow:0 18px 44px color-mix(in srgb,#020617 9%,transparent);
}
.mobile-app-hero-premium{
    border-radius:34px;
    box-shadow:0 26px 70px color-mix(in srgb,#020617 14%,transparent),inset 0 1px 0 rgba(255,255,255,.08);
}
.mobile-hero-status{
    border-radius:24px;
    backdrop-filter:blur(14px);
}
.mobile-hero-status small{
    color:var(--muted);
    font-size:12px;
    font-weight:900;
}
.mobile-home-signal-row a,
.mobile-quick-card,
.mobile-shift-card,
.mobile-message-card,
.mobile-notification-card,
.mobile-request-card,
.mobile-profile-card,
.mobile-info-card,
.mobile-calendar-day{
    animation:mobileCardIn .32s ease both;
}
.mobile-home-signal-row a:active,
.mobile-quick-card:active,
.mobile-shift-card:active,
.mobile-message-card:active,
.mobile-notification-card:active,
.mobile-request-card:active,
.mobile-side-nav a:active,
.mobile-profile-quick-links a:active{
    transform:scale(.985);
}
.mobile-quick-grid-premium{
    gap:14px;
}
.mobile-quick-grid-premium .mobile-quick-card{
    min-height:116px;
    border-radius:26px;
    box-shadow:0 18px 40px color-mix(in srgb,#020617 10%,transparent);
}
.mobile-quick-grid-premium .mobile-quick-card i{
    width:48px;
    height:48px;
    border-radius:18px;
}
.mobile-shift-card-premium.is-soon{
    border-left-color:#2563eb!important;
    border-color:color-mix(in srgb,#2563eb 46%,var(--line))!important;
    background:
        linear-gradient(135deg,color-mix(in srgb,#2563eb 12%,transparent),transparent 42%),
        linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 86%,#2563eb 9%))!important;
}
.mobile-shift-card-premium.is-ongoing{
    border-left-color:#10b981!important;
    border-color:color-mix(in srgb,#10b981 50%,var(--line))!important;
    background:
        linear-gradient(135deg,color-mix(in srgb,#10b981 15%,transparent),transparent 42%),
        linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 84%,#10b981 11%))!important;
}
.mobile-shift-card-premium.is-upcoming{
    border-left-color:var(--primary)!important;
}
.mobile-on-call-card{
    box-shadow:0 18px 42px color-mix(in srgb,#f59e0b 14%,transparent)!important;
}
.mobile-intervention-history-card{
    box-shadow:0 18px 42px color-mix(in srgb,#f97316 14%,transparent)!important;
}
.mobile-free-day-card{
    display:grid;
    gap:6px;
    padding:22px;
    border:1px dashed color-mix(in srgb,var(--primary) 28%,var(--line));
    border-radius:26px;
    background:color-mix(in srgb,var(--primary) 7%,var(--card));
}
.mobile-free-day-card strong{
    font-size:22px;
}
.mobile-free-day-card span{
    color:var(--muted);
    font-weight:900;
}
.mobile-profile-card:first-child{
    border-radius:34px;
}
.mobile-profile-avatar{
    border-radius:30px;
    box-shadow:0 18px 42px color-mix(in srgb,var(--primary) 18%,transparent);
}
.mobile-profile-quick-links{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.mobile-profile-quick-links a{
    min-width:0;
    min-height:62px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px;
    border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));
    border-radius:18px;
    background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 90%,var(--primary) 6%));
    color:var(--text);
    font-weight:950;
    text-decoration:none;
}
.mobile-profile-quick-links span{
    display:grid;
    place-items:center;
    width:36px;
    height:36px;
    flex:0 0 36px;
    border-radius:14px;
    background:color-mix(in srgb,var(--primary) 12%,var(--card2));
    font-size:18px;
}
@keyframes mobileCardIn{
    from{opacity:0;transform:translateY(8px)}
    to{opacity:1;transform:translateY(0)}
}
@media (prefers-reduced-motion:reduce){
    .mobile-home-signal-row a,
    .mobile-quick-card,
    .mobile-shift-card,
    .mobile-message-card,
    .mobile-notification-card,
    .mobile-request-card,
    .mobile-profile-card,
    .mobile-info-card,
    .mobile-calendar-day{
        animation:none;
    }
}
html[data-theme="dark"] .mobile-side-head,
html[data-theme="dark"] .mobile-profile-quick-links a{
    background:linear-gradient(180deg,color-mix(in srgb,var(--card) 88%,#020617 12%),var(--card2));
}
.mobile-app-mode .mobile-side-menu{
    max-height:100dvh;
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    padding-bottom:calc(20px + env(safe-area-inset-bottom));
}
.mobile-app-mode .mobile-side-head{
    position:sticky;
    top:0;
    z-index:2;
}
.mobile-app-mode .mobile-side-preferences{
    margin-top:8px;
}
.mobile-app-mode .mobile-side-logout,
.mobile-app-mode .mobile-side-powered{
    flex:0 0 auto;
}
.mobile-app-brand{
    cursor:pointer;
}
.operational-attendance-settings-form .checkbox-modern span{
    display:flex;
    flex-direction:column;
    gap:3px;
}
.operational-attendance-settings-form .checkbox-modern small{
    color:var(--muted);
    font-size:12px;
    line-height:1.35;
}
.operational-settings-premium{
    display:grid;
    gap:18px;
}
.operational-settings-block{
    display:grid;
    gap:14px;
    padding:18px;
    border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line));
    border-radius:20px;
    background:linear-gradient(145deg,color-mix(in srgb,var(--card) 96%,var(--primary) 4%),var(--card2));
    box-shadow:0 18px 42px color-mix(in srgb,#020617 8%,transparent);
}
.operational-settings-block-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    padding-bottom:2px;
}
.operational-settings-block-head h3{
    margin:3px 0 0;
    color:var(--text);
    font-size:19px;
    line-height:1.2;
}
.operational-settings-block-head p{
    margin:6px 0 0;
    max-width:760px;
    color:var(--muted);
    font-size:13px;
    font-weight:750;
    line-height:1.45;
}
.operational-settings-feature-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.operational-settings-feature-grid .checkbox-modern{
    min-height:76px;
    margin:0;
    padding:13px 14px;
    border:1px solid var(--line);
    border-radius:16px;
    background:color-mix(in srgb,var(--card) 88%,var(--primary) 3%);
    box-shadow:none;
    transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.operational-settings-feature-grid .checkbox-modern:hover{
    transform:translateY(-1px);
    border-color:color-mix(in srgb,var(--primary) 26%,var(--line));
    box-shadow:0 14px 28px color-mix(in srgb,#020617 7%,transparent);
}
.operational-settings-feature-grid .checkbox-modern input[type="checkbox"]{
    width:20px;
    height:20px;
    accent-color:var(--primary);
}
.operational-settings-feature-grid .checkbox-modern span{
    color:var(--text);
    font-weight:950;
}
.operational-control-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.operational-control-grid label,
.operational-settings-premium .krono-link-field{
    display:grid;
    gap:7px;
    min-width:0;
    margin:0;
    padding:13px;
    border:1px solid var(--line);
    border-radius:16px;
    background:color-mix(in srgb,var(--card) 90%,var(--primary) 3%);
}
.operational-control-grid label > span,
.operational-settings-premium .krono-link-field > span{
    color:var(--text);
    font-size:13px;
    font-weight:950;
}
.operational-control-grid small{
    color:var(--muted);
    font-size:12px;
    font-weight:750;
    line-height:1.35;
}
.operational-settings-premium select,
.operational-settings-premium input[type="number"],
.operational-settings-premium input[type="text"]{
    min-height:44px;
    width:100%;
    border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line));
    border-radius:13px;
    background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,#fff 4%),var(--card2));
    color:var(--text);
    font-size:14px;
    font-weight:850;
    outline:none;
    transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.operational-settings-premium select{
    padding:0 40px 0 12px;
    appearance:none;
    background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%),linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,#fff 4%),var(--card2));
    background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%,0 0;
    background-size:6px 6px,6px 6px,100% 100%;
    background-repeat:no-repeat;
}
.operational-settings-premium input[type="number"],
.operational-settings-premium input[type="text"]{
    padding:0 12px;
}
.operational-settings-premium select:focus,
.operational-settings-premium input:focus{
    border-color:color-mix(in srgb,var(--primary) 60%,var(--line));
    box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 13%,transparent);
}
.operational-settings-summary-panel{
    margin:0;
}
.operational-settings-actions{
    justify-content:flex-end;
    margin-top:0;
    padding:4px 0 0;
}
.operational-settings-actions .btn{
    min-width:150px;
}
.operational-settings-panel{
    display:grid;
    gap:6px;
    margin:12px 0;
    padding:14px;
    border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));
    border-radius:16px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--card) 94%,var(--primary) 6%),var(--card2));
}
.operational-settings-panel strong{
    color:var(--text);
    font-size:14px;
    font-weight:950;
}
.operational-settings-panel p{
    margin:0;
    color:var(--muted);
    font-size:13px;
    font-weight:750;
    line-height:1.5;
}
.shift-reminder-cron-panel{
    gap:12px;
    margin:0;
}
.shift-reminder-cron-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}
.shift-reminder-cron-head .badge{
    white-space:nowrap;
}
.shift-reminder-cron-panel .krono-link-field{
    margin:0;
}
@media (max-width:760px){
    .operational-settings-feature-grid,
    .operational-control-grid{
        grid-template-columns:1fr;
    }
    .operational-settings-block{
        padding:14px;
        border-radius:18px;
    }
}
.mobile-section-heading-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:0 0 12px;
}
.mobile-section-heading-row h2{
    margin:0;
}
.mobile-section-heading-row span{
    border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));
    border-radius:999px;
    color:var(--muted);
    font-size:11px;
    font-weight:800;
    padding:5px 9px;
    white-space:nowrap;
}
.mobile-operational-attendance-placeholders{
    margin:18px 0 0;
}
.mobile-operational-attendance-grid{
    display:grid;
    gap:12px;
}
.mobile-operational-placeholder,
.mobile-operational-detail-card{
    border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));
    border-radius:20px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--card) 94%,var(--primary) 6%),var(--card));
    box-shadow:0 16px 34px rgba(15,23,42,.10);
}
.mobile-operational-placeholder{
    display:flex;
    gap:12px;
    align-items:flex-start;
    padding:14px;
    opacity:.88;
}
.mobile-operational-placeholder i{
    display:grid;
    place-items:center;
    flex:0 0 42px;
    width:42px;
    height:42px;
    border-radius:15px;
    background:color-mix(in srgb,var(--primary) 12%,var(--card));
    font-style:normal;
    font-size:20px;
}
.mobile-operational-placeholder strong,
.mobile-operational-detail-row strong{
    display:block;
    color:var(--text);
    font-size:15px;
}
.mobile-operational-placeholder p,
.mobile-operational-detail-row p{
    margin:4px 0 8px;
    color:var(--muted);
    font-size:13px;
    line-height:1.4;
}
.mobile-operational-placeholder span{
    display:inline-flex;
    border-radius:999px;
    background:color-mix(in srgb,var(--muted) 12%,transparent);
    color:var(--muted);
    font-size:11px;
    font-weight:800;
    padding:5px 8px;
}
.mobile-operational-placeholder-gps{
    border-left:4px solid #2563eb;
}
.mobile-operational-placeholder-confirm{
    border-left:4px solid #16a34a;
}
.mobile-operational-placeholder-issue{
    border-left:4px solid #f59e0b;
}
.mobile-operational-detail-card{
    display:grid;
    gap:12px;
}
.mobile-operational-detail-row{
    border-radius:14px;
    border:1px solid var(--line);
    padding:12px;
    background:color-mix(in srgb,var(--card) 88%,var(--primary) 5%);
}
.mobile-operational-live-card{
    display:grid;
    gap:14px;
    padding:16px;
    border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));
    border-radius:22px;
    background:
        linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,transparent),transparent 50%),
        var(--card);
    box-shadow:0 18px 38px rgba(15,23,42,.12);
}
.mobile-operational-live-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}
.mobile-operational-live-head strong,
.mobile-operational-live-flow b{
    display:block;
    color:var(--text);
    font-size:16px;
}
.mobile-operational-live-head small,
.mobile-operational-live-flow span{
    display:block;
    margin-top:3px;
    color:var(--muted);
    font-weight:800;
}
.mobile-operational-live-head > span,
.mobile-operational-live-flow > strong{
    flex:0 0 auto;
    border-radius:999px;
    background:color-mix(in srgb,#f59e0b 14%,var(--card));
    color:color-mix(in srgb,#b45309 85%,var(--text));
    font-size:11px;
    font-weight:900;
    padding:6px 9px;
    white-space:nowrap;
}
.mobile-operational-state{
    flex:0 0 auto;
    border-radius:999px;
    border:1px solid var(--line);
    background:var(--card2);
    color:var(--text);
    font-size:11px;
    font-weight:950;
    line-height:1;
    padding:8px 10px;
    white-space:nowrap;
}
.mobile-operational-state.is-not_started{
    background:color-mix(in srgb,#64748b 14%,var(--card));
    color:color-mix(in srgb,#475569 85%,var(--text));
}
.mobile-operational-state.is-in_progress{
    background:color-mix(in srgb,#2563eb 14%,var(--card));
    color:color-mix(in srgb,#1d4ed8 85%,var(--text));
}
.mobile-operational-state.is-completed{
    background:color-mix(in srgb,#16a34a 14%,var(--card));
    color:color-mix(in srgb,#15803d 85%,var(--text));
}
.mobile-operational-live-flow{
    display:grid;
    gap:8px;
}
.mobile-operational-live-summary{
    display:grid;
    gap:4px;
    padding:12px;
    border:1px dashed var(--line);
    border-radius:16px;
    background:color-mix(in srgb,var(--card2) 78%,transparent);
}
.mobile-operational-live-summary b{
    color:var(--text);
}
.mobile-operational-live-summary span{
    color:var(--muted);
    font-size:13px;
    font-weight:800;
}
.mobile-operational-live-flow em{
    color:var(--muted);
    font-style:normal;
    font-weight:900;
    padding-left:6px;
}
.mobile-operational-live-flow.is-complete{
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
}
.mobile-operational-wizard{
    display:grid;
    gap:12px;
}
.mobile-operational-wizard-card{
    border-color:color-mix(in srgb,#2563eb 28%,var(--line));
}
.mobile-operational-wizard-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}
.mobile-operational-wizard-head h3{
    margin:3px 0 0;
    color:var(--text);
    font-size:19px;
    line-height:1.15;
}
.mobile-operational-wizard-status{
    flex:0 0 auto;
    border-radius:999px;
    border:1px solid var(--line);
    padding:6px 9px;
    font-size:11px;
    font-weight:950;
    white-space:nowrap;
}
.mobile-operational-wizard-status.is-ready{
    background:color-mix(in srgb,#16a34a 14%,var(--card));
    color:color-mix(in srgb,#15803d 88%,var(--text));
}
.mobile-operational-wizard-status.is-missing{
    background:color-mix(in srgb,#f59e0b 14%,var(--card));
    color:color-mix(in srgb,#b45309 88%,var(--text));
}
.mobile-operational-wizard-method{
    display:grid;
    gap:3px;
    padding:11px 12px;
    border-radius:15px;
    background:color-mix(in srgb,var(--card2) 82%,transparent);
}
.mobile-operational-wizard-method b{
    color:var(--text);
}
.mobile-operational-wizard-method span{
    color:var(--muted);
    font-size:13px;
    font-weight:850;
}
.mobile-operational-wizard-checklist{
    display:grid;
    gap:9px;
}
.mobile-operational-wizard-check{
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    gap:10px;
    align-items:center;
    padding:10px;
    border:1px solid var(--line);
    border-radius:15px;
    background:var(--card2);
}
.mobile-operational-wizard-check i{
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border-radius:13px;
    background:color-mix(in srgb,var(--muted) 12%,transparent);
    color:var(--muted);
    font-style:normal;
    font-weight:950;
}
.mobile-operational-wizard-check strong{
    display:block;
    color:var(--text);
    font-size:14px;
}
.mobile-operational-wizard-check span{
    display:block;
    margin-top:2px;
    color:var(--muted);
    font-size:12px;
    font-weight:800;
}
.mobile-operational-wizard-check.is-done{
    border-color:color-mix(in srgb,#16a34a 34%,var(--line));
    background:color-mix(in srgb,#16a34a 8%,var(--card));
}
.mobile-operational-wizard-check.is-done i{
    background:color-mix(in srgb,#16a34a 18%,var(--card));
    color:#16a34a;
}
.mobile-operational-wizard-check.is-blocked{
    border-color:color-mix(in srgb,#64748b 34%,var(--line));
    opacity:.86;
}
.mobile-operational-wizard-check.is-future i{
    background:color-mix(in srgb,#64748b 14%,var(--card));
    color:var(--muted);
}
.mobile-operational-diary-card{
    gap:14px;
}
.mobile-operational-diary-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}
.mobile-operational-diary-head h2{
    margin:4px 0 0;
}
.mobile-operational-timeline{
    display:grid;
    gap:0;
}
.mobile-operational-timeline-item{
    position:relative;
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:10px;
    padding:0 0 18px;
}
.mobile-operational-timeline-item:last-child{
    padding-bottom:0;
}
.mobile-operational-timeline-item::before{
    content:"";
    position:absolute;
    left:18px;
    top:38px;
    bottom:0;
    width:2px;
    background:var(--line);
}
.mobile-operational-timeline-item:last-child::before{
    display:none;
}
.mobile-operational-timeline-item i{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border-radius:15px;
    background:color-mix(in srgb,var(--muted) 12%,var(--card));
    color:var(--muted);
    font-style:normal;
}
.mobile-operational-timeline-item.is-done i{
    background:color-mix(in srgb,#16a34a 14%,var(--card));
    color:#16a34a;
}
.mobile-operational-timeline-item strong{
    display:block;
    color:var(--text);
    font-size:15px;
}
.mobile-operational-timeline-item span{
    display:block;
    margin-top:3px;
    color:var(--muted);
    font-size:13px;
    line-height:1.35;
}
.mobile-operational-timeline-item small{
    display:inline-flex;
    width:max-content;
    max-width:100%;
    margin-top:7px;
    padding:5px 8px;
    border-radius:999px;
    background:var(--card2);
    color:var(--muted);
    font-size:11px;
    font-weight:900;
    line-height:1;
}
.mobile-operational-reason{
    display:grid;
    gap:6px;
    color:var(--muted);
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.mobile-operational-reason input{
    width:100%;
    min-height:44px;
    padding:0 12px;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--card2);
    color:var(--text);
    font:inherit;
    font-size:14px;
    font-weight:800;
    text-transform:none;
    letter-spacing:0;
}
.mobile-operational-qr-panel{
    display:grid;
    gap:10px;
    padding:12px;
    border:1px solid color-mix(in srgb,#2563eb 22%,var(--line));
    border-radius:16px;
    background:color-mix(in srgb,#2563eb 8%,var(--card));
}
.mobile-operational-nfc-panel{
    display:grid;
    gap:10px;
    padding:12px;
    border:1px solid color-mix(in srgb,#7c3aed 22%,var(--line));
    border-radius:16px;
    background:color-mix(in srgb,#7c3aed 8%,var(--card));
}
.mobile-operational-qr-panel b{
    display:block;
    color:var(--text);
}
.mobile-operational-qr-panel span,
.mobile-operational-qr-panel small,
.mobile-operational-nfc-panel small{
    color:var(--muted);
    font-size:12px;
    font-weight:800;
}
.mobile-operational-qr-video{
    width:100%;
    max-height:220px;
    border-radius:14px;
    border:1px solid var(--line);
    background:#020617;
    object-fit:cover;
}
.mobile-shift-confirm-card{
    display:grid;
    gap:12px;
    border:1px solid color-mix(in srgb,#16a34a 24%,var(--line));
    background:
        linear-gradient(135deg,color-mix(in srgb,#16a34a 10%,transparent),transparent 56%),
        var(--card);
}
.mobile-shift-confirm-card.is-confirmed{
    background:
        linear-gradient(135deg,color-mix(in srgb,#16a34a 15%,transparent),transparent 58%),
        var(--card);
}
.mobile-shift-confirm-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}
.mobile-shift-confirm-head h2{
    margin:4px 0 0;
    font-size:20px;
    line-height:1.15;
}
.mobile-shift-confirm-head i{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:16px;
    background:color-mix(in srgb,#16a34a 16%,var(--card));
    color:#16a34a;
    font-style:normal;
    font-weight:950;
}
.mobile-shift-confirm-card p{
    margin:0;
    color:var(--muted);
    font-weight:800;
    line-height:1.4;
}
.mobile-shift-confirm-card p strong{
    color:var(--text);
}
.mobile-shift-issue-card{
    display:grid;
    gap:12px;
    border:1px solid color-mix(in srgb,#f59e0b 30%,var(--line));
    background:
        linear-gradient(135deg,color-mix(in srgb,#f59e0b 12%,transparent),transparent 58%),
        var(--card);
}
.mobile-shift-issue-card.is-pending{
    background:
        linear-gradient(135deg,color-mix(in srgb,#f59e0b 18%,transparent),transparent 58%),
        var(--card);
}
.mobile-shift-issue-card.is-approved{
    border-color:color-mix(in srgb,#16a34a 34%,var(--line));
    background:
        linear-gradient(135deg,color-mix(in srgb,#16a34a 14%,transparent),transparent 58%),
        var(--card);
}
.mobile-shift-issue-card.is-rejected{
    border-color:color-mix(in srgb,#ef4444 34%,var(--line));
    background:
        linear-gradient(135deg,color-mix(in srgb,#ef4444 12%,transparent),transparent 58%),
        var(--card);
}
.mobile-shift-issue-card .mobile-shift-confirm-head i{
    background:color-mix(in srgb,#f59e0b 18%,var(--card));
    color:#b45309;
}
.mobile-shift-issue-card.is-approved .mobile-shift-confirm-head i{
    background:color-mix(in srgb,#16a34a 18%,var(--card));
    color:#15803d;
}
.mobile-shift-issue-card.is-rejected .mobile-shift-confirm-head i{
    background:color-mix(in srgb,#ef4444 18%,var(--card));
    color:#b91c1c;
}
.mobile-shift-issue-card p{
    margin:0;
    color:var(--muted);
    font-weight:800;
    line-height:1.4;
}
.mobile-shift-issue-card p strong{
    color:var(--text);
}
.mobile-shift-issue-form{
    display:grid;
    gap:12px;
}
.mobile-shift-issue-form label{
    display:grid;
    gap:6px;
    color:var(--muted);
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.mobile-shift-issue-form input,
.mobile-shift-issue-form select,
.mobile-shift-issue-form textarea{
    width:100%;
    min-height:44px;
    padding:0 12px;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--card2);
    color:var(--text);
    font:inherit;
    font-size:14px;
    font-weight:800;
    text-transform:none;
    letter-spacing:0;
}
.mobile-shift-issue-form textarea{
    min-height:96px;
    padding:12px;
    resize:vertical;
    line-height:1.4;
}
.mobile-shift-issue-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.operational-event-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:6px 10px;
    border:1px solid var(--line);
    border-radius:999px;
    background:var(--card2);
    color:var(--text);
    font-size:12px;
    font-weight:950;
    white-space:nowrap;
}
.operational-event-badge.is-start{
    background:color-mix(in srgb,#16a34a 13%,var(--card));
    color:color-mix(in srgb,#15803d 86%,var(--text));
}
.operational-event-badge.is-end{
    background:color-mix(in srgb,#2563eb 13%,var(--card));
    color:color-mix(in srgb,#1d4ed8 86%,var(--text));
}
.operational-event-badge.is-break-start,
.operational-event-badge.is-break-end{
    background:color-mix(in srgb,#f59e0b 15%,var(--card));
    color:color-mix(in srgb,#b45309 86%,var(--text));
}
.operational-event-badge.is-issue{
    background:color-mix(in srgb,#f59e0b 18%,var(--card));
    color:color-mix(in srgb,#b45309 86%,var(--text));
}
.operational-issue-status.is-pending{
    background:color-mix(in srgb,#f59e0b 18%,var(--card));
    color:color-mix(in srgb,#b45309 90%,var(--text));
}
.operational-issue-status.is-approved{
    background:color-mix(in srgb,#16a34a 16%,var(--card));
    color:color-mix(in srgb,#15803d 90%,var(--text));
}
.operational-issue-status.is-rejected{
    background:color-mix(in srgb,#ef4444 15%,var(--card));
    color:color-mix(in srgb,#b91c1c 90%,var(--text));
}
.operational-location-status.is-verified{
    background:color-mix(in srgb,#16a34a 16%,var(--card));
    color:color-mix(in srgb,#15803d 90%,var(--text));
}
.operational-location-status.is-warning{
    background:color-mix(in srgb,#f59e0b 18%,var(--card));
    color:color-mix(in srgb,#b45309 90%,var(--text));
}
.operational-location-status.is-blocked{
    background:color-mix(in srgb,#ef4444 15%,var(--card));
    color:color-mix(in srgb,#b91c1c 90%,var(--text));
}
.operational-location-status.is-no_coordinates,
.operational-location-status.is-gps_unavailable,
.operational-location-status.is-not_checked{
    background:var(--card2);
    color:var(--muted);
}
.operational-admin-overview{
    display:grid;
    gap:14px;
    margin:0 0 18px;
}
.operational-attendance-hero{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
}
.operational-attendance-hero-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
}
.operational-attendance-admin-card{
    padding:18px;
    border-radius:18px;
    border-color:color-mix(in srgb,var(--primary) 14%,var(--line));
}
.operational-attendance-admin-card .tabs.compact-tabs{
    margin:0 0 16px;
    padding:6px;
    border:1px solid var(--line);
    border-radius:14px;
    background:color-mix(in srgb,var(--card2) 86%,transparent);
}
.operational-attendance-admin-card .table-responsive{
    margin-top:14px;
    border:1px solid var(--line);
    border-radius:16px;
    background:var(--card);
}
.operational-attendance-admin-card .data-table th{
    color:var(--muted);
    font-size:11px;
    font-weight:950;
    text-transform:uppercase;
}
.operational-attendance-admin-card .data-table td{
    vertical-align:top;
}
.operational-kpi-grid{
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:10px;
}
.operational-kpi-card{
    display:grid;
    gap:7px;
    min-height:112px;
    padding:16px;
    border:1px solid var(--line);
    border-radius:18px;
    background:var(--card);
    box-shadow:0 16px 38px color-mix(in srgb,#020617 9%,transparent);
}
.operational-kpi-card span{
    color:var(--muted);
    font-size:12px;
    font-weight:900;
    line-height:1.25;
}
.operational-kpi-card strong{
    color:var(--text);
    font-size:30px;
    font-weight:950;
    line-height:1;
}
.operational-kpi-card small{
    color:var(--muted);
    font-size:11px;
    font-weight:800;
}
.operational-kpi-card.is-ok{
    border-color:color-mix(in srgb,#16a34a 28%,var(--line));
}
.operational-kpi-card.is-warning{
    border-color:color-mix(in srgb,#f59e0b 36%,var(--line));
}
.operational-kpi-card.is-danger{
    border-color:color-mix(in srgb,#ef4444 34%,var(--line));
}
.operational-kpi-card.is-info{
    border-color:color-mix(in srgb,var(--primary) 28%,var(--line));
}
.operational-watch-card{
    display:grid;
    gap:14px;
}
.operational-watch-head,
.operational-filter-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}
.operational-watch-head h2,
.operational-filter-head h2{
    margin:3px 0 0;
    color:var(--text);
    font-size:19px;
    line-height:1.2;
}
.operational-watch-list{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
}
.operational-watch-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:52px;
    padding:11px 12px;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--card2);
}
.operational-watch-row span{
    color:var(--muted);
    font-size:12px;
    font-weight:900;
    line-height:1.25;
}
.operational-watch-row strong{
    color:var(--text);
    font-size:20px;
    font-weight:950;
}
.operational-watch-row.is-warning{
    border-color:color-mix(in srgb,#f59e0b 35%,var(--line));
    background:color-mix(in srgb,#f59e0b 7%,var(--card2));
}
.operational-watch-row.is-danger{
    border-color:color-mix(in srgb,#ef4444 32%,var(--line));
    background:color-mix(in srgb,#ef4444 6%,var(--card2));
}
.operational-filter-head{
    margin:16px 0 10px;
    padding-top:14px;
    border-top:1px solid var(--line);
}
.operational-filter-head + .filters-bar{
    padding:14px;
    border:1px solid var(--line);
    border-radius:16px;
    background:color-mix(in srgb,var(--card2) 72%,transparent);
}
.operational-export-btn{
    white-space:nowrap;
    border-color:color-mix(in srgb,var(--primary) 24%,var(--line));
    background:color-mix(in srgb,var(--primary) 7%,var(--card2));
}
.operational-review-actions{
    display:grid;
    gap:8px;
    min-width:210px;
}
.operational-review-actions form{
    display:grid;
    grid-template-columns:minmax(130px,1fr) auto;
    gap:6px;
    align-items:center;
}
.operational-review-actions input{
    min-height:34px;
    padding:0 10px;
    border:1px solid var(--line);
    border-radius:10px;
    background:var(--card2);
    color:var(--text);
    font-size:12px;
    font-weight:800;
}
.btn.btn-success{
    background:#16a34a;
    border-color:#16a34a;
    color:#fff;
}
.btn.btn-danger{
    background:#dc2626;
    border-color:#dc2626;
    color:#fff;
}
.btn.btn-sm{
    min-height:34px;
    padding:7px 10px;
    border-radius:10px;
    font-size:12px;
}
.operational-admin-date,
.operational-admin-shift{
    display:grid;
    gap:3px;
    min-width:0;
}
.operational-admin-date strong,
.operational-admin-shift strong,
.operational-admin-shift a,
.operational-admin-link{
    color:var(--text);
    font-weight:950;
    text-decoration:none;
}
.operational-admin-date span,
.operational-admin-shift span{
    color:var(--muted);
    font-size:12px;
    font-weight:850;
}
.operational-admin-link:hover,
.operational-admin-shift a:hover{
    color:var(--primary);
}
.operational-live-layout{
    display:grid;
    grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);
    gap:14px;
}
.operational-live-map-card,
.operational-live-side-card,
.operational-live-timeline-card,
.operational-live-nocoords{
    display:grid;
    gap:14px;
}
.operational-live-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}
.operational-live-head h2{
    margin:3px 0 0;
    color:var(--text);
    font-size:20px;
    line-height:1.2;
}
.operational-live-head > span{
    border-radius:999px;
    border:1px solid var(--line);
    padding:6px 9px;
    color:var(--muted);
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
}
.operational-live-map{
    position:relative;
    min-height:420px;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));
    border-radius:22px;
    background:
        radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--primary) 14%,transparent),transparent 28%),
        radial-gradient(circle at 80% 30%,color-mix(in srgb,#16a34a 10%,transparent),transparent 28%),
        linear-gradient(135deg,color-mix(in srgb,var(--card2) 85%,var(--primary) 5%),var(--card));
}
.operational-live-grid{
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(color-mix(in srgb,var(--line) 45%,transparent) 1px,transparent 1px),
        linear-gradient(90deg,color-mix(in srgb,var(--line) 45%,transparent) 1px,transparent 1px);
    background-size:56px 56px;
    opacity:.45;
}
.operational-live-marker{
    position:absolute;
    z-index:2;
    width:22px;
    height:22px;
    border:0;
    border-radius:999px;
    transform:translate(-50%,-50%);
    background:transparent;
    cursor:pointer;
}
.operational-live-dot{
    position:absolute;
    inset:0;
    border-radius:999px;
    border:3px solid #fff;
    box-shadow:0 10px 24px rgba(15,23,42,.28);
}
.operational-live-marker.is-ok .operational-live-dot,
.operational-live-legend i.is-ok{
    background:#16a34a;
}
.operational-live-marker.is-warning .operational-live-dot,
.operational-live-legend i.is-warning{
    background:#f59e0b;
}
.operational-live-marker.is-danger .operational-live-dot,
.operational-live-legend i.is-danger{
    background:#ef4444;
}
.operational-live-marker.is-neutral .operational-live-dot,
.operational-live-legend i.is-neutral{
    background:#64748b;
}
.operational-live-popup{
    position:absolute;
    left:50%;
    bottom:30px;
    display:none;
    width:280px;
    max-width:72vw;
    transform:translateX(-50%);
    padding:12px;
    border:1px solid var(--line);
    border-radius:16px;
    background:var(--card);
    box-shadow:0 22px 52px rgba(15,23,42,.24);
    text-align:left;
}
.operational-live-marker:hover .operational-live-popup,
.operational-live-marker:focus .operational-live-popup{
    display:grid;
    gap:4px;
}
.operational-live-popup strong{
    color:var(--text);
    font-size:14px;
}
.operational-live-popup em,
.operational-live-popup small{
    color:var(--muted);
    font-style:normal;
    font-size:12px;
    font-weight:800;
}
.operational-live-empty{
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    color:var(--muted);
    font-weight:900;
}
.operational-live-legend{
    display:flex;
    flex-wrap:wrap;
    gap:8px 12px;
}
.operational-live-legend span{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:var(--muted);
    font-size:12px;
    font-weight:900;
}
.operational-live-legend i{
    width:10px;
    height:10px;
    border-radius:999px;
}
.operational-live-list{
    display:grid;
    gap:9px;
}
.operational-live-row{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    padding:11px 12px;
    border:1px solid var(--line);
    border-left-width:4px;
    border-radius:15px;
    background:var(--card2);
}
.operational-live-row.is-ok,
.operational-live-timeline-row.is-ok{
    border-left-color:#16a34a;
}
.operational-live-row.is-warning,
.operational-live-timeline-row.is-warning{
    border-left-color:#f59e0b;
}
.operational-live-row.is-danger,
.operational-live-timeline-row.is-danger{
    border-left-color:#ef4444;
}
.operational-live-row.is-neutral,
.operational-live-timeline-row.is-neutral{
    border-left-color:#64748b;
}
.operational-live-row strong,
.operational-live-row a{
    color:var(--text);
    font-weight:950;
    text-decoration:none;
}
.operational-live-row span,
.operational-live-row small{
    display:block;
    color:var(--muted);
    font-size:12px;
    font-weight:850;
}
.operational-live-nocoords,
.operational-live-timeline-card{
    margin-top:14px;
}
.operational-live-timeline{
    display:grid;
    gap:8px;
}
.operational-live-timeline-row{
    display:grid;
    grid-template-columns:70px minmax(0,1fr);
    gap:12px;
    padding:10px 12px;
    border:1px solid var(--line);
    border-left-width:4px;
    border-radius:14px;
    background:var(--card2);
}
.operational-live-timeline-row time{
    color:var(--text);
    font-weight:950;
}
.operational-live-timeline-row strong{
    color:var(--text);
}
.operational-live-timeline-row span{
    display:block;
    color:var(--muted);
    font-size:12px;
    font-weight:850;
}
html[data-theme="dark"] .operational-live-popup{
    box-shadow:0 22px 52px rgba(0,0,0,.42);
}
button.is-loading{
    opacity:.72;
    cursor:wait;
}
html[data-theme="dark"] .mobile-operational-placeholder,
html[data-theme="dark"] .mobile-operational-detail-card{
    box-shadow:0 18px 38px rgba(0,0,0,.28);
}
html[data-theme="dark"] .mobile-operational-live-card{
    box-shadow:0 18px 38px rgba(0,0,0,.32);
}
@media(max-width:1200px){
    .operational-kpi-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .operational-watch-list{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .operational-live-layout{
        grid-template-columns:1fr;
    }
}
@media(max-width:700px){
    .mobile-side-head{
        border-radius:22px;
    }
    .mobile-quick-grid-premium .mobile-quick-card{
        min-height:108px;
    }
    .mobile-profile-quick-links{
        grid-template-columns:1fr;
    }
    .mobile-shift-issue-grid{
        grid-template-columns:1fr;
    }
    .operational-review-actions form{
        grid-template-columns:1fr;
    }
    .operational-kpi-grid,
    .operational-watch-list{
        grid-template-columns:1fr;
    }
    .operational-filter-head{
        flex-direction:column;
        align-items:stretch;
    }
    .operational-export-btn{
        width:100%;
        justify-content:center;
    }
    .operational-kpi-card{
        min-height:94px;
    }
    .operational-live-map{
        min-height:340px;
    }
    .operational-live-row{
        display:grid;
    }
    .operational-live-timeline-row{
        grid-template-columns:54px minmax(0,1fr);
    }
}
.resource-profile-hero{
    display:flex;
    align-items:stretch;
    justify-content:space-between;
    gap:20px;
    padding:22px;
    border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));
    border-radius:28px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,var(--card)),color-mix(in srgb,#10b981 7%,var(--card2)) 58%,var(--card));
    box-shadow:0 24px 64px color-mix(in srgb,#020617 14%,transparent),inset 0 1px 0 rgba(255,255,255,.06);
}
.resource-profile-identity{
    display:grid;
    grid-template-columns:148px minmax(0,1fr);
    gap:20px;
    align-items:center;
    min-width:0;
}
.resource-profile-avatar{
    position:relative;
    width:148px;
    height:148px;
    border:1px solid color-mix(in srgb,var(--primary) 28%,var(--line));
    border-radius:30px;
    background:linear-gradient(135deg,#0891b2,#10b981);
    color:#fff;
    display:grid;
    place-items:center;
    overflow:visible;
    box-shadow:0 18px 42px color-mix(in srgb,#020617 20%,transparent);
}
.resource-profile-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:inherit;
}
.resource-profile-avatar>span:not(.anniversary-medal):not(.anniversary-medal-number):not(.anniversary-medal-suffix):not(.anniversary-medal-label):not(.anniversary-medal-ribbon){
    font-size:42px;
    font-weight:950;
}
.resource-profile-avatar .anniversary-medal{
    width:56px;
    height:56px;
    top:-12px;
    right:-12px;
}
.resource-profile-title{
    min-width:0;
}
.resource-profile-title h1{
    margin:7px 0 10px;
    font-size:40px;
    line-height:1.04;
}
.resource-profile-role,
.resource-profile-contacts,
.resource-profile-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}
.resource-profile-contacts{
    margin-top:12px;
}
.resource-profile-contacts a,
.resource-profile-contacts span{
    display:inline-flex;
    min-height:32px;
    align-items:center;
    padding:6px 10px;
    border:1px solid color-mix(in srgb,var(--line) 78%,transparent);
    border-radius:999px;
    background:color-mix(in srgb,var(--card) 72%,transparent);
    color:var(--text);
    text-decoration:none;
    font-size:12px;
    font-weight:900;
}
.resource-profile-tags{
    margin-top:12px;
}
.resource-profile-actions{
    align-content:flex-start;
    justify-content:flex-end;
    min-width:220px;
}
.resource-profile-kpis{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:12px;
}
.resource-profile-kpis article{
    min-height:112px;
    display:grid;
    align-content:space-between;
    gap:8px;
    padding:14px;
    border:1px solid var(--line);
    border-radius:20px;
    background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 92%,transparent));
    box-shadow:0 14px 36px color-mix(in srgb,#020617 10%,transparent);
}
.resource-profile-kpis article.is-warning{
    border-color:color-mix(in srgb,var(--warning) 46%,var(--line));
    background:linear-gradient(180deg,color-mix(in srgb,var(--warning) 10%,var(--card)),var(--card2));
}
.resource-profile-kpis article.is-danger{
    border-color:color-mix(in srgb,var(--danger) 50%,var(--line));
    background:linear-gradient(180deg,color-mix(in srgb,var(--danger) 10%,var(--card)),var(--card2));
}
.resource-profile-kpis span{
    color:var(--muted);
    font-size:11px;
    font-weight:950;
    line-height:1.2;
    text-transform:uppercase;
}
.resource-profile-kpis strong{
    color:var(--text);
    font-size:28px;
    line-height:1;
}
.resource-profile-kpis small{
    color:var(--muted);
    font-size:12px;
    font-weight:850;
}
.resource-profile-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.resource-profile-panel{
    display:grid;
    gap:13px;
    border-radius:22px;
}
.resource-profile-panel-wide{
    grid-column:1/-1;
}
.resource-profile-panel header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}
.resource-profile-panel h2{
    margin:3px 0 0;
    font-size:20px;
}
.resource-profile-facts{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
}
.resource-profile-facts div{
    min-width:0;
    padding:10px;
    border:1px solid var(--line);
    border-radius:14px;
    background:color-mix(in srgb,var(--bg) 68%,transparent);
}
.resource-profile-facts span,
.resource-profile-mini-list em,
.resource-profile-shifts span{
    color:var(--muted);
    font-size:12px;
    font-style:normal;
    font-weight:850;
}
.resource-profile-facts strong{
    display:block;
    margin-top:4px;
    color:var(--text);
    overflow-wrap:anywhere;
}
.resource-profile-absence{
    margin:0;
}
.resource-profile-mini-list{
    display:grid;
    gap:8px;
}
.resource-profile-mini-list span{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:40px;
    padding:9px 10px;
    border:1px solid var(--line);
    border-radius:13px;
    background:color-mix(in srgb,var(--bg) 68%,transparent);
}
.resource-profile-mini-list strong{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.resource-profile-mini-list p,
.resource-profile-shifts p{
    margin:0;
    color:var(--muted);
    font-weight:850;
}
.resource-profile-shifts{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}
.resource-profile-shifts div{
    display:grid;
    gap:5px;
    min-width:0;
    padding:11px;
    border:1px solid var(--line);
    border-radius:14px;
    background:color-mix(in srgb,var(--bg) 68%,transparent);
}
.resource-profile-shifts time{
    color:var(--muted);
    font-size:11px;
    font-weight:950;
}
.resource-profile-shifts strong{
    color:var(--text);
}
.resource-profile-shifts span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.resource-profile-note{
    margin:0;
    padding:12px;
    border:1px solid var(--line);
    border-radius:14px;
    background:color-mix(in srgb,var(--bg) 68%,transparent);
    color:var(--text);
    font-size:13px;
    line-height:1.45;
}
.resource-profile-form-card{
    max-width:none;
    width:100%;
}
html[data-theme="dark"] .resource-profile-hero,
html[data-theme="dark"] .resource-profile-kpis article,
html[data-theme="dark"] .resource-profile-panel{
    border-color:rgba(125,211,252,.2);
}
@media(max-width:1100px){
    .resource-profile-kpis{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .resource-profile-shifts{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:820px){
    .resource-profile-hero,
    .resource-profile-identity{
        grid-template-columns:1fr;
    }
    .resource-profile-hero{
        display:grid;
    }
    .resource-profile-actions{
        justify-content:flex-start;
    }
    .resource-profile-grid{
        grid-template-columns:1fr;
    }
    .resource-profile-kpis{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:560px){
    .resource-profile-hero{
        padding:16px;
        border-radius:22px;
    }
    .resource-profile-avatar{
        width:116px;
        height:116px;
        border-radius:24px;
    }
    .resource-profile-title h1{
        font-size:30px;
    }
    .resource-profile-kpis,
    .resource-profile-facts,
    .resource-profile-shifts{
        grid-template-columns:1fr;
    }
}
.toggle-pill{
    display:inline-flex;
    align-items:center;
    gap:10px;
    width:max-content;
    cursor:pointer;
    user-select:none;
}
.toggle-pill input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}
.toggle-pill-ui{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:flex-end;
    min-width:132px;
    min-height:42px;
    padding:6px 14px 6px 48px;
    border:1px solid color-mix(in srgb,var(--danger) 42%,var(--line));
    border-radius:999px;
    color:var(--danger);
    background:color-mix(in srgb,var(--danger) 10%,var(--card));
    font-size:13px;
    font-weight:950;
    transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.toggle-pill-ui::before{
    content:"";
    position:absolute;
    left:7px;
    width:28px;
    height:28px;
    border-radius:999px;
    background:var(--text);
    box-shadow:0 8px 18px color-mix(in srgb,#000 20%,transparent);
    transition:transform .18s ease,background .18s ease;
}
.toggle-pill-ui::after{content:attr(data-off)}
.toggle-pill input:checked + .toggle-pill-ui{
    justify-content:flex-start;
    padding:6px 48px 6px 14px;
    color:#10b981;
    border-color:color-mix(in srgb,#10b981 50%,var(--line));
    background:color-mix(in srgb,#10b981 12%,var(--card));
}
.toggle-pill input:checked + .toggle-pill-ui::before{
    transform:translateX(86px);
    background:#10b981;
}
.toggle-pill input:checked + .toggle-pill-ui::after{content:attr(data-on)}
.toggle-pill input:focus-visible + .toggle-pill-ui{
    outline:3px solid color-mix(in srgb,var(--primary) 32%,transparent);
    outline-offset:2px;
}
.resource-delete-card p{color:var(--muted)}
@media(max-width:900px){
    .resources-hero{align-items:flex-start;flex-direction:column}
    .resources-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
    .resources-filters{grid-template-columns:1fr 1fr}
    .resource-details{grid-template-columns:repeat(2,minmax(0,1fr))}
    .resource-absence{grid-template-columns:1fr}
}
@media(max-width:640px){
    .resources-summary,
    .resources-filters,
    .resource-form-grid{grid-template-columns:1fr}
    .resource-card{grid-template-columns:1fr}
    .resource-head{flex-direction:column}
    .resource-badges{justify-content:flex-start}
    .resource-details{grid-template-columns:1fr}
    .view-switch{width:100%;justify-content:stretch}
    .view-switch button,.view-switch a{flex:1}
}

.destinations-hero{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    margin-top:18px;
}
.destinations-hero h1{margin:8px 0 4px;font-size:34px;line-height:1.12}
.destinations-hero p{margin:0;color:var(--muted);font-weight:800}
.destinations-summary{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
    margin-top:14px;
}
.destinations-summary div{
    padding:14px;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--card);
}
.destinations-summary strong{display:block;font-size:24px;line-height:1}
.destinations-summary span{display:block;margin-top:6px;color:var(--muted);font-size:12px;font-weight:850}
.destinations-filter-card{margin-top:14px}
.destinations-alert{margin-top:14px}
.live-search-wrap{position:relative;min-width:0}
.live-search-wrap input{padding-right:42px}
.search-clear-button{
    position:absolute;
    top:50%;
    right:8px;
    transform:translateY(-50%);
    width:28px;
    height:28px;
    border:1px solid var(--line);
    border-radius:999px;
    background:var(--card2);
    color:var(--muted);
    font-size:18px;
    font-weight:900;
    line-height:1;
    cursor:pointer;
}
.search-clear-button:hover{color:var(--text);border-color:color-mix(in srgb,var(--primary) 45%,var(--line))}
.destinations-filters{
    display:grid;
    grid-template-columns:minmax(220px,1fr) 140px 140px 150px 140px auto auto auto;
    gap:10px;
    align-items:center;
}
.destinations-filters input,
.destinations-filters select{
    width:100%;
    border:1px solid var(--line);
    background:var(--bg);
    color:var(--text);
    border-radius:12px;
    padding:10px 12px;
    outline:none;
}
.destinations-filters label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:850}
.destinations-toolbar{display:flex;justify-content:flex-end;margin-top:14px}
.destinations-workspace{
    display:grid;
    grid-template-columns:minmax(0,1fr) 300px;
    gap:16px;
    align-items:start;
    margin-top:16px;
}
.destinations-results{min-width:0}
.destinations-list{display:grid;gap:14px}
.destinations-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
    gap:14px;
}
.destinations-empty{color:var(--muted)}
.inactive-card,
.destination-card-inactive{
    opacity:.78;
    filter:saturate(.72);
    background:linear-gradient(180deg,
        color-mix(in srgb,var(--card) 82%,#94a3b8 18%),
        color-mix(in srgb,var(--card2) 84%,#64748b 16%)
    )!important;
    border-color:color-mix(in srgb,#94a3b8 58%,var(--line))!important;
}
.inactive-row{
    background:color-mix(in srgb,var(--card2) 84%,#94a3b8 16%)!important;
    border-color:color-mix(in srgb,#94a3b8 58%,var(--line))!important;
}
.inactive-card h1,
.inactive-card h2,
.inactive-card h3,
.inactive-card strong,
.inactive-card p,
.inactive-card span,
.inactive-row,
.inactive-row h1,
.inactive-row h2,
.inactive-row h3,
.inactive-row strong,
.inactive-row p,
.inactive-row span{
    color:inherit;
}
.inactive-image{
    background:linear-gradient(135deg,#64748b,#94a3b8)!important;
}
.inactive-image img,
.inactive-card img,
.inactive-row img{
    filter:grayscale(100%) brightness(.95);
}
.destination-card{
    display:grid;
    grid-template-columns:176px minmax(0,1fr);
    gap:16px;
    padding:16px;
    border:1px solid var(--line);
    border-radius:18px;
    background:linear-gradient(180deg,var(--card),var(--card2));
    box-shadow:var(--shadow);
}
.destination-card.is-highlighted,
.destination-mini-card.is-highlighted{
    border-color:color-mix(in srgb,var(--primary) 60%,var(--line));
    box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent),var(--shadow);
}
.destination-image{
    min-height:156px;
    border-radius:16px;
    overflow:hidden;
    border:1px solid var(--line);
    background:linear-gradient(135deg,#0891b2,#10b981);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:30px;
    font-weight:950;
}
.destination-image img{width:100%;height:100%;object-fit:cover;display:block}
.destination-main{min-width:0}
.destination-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}
.destination-kicker{
    display:flex;
    gap:6px;
    flex-wrap:wrap;
    min-height:22px;
}
.destination-kicker span{
    padding:3px 8px;
    border-radius:999px;
    border:1px solid var(--line);
    color:var(--muted);
    font-size:11px;
    font-weight:900;
}
.destination-head h2{margin:6px 0 4px;font-size:22px;line-height:1.15}
.destination-head p{margin:0;color:var(--muted);font-size:13px}
.destination-badges,.destination-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    justify-content:flex-end;
}
.destination-type-badge{border-color:color-mix(in srgb,#10b981 45%,transparent)}
.destination-status-badge{border-color:color-mix(in srgb,#f59e0b 45%,transparent)}
.destination-details{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin-top:12px;
}
.destination-details span{
    padding:8px 10px;
    border:1px solid var(--line);
    border-radius:12px;
    background:color-mix(in srgb,var(--bg) 72%,transparent);
    color:var(--muted);
    font-size:12px;
    overflow-wrap:anywhere;
}
.destination-color-dot{
    display:inline-flex;
    width:12px;
    height:12px;
    border-radius:999px;
    border:1px solid color-mix(in srgb,#fff 60%,transparent);
    box-shadow:0 0 0 1px var(--line);
    vertical-align:-2px;
    margin-right:6px;
}
.color-swatch-blue,.color-dot-blue{background:#2563eb}
.color-swatch-purple,.color-dot-purple{background:#7c3aed}
.color-swatch-green,.color-dot-green{background:#10b981}
.color-swatch-orange,.color-dot-orange{background:#f59e0b}
.color-swatch-red,.color-dot-red{background:#ef4444}
.color-swatch-gray,.color-dot-gray{background:#64748b}
.destination-date-row,
.tag-row{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:10px;
}
.date-chip,
.tag-pill,
.lunch-break-badge{
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:5px 9px;
    border:1px solid var(--line);
    border-radius:999px;
    background:color-mix(in srgb,var(--bg) 70%,transparent);
    color:var(--muted);
    font-size:11px;
    font-weight:900;
}
.tag-pill{
    color:color-mix(in srgb,var(--primary) 70%,var(--text));
    border-color:color-mix(in srgb,var(--primary) 35%,var(--line));
}
.destination-notes{
    margin:10px 0 0;
    padding:9px 10px;
    border-radius:12px;
    background:color-mix(in srgb,var(--bg) 70%,transparent);
    color:var(--muted);
    font-size:13px;
}
.destination-actions{justify-content:flex-start;margin-top:12px}
.destination-star{border-color:color-mix(in srgb,#f59e0b 35%,var(--line))}
.destination-mini-card{
    display:grid;
    grid-template-rows:auto minmax(0,1fr) auto;
    gap:12px;
    min-height:360px;
    padding:12px;
    border:1px solid var(--line);
    border-radius:18px;
    background:linear-gradient(180deg,var(--card),var(--card2));
    box-shadow:var(--shadow);
}
.destination-mini-avatar{
    width:100%;
    aspect-ratio:1.22/1;
    border-radius:16px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--line);
    background:linear-gradient(135deg,#0891b2,#10b981);
    color:#fff;
    font-size:34px;
    font-weight:950;
}
.destination-mini-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.destination-mini-body{display:grid;gap:8px;align-content:start;min-width:0}
.destination-mini-body h2{margin:0;font-size:17px;line-height:1.2}
.destination-mini-body p{margin:0;color:var(--muted);font-size:12px;font-weight:800}
.destination-mini-meta{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:800}
.destination-mini-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.destination-mini-card .destination-badges{justify-content:flex-start}
.destination-mini-actions{display:flex;gap:8px;flex-wrap:wrap;align-self:end}
.destinations-special-sidebar{position:sticky;top:90px}
.special-sidebar-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:10px;
    margin-bottom:10px;
}
.special-sidebar-head strong{font-size:24px;line-height:1}
.special-destination-list{display:grid;gap:8px}
.special-destination-card{
    display:grid;
    gap:4px;
    padding:10px;
    border:1px solid var(--line);
    border-radius:12px;
    background:color-mix(in srgb,var(--bg) 74%,transparent);
    text-decoration:none;
    color:var(--text);
}
.special-destination-card strong{font-size:13px;line-height:1.2}
.special-destination-card span,
.special-destination-card em{color:var(--muted);font-size:11px;font-style:normal;font-weight:850}
.special-destination-card.is-active,
.special-destination-card:hover{
    border-color:color-mix(in srgb,var(--primary) 50%,var(--line));
    background:color-mix(in srgb,var(--primary) 10%,var(--card));
}
.destination-form-card{max-width:960px}
.destination-form-head{margin-bottom:14px}
.destination-form-head h1{margin:8px 0 4px}
.destination-form-head p{margin:0;color:var(--muted)}
.destination-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.color-palette-field{
    margin:0;
    padding:10px;
    border:1px solid var(--line);
    border-radius:14px;
    background:color-mix(in srgb,var(--bg) 70%,transparent);
}
.color-palette-field legend{
    padding:0 6px;
    color:var(--muted);
    font-size:12px;
    font-weight:900;
}
.color-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.color-option{
    display:flex;
    align-items:center;
    gap:7px;
    padding:7px 8px;
    border:1px solid var(--line);
    border-radius:12px;
    background:var(--card);
    color:var(--muted);
    font-size:12px;
    font-weight:900;
    cursor:pointer;
}
.color-option input{position:absolute;opacity:0;pointer-events:none}
.color-swatch{
    width:18px;
    height:18px;
    border-radius:999px;
    border:2px solid color-mix(in srgb,#fff 70%,transparent);
    box-shadow:0 0 0 1px var(--line);
    flex:0 0 auto;
}
.color-option:has(input:checked){
    border-color:color-mix(in srgb,var(--primary) 55%,var(--line));
    color:var(--text);
    box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 12%,transparent);
}
.toggle-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.destination-photo-preview{
    width:160px;
    height:132px;
    border-radius:20px;
    border:1px solid var(--line);
    background:var(--card2);
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--muted);
    font-weight:900;
    margin:12px 0;
}
.destination-photo-preview img{width:100%;height:100%;object-fit:cover;display:block}
.tag-input-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.destination-operational-fieldset{
    margin:12px 0 0;
    padding:12px;
    border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));
    border-radius:14px;
    background:color-mix(in srgb,var(--primary) 5%,var(--card2));
}
.destination-operational-fieldset legend{
    padding:0 6px;
    color:var(--muted);
    font-size:12px;
    font-weight:900;
}
.destination-operational-fieldset .muted-text{
    margin:8px 0 0;
}
.attendance-qr-admin-tools{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    margin-top:10px;
}
.attendance-qr-admin-tools span{
    color:var(--muted);
    font-size:12px;
    font-weight:800;
}
.destination-attendance-guided-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:12px;
}
.destination-attendance-guided-card{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:start;
    gap:12px;
    min-width:0;
    padding:14px;
    border:1px solid var(--line);
    border-radius:16px;
    background:var(--card);
    box-shadow:0 12px 28px color-mix(in srgb,#020617 7%,transparent);
}
.destination-attendance-guided-card .btn{
    grid-column:1 / -1;
    justify-self:start;
}
.destination-attendance-guided-card strong{
    display:block;
    color:var(--text);
    font-size:14px;
    font-weight:950;
}
.destination-attendance-guided-card p,
.destination-attendance-guided-card small{
    display:block;
    margin:4px 0 0;
    color:var(--muted);
    font-size:12px;
    font-weight:800;
    line-height:1.35;
}
.destination-attendance-icon{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:14px;
    background:color-mix(in srgb,var(--primary) 12%,var(--card2));
    color:var(--primary);
    font-size:12px;
    font-weight:950;
    letter-spacing:.04em;
}
.destination-attendance-actions{
    grid-column:1 / -1;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
}
.attendance-qr-print-card{
    max-width:820px;
    margin:0 auto;
}
.attendance-qr-print-head{
    display:grid;
    gap:6px;
    margin-bottom:18px;
}
.attendance-qr-print-head h1{
    margin:0;
}
.attendance-qr-print-box{
    display:grid;
    gap:10px;
    padding:24px;
    border:2px dashed color-mix(in srgb,var(--primary) 45%,var(--line));
    border-radius:18px;
    background:color-mix(in srgb,var(--primary) 6%,var(--card));
    text-align:center;
}
.attendance-qr-print-box span{
    color:var(--muted);
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
}
.attendance-qr-print-box strong{
    color:var(--text);
    font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
    font-size:clamp(18px,3vw,28px);
    overflow-wrap:anywhere;
}
.attendance-qr-print-meta{
    display:grid;
    gap:6px;
    margin:16px 0;
}
.attendance-qr-print-meta p{
    margin:0;
    color:var(--muted);
    overflow-wrap:anywhere;
}
@media print{
    .topbar,
    .mobile-app-toolbar,
    .app-sidebar,
    .form-actions,
    .layout-sidebar,
    .app-footer{
        display:none!important;
    }
    .attendance-qr-print-card{
        box-shadow:none!important;
        border:0!important;
    }
}
@media (max-width:900px){
    .operational-attendance-hero{
        display:grid;
    }
    .operational-attendance-hero-actions{
        justify-content:flex-start;
    }
    .operational-kpi-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .operational-watch-list{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media (max-width:680px){
    .destination-attendance-guided-grid,
    .operational-kpi-grid,
    .operational-watch-list{
        grid-template-columns:1fr;
    }
    .operational-attendance-admin-card{
        padding:14px;
    }
    .operational-watch-head,
    .operational-filter-head{
        display:grid;
    }
}
.destination-delete-card p{color:var(--muted)}
.destination-delete-summary{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin:14px 0;
}
.destination-delete-summary div{
    padding:10px 12px;
    border:1px solid var(--line);
    border-radius:12px;
    background:color-mix(in srgb,var(--bg) 72%,transparent);
}
.destination-delete-summary span{
    display:block;
    color:var(--muted);
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
}
.destination-delete-summary strong{display:block;margin-top:4px}
@media(max-width:1180px){
    .destinations-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
    .destinations-workspace{grid-template-columns:1fr}
    .destinations-special-sidebar{position:static}
}
@media(max-width:900px){
    .destinations-hero{align-items:flex-start;flex-direction:column}
    .destinations-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
    .destinations-toolbar{justify-content:stretch}
    .destination-card{grid-template-columns:1fr}
    .destination-image{min-height:150px}
    .destination-details{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
    .destinations-summary,
    .destinations-filters,
    .destination-form-grid,
    .tag-input-grid{grid-template-columns:1fr}
    .destination-head{flex-direction:column}
    .destination-badges{justify-content:flex-start}
    .destination-details{grid-template-columns:1fr}
}

/* Enterprise Polish A4.1 final scope overrides. */
.resources-hero,.teams-hero,.destinations-hero{
    padding:24px;
    border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));
    border-radius:26px;
    background:radial-gradient(circle at top right,color-mix(in srgb,var(--primary) 15%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--card) 94%,var(--primary)),color-mix(in srgb,var(--card2) 92%,#10b981));
    box-shadow:0 20px 54px color-mix(in srgb,#0f172a 13%,transparent);
}
.resources-summary,.teams-summary,.destinations-summary{gap:14px}
.resources-summary div,.teams-summary div,.destinations-summary div{
    min-height:112px;
    padding:18px;
    border-color:color-mix(in srgb,var(--primary) 17%,var(--line));
    border-radius:22px;
    background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,#fff),color-mix(in srgb,var(--card2) 92%,transparent));
    box-shadow:var(--shadow-soft);
}
.resources-summary strong,.teams-summary strong,.destinations-summary strong{font-size:30px;font-weight:950}
.resources-filter-card,.teams-filter-card,.destinations-filter-card{
    padding:18px;
    border-radius:22px;
    border-color:color-mix(in srgb,var(--primary) 18%,var(--line));
    background:color-mix(in srgb,var(--card) 92%,var(--card2));
    box-shadow:var(--shadow-soft);
}
.resource-card,.resource-mini-card,.team-card,.team-mini-card,.destination-card,.destination-mini-card{
    border-color:color-mix(in srgb,var(--primary) 14%,var(--line));
    background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,#fff),color-mix(in srgb,var(--card2) 94%,transparent));
    box-shadow:var(--shadow-soft);
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.resource-card:hover,.resource-mini-card:hover,.team-card:hover,.team-mini-card:hover,.destination-card:hover,.destination-mini-card:hover{
    transform:translateY(-2px);
    border-color:color-mix(in srgb,var(--primary) 45%,var(--line));
    box-shadow:0 18px 44px color-mix(in srgb,#0f172a 15%,transparent);
}
.resource-form-card,.team-form-card,.destination-form-card,.resource-profile-form-card{
    width:min(1120px,100%);
    max-width:1120px;
    padding:22px;
    border-radius:26px;
    border-color:color-mix(in srgb,var(--primary) 18%,var(--line));
    background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,#fff),color-mix(in srgb,var(--card2) 94%,transparent));
    box-shadow:var(--shadow-soft);
}
.resource-form-head,.destination-form-head{
    display:grid;
    gap:5px;
    padding:18px;
    margin:-4px -4px 18px;
    border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line));
    border-radius:22px;
    background:radial-gradient(circle at top right,color-mix(in srgb,var(--primary) 14%,transparent),transparent 40%),color-mix(in srgb,var(--card2) 82%,transparent);
}
.resource-form input,.resource-form select,.resource-form textarea,.team-form input,.team-form select,.team-form textarea,.destination-form input,.destination-form select,.destination-form textarea{
    min-height:42px;
    border-radius:14px;
    background:var(--card);
}
.tag-input-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    padding:14px;
    margin-top:14px;
    border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line));
    border-radius:18px;
    background:color-mix(in srgb,var(--card2) 86%,transparent);
}
.destination-operational-fieldset{
    padding:18px;
    margin-top:16px;
    border-color:color-mix(in srgb,#0ea5e9 28%,var(--line));
    border-radius:18px;
    background:radial-gradient(circle at top right,color-mix(in srgb,#0ea5e9 10%,transparent),transparent 38%),color-mix(in srgb,var(--card2) 88%,transparent);
}
.destination-attendance-guided-card{
    min-height:150px;
    padding:16px;
    border-radius:20px;
    border-color:color-mix(in srgb,#0ea5e9 22%,var(--line));
    background:linear-gradient(180deg,color-mix(in srgb,var(--card) 95%,#0ea5e9),var(--card));
    box-shadow:var(--shadow-soft);
}
.destination-attendance-icon{
    width:48px;
    height:48px;
    border-radius:17px;
    background:linear-gradient(135deg,color-mix(in srgb,#0ea5e9 20%,var(--card)),color-mix(in srgb,var(--primary) 18%,var(--card2)));
}
@media(max-width:900px){
    .resources-hero,.teams-hero,.destinations-hero{align-items:flex-start;flex-direction:column;padding:20px}
    .resource-card:hover,.resource-mini-card:hover,.team-card:hover,.team-mini-card:hover,.destination-card:hover,.destination-mini-card:hover{transform:none}
}
@media(max-width:700px){
    .tag-input-grid{grid-template-columns:1fr}
    .resource-form-card,.team-form-card,.destination-form-card,.resource-profile-form-card{padding:16px;border-radius:22px}
    .resource-form-head,.destination-form-head{padding:15px;border-radius:18px}
}

.table-wrap{overflow:auto}.audit-table{width:100%;border-collapse:collapse}.audit-table th,.audit-table td{padding:10px;border-bottom:1px solid var(--line);text-align:left}.audit-filters{align-items:end}

.report-page{
    display:grid;
    grid-template-columns:minmax(260px,340px) minmax(0,1fr);
    gap:16px;
    align-items:start;
}
.report-filter-card{position:sticky;top:86px;display:grid;gap:16px}
.report-title-block h1{margin:6px 0 6px;font-size:28px;line-height:1.08}
.report-title-block p,.report-note p{margin:0;color:var(--muted);font-weight:800;line-height:1.45}
.report-filter-form{display:grid;gap:11px}
.report-filter-form label{display:grid;gap:7px}
.report-filter-form span{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.report-filter-form select,.report-filter-form input{width:100%;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--text);padding:11px 12px;font-weight:850}
.report-actions{display:grid;grid-template-columns:1fr;gap:8px}
.report-actions .btn{text-align:center;justify-content:center}
.report-note{padding:13px;border:1px dashed var(--line);border-radius:16px;background:color-mix(in srgb,var(--card2) 72%,transparent)}
.report-note strong{display:block;margin-bottom:6px}
.report-result{display:grid;gap:14px;min-width:0}
.report-print-header{display:grid;gap:8px}
.report-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.report-heading-row h2{margin:0;font-size:26px;line-height:1.08}
.report-heading-row p{margin:5px 0 0;color:var(--muted);font-weight:800}
.report-heading-row strong{white-space:nowrap;color:var(--primary)}
.report-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.report-kpi{min-height:92px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:14px}
.report-kpi span{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.report-kpi strong{font-size:18px;line-height:1.08;word-break:break-word}
.report-kpi-total{border-color:color-mix(in srgb,var(--primary) 45%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 16%,var(--card)),var(--card2))}
.report-kpi-total strong{font-size:26px}
.report-section{display:grid;gap:12px;padding:16px}
.report-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.report-section-head h2{margin:4px 0 0;font-size:20px}
.report-table-wrap{overflow:auto;max-height:430px}
.report-table{width:100%;border-collapse:collapse;font-size:13px}
.report-table th,.report-table td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.report-table th{position:sticky;top:0;background:var(--card);z-index:1;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.report-table td small{display:block;color:var(--muted);font-weight:800;margin-top:2px}
.report-table-compact td{padding-top:8px;padding-bottom:8px}
.muted-cell{color:var(--muted);font-weight:900;text-align:center}
.report-day-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}
.report-day-strip div{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--card2)}
.report-day-strip span{color:var(--muted);font-weight:850}
.report-day-strip strong{color:var(--primary)}
@media(max-width:980px){.report-page{grid-template-columns:1fr}.report-filter-card{position:static}.report-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-kpi-total{grid-column:1 / -1}}
@media(max-width:640px){.report-heading-row{display:grid}.report-heading-row strong{white-space:normal}.report-kpi-grid{grid-template-columns:1fr}}
@media print{
    @page{size:A4 portrait;margin:10mm}
    html,body{background:#fff!important;color:#000!important}
    body{font-size:10.5pt}
    .topbar,.footer,.no-print,.report-filter-card,.mobile-bottom-nav,.mobile-app-shell-header,.mobile-side-menu,.mobile-side-overlay{display:none!important}
    .app-shell,.page{display:block!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important}
    .card,.report-kpi,.report-section,.report-print-header,.report-day-strip{background:#fff!important;color:#000!important;box-shadow:none!important;border:1px solid #d7d7d7!important;border-radius:6px!important}
    .report-page{display:block!important}
    .report-result{display:block!important}
    .report-print-header,.report-kpi-grid,.report-section,.report-day-strip{break-inside:avoid;margin-bottom:8px}
    .report-kpi-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:6px!important}
    .report-kpi{min-height:auto!important;padding:8px!important}
    .report-kpi span,.report-table th,.eyebrow{color:#333!important}
    .report-kpi strong{font-size:12pt!important;color:#000!important}
    .report-kpi-total strong{font-size:15pt!important}
    .report-heading-row h2{font-size:16pt!important}
    .report-section{padding:8px!important}
    .report-section-head h2{font-size:13pt!important}
    .report-table-wrap{max-height:none!important;overflow:visible!important}
    .report-table{font-size:9pt!important}
    .report-table th{position:static!important;background:#f4f4f4!important;color:#000!important}
    .report-table th,.report-table td{padding:4px 5px!important;border-bottom:1px solid #ddd!important}
    .report-day-strip{display:none!important}
    a{color:#000!important;text-decoration:none!important}
}

/* Enterprise Polish A6.1 final overrides - keep this after legacy mobile rules. */
.mobile-app-mode{
    overflow-x:hidden;
}
.mobile-app-mode .page{
    width:min(100%,1060px);
    max-width:100%;
    padding-left:max(14px,env(safe-area-inset-left));
    padding-right:max(14px,env(safe-area-inset-right));
}
.mobile-app-mode .page,
.mobile-app-mode .card,
.mobile-app-mode [class*="mobile-"]{
    box-sizing:border-box;
    min-width:0;
}
.mobile-app-mode h1,
.mobile-app-mode h2,
.mobile-app-mode h3,
.mobile-app-mode p,
.mobile-app-mode strong,
.mobile-app-mode span,
.mobile-app-mode small,
.mobile-app-mode a,
.mobile-app-mode label{
    max-width:100%;
    overflow-wrap:anywhere;
}
.mobile-app-mode input,
.mobile-app-mode select,
.mobile-app-mode textarea{
    max-width:100%;
    min-height:48px;
    border-radius:16px;
    font-size:16px;
}
.mobile-app-mode .btn,
.mobile-app-mode .btn-secondary,
.mobile-app-mode .link-btn,
.mobile-side-action,
.mobile-side-nav a{
    min-height:46px;
    touch-action:manipulation;
}
.mobile-app-shell-header{
    min-height:70px;
    padding:10px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));
}
.mobile-app-brand,
.mobile-app-brand span:last-child{
    min-width:0;
}
.mobile-app-brand strong,
.mobile-app-brand small{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.mobile-side-menu{
    height:100dvh;
    max-height:100dvh;
    overflow:hidden;
    padding-bottom:max(16px,env(safe-area-inset-bottom));
}
.mobile-side-head,
.mobile-side-preferences,
.mobile-side-logout,
.mobile-side-powered{
    flex:0 0 auto;
}
.mobile-side-nav{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    padding-right:3px;
    scrollbar-width:thin;
}
.mobile-side-nav a,
.mobile-side-action{
    min-height:52px;
    border-radius:18px;
}
.mobile-side-nav a span:not(.mobile-side-icon),
.mobile-side-action span:last-child{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.mobile-side-nav a.active{
    border-color:color-mix(in srgb,var(--primary) 38%,var(--line));
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,var(--card)),color-mix(in srgb,var(--primary2) 8%,var(--card2)));
}
.mobile-side-icon{
    flex:0 0 36px;
    width:36px;
    height:36px;
}
.mobile-app-mode .mobile-app-hero,
.mobile-app-mode .mobile-hero,
.mobile-app-mode .mobile-app-hero-premium,
.mobile-app-mode .mobile-card,
.mobile-app-mode .mobile-info-card,
.mobile-app-mode .mobile-message-card,
.mobile-app-mode .mobile-notification-card,
.mobile-app-mode .mobile-request-card,
.mobile-app-mode .mobile-profile-card,
.mobile-app-mode .mobile-shift-card,
.mobile-app-mode .mobile-calendar-day,
.mobile-app-mode .mobile-operational-live-card,
.mobile-app-mode .mobile-operational-diary-card,
.mobile-app-mode .mobile-operational-wizard-card,
.mobile-app-mode .mobile-shift-confirm-card,
.mobile-app-mode .mobile-shift-issue-card,
.mobile-app-mode .mobile-clothing-card,
.mobile-app-mode .mobile-useful-link-card,
.mobile-app-mode .mobile-vehicle-card,
.mobile-app-mode .mobile-requirement-card{
    border-radius:24px;
}
.mobile-app-mode .mobile-shift-card,
.mobile-app-mode .mobile-message-card,
.mobile-app-mode .mobile-notification-card,
.mobile-app-mode .mobile-request-card,
.mobile-app-mode .mobile-profile-card,
.mobile-app-mode .mobile-info-card,
.mobile-app-mode .mobile-useful-link-card,
.mobile-app-mode .mobile-vehicle-card,
.mobile-app-mode .mobile-requirement-card{
    overflow:hidden;
    box-shadow:0 16px 36px color-mix(in srgb,#020617 10%,transparent);
}
.mobile-app-mode .mobile-shift-time{
    font-size:clamp(26px,8vw,36px);
    line-height:1;
}
.mobile-app-mode .mobile-shift-actions,
.mobile-app-mode .mobile-app-actions,
.mobile-app-mode .mobile-notification-actions,
.mobile-app-mode .mobile-shift-reminder-actions{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
}
.mobile-app-mode .mobile-shift-actions .btn,
.mobile-app-mode .mobile-shift-actions .link-btn,
.mobile-app-mode .mobile-notification-actions .btn,
.mobile-app-mode .mobile-notification-actions .link-btn,
.mobile-app-mode .mobile-request-open{
    flex:1 1 150px;
    width:auto;
    justify-content:center;
}
.mobile-operational-wizard,
.mobile-operational-wizard-checklist,
.mobile-operational-live-flow,
.mobile-operational-live-summary{
    min-width:0;
}
.mobile-operational-wizard-check{
    grid-template-columns:38px minmax(0,1fr);
}
.mobile-operational-timeline-item{
    grid-template-columns:42px minmax(0,1fr);
}
.mobile-profile-details,
.mobile-info-grid{
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
}
.mobile-requirement-summary{
    grid-template-columns:64px minmax(0,1fr);
}
.requirements-mobile-list .mobile-requirement-row{
    grid-template-columns:minmax(0,1fr) auto;
}
.mobile-clothing-save-bar{
    bottom:max(12px,env(safe-area-inset-bottom));
}
@media (hover:hover) and (pointer:fine){
    .mobile-app-mode .mobile-card:hover,
    .mobile-app-mode .mobile-info-card:hover,
    .mobile-app-mode .mobile-message-card:hover,
    .mobile-app-mode .mobile-notification-card:hover,
    .mobile-app-mode .mobile-request-card:hover,
    .mobile-app-mode .mobile-profile-card:hover,
    .mobile-app-mode .mobile-shift-card:hover,
    .mobile-app-mode .mobile-useful-link-card:hover,
    .mobile-app-mode .mobile-vehicle-card:hover,
    .mobile-app-mode .mobile-requirement-card:hover{
        transform:translateY(-2px);
        border-color:color-mix(in srgb,var(--primary) 38%,var(--line));
        box-shadow:0 22px 46px color-mix(in srgb,#020617 14%,transparent);
    }
}
@media(max-width:700px){
    .mobile-app-mode .page{
        padding-left:12px;
        padding-right:12px;
    }
    .mobile-header-logout{
        display:none;
    }
    .mobile-app-mode .mobile-card,
    .mobile-app-mode .mobile-info-card,
    .mobile-app-mode .mobile-message-card,
    .mobile-app-mode .mobile-notification-card,
    .mobile-app-mode .mobile-request-card,
    .mobile-app-mode .mobile-profile-card,
    .mobile-app-mode .mobile-shift-card{
        padding:14px;
        border-radius:22px;
    }
    .mobile-app-mode .mobile-shift-actions .btn,
    .mobile-app-mode .mobile-shift-actions .link-btn,
    .mobile-app-mode .mobile-notification-actions .btn,
    .mobile-app-mode .mobile-notification-actions .link-btn,
    .mobile-app-mode .mobile-app-actions .btn,
    .mobile-app-mode .mobile-app-actions .link-btn{
        flex:1 1 100%;
        width:100%;
    }
    .mobile-requirement-summary,
    .mobile-clothing-item .clothing-size-field-head{
        grid-template-columns:54px minmax(0,1fr);
    }
    .requirements-mobile-list .mobile-requirement-row{
        grid-template-columns:1fr;
    }
}
@media(max-width:420px){
    .mobile-app-brand small{
        display:none;
    }
    .mobile-side-menu{
        width:min(330px,92vw);
        padding:14px;
    }
}

.report-page{
    width:min(1280px,100%);
    margin:0 auto;
}
.report-layout{
    display:grid;
    grid-template-columns:minmax(280px,34%) minmax(0,66%);
    gap:18px;
    align-items:start;
}
.report-filter-panel,
.report-panel{
    border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));
    border-radius:18px;
    background:linear-gradient(180deg,var(--card),var(--card2));
    box-shadow:var(--shadow);
}
.report-filter-panel{
    position:sticky;
    top:84px;
    display:grid;
    gap:16px;
    padding:18px;
}
.report-filter-title h1{margin:5px 0 6px;font-size:23px;line-height:1.08}
.report-filter-title p{margin:0;color:var(--muted);font-size:13px;font-weight:800;line-height:1.4}
.report-filter-form{display:grid;gap:12px}
.report-filter-form label{display:grid;gap:7px}
.report-filter-form span{color:var(--text);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.report-filter-form select,
.report-filter-form input{
    min-height:42px;
    width:100%;
    border:1px solid color-mix(in srgb,var(--primary) 28%,var(--line));
    border-radius:12px;
    background:color-mix(in srgb,var(--bg) 88%,var(--card));
    color:var(--text);
    padding:9px 11px;
    font-size:14px;
    font-weight:850;
}
.report-filter-form select:focus,
.report-filter-form input:focus{outline:2px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset:1px}
.report-generate{min-height:42px;border-radius:999px}
.report-panel{
    display:grid;
    gap:14px;
    padding:16px;
    min-width:0;
}
.report-panel-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    border-bottom:1px solid var(--line);
    padding-bottom:12px;
}
.report-panel-head h2{margin:4px 0 4px;font-size:24px;line-height:1.08}
.report-panel-head p{margin:0;color:var(--text);font-size:13px;font-weight:850}
.report-actions{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
}
.report-actions .btn{
    min-height:32px;
    border-radius:999px;
    padding:7px 11px;
    font-size:12px;
    font-weight:950;
}
.report-panel .report-note{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:10px 12px;
    border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line));
    border-radius:12px;
    background:color-mix(in srgb,var(--primary) 8%,var(--card2));
}
.report-panel .report-note strong{margin:0;white-space:nowrap;color:var(--text);font-size:13px}
.report-panel .report-note span{color:var(--text);font-size:12px;font-weight:800;line-height:1.35}
.report-kpi-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:8px;
}
.report-kpi{
    min-height:66px;
    display:grid;
    align-content:space-between;
    gap:5px;
    padding:10px;
    border:1px solid var(--line);
    border-radius:12px;
    background:color-mix(in srgb,var(--card2) 84%,transparent);
}
.report-kpi span{color:var(--text);font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.04em;opacity:.78}
.report-kpi strong{color:var(--text);font-size:14px;line-height:1.1;word-break:break-word}
.report-kpi.is-total{
    border-color:color-mix(in srgb,var(--primary) 42%,var(--line));
    background:color-mix(in srgb,var(--primary) 13%,var(--card2));
}
.report-kpi.is-total strong{font-size:20px;color:var(--primary)}
.report-block{
    display:grid;
    gap:9px;
    padding:12px;
    border:1px solid var(--line);
    border-radius:14px;
    background:color-mix(in srgb,var(--bg) 22%,var(--card));
}
.report-block-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}
.report-block-head h3{margin:0;font-size:16px;line-height:1.1;color:var(--text)}
.report-block-head span{color:var(--text);font-size:12px;font-weight:900;opacity:.8}
.report-table-wrap{overflow:auto;max-height:none}
.report-table{
    width:100%;
    table-layout:auto;
    border-collapse:separate;
    border-spacing:0;
    font-size:13px;
    color:var(--text);
}
.report-table th,
.report-table td{
    padding:10px 12px;
    border-bottom:1px solid color-mix(in srgb,var(--line) 82%,transparent);
    text-align:left;
    vertical-align:middle;
    white-space:nowrap;
}
.report-table th{
    position:sticky;
    top:0;
    z-index:1;
    background:color-mix(in srgb,var(--primary) 12%,var(--card));
    color:var(--text);
    font-size:12px;
    font-weight:950;
    text-transform:none;
    letter-spacing:0;
}
.report-table tbody tr:nth-child(even){background:color-mix(in srgb,var(--primary) 4%,transparent)}
.report-table tbody tr:hover{background:color-mix(in srgb,var(--primary) 9%,transparent)}
.report-table td strong{font-weight:950;color:var(--text)}
.report-table td small{display:block;margin-top:2px;color:var(--text);font-size:11px;font-weight:800;opacity:.72}
.report-table td:first-child,
.report-table th:first-child{white-space:normal}
.report-table-resource th:first-child,
.report-table-resource td:first-child{min-width:220px}
.muted-cell{color:var(--text);font-weight:900;text-align:center;opacity:.72}
@media(max-width:1080px){
    .report-layout{grid-template-columns:1fr}
    .report-filter-panel{position:static}
}
@media(max-width:760px){
    .report-panel-head{display:grid}
    .report-actions{justify-content:flex-start;flex-wrap:wrap}
    .report-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .report-kpi.is-total{grid-column:1 / -1}
}
@media(max-width:520px){
    .report-panel,.report-filter-panel{padding:13px;border-radius:14px}
    .report-kpi-grid{grid-template-columns:1fr}
    .report-table{font-size:12px}
    .report-table th,.report-table td{padding:8px 9px}
}

@media print{
    @page{size:A4 portrait;margin:10mm}
    html,body{background:#fff!important;color:#000!important}
    body{font-size:11px!important}
    .topbar,.footer,.hide-print,.no-print,.report-filter-panel,.mobile-bottom-nav,.mobile-app-shell-header,.mobile-side-menu,.mobile-side-overlay{display:none!important}
    .app-shell,.page{display:block!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important}
    .report-page{width:auto!important;max-width:none!important;margin:0!important}
    .report-layout{display:block!important}
    .report-panel{
        display:block!important;
        padding:8mm!important;
        border:1px solid #222!important;
        border-radius:8px!important;
        background:#fff!important;
        color:#000!important;
        box-shadow:none!important;
    }
    .report-panel-head{display:block!important;border-bottom:1px solid #222!important;padding-bottom:5mm!important;margin-bottom:4mm!important}
    .report-panel-head h2{font-size:18px!important;margin:2px 0!important;color:#000!important}
    .report-panel-head p,.eyebrow{color:#000!important}
    .report-panel .report-note{
        display:block!important;
        margin:0 0 4mm!important;
        padding:6px 8px!important;
        border:1px solid #777!important;
        border-radius:6px!important;
        background:#fff!important;
        color:#000!important;
    }
    .report-panel .report-note strong,.report-panel .report-note span{display:block!important;color:#000!important;font-size:10px!important}
    .report-kpi-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:4px!important;margin-bottom:5mm!important;page-break-inside:avoid}
    .report-kpi{
        min-height:auto!important;
        padding:5px 6px!important;
        border:1px solid #444!important;
        border-radius:5px!important;
        background:#fff!important;
        color:#000!important;
        box-shadow:none!important;
    }
    .report-kpi span{font-size:8px!important;color:#333!important;opacity:1!important}
    .report-kpi strong{font-size:10px!important;color:#000!important}
    .report-kpi.is-total strong{font-size:12px!important;color:#000!important}
    .report-block{
        margin:0 0 5mm!important;
        padding:0!important;
        border:1px solid #222!important;
        border-radius:6px!important;
        background:#fff!important;
        page-break-inside:auto;
    }
    .report-block-head{padding:5px 7px!important;border-bottom:1px solid #222!important}
    .report-block-head h3{font-size:12px!important;color:#000!important}
    .report-block-head span{font-size:9px!important;color:#000!important;opacity:1!important}
    .report-table-wrap{overflow:visible!important;max-height:none!important}
    table.report-table{width:100%!important;border-collapse:collapse!important;font-size:10px!important;color:#000!important;page-break-inside:auto}
    .report-table thead{display:table-header-group}
    .report-table tr{page-break-inside:avoid;page-break-after:auto}
    .report-table th,.report-table td{padding:4px 5px!important;border:1px solid #bbb!important;color:#000!important;background:#fff!important;white-space:normal!important}
    .report-table th{font-size:10px!important;font-weight:700!important;background:#eee!important;position:static!important}
    .report-table td small{color:#000!important;opacity:1!important;font-size:8px!important}
}

.mobile-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.mobile-action{display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;min-height:92px}
.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:8px;background:color-mix(in srgb,var(--bg2) 95%,transparent);border-top:1px solid var(--line)}
.mobile-bottom-nav a{font-size:11px;font-weight:800;text-align:center;padding:8px 2px;border-radius:10px}
@media(max-width:640px){.page{padding-bottom:90px}.mobile-app-mode .topbar .nav{display:none}}

.mobile-bottom-nav a.active{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2));border-radius:10px;padding:4px 8px}
.mobile-list{display:flex;flex-direction:column;gap:14px}
.shift-card{
    display:grid;
    gap:13px;
    padding:18px;
    border:1px solid color-mix(in srgb,var(--line) 82%,var(--primary) 18%);
    border-radius:20px;
    box-shadow:0 12px 26px color-mix(in srgb,var(--bg) 72%,transparent);
}
.shift-card-head{display:grid;gap:8px}
.shift-card h2{
    margin:0;
    color:var(--primary);
    font-size:20px;
    line-height:1.18;
    font-weight:950;
}
.shift-card-pills{display:flex;flex-wrap:wrap;gap:8px}
.shift-info-pill{
    display:inline-flex;
    align-items:center;
    max-width:100%;
    min-height:28px;
    padding:5px 10px;
    border-radius:999px;
    font-size:12px;
    line-height:1.2;
    font-weight:850;
}
.shift-date-pill{
    color:#1d4ed8;
    background:color-mix(in srgb,#dbeafe 88%,var(--card) 12%);
}
.shift-time-pill{
    color:#047857;
    background:color-mix(in srgb,#ccfbf1 82%,var(--card) 18%);
    font-weight:900;
}
.shift-team-pill{
    color:#6d28d9;
    background:color-mix(in srgb,#ede9fe 84%,var(--card) 16%);
}
.shift-colleagues-box{
    display:grid;
    gap:4px;
    padding:10px 12px;
    border:1px solid color-mix(in srgb,var(--line) 70%,transparent);
    border-radius:14px;
    background:var(--card2);
    color:var(--muted);
    font-size:12px;
    line-height:1.35;
}
.shift-colleagues-box strong{color:var(--text);font-weight:850}
.shift-meta{display:flex;gap:6px;flex-wrap:wrap;margin:0}

.mobile-shift-card{
    padding:20px !important;
    gap:14px !important;
    border:1px solid color-mix(in srgb,var(--primary) 34%,var(--line)) !important;
    border-radius:22px !important;
    background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 84%,var(--primary) 16%)) !important;
    box-shadow:0 16px 34px color-mix(in srgb,var(--primary) 14%,transparent) !important;
    text-decoration:none;
}
.mobile-shift-card .mobile-shift-destination{
    color:#1d4ed8 !important;
    font-size:21px !important;
    line-height:1.14 !important;
    font-weight:950 !important;
    margin-bottom:2px !important;
}
.mobile-shift-card .mobile-shift-date-pill{
    background:#dbeafe !important;
    color:#1e3a8a !important;
    border:1px solid #93c5fd !important;
    box-shadow:0 5px 14px rgba(37,99,235,.14) !important;
}
.mobile-shift-card .mobile-shift-time-pill{
    background:#ccfbf1 !important;
    color:#065f46 !important;
    border:1px solid #5eead4 !important;
    box-shadow:0 5px 14px rgba(13,148,136,.14) !important;
    font-weight:950 !important;
}
.mobile-shift-card .mobile-shift-team-pill{
    background:#ede9fe !important;
    color:#5b21b6 !important;
    border:1px solid #c4b5fd !important;
    box-shadow:0 5px 14px rgba(124,58,237,.13) !important;
}
.mobile-shift-card .mobile-shift-coworkers{
    background:color-mix(in srgb,#eff6ff 82%,var(--card) 18%) !important;
    border-color:color-mix(in srgb,#bfdbfe 76%,var(--line) 24%) !important;
}
.mobile-shift-card .shift-pill{
    padding:2px 8px !important;
    font-size:10px !important;
    line-height:1.35 !important;
}
html[data-theme="dark"] .mobile-shift-card .mobile-shift-destination{
    color:#93c5fd !important;
}
html[data-theme="dark"] .mobile-shift-card .mobile-shift-date-pill{
    background:rgba(30,64,175,.42) !important;
    color:#dbeafe !important;
    border-color:rgba(147,197,253,.38) !important;
}
html[data-theme="dark"] .mobile-shift-card .mobile-shift-time-pill{
    background:rgba(6,95,70,.48) !important;
    color:#ccfbf1 !important;
    border-color:rgba(94,234,212,.36) !important;
}
html[data-theme="dark"] .mobile-shift-card .mobile-shift-team-pill{
    background:rgba(91,33,182,.48) !important;
    color:#ede9fe !important;
    border-color:rgba(196,181,253,.36) !important;
}
html[data-theme="dark"] .mobile-shift-card .mobile-shift-coworkers{
    background:rgba(15,23,42,.66) !important;
    border-color:rgba(147,197,253,.2) !important;
}

body:has(.mobile-app-shell-header) .topbar,
.mobile-app-mode .topbar{display:none}
body:has(.mobile-app-shell-header) .footer,
.mobile-app-mode .footer{display:none}
body:has(.mobile-app-shell-header) .page,
.mobile-app-mode .page{padding-top:86px;padding-bottom:28px;max-width:1100px}
.mobile-menu-open{overflow:hidden}
.mobile-app-shell-header{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:80;
    min-height:72px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px 18px;
    border-bottom:1px solid rgba(34,211,238,.20);
    background:color-mix(in srgb,var(--bg2) 88%,transparent);
    backdrop-filter:blur(18px);
    box-shadow:0 18px 46px rgba(0,0,0,.26);
}
.mobile-menu-button,
.mobile-menu-close{
    width:46px;
    height:46px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--line);
    border-radius:16px;
    background:var(--card);
    color:var(--text);
    cursor:pointer;
}
.mobile-menu-button{flex-direction:column;gap:5px}
.mobile-menu-button span{width:20px;height:2px;border-radius:999px;background:currentColor}
.mobile-menu-close{font-size:28px;line-height:1}
.mobile-app-brand{
    min-width:0;
    display:flex;
    align-items:center;
    gap:10px;
    color:var(--text);
    font-weight:950;
}
.mobile-app-brand span:last-child,
.mobile-side-title div{display:flex;min-width:0;flex-direction:column;gap:2px}
.mobile-app-brand small,
.mobile-side-title small{color:var(--muted);font-size:12px;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-app-logo{
    width:44px;
    height:44px;
    flex:0 0 44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    color:#fff;
    font-weight:1000;
    background:linear-gradient(135deg,var(--neon-cyan),var(--neon-violet));
    box-shadow:0 0 22px rgba(34,211,238,.22);
    overflow:hidden;
}
.mobile-app-logo img{width:100%;height:100%;object-fit:contain;padding:5px}
.mobile-header-logout{margin-left:auto}
.mobile-side-overlay{
    position:fixed;
    inset:0;
    z-index:90;
    background:rgba(0,0,0,.58);
    backdrop-filter:blur(4px);
    opacity:0;
    transition:opacity .18s ease;
}
.mobile-side-overlay.is-open{opacity:1}
.mobile-side-menu{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    z-index:100;
    width:min(340px,88vw);
    display:flex;
    flex-direction:column;
    gap:16px;
    padding:18px;
    border-right:1px solid rgba(34,211,238,.24);
    background:
        radial-gradient(circle at 20% 0%, rgba(34,211,238,.16), transparent 34%),
        linear-gradient(180deg,var(--card),var(--bg2));
    box-shadow:24px 0 80px rgba(0,0,0,.48);
    transform:translateX(-105%);
    transition:transform .22s ease;
}
.mobile-side-menu.is-open{transform:translateX(0)}
.mobile-side-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mobile-side-title{display:flex;align-items:center;gap:10px;min-width:0}
.mobile-side-nav{display:grid;gap:8px}
.mobile-side-nav a,
.mobile-side-action{
    width:100%;
    min-height:48px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:11px 12px;
    border:1px solid transparent;
    border-radius:16px;
    background:transparent;
    color:var(--text);
    font:inherit;
    font-weight:900;
    text-align:left;
    cursor:pointer;
}
.mobile-side-nav a:hover,
.mobile-side-nav a.active,
.mobile-side-action:hover{
    border-color:rgba(34,211,238,.28);
    background:color-mix(in srgb,var(--primary) 14%,transparent);
}
.mobile-side-nav a.active{
    box-shadow:inset 3px 0 0 var(--neon-green),0 0 24px rgba(34,211,238,.10);
}
.mobile-side-icon{width:28px;text-align:center;font-size:18px}
.mobile-side-nav b{
    margin-left:auto;
    min-width:24px;
    height:24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    color:#fff;
    background:linear-gradient(135deg,var(--neon-red),var(--neon-orange));
    font-size:12px;
}
.mobile-side-preferences{display:grid;gap:8px;margin-top:auto}
.mobile-side-preferences form,
.mobile-side-logout{margin:0}
.mobile-side-action.danger{color:#fecaca;border-color:rgba(255,63,110,.25)}
.mobile-side-powered{margin:0;color:var(--muted);font-size:12px;font-weight:850;text-align:center}
.mobile-profile{display:grid;gap:16px}
.mobile-profile-card{display:grid;gap:16px}
.mobile-profile-card.compact h2{margin:0}
.mobile-profile-head{display:flex;align-items:center;gap:16px}
.mobile-profile-head h1{margin:0;font-size:28px;line-height:1.08}
.mobile-profile-head p{margin:4px 0 0;color:var(--muted);font-weight:900}
.mobile-profile-avatar{
    width:82px;
    height:82px;
    flex:0 0 82px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:28px;
    border:1px solid rgba(34,211,238,.25);
    background:linear-gradient(135deg,var(--neon-cyan),var(--neon-violet));
    color:#fff;
    font-size:28px;
    font-weight:1000;
    box-shadow:0 0 28px rgba(34,211,238,.14);
    overflow:hidden;
}
.mobile-profile-avatar img{width:100%;height:100%;object-fit:cover}
.mobile-profile-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mobile-profile-details div{
    min-width:0;
    padding:12px;
    border:1px solid var(--line);
    border-radius:16px;
    background:var(--card2);
}
.mobile-profile-details span,
.mobile-profile-teams > span{display:block;color:var(--muted);font-size:12px;font-weight:900;margin-bottom:4px}
.mobile-profile-details strong{display:block;word-break:break-word}
.mobile-profile-teams div{display:flex;gap:8px;flex-wrap:wrap}
.mobile-team-chip{
    padding:7px 10px;
    border:1px solid rgba(34,211,238,.22);
    border-radius:999px;
    background:var(--card2);
    font-size:12px;
}
.mobile-team-chip.muted{color:var(--muted)}
.mobile-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.mobile-info-card{display:grid;gap:8px}
.mobile-info-card span{color:var(--muted);font-size:12px;font-weight:900}
.mobile-powered-note{margin:18px 0 0;text-align:center;color:var(--muted);font-weight:850}
@media(max-width:760px){
    body:has(.mobile-app-shell-header) .page,
    .mobile-app-mode .page{padding-top:82px}
    .mobile-app-shell-header{padding:10px 12px;min-height:68px}
    .mobile-header-logout{display:none}
    .mobile-profile-details,
    .mobile-info-grid{grid-template-columns:1fr}
    .mobile-profile-head{align-items:flex-start}
}
.shift-pill{padding:2px 7px;border-radius:999px;font-size:10px;font-weight:800;border:1px solid var(--line);line-height:1.4}
.shift-type{background:color-mix(in srgb,var(--primary) 20%,transparent)}
.shift-status{background:color-mix(in srgb,var(--primary2) 20%,transparent)}
.calendar-mobile-toolbar{display:flex;flex-direction:column;gap:10px;margin:14px 0}
.calendar-mobile-nav,.calendar-mobile-switch{display:flex;gap:8px;flex-wrap:wrap}
.calendar-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.calendar-month-day{display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.calendar-month-day.is-out{opacity:.55}
.calendar-month-day strong{font-size:14px}
.calendar-month-day span{font-size:11px;color:var(--muted)}
@media(max-width:760px){.calendar-month-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

.mobile-day-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}
.mobile-day-heading h2{margin:0;font-size:18px}
.mobile-calendar-month-grid{
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:6px;
    margin-top:14px;
}
.mobile-calendar-day{
    position:relative;
    min-height:86px;
    display:flex;
    flex-direction:column;
    gap:5px;
    padding:8px 6px;
    border:1px solid color-mix(in srgb,var(--line) 78%,transparent);
    border-radius:14px;
    background:color-mix(in srgb,var(--card) 88%,transparent);
    color:var(--text);
    overflow:hidden;
}
.mobile-calendar-day.is-out{opacity:.42}
.mobile-calendar-day.has-shifts{
    border-color:color-mix(in srgb,var(--primary) 46%,var(--line));
    background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 8%,var(--card)),var(--card2));
}
.mobile-calendar-day.is-today:before{
    content:"";
    position:absolute;
    inset:3px;
    border-radius:11px;
    border:1px solid color-mix(in srgb,var(--neon-green) 62%,transparent);
    pointer-events:none;
}
.mobile-calendar-day.is-selected{
    box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 45%,transparent),0 0 20px color-mix(in srgb,var(--primary) 18%,transparent);
}
.mobile-calendar-day-number{
    position:relative;
    z-index:1;
    font-size:14px;
    line-height:1;
    font-weight:950;
}
.mobile-calendar-day-mark{
    align-self:flex-start;
    max-width:100%;
    padding:2px 5px;
    border-radius:999px;
    background:color-mix(in srgb,var(--neon-green) 20%,transparent);
    color:var(--neon-green);
    font-size:9px;
    font-weight:950;
    line-height:1;
    white-space:nowrap;
}
.mobile-calendar-chip-list{display:grid;gap:3px;min-width:0}
.mobile-calendar-chip{
    display:grid;
    grid-template-columns:6px auto minmax(0,1fr);
    align-items:center;
    gap:4px;
    min-width:0;
    padding:3px 4px;
    border-radius:9px;
    color:#fff;
    font-size:10px;
    line-height:1.05;
    box-shadow:0 4px 10px rgba(0,0,0,.14);
}
.mobile-calendar-chip i{width:6px;height:6px;border-radius:999px;background:currentColor;filter:brightness(1.55)}
.mobile-calendar-chip b{font-size:10px;font-weight:950}
.mobile-calendar-chip em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-weight:850}
.mobile-calendar-more{
    padding:2px 4px;
    color:var(--muted);
    font-size:10px;
    font-weight:950;
    white-space:nowrap;
}
.mobile-calendar-type-work{background:linear-gradient(135deg,#2563eb,var(--neon-cyan))}
.mobile-calendar-type-vacation{background:linear-gradient(135deg,#16a34a,var(--neon-green));color:#03200f}
.mobile-calendar-type-sick{background:linear-gradient(135deg,#dc2626,var(--neon-red))}
.mobile-calendar-type-permit{background:linear-gradient(135deg,#0891b2,var(--neon-orange))}
.mobile-calendar-type-training{background:linear-gradient(135deg,#7c3aed,var(--neon-violet))}
.mobile-calendar-type-default{background:linear-gradient(135deg,#64748b,#334155)}
html[data-theme="dark"] .mobile-calendar-day.has-shifts{
    box-shadow:0 0 18px rgba(34,211,238,.10), inset 0 1px 0 rgba(255,255,255,.05);
}
html[data-theme="dark"] .mobile-bottom-nav a.active{
    background:linear-gradient(135deg,var(--neon-cyan),var(--neon-violet));
    box-shadow:0 0 18px rgba(34,211,238,.18);
}
@media(max-width:760px){
    .mobile-calendar-month-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
    .mobile-calendar-day{min-height:76px;padding:6px 4px;border-radius:11px}
    .mobile-calendar-chip{grid-template-columns:5px auto minmax(0,1fr);gap:2px;padding:3px 2px}
    .mobile-calendar-chip b,.mobile-calendar-chip em{font-size:8px}
    .mobile-calendar-more{font-size:9px;padding:0 2px}
}

.planning-hero{
    display:flex;
    align-items:stretch;
    justify-content:space-between;
    gap:18px;
    margin-top:18px;
}
.planning-date-panel{
    flex:1;
    padding:22px;
    border:1px solid var(--line);
    border-radius:18px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 14%,var(--card)),var(--card2));
    box-shadow:var(--shadow);
}
.planning-hero h1{margin:8px 0 6px;font-size:34px;line-height:1.12}
.planning-hero p{margin:0;color:var(--muted);font-weight:850}
.planning-day-nav{
    min-width:230px;
    display:grid;
    align-content:center;
    gap:8px;
}
.planning-alert{margin:14px 0 0}
.planning-summary{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
    margin-top:14px;
}
.planning-summary div{
    padding:14px;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--card);
}
.planning-summary strong{display:block;font-size:24px;line-height:1;color:var(--text)}
.planning-summary span{display:block;margin-top:6px;color:var(--muted);font-size:12px;font-weight:850}
.planning-filters-card{margin-top:14px}
.planning-filters{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    align-items:center;
}
.planning-filters input,
.planning-filters select,
.planning-quick-form input,
.planning-quick-form select,
.planning-quick-form textarea{
    width:100%;
    border:1px solid var(--line);
    background:var(--bg);
    color:var(--text);
    border-radius:12px;
    padding:10px 12px;
    outline:none;
}
.planning-filters label{
    display:flex;
    align-items:center;
    gap:7px;
    color:var(--muted);
    font-size:12px;
    font-weight:850;
}
.planning-filters label input{width:auto}
.planning-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 370px;
    gap:18px;
    align-items:start;
    margin-top:18px;
}
.planning-section-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
}
.planning-section-head h2,
.planning-quick-card h2{margin:0;font-size:18px}
.planning-section-head p,
.planning-quick-head p{margin:4px 0 0;color:var(--muted);font-size:12px}
.planning-destinations{display:flex;flex-direction:column;gap:16px}
.planning-destination-card{
    display:grid;
    grid-template-columns:176px minmax(0,1fr);
    gap:16px;
    padding:16px;
    border:1px solid var(--line);
    border-radius:18px;
    background:linear-gradient(180deg,var(--card),var(--card2));
    box-shadow:var(--shadow);
}
.planning-destination-card.is-selected{
    border-color:color-mix(in srgb,var(--primary) 65%,var(--line));
    box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent),var(--shadow);
}
.planning-destination-media{
    min-height:168px;
    border-radius:14px;
    overflow:hidden;
    border:1px solid var(--line);
    background:linear-gradient(135deg,color-mix(in srgb,#0891b2 28%,var(--card2)),color-mix(in srgb,#10b981 18%,var(--bg2)));
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:30px;
    font-weight:950;
}
.planning-destination-media img,
.planning-resource-card img,
.planning-shift-person img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.planning-destination-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}
.planning-destination-kicker{
    display:flex;
    gap:6px;
    flex-wrap:wrap;
    min-height:22px;
}
.planning-destination-kicker span{
    padding:3px 8px;
    border-radius:999px;
    border:1px solid var(--line);
    color:var(--muted);
    font-size:11px;
    font-weight:900;
}
.planning-destination-body h3{margin:6px 0 4px;font-size:22px;line-height:1.15}
.planning-destination-body p{margin:0;color:var(--muted);font-size:13px}
.planning-destination-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.planning-destination-meta{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin-top:10px;
    color:var(--muted);
    font-size:12px;
}
.planning-count-badge{white-space:nowrap}
.planning-assignment-list{display:grid;gap:10px;margin-top:14px}
.planning-assignment{
    display:grid;
    grid-template-columns:72px minmax(0,1fr) auto;
    gap:12px;
    align-items:start;
    border:1px solid var(--line);
    border-left:4px solid #10b981;
    border-radius:14px;
    padding:12px;
    background:var(--card2);
}
.planning-shift-time{
    min-height:62px;
    display:grid;
    align-content:center;
    justify-items:center;
    border-radius:12px;
    background:color-mix(in srgb,var(--primary) 10%,var(--bg));
    border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));
}
.planning-shift-time strong{font-size:16px}
.planning-shift-time span{font-size:13px;color:var(--muted);font-weight:900}
.planning-shift-main{min-width:0}
.planning-shift-person,
.planning-assignment-badges,
.planning-colleagues,
.planning-selection{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}
.planning-shift-person{align-items:center}
.planning-shift-person img,
.planning-shift-person .planning-avatar{
    width:42px;
    height:42px;
    border-radius:11px;
}
.planning-shift-person strong{display:block;font-size:15px}
.planning-shift-person small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.planning-assignment-badges{margin-top:8px}
.planning-note{
    margin:9px 0 0;
    padding:8px 10px;
    border-radius:10px;
    background:color-mix(in srgb,var(--bg) 70%,transparent);
    color:var(--muted);
    font-size:12px;
}
.planning-type{border-color:color-mix(in srgb,#10b981 45%,transparent)}
.planning-status{border-color:color-mix(in srgb,#f59e0b 45%,transparent)}
.planning-overnight{color:#fff;background:linear-gradient(135deg,#7c3aed,#0ea5e9);border-color:transparent}
.planning-assignment-actions{align-self:start}
.planning-delete{
    background:transparent;
    border:0;
    padding:0;
    cursor:pointer;
    font-weight:900;
}
.planning-no-assignment{
    padding:14px;
    border:1px dashed var(--line);
    border-radius:14px;
    background:color-mix(in srgb,var(--bg) 64%,transparent);
}
.planning-no-assignment strong{display:block}
.planning-no-assignment span{display:block;margin-top:4px;color:var(--muted);font-size:12px}
.planning-colleagues{margin-top:12px}
.planning-sidebar{display:flex;flex-direction:column;gap:14px;position:sticky;top:96px}
.planning-quick-card{border-color:color-mix(in srgb,var(--primary) 24%,var(--line))}
.planning-quick-head{margin-bottom:12px}
.planning-quick-form{display:grid;gap:10px}
.planning-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.planning-quick-form label{
    display:grid;
    gap:6px;
    font-size:12px;
    font-weight:900;
    color:var(--muted);
    text-transform:uppercase;
    letter-spacing:.06em;
}
.planning-selection{align-items:stretch}
.planning-selection span{
    flex:1 1 140px;
    min-height:56px;
    display:grid;
    align-content:center;
    gap:4px;
    padding:10px;
    border:1px dashed var(--line);
    border-radius:12px;
    color:var(--text);
    background:var(--card2);
}
.planning-selection small{color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase}
.planning-selection strong{font-size:13px}
.planning-form-attention{box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 30%,transparent)}
.planning-resource-list{display:grid;gap:10px}
.planning-resource-card{
    width:100%;
    display:grid;
    grid-template-columns:54px minmax(0,1fr);
    gap:10px;
    align-items:center;
    text-align:left;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--card2);
    color:var(--text);
    padding:9px;
    cursor:pointer;
}
.planning-resource-card:hover,
.planning-resource-card:focus-visible,
.planning-resource-card.is-selected{
    border-color:color-mix(in srgb,var(--primary) 55%,var(--line));
    box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent);
}
.planning-resource-card img,
.planning-avatar{
    width:54px;
    height:54px;
    border-radius:12px;
}
.planning-avatar{
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#0891b2,#10b981);
    color:#fff;
    font-weight:950;
}
.planning-resource-card strong{display:block;font-size:14px}
.planning-resource-card em{font-style:normal;color:#f59e0b;margin-left:5px}
.planning-resource-card small{
    display:block;
    color:var(--muted);
    font-size:12px;
    margin-top:2px;
}
.planning-empty{color:var(--muted)}
.planning-create-card,.planning-review-card{display:grid;gap:18px;margin-top:14px}
.planning-create-form{display:grid;gap:18px}
.planning-create-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.planning-create-grid label,.planning-row-item label{display:grid;gap:6px;color:var(--muted);font-weight:850;font-size:13px}
.planning-create-grid input,.planning-create-grid textarea,.planning-row-item select{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:12px;padding:10px 12px;outline:none}
.planning-create-grid textarea{resize:vertical}
.planning-create-wide{grid-column:span 2}
.planning-create-section{display:grid;gap:12px}
.planning-row-list{display:grid;gap:10px}
.planning-row-item{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:end;border:1px solid var(--line);background:var(--card2);border-radius:14px;padding:12px}
.planning-row-item>.badge{align-self:center}
.planning-review-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.planning-review-summary div{border:1px solid var(--line);background:var(--card2);border-radius:14px;padding:12px}
.planning-review-summary strong{display:block;font-size:20px;color:var(--text)}
.planning-review-summary span{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:850}
.planning-review-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:320px;overflow:auto;padding-right:4px}
.planning-review-item{display:grid;gap:4px;border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:10px}
.planning-review-item span{color:var(--muted);font-size:13px}
.planning-review-item em{font-style:normal;color:var(--danger);font-weight:900}
.planning-review-item.has-conflict{border-color:color-mix(in srgb,var(--danger) 55%,var(--line))}
.planning-confirm-form{align-items:center}
.planning-board-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:18px 0}
.planning-board-hero h1{margin:8px 0 6px;font-size:32px;line-height:1.12}
.planning-board-hero p{margin:0;color:var(--muted);font-weight:850}
.planning-board-date{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.planning-board-date input{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:12px;padding:10px 12px}
.planning-board-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.planning-board-stats div{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:14px}
.planning-board-stats strong{display:block;font-size:24px}
.planning-board-stats span{display:block;margin-top:5px;color:var(--muted);font-size:12px;font-weight:850}
.planning-board{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(640px,1.9fr) minmax(260px,.62fr);gap:14px;align-items:start}
.planning-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.planning-panel-head h2{margin:4px 0 0;font-size:18px}
.planning-resources-panel,.planning-summary-panel{position:sticky;top:92px;max-height:calc(100vh - 116px);overflow:auto}
.planning-resource-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.planning-resource-filters label,.planning-destination-search{display:grid;gap:6px;color:var(--muted);font-weight:850;font-size:12px}
.planning-resource-filters input,.planning-resource-filters select,.planning-destination-search input,.planning-modal-tools input,.planning-modal-resource input,.planning-modal-resource select{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:12px;padding:9px 10px}
.planning-filter-check{display:flex!important;align-items:center;gap:8px}
.planning-filter-check input{width:auto}
.planning-source-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;padding:4px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}
.planning-source-tabs button{border:0;border-radius:10px;background:transparent;color:var(--muted);font-weight:950;padding:9px 10px;cursor:pointer}
.planning-source-tabs button.is-active{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 18%,transparent)}
.planning-selection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-3px 0 12px;border:1px solid color-mix(in srgb,var(--primary) 32%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--primary) 10%,var(--card2));padding:8px 10px}
.planning-selection-toolbar span{color:var(--muted);font-size:12px;font-weight:900}
.planning-selection-toolbar strong{color:var(--text)}
.planning-source-panel[hidden]{display:none}
.planning-board-resource-list{display:grid;gap:9px}
.planning-board-resource{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:10px;cursor:grab}
.planning-board-resource:not(.planning-board-team){grid-template-columns:auto auto minmax(0,1fr)}
.planning-board-resource.is-dragging{opacity:.55}
.planning-board-resource.is-busy{border-color:color-mix(in srgb,#f59e0b 38%,var(--line))}
.planning-board-resource.is-selected{border-color:color-mix(in srgb,var(--primary) 62%,var(--line));background:color-mix(in srgb,var(--primary) 12%,var(--bg));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 18%,transparent)}
.planning-resource-select{width:24px;height:24px;display:inline-grid!important;place-items:center;cursor:pointer}
.planning-resource-select input{position:absolute;opacity:0;pointer-events:none}
.planning-resource-select span{width:20px;height:20px;border:1px solid color-mix(in srgb,var(--primary) 38%,var(--line));border-radius:7px;background:color-mix(in srgb,var(--card2) 82%,var(--bg));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.planning-resource-select input:checked+span{border-color:transparent;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-violet));box-shadow:0 0 16px color-mix(in srgb,var(--primary) 40%,transparent)}
.planning-resource-select input:checked+span::after{content:"";display:block;width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translate(5px,5px) rotate(-45deg)}
.planning-board-team{border-color:color-mix(in srgb,var(--primary2) 40%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--primary2) 9%,var(--bg)),var(--bg))}
.planning-board-team.is-empty-team{cursor:not-allowed;opacity:.72;border-style:dashed}
.planning-board-resource img,.planning-board-resource .planning-avatar{width:42px;height:42px;border-radius:12px;object-fit:cover}
.planning-team-avatar{background:linear-gradient(135deg,var(--primary2),var(--primary))}
.planning-resource-main strong{display:block}
.planning-board-team .planning-resource-main strong{display:flex;align-items:center;gap:7px}
.planning-resource-main small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.planning-resource-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}
.planning-resource-badges em{font-style:normal;border:1px solid var(--line);border-radius:999px;padding:2px 6px;color:var(--muted);font-size:11px;font-weight:900}
.planning-team-warning{border-color:color-mix(in srgb,var(--danger) 48%,var(--line))!important;color:var(--danger)!important}
.planning-team-color{width:10px;height:10px;border-radius:999px;display:inline-block;background:var(--primary);box-shadow:0 0 10px color-mix(in srgb,var(--primary) 30%,transparent);flex:0 0 auto}
.planning-team-color-blue{background:#2563eb}
.planning-team-color-purple{background:#7c3aed}
.planning-team-color-green{background:#10b981}
.planning-team-color-orange{background:#f59e0b}
.planning-team-color-red{background:#ef4444}
.planning-team-color-gray{background:#64748b}
.planning-destinations-board{min-height:520px}
.planning-destination-sections{display:grid;gap:14px}
.planning-destination-section{display:grid;gap:10px;border:1px solid var(--line);border-radius:16px;background:var(--bg);padding:12px}
.planning-destination-section.is-special{border-color:color-mix(in srgb,#f59e0b 42%,var(--line));background:color-mix(in srgb,#f59e0b 7%,var(--bg))}
.planning-destination-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.planning-destination-section-head h3{margin:0;font-size:15px;letter-spacing:0;text-transform:none}
.planning-destination-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:12px}
.planning-destination-dropzone{display:grid;gap:10px;border:1px solid var(--line);background:var(--card2);border-radius:14px;padding:12px;min-height:210px;transition:border-color .18s ease,box-shadow .18s ease}
.planning-destination-dropzone.is-special{border-color:color-mix(in srgb,#f59e0b 45%,var(--line));background:color-mix(in srgb,#f59e0b 9%,var(--card2))}
.planning-destination-dropzone.is-drop-target{border-color:color-mix(in srgb,var(--primary) 65%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}
.planning-board.is-touch-mode .planning-board-resource{cursor:default;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.planning-board-resource.is-touch-pressing{border-color:color-mix(in srgb,var(--warning) 72%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--warning) 18%,transparent)}
.planning-board.is-touch-selecting .planning-destination-dropzone.is-touch-target-active{border-color:color-mix(in srgb,var(--neon-cyan) 76%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--neon-cyan) 18%,transparent),0 0 26px color-mix(in srgb,var(--primary) 20%,transparent)}
.planning-touch-bar[hidden]{display:none!important}
.planning-touch-bar{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));z-index:1300;width:min(680px,calc(100% - 24px));transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid color-mix(in srgb,var(--primary) 42%,var(--line));border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--card) 94%,var(--primary) 6%),color-mix(in srgb,var(--card2) 88%,var(--primary2) 12%));box-shadow:0 18px 54px rgba(0,0,0,.36),0 0 30px color-mix(in srgb,var(--primary) 18%,transparent);padding:10px 12px}
.planning-touch-bar-count{display:flex;align-items:baseline;gap:7px;min-width:0;color:var(--text);font-weight:950}
.planning-touch-bar-count strong{font-size:20px;color:var(--neon-cyan)}
.planning-touch-bar-count span,.planning-touch-bar-hint{font-size:13px;color:var(--muted);font-weight:900;white-space:nowrap}
.planning-touch-bar-hint{color:var(--text)}
.planning-touch-bar .btn{min-height:38px;padding:8px 13px;white-space:nowrap}
.planning-destination-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:flex-start;gap:10px}
.planning-destination-top:not(:has(.planning-destination-thumb)){grid-template-columns:minmax(0,1fr) auto}
.planning-destination-thumb{width:46px;height:46px;border-radius:12px;object-fit:cover;border:1px solid color-mix(in srgb,var(--primary) 26%,var(--line));background:var(--bg)}
.planning-destination-top h3{margin:0;font-size:18px}
.planning-destination-top p{margin:4px 0 0;color:var(--muted);font-size:12px}
.planning-destination-tags,.planning-existing-shifts,.planning-drop-list{display:flex;gap:6px;flex-wrap:wrap}
.planning-special{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;border-color:transparent}
.planning-existing-shifts span{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 7px}
.planning-drop-list{min-height:48px;border:1px dashed var(--line);border-radius:12px;padding:8px;align-content:flex-start}
.planning-drop-empty{margin:0;color:var(--muted);font-size:12px;font-weight:850}
.planning-assigned-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--primary) 45%,var(--line));border-radius:999px;background:var(--bg);padding:5px 8px;font-size:12px}
.planning-assigned-chip button{border:0;background:transparent;color:var(--muted);cursor:pointer;font-weight:900}
.planning-summary-list{display:grid;gap:8px;max-height:420px;overflow:auto;padding-right:3px}
.planning-summary-destination{border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:10px}
.planning-summary-destination h3{margin:0 0 6px;font-size:13px;line-height:1.2}
.planning-summary-destination ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.planning-summary-destination li{display:grid;gap:1px;border-radius:8px;padding:5px 6px;background:var(--card2)}
.planning-summary-destination li.has-conflict{outline:1px solid color-mix(in srgb,var(--danger) 58%,var(--line));background:color-mix(in srgb,var(--danger) 10%,var(--card2))}
.planning-summary-destination li span{font-size:12px;font-weight:850;color:var(--text)}
.planning-summary-destination li small{font-size:11px;color:var(--muted)}
.planning-summary-panel .btn{width:100%;margin-top:12px}
html[data-theme="dark"] .planning-resources-panel,
html[data-theme="dark"] .planning-destinations-board,
html[data-theme="dark"] .planning-summary-panel,
html[data-theme="dark"] .planning-board-stats div{background:linear-gradient(180deg,#111f38,#0d1a30);border-color:rgba(125,211,252,.22)}
html[data-theme="dark"] .planning-board-resource,
html[data-theme="dark"] .planning-destination-section,
html[data-theme="dark"] .planning-summary-destination{background:#12213a;border-color:rgba(148,163,184,.24)}
html[data-theme="dark"] .planning-destination-dropzone,
html[data-theme="dark"] .planning-summary-destination li{background:#172945;border-color:rgba(148,163,184,.26)}
html[data-theme="dark"] .planning-resource-main small,
html[data-theme="dark"] .planning-destination-top p,
html[data-theme="dark"] .planning-summary-destination li small,
html[data-theme="dark"] .planning-board-stats span{color:#b8c7dc}
.planning-stat-breakdown{display:block;margin-top:6px;color:var(--muted);font-size:11px;font-weight:900;line-height:1.25}
html[data-theme="dark"] .planning-stat-breakdown{color:#b8c7dc}
.planning-modal{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:rgba(2,6,23,.72);backdrop-filter:blur(5px);padding:22px}
.planning-modal:has([data-planning-modal-resources]){align-items:flex-start}
.planning-modal[hidden]{display:none}
.planning-modal-panel{width:min(980px,100%);max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 24px 80px rgba(0,0,0,.45);padding:18px;display:grid;gap:14px}
.planning-date-modal .planning-modal-panel,.planning-modal-panel:has([data-planning-modal-resources]){width:min(1120px,100%);scrollbar-width:thin}
.planning-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.planning-modal-head h2{margin:4px 0 0}
.planning-modal-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:end;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--card2) 86%,var(--primary) 14%),var(--card2));border-radius:16px;padding:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.planning-modal-tools label{flex:1 1 138px;min-width:132px}
.planning-modal-tools .link-btn{min-height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--primary) 26%,var(--line));border-radius:999px;padding:9px 12px;background:color-mix(in srgb,var(--panel) 76%,var(--primary) 10%);color:var(--text);font-size:12px;text-decoration:none;white-space:normal;text-align:center;line-height:1.15;flex:0 1 auto;max-width:190px}
.planning-modal-tools .link-btn:hover{border-color:var(--primary);box-shadow:0 0 18px color-mix(in srgb,var(--primary) 20%,transparent)}
.planning-modal-tools label,.planning-modal-resource label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:850}
.planning-modal-resource-list{display:grid;gap:12px}
.planning-modal-resource{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(360px,1.15fr);gap:14px;align-items:stretch;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--line));border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 90%,var(--primary) 10%),color-mix(in srgb,var(--bg) 92%,var(--neon-violet) 8%));padding:14px;box-shadow:0 18px 48px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.045)}
.planning-modal-resource-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.planning-modal-team-group{display:grid;gap:12px;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--line));border-radius:18px;padding:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 82%,#fff 18%),color-mix(in srgb,var(--bg) 88%,var(--primary) 5%));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 34px rgba(0,0,0,.16)}
.planning-modal-team-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--card2) 78%,#fff 22%)}
.planning-modal-team-group-head strong{font-size:14px;text-transform:uppercase;letter-spacing:.025em;color:color-mix(in srgb,var(--text) 82%,#000 18%);font-weight:950}
.planning-modal-team-group-head .badge{background:color-mix(in srgb,var(--primary) 16%,#fff 84%);border-color:color-mix(in srgb,var(--primary) 32%,var(--line));color:color-mix(in srgb,var(--text) 88%,#000 12%);font-weight:950}
.planning-modal-team-group-list{display:grid;gap:12px}
.planning-resource-meta{display:flex;flex-direction:column;justify-content:space-between;gap:14px;min-width:0}
.planning-modal-resource-fields{display:grid;grid-template-columns:1fr;gap:10px}
.planning-modal-resource strong,.planning-modal-resource small{display:block}
.planning-modal-resource small{color:var(--muted);font-size:11px;margin-top:3px}
.planning-selected-days-badge{display:inline-flex!important;align-items:center;width:fit-content;max-width:100%;border:1px solid color-mix(in srgb,var(--primary) 36%,var(--line));border-radius:999px;padding:5px 9px;background:color-mix(in srgb,var(--primary) 13%,transparent);color:var(--text);font-size:11px;font-weight:900;line-height:1.2}
.planning-resource-calendar,.planning-calendar{border:1px solid color-mix(in srgb,var(--primary) 32%,var(--line));border-radius:16px;padding:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 86%,#020617 14%),color-mix(in srgb,var(--bg) 78%,#020617 22%));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 42px rgba(0,0,0,.2)}
.planning-calendar-head,.planning-calendar-header{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:10px;margin-bottom:10px}
.planning-calendar-head strong,.planning-calendar-header strong{text-align:center;font-size:15px;color:var(--text);letter-spacing:0;font-weight:950}
.planning-calendar-nav{width:34px;height:34px;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 36%,var(--line));background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--primary) 24%,transparent),var(--bg));color:var(--text);font-size:22px;line-height:1;cursor:pointer;display:inline-grid;place-items:center;box-shadow:0 0 16px color-mix(in srgb,var(--primary) 12%,transparent)}
.planning-calendar-nav:hover{border-color:var(--primary);color:#fff;box-shadow:0 0 20px color-mix(in srgb,var(--primary) 32%,transparent)}
.planning-calendar-weekdays,.planning-calendar-grid{display:grid;grid-template-columns:repeat(7,34px);gap:6px;justify-content:center}
.planning-calendar-weekday{text-align:center;font-size:10px;font-weight:950;color:color-mix(in srgb,var(--warning) 72%,var(--neon-cyan) 28%);text-transform:uppercase}
.planning-calendar-day{width:34px;height:34px;min-height:34px;border-radius:11px;display:inline-grid;place-items:center;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);background:color-mix(in srgb,var(--bg) 86%,#020617 14%);color:var(--text);font-weight:900;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease}
.planning-calendar-day:hover{transform:translateY(-1px);border-color:var(--neon-cyan);box-shadow:0 0 0 2px color-mix(in srgb,var(--neon-cyan) 18%,transparent),0 0 18px color-mix(in srgb,var(--neon-cyan) 24%,transparent)}
.planning-calendar-day.is-today{border-color:color-mix(in srgb,var(--warning) 82%,#fff 18%);color:var(--warning);box-shadow:0 0 0 1px color-mix(in srgb,var(--warning) 20%,transparent)}
.planning-calendar-day.is-selected{border-color:color-mix(in srgb,#fff 38%,var(--neon-cyan) 62%);background:linear-gradient(135deg,var(--neon-cyan),var(--neon-violet));color:#fff;box-shadow:0 0 0 1px color-mix(in srgb,#fff 22%,transparent),0 0 22px color-mix(in srgb,var(--neon-cyan) 50%,transparent),0 0 34px color-mix(in srgb,var(--neon-violet) 28%,transparent)}
.planning-calendar-day.is-selected.is-today{color:#fff;border-color:color-mix(in srgb,var(--warning) 55%,#fff 45%)}
.planning-calendar-day.is-empty{visibility:hidden;pointer-events:none;background:transparent;border-color:transparent;box-shadow:none}

.assignments-hero{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    margin-bottom:16px;
}
.assignments-hero h1{margin:8px 0 4px;font-size:34px;line-height:1.12}
.assignments-hero p{margin:0;color:var(--muted);font-weight:800}
.assignments-summary{
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:10px;
    margin-bottom:14px;
}
.assignments-summary div{
    padding:14px;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--card);
    box-shadow:var(--shadow);
}
.assignments-summary strong{display:block;font-size:23px;line-height:1;color:var(--text)}
.assignments-summary span{display:block;margin-top:6px;color:var(--muted);font-size:12px;font-weight:850}
.assignments-filter-card{margin-bottom:14px}
.assignments-filters{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    align-items:end;
}
.assignments-filters label{
    display:grid;
    gap:6px;
    color:var(--muted);
    font-size:12px;
    font-weight:850;
}
.assignments-filters input,
.assignments-filters select,
.assignment-form input,
.assignment-form select,
.assignment-form textarea{
    width:100%;
    border:1px solid var(--line);
    background:var(--bg);
    color:var(--text);
    border-radius:12px;
    padding:10px 12px;
}
.assignments-filters .assignments-check,
.assignment-check{
    display:flex;
    align-items:center;
    gap:8px;
    min-height:42px;
}
.assignments-filters .assignments-check input,
.assignment-check input{width:auto}
.assignments-search{grid-column:span 2}
.assignments-list-card{overflow:hidden}
.assignments-empty{margin:0;color:var(--muted)}
.assignments-consult-hero .link-btn{align-self:flex-start}
.assignments-consult-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
.assignments-consult-filters{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}
.assignments-view-switch,.assignments-range-nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.assignments-view-switch{grid-column:1/-1}
.assignments-range-nav{grid-column:1/-1;justify-content:flex-end}
.assignments-view-switch .is-active{border-color:color-mix(in srgb,var(--primary) 60%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}
.assignments-day-list{display:grid;gap:14px}
.assignments-day-block{display:grid;gap:8px}
.assignments-day-block h2{display:flex;align-items:center;gap:8px;margin:0;font-size:16px}
.assignments-day-block h2 span{display:inline-flex;min-width:26px;height:26px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px}
.assignments-export-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.assignments-consult-board{display:grid;gap:12px}
.assignments-board-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.assignments-board-title h2{margin:4px 0 0;font-size:24px}
.assignments-destination-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.assignments-destination-card{display:grid;gap:8px;border:1px solid var(--line);border-radius:14px;background:var(--card);padding:10px}
.assignments-destination-card.is-special{border-color:color-mix(in srgb,#f59e0b 46%,var(--line));background:color-mix(in srgb,#f59e0b 8%,var(--card))}
.assignments-destination-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding-bottom:8px}
.assignments-destination-card h3{margin:0;font-size:16px;line-height:1.2}
.assignments-destination-card p{margin:3px 0 0;color:var(--muted);font-size:12px}
.assignments-destination-card-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.assignments-employee-list{display:grid;gap:7px}
.assignments-employee-row{display:grid;grid-template-columns:98px minmax(0,1fr) minmax(132px,.72fr) auto;gap:10px;align-items:start;border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:9px;min-width:0}
.assignments-employee-time{display:grid;gap:2px;align-content:start;min-width:0}
.assignments-employee-time strong{display:block;font-size:13px}
.assignments-employee-time small{color:var(--muted);font-size:11px}
.assignments-employee-main{min-width:0;display:grid;gap:3px}
.assignments-employee-main strong{display:block;min-width:0;font-size:13px;line-height:1.25;overflow-wrap:anywhere}
.assignments-employee-main small,.assignments-employee-main em{display:block;color:var(--muted);font-size:11px;line-height:1.3;font-style:normal;overflow-wrap:anywhere}
.assignments-employee-meta{display:flex;min-width:0;align-items:flex-start;justify-content:flex-end;gap:5px;flex-wrap:wrap}
.assignments-employee-meta .badge{max-width:100%;white-space:normal;line-height:1.15;text-align:center}
.assignments-employee-meta small{color:var(--muted);font-size:11px}
.assignments-compact-list{display:grid;gap:8px}
.assignments-compact-row{display:grid;grid-template-columns:82px minmax(0,1.5fr) minmax(130px,.7fr) auto;gap:10px;align-items:center;border:1px solid var(--line);background:var(--card2);border-radius:12px;padding:10px}
.assignments-compact-time{display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--bg);padding:8px}
.assignments-compact-time strong{font-size:16px}
.assignments-compact-time span{color:var(--muted);font-size:12px;font-weight:900}
.assignments-compact-main strong{display:block}
.assignments-compact-main span,.assignments-compact-meta small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.assignments-compact-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.assignments-secondary-actions{opacity:.86}
.assignments-employee-row:hover .assignments-secondary-actions{opacity:1}
.assignments-compact-row:hover .assignments-secondary-actions{opacity:1}
.assignments-table{display:grid;gap:10px}
.assignments-table-head,
.assignments-row{
    display:grid;
    grid-template-columns:1fr 1.45fr 1.55fr 1fr 1.15fr auto;
    gap:12px;
    align-items:center;
}
.assignments-table-head{
    padding:0 4px 8px;
    color:var(--muted);
    font-size:11px;
    font-weight:950;
    text-transform:uppercase;
    border-bottom:1px solid var(--line);
}
.assignments-row{
    padding:12px;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--card2);
}
.assignments-date strong,
.assignments-duration strong{display:block;font-size:15px}
.assignments-date span,
.assignments-duration span,
.assignments-duration em{
    display:block;
    margin-top:3px;
    color:var(--muted);
    font-style:normal;
    font-size:12px;
}
.assignments-date em{
    display:inline-flex;
    margin-top:7px;
    padding:4px 8px;
    border-radius:999px;
    color:#fff;
    font-size:11px;
    font-style:normal;
    font-weight:900;
    background:linear-gradient(135deg,#7c3aed,#0ea5e9);
}
.assignments-person,
.assignments-destination{
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    gap:10px;
    align-items:center;
    min-width:0;
}
.assignments-person img,
.assignments-destination img,
.assignments-avatar{
    width:46px;
    height:46px;
    border-radius:12px;
}
.assignments-person img,
.assignments-destination img{object-fit:cover}
.assignments-avatar{
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#0891b2,#10b981);
    color:#fff;
    font-size:13px;
    font-weight:950;
}
.assignments-avatar.destination{background:linear-gradient(135deg,#f59e0b,#ef4444)}
.assignments-person strong,
.assignments-destination strong{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.assignments-person small,
.assignments-destination small{
    display:block;
    margin-top:3px;
    color:var(--muted);
    font-size:12px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.assignments-state{
    display:flex;
    align-items:flex-start;
    gap:6px;
    flex-wrap:wrap;
}
.assignments-state small{
    flex-basis:100%;
    color:var(--muted);
    font-size:12px;
    line-height:1.35;
}
.assignments-actions{
    display:flex;
    gap:7px;
    justify-content:flex-end;
    flex-wrap:wrap;
}
.assignment-form-card,
.assignment-delete-card{max-width:980px;margin:18px auto}
.assignment-form-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:16px;
}
.assignment-form-head h1,
.assignment-delete-card h1{margin:8px 0 4px}
.assignment-form-head p,
.assignment-delete-card p{margin:0;color:var(--muted);font-weight:800}
.form-grid,
.assignment-form{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    align-items:start;
}
.form-field,
.assignment-form label{
    display:grid;
    gap:6px;
    color:var(--muted);
    font-size:12px;
    font-weight:850;
    align-content:start;
    min-width:0;
}
.form-help{display:block;color:var(--muted);font-size:12px;line-height:1.35;font-weight:800}
.assignment-form .form-check-list{align-self:end;justify-content:center;min-height:42px;margin:0 0 2px}
.assignment-form .form-check-row{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:max-content;max-width:100%;margin:0;color:var(--text);font-size:14px;font-weight:850;letter-spacing:0;text-transform:none;cursor:pointer}
.assignment-form .form-check-input{width:18px;min-width:18px;height:18px;margin:0;padding:0;flex:0 0 18px;border-radius:5px;cursor:pointer}
.assignment-form .form-check-label{line-height:1.25}
.assignment-form-wide{grid-column:1/-1}
.assignment-duration-preview{
    display:grid;
    gap:4px;
    padding:12px;
    border:1px dashed var(--line);
    border-radius:14px;
    background:var(--card2);
}
.assignment-duration-preview span{font-weight:900;color:var(--text)}
.assignment-duration-preview small{color:var(--muted);font-size:12px}
.assignment-conflicts{
    display:grid;
    gap:6px;
    margin:0 0 14px;
    padding:12px;
    border:1px solid color-mix(in srgb,var(--danger) 38%,var(--line));
    border-radius:14px;
    background:color-mix(in srgb,var(--danger) 8%,var(--card));
}
.assignment-conflicts strong{color:var(--danger)}
.assignment-conflicts span{color:var(--muted);font-size:13px}
.assignment-delete-summary{
    display:grid;
    gap:5px;
    margin:16px 0;
    padding:14px;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--card2);
}
.assignment-delete-summary span,
.assignment-delete-summary small{color:var(--muted)}
.print-page{background:#fff;color:#111}
.assignments-print-page{max-width:1120px;margin:0 auto;padding:24px;font-family:Arial,sans-serif}
.assignments-print-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.assignments-print-head h1{margin:4px 0 0;font-size:26px}
@media print{
    .print-hide{display:none!important}
    .assignments-print-page{padding:0}
    .assignments-destination-grid{grid-template-columns:1fr}
    .assignments-destination-card,.assignments-employee-row{break-inside:avoid}
}
@media(max-width:1150px){
    .assignments-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
    .assignments-filters,.assignments-consult-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
    .assignments-table-head{display:none}
    .assignments-row{grid-template-columns:repeat(2,minmax(0,1fr))}
    .assignments-compact-row{grid-template-columns:76px minmax(0,1fr) minmax(120px,.6fr)}
    .assignments-secondary-actions{grid-column:2/-1;justify-content:flex-start}
    .assignments-actions{justify-content:flex-start}
    .planning-layout{grid-template-columns:1fr}
    .planning-sidebar{position:static}
    .planning-board{grid-template-columns:1fr}
    .planning-resources-panel,.planning-summary-panel{position:static;max-height:none}
    .planning-destination-grid{grid-template-columns:1fr}
    .planning-modal-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
    .planning-modal-resource{grid-template-columns:1fr}
    .planning-modal-resource-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
    .assignments-hero,
    .assignment-form-head{align-items:flex-start;flex-direction:column}
    .assignments-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
    .assignments-filters,.assignments-consult-filters,.planning-create-grid,.planning-review-list{grid-template-columns:1fr}
    .assignments-destination-grid{grid-template-columns:1fr}
    .assignments-employee-row{grid-template-columns:90px minmax(0,1fr)}
    .assignments-employee-meta,.assignments-employee-row .assignments-actions{justify-content:flex-start}
    .assignments-employee-meta,.assignments-employee-row .assignments-actions{grid-column:2/-1}
    .planning-row-item{grid-template-columns:1fr}
    .planning-review-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
    .assignments-search{grid-column:auto}
    .planning-hero{flex-direction:column}
    .planning-day-nav{min-width:0;grid-template-columns:repeat(3,minmax(0,1fr))}
    .planning-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
    .planning-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
    .planning-destination-card{grid-template-columns:1fr}
    .planning-destination-media{min-height:150px}
    .planning-board-hero{align-items:flex-start;flex-direction:column}
    .planning-board-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
    .planning-resource-filters,.planning-modal-tools,.planning-modal-resource-fields{grid-template-columns:1fr}
    .planning-modal-resource-head{flex-direction:column}
    .planning-calendar-weekdays,.planning-calendar-grid{grid-template-columns:repeat(7,minmax(28px,34px))}
}
@media(max-width:680px){
    .assignments-hero h1{font-size:26px}
    .assignments-summary,
    .assignments-filters,
    .assignments-row,
    .assignments-compact-row,
    .assignment-form{grid-template-columns:1fr}
    .assignments-employee-row{grid-template-columns:1fr}
    .assignments-employee-meta,.assignments-employee-row .assignments-actions{grid-column:auto}
    .assignments-secondary-actions{grid-column:auto}
    .planning-review-summary{grid-template-columns:1fr}
    .planning-hero h1{font-size:26px}
    .planning-day-nav,
    .planning-summary,
    .planning-board-stats,
    .planning-filters,
    .planning-quick-grid{grid-template-columns:1fr}
    .planning-destination-head{flex-direction:column}
    .planning-destination-actions{justify-content:flex-start}
    .planning-assignment{grid-template-columns:1fr}
    .planning-shift-time{justify-items:start;padding:10px}
}
@media(max-width:1024px),(hover:none) and (pointer:coarse){
    .page:has([data-planning-board]){width:calc(100% - 14px)}
    .planning-board-hero{gap:10px;margin:12px 0}
    .planning-board-hero h1{font-size:clamp(24px,5vw,30px)}
    .planning-board-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
    .planning-board-stats div{padding:10px;border-radius:12px}
    .planning-board-stats strong{font-size:20px}
    .planning-board{grid-template-columns:1fr;gap:10px;padding-bottom:84px}
    .planning-resources-panel{position:sticky;top:70px;z-index:45;max-height:none;overflow:visible;padding:10px;border-radius:16px}
    .planning-summary-panel{position:static;max-height:none;padding:10px;border-radius:16px}
    .planning-panel-head{margin-bottom:8px}
    .planning-panel-head h2{font-size:16px}
    .planning-resource-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:9px}
    .planning-resource-filters label{font-size:11px}
    .planning-resource-filters input,.planning-resource-filters select,.planning-destination-search input{min-height:38px;padding:8px 9px;border-radius:11px;font-size:13px}
    .planning-source-tabs{margin-bottom:9px}
    .planning-selection-toolbar{margin:0 0 9px;padding:7px 9px}
    .planning-board-resource-list{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;padding:1px 2px 7px;scrollbar-width:thin}
    .planning-board-resource{flex:0 0 224px;min-height:58px;grid-template-columns:auto auto minmax(0,1fr)!important;gap:8px;padding:8px;border-radius:13px;scroll-snap-align:start}
    .planning-board-resource img,.planning-board-resource .planning-avatar{width:38px;height:38px;border-radius:11px}
    .planning-resource-main strong{font-size:13px;line-height:1.15}
    .planning-resource-main small{font-size:11px}
    .planning-resource-badges{gap:4px;margin-top:4px}
    .planning-resource-badges em{font-size:10px;padding:2px 5px}
    .planning-resource-select{width:28px;height:28px}
    .planning-destinations-board{min-height:0}
    .planning-destination-section{gap:8px;padding:10px;border-radius:15px}
    .planning-destination-section-head h3{font-size:14px}
    .planning-destination-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}
    .planning-destination-dropzone{min-height:132px;padding:10px;gap:7px;border-radius:13px}
    .planning-destination-top{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}
    .planning-destination-thumb{width:40px;height:40px;border-radius:11px;object-fit:contain}
    .planning-destination-top h3{font-size:14px;line-height:1.16}
    .planning-destination-top p{font-size:11px;margin-top:2px}
    .planning-destination-tags{gap:4px}
    .planning-destination-tags .badge{font-size:10px;padding:3px 6px}
    .planning-existing-shifts{max-height:30px;overflow:hidden}
    .planning-existing-shifts span{font-size:10px;padding:2px 6px}
    .planning-drop-list{min-height:34px;max-height:76px;overflow:auto;padding:6px;border-radius:10px}
    .planning-drop-empty{font-size:11px}
    .planning-assigned-chip{font-size:11px;padding:4px 7px}
    .planning-summary-list{max-height:240px}
    .planning-summary-destination{padding:8px;border-radius:11px}
    .planning-summary-destination li{padding:5px}
    .planning-touch-bar{bottom:max(10px,env(safe-area-inset-bottom));border-radius:18px}
}
@media(max-width:680px){
    .planning-board-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
    .planning-resource-filters{grid-template-columns:1fr 1fr}
    .planning-board-resource{flex-basis:178px;min-height:52px;padding:7px}
    .planning-board-resource img,.planning-board-resource .planning-avatar{width:34px;height:34px}
    .planning-resource-main small,.planning-resource-badges{display:none}
    .planning-destination-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
    .planning-destination-dropzone{min-height:118px;padding:8px}
    .planning-destination-top{grid-template-columns:minmax(0,1fr) auto}
    .planning-destination-thumb{display:none}
    .planning-destination-top h3{font-size:13px}
    .planning-destination-tags .badge:nth-child(n+3){display:none}
    .planning-touch-bar{align-items:stretch;flex-direction:column;gap:8px;padding:10px;width:calc(100% - 18px)}
    .planning-touch-bar-count,.planning-touch-bar-hint{justify-content:center;text-align:center}
    .planning-touch-bar .btn{width:100%}
}
@media(hover:none) and (pointer:coarse) and (min-width:700px) and (orientation:landscape){
    .page:has([data-planning-board]){width:calc(100% - 10px);padding-top:10px}
    .planning-board-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:8px 0}
    .planning-board-hero .eyebrow{font-size:10px}
    .planning-board-hero h1{margin:2px 0 3px;font-size:22px;line-height:1.05}
    .planning-board-hero p{font-size:12px;line-height:1.25}
    .planning-board-date{gap:6px}
    .planning-board-date .link-btn{min-height:34px;padding:7px 10px;font-size:12px}
    .planning-board-date input{min-height:34px;padding:7px 9px;font-size:12px;border-radius:10px}
    .planning-board-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:8px}
    .planning-board-stats div{padding:8px 10px;border-radius:11px}
    .planning-board-stats strong{font-size:18px;line-height:1}
    .planning-board-stats span{margin-top:3px;font-size:10px;line-height:1.15}
    .planning-board{grid-template-columns:minmax(200px,.76fr) minmax(420px,1.85fr) minmax(190px,.62fr);gap:8px;align-items:start;padding-bottom:68px;font-size:12px}
    .planning-resources-panel,
    .planning-summary-panel{position:sticky;top:66px;z-index:10;max-height:calc(100vh - 78px);overflow:auto;padding:8px;border-radius:14px}
    .planning-resources-panel{z-index:16}
    .planning-destinations-board{min-height:0}
    .planning-panel-head{gap:8px;margin-bottom:7px}
    .planning-panel-head h2{font-size:14px;margin-top:2px}
    .planning-panel-head .badge{padding:4px 7px;font-size:10px}
    .planning-resource-filters{grid-template-columns:1fr 1fr;gap:5px;margin-bottom:7px}
    .planning-resource-filters label:nth-child(n+5){display:none}
    .planning-resource-filters label,.planning-destination-search{gap:4px;font-size:10px}
    .planning-resource-filters input,
    .planning-resource-filters select,
    .planning-destination-search input{min-height:31px;padding:6px 7px;border-radius:9px;font-size:11px}
    .planning-source-tabs{gap:4px;margin-bottom:7px;padding:3px;border-radius:12px}
    .planning-source-tabs button{padding:6px 7px;border-radius:9px;font-size:11px}
    .planning-selection-toolbar{gap:6px;margin:0 0 7px;padding:6px 7px;border-radius:12px}
    .planning-selection-toolbar span{font-size:10px}
    .planning-selection-toolbar .link-btn{min-height:30px;padding:5px 8px;font-size:10px}
    .planning-board-resource-list{display:grid;gap:6px;overflow:visible;padding:0;scroll-snap-type:none}
    .planning-board-resource{min-height:46px;grid-template-columns:auto auto minmax(0,1fr)!important;gap:6px;padding:6px;border-radius:10px}
    .planning-board-resource img,.planning-board-resource .planning-avatar{width:30px;height:30px;border-radius:9px}
    .planning-resource-select{width:22px;height:22px}
    .planning-resource-select span{width:17px;height:17px;border-radius:6px}
    .planning-resource-select input:checked+span::after{width:8px;height:4px;transform:translate(4px,4px) rotate(-45deg)}
    .planning-resource-main strong{font-size:11px;line-height:1.12}
    .planning-resource-main small{display:none}
    .planning-resource-badges{display:none}
    .planning-destination-section{gap:7px;padding:8px;border-radius:13px}
    .planning-destination-section-head h3{font-size:13px}
    .planning-destination-section-head .badge{padding:4px 7px;font-size:10px}
    .planning-destination-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
    .planning-destination-dropzone{min-height:108px;padding:8px;gap:6px;border-radius:12px}
    .planning-destination-top{grid-template-columns:auto minmax(0,1fr) auto;gap:7px}
    .planning-destination-thumb{width:32px;height:32px;border-radius:9px;object-fit:contain}
    .planning-destination-top h3{font-size:12px;line-height:1.12}
    .planning-destination-top p{font-size:10px;line-height:1.18;margin-top:1px;max-height:24px;overflow:hidden}
    .planning-destination-tags{gap:3px}
    .planning-destination-tags .badge{padding:2px 5px;font-size:9px}
    .planning-destination-tags .badge:nth-child(n+3){display:none}
    .planning-existing-shifts{display:none}
    .planning-drop-list{min-height:28px;max-height:54px;gap:4px;padding:5px;border-radius:9px}
    .planning-drop-empty{font-size:10px}
    .planning-assigned-chip{gap:5px;padding:3px 6px;font-size:10px}
    .planning-summary-list{max-height:calc(100vh - 188px);gap:6px}
    .planning-summary-destination{padding:7px;border-radius:10px}
    .planning-summary-destination h3{font-size:11px;margin-bottom:4px}
    .planning-summary-destination li{padding:4px 5px;border-radius:7px}
    .planning-summary-destination li span{font-size:10px}
    .planning-summary-destination li small{font-size:9px}
    .planning-summary-panel .btn{min-height:34px;margin-top:8px;padding:7px 9px;font-size:11px}
    .planning-touch-bar{width:min(520px,calc(100% - 20px));padding:8px 10px;border-radius:16px}
    .planning-touch-bar-count strong{font-size:17px}
    .planning-touch-bar-count span,.planning-touch-bar-hint{font-size:11px}
    .planning-touch-bar .btn{min-height:32px;padding:6px 10px;font-size:11px}
}
@media(hover:none) and (pointer:coarse) and (min-width:700px) and (orientation:portrait){
    .page:has([data-planning-board]){width:calc(100% - 12px)}
    .planning-board-hero{margin:8px 0}
    .planning-board-hero h1{font-size:24px}
    .planning-board-hero p{font-size:12px}
    .planning-board-stats{gap:7px;margin-bottom:8px}
    .planning-board-stats div{padding:8px}
    .planning-board-stats strong{font-size:18px}
    .planning-board-stats span{font-size:10px}
    .planning-board{gap:8px}
    .planning-resources-panel{top:66px;padding:8px}
    .planning-resource-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
    .planning-resource-filters label:nth-child(n+5){display:none}
    .planning-board-resource{flex-basis:190px;min-height:50px}
    .planning-destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .planning-destination-dropzone{min-height:116px}
}

/* Reports v3 */
.report-page{width:min(1280px,100%);margin:0 auto;padding:4px 0 24px}
.report-home-head{margin-bottom:18px}
.report-home-head h1{margin:4px 0 6px;font-size:34px;line-height:1.05}
.report-home-head p{margin:0;color:var(--muted);font-weight:850}
.report-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.report-home-card{min-height:220px;display:grid;align-content:space-between;gap:14px;padding:24px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--line));border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,transparent),color-mix(in srgb,var(--card2) 96%,transparent));box-shadow:0 20px 60px rgba(0,0,0,.22)}
.report-home-card:hover{border-color:color-mix(in srgb,var(--primary) 56%,var(--line));transform:translateY(-1px)}
.report-home-icon{width:54px;height:54px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--primary) 40%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--primary) 12%,var(--card2));font-size:26px}
.report-home-card strong{display:block;color:var(--text);font-size:25px;line-height:1.08}
.report-home-card p{margin:0;color:var(--muted);font-weight:820;line-height:1.45}
.report-home-card em{justify-self:start;padding:9px 13px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#001018;font-style:normal;font-size:13px;font-weight:950}
.report-workspace{display:grid;grid-template-columns:minmax(300px,34%) minmax(0,66%);gap:18px;align-items:start}
.report-filters-card,.report-output-card{border:1px solid color-mix(in srgb,var(--primary) 30%,var(--line));border-radius:18px;background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 92%,var(--bg)));box-shadow:0 18px 48px rgba(0,0,0,.22)}
.report-filters-card{position:sticky;top:88px;display:grid;gap:16px;padding:18px}
.report-card-title h1{margin:5px 0 6px;font-size:24px;line-height:1.08}
.report-card-title p{margin:0;color:var(--muted);font-size:13px;font-weight:820;line-height:1.4}
.report-filter-stack{display:grid;gap:13px}
.report-filter-stack label{display:grid;gap:7px}
.report-filter-stack label span{color:var(--text);font-size:12px;font-weight:950;letter-spacing:.04em;text-transform:uppercase}
.report-filter-stack select,.report-filter-stack input{width:100%;min-height:44px;border:1px solid color-mix(in srgb,var(--primary) 34%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--bg) 88%,var(--card));color:var(--text);padding:10px 12px;font-size:14px;font-weight:850}
.report-filter-stack select:focus,.report-filter-stack input:focus{outline:2px solid color-mix(in srgb,var(--primary) 52%,transparent);outline-offset:1px}
.report-primary-button{min-height:46px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#001018;cursor:pointer;font-weight:950;box-shadow:0 12px 30px color-mix(in srgb,var(--primary) 20%,transparent)}
.report-output-card{min-width:0;padding:0;overflow:hidden}
.report-print-area{display:grid;gap:14px;padding:16px}
.report-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:13px;border-bottom:1px solid var(--line)}
.report-toolbar h2{margin:4px 0;color:var(--text);font-size:26px;line-height:1.06}
.report-toolbar p{margin:0;color:var(--text);font-size:13px;font-weight:850;opacity:.82}
.report-actions{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.report-actions button,.report-actions a{min-height:34px;display:inline-flex;align-items:center;justify-content:center;padding:7px 13px;border:1px solid color-mix(in srgb,var(--primary) 34%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--card2) 84%,var(--bg));color:var(--text);cursor:pointer;font-size:12px;font-weight:950}
.report-actions button:hover,.report-actions a:hover{border-color:var(--primary);color:var(--primary)}
.report-calculation-note{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--primary) 8%,var(--card2))}
.report-calculation-note strong{flex:0 0 auto;color:var(--text);font-size:13px;font-weight:950}
.report-calculation-note span{color:var(--text);font-size:12px;font-weight:800;line-height:1.35;opacity:.86}
.report-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.report-kpi-card{min-height:72px;display:grid;align-content:space-between;gap:7px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--card2) 86%,transparent)}
.report-kpi-card span{color:var(--text);font-size:10.5px;font-weight:950;letter-spacing:.035em;text-transform:uppercase;opacity:.74}
.report-kpi-card strong{color:var(--text);font-size:15px;line-height:1.08;overflow-wrap:anywhere}
.report-kpi-card.is-total{border-color:color-mix(in srgb,var(--primary) 52%,var(--line));background:color-mix(in srgb,var(--primary) 13%,var(--card2))}
.report-kpi-card.is-total strong{color:var(--primary);font-size:21px}
.report-section{display:grid;gap:0;padding:0;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--card2) 74%,transparent);overflow:hidden}
.report-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--primary) 8%,var(--card))}
.report-section-title h3{margin:0;color:var(--text);font-size:17px;line-height:1.12}
.report-section-title span{color:var(--text);font-size:12px;font-weight:900;opacity:.76}
.report-table-wrap{width:100%;overflow:auto;max-height:none}
.report-table{width:100%;min-width:620px;table-layout:auto;border-collapse:collapse;color:var(--text);font-size:13.5px}
.report-table th,.report-table td{padding:10px 12px;border-bottom:1px solid color-mix(in srgb,var(--line) 82%,transparent);text-align:left;vertical-align:middle}
.report-table th{position:sticky;top:0;z-index:1;background:color-mix(in srgb,var(--primary) 16%,var(--card));color:var(--text);font-size:12px;font-weight:950;letter-spacing:.025em}
.report-table tbody tr:nth-child(even){background:color-mix(in srgb,var(--primary) 5%,transparent)}
.report-table tbody tr:hover{background:color-mix(in srgb,var(--primary) 10%,transparent)}
.report-table td strong{color:var(--text);font-weight:950}
.report-table td small{display:block;margin-top:2px;color:var(--text);font-size:11.5px;font-weight:820;opacity:.68}
.report-table .is-number{text-align:right;white-space:nowrap}
.report-empty{padding:18px!important;color:var(--text);text-align:center!important;font-weight:900;opacity:.72}
@media(max-width:1080px){.report-workspace{grid-template-columns:1fr}.report-filters-card{position:static}}
@media(max-width:760px){.report-home-grid{grid-template-columns:1fr}.report-toolbar{display:grid}.report-actions{justify-content:flex-start}.report-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-kpi-card.is-total{grid-column:1 / -1}}
@media(max-width:520px){.report-page{padding-bottom:12px}.report-print-area,.report-filters-card{padding:13px}.report-kpi-grid{grid-template-columns:1fr}.report-table{font-size:12px}.report-table th,.report-table td{padding:8px 9px}}
@media print{
    @page{size:A4 portrait;margin:8mm}
    html,body{width:auto!important;min-height:auto!important;margin:0!important;padding:0!important;background:#fff!important;color:#000!important}
    body *{visibility:hidden!important;box-shadow:none!important;text-shadow:none!important}
    .report-print-area,.report-print-area *{visibility:visible!important}
    .topbar,.footer,.nav,.report-filters-card,.report-actions,.mobile-bottom-nav,.mobile-app-shell-header,.mobile-side-menu,.mobile-side-overlay{display:none!important}
    .app-shell,.page,.report-page,.report-workspace,.report-output-card{display:block!important;width:auto!important;max-width:none!important;min-height:auto!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important;color:#000!important;box-shadow:none!important;overflow:visible!important}
    .report-print-area{position:absolute!important;top:0!important;left:0!important;width:100%!important;display:block!important;padding:0!important;background:#fff!important;color:#000!important}
    .report-toolbar{display:block!important;margin:0 0 5mm!important;padding:0 0 3mm!important;border-bottom:2px solid #111!important;background:#fff!important;color:#000!important}
    .report-toolbar h2{margin:1mm 0!important;color:#000!important;font-size:17px!important;line-height:1.15!important}
    .report-toolbar p,.report-toolbar .eyebrow{color:#000!important;opacity:1!important;font-size:10px!important}
    .report-calculation-note{display:block!important;margin:0 0 4mm!important;padding:5px 7px!important;border:1px solid #777!important;border-radius:4px!important;background:#fff!important;color:#000!important}
    .report-calculation-note strong,.report-calculation-note span{display:block!important;color:#000!important;opacity:1!important;font-size:9.5px!important;line-height:1.3!important}
    .report-kpi-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:3px!important;margin:0 0 5mm!important;page-break-inside:avoid!important;break-inside:avoid!important}
    .report-kpi-card{min-height:0!important;padding:5px 6px!important;border:1px solid #555!important;border-radius:3px!important;background:#fff!important;color:#000!important;page-break-inside:avoid!important;break-inside:avoid!important}
    .report-kpi-card span{color:#111!important;opacity:1!important;font-size:7.5px!important;font-weight:700!important}
    .report-kpi-card strong,.report-kpi-card.is-total strong{color:#000!important;font-size:10px!important;line-height:1.1!important}
    .report-section{display:block!important;margin:0 0 5mm!important;padding:0!important;border:1px solid #555!important;border-radius:0!important;background:#fff!important;color:#000!important;overflow:visible!important;page-break-inside:auto!important;break-inside:auto!important}
    .report-section-title{display:flex!important;justify-content:space-between!important;padding:5px 6px!important;border-bottom:1px solid #555!important;background:#e9eef2!important;color:#000!important}
    .report-section-title h3,.report-section-title span{margin:0!important;color:#000!important;opacity:1!important;font-size:10px!important;font-weight:700!important}
    .report-table-wrap{overflow:visible!important;max-height:none!important}
    table.report-table{width:100%!important;min-width:0!important;border-collapse:collapse!important;table-layout:auto!important;color:#000!important;font-size:9.5px!important;page-break-inside:auto!important}
    .report-table thead{display:table-header-group!important}
    .report-table tr{page-break-inside:avoid!important;break-inside:avoid!important;page-break-after:auto!important}
    .report-table th,.report-table td{padding:4px 5px!important;border:1px solid #999!important;background:#fff!important;color:#000!important;white-space:normal!important}
    .report-table th{position:static!important;background:#dfe7ee!important;color:#000!important;font-size:9px!important;font-weight:700!important}
    .report-table tbody tr:nth-child(even) td{background:#f6f6f6!important}
    .report-table td small{color:#000!important;opacity:1!important;font-size:8px!important}
    .report-table .is-number{text-align:right!important;white-space:nowrap!important}
    a{color:#000!important;text-decoration:none!important}
}

/* Calendar classic SSE-style override */
.calendar-mode-switch{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px;
    margin-top:14px;
    border:1px solid color-mix(in srgb,var(--primary) 36%,var(--line));
    border-radius:999px;
    background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,transparent),color-mix(in srgb,var(--card2) 92%,transparent));
    box-shadow:0 16px 44px rgba(0,0,0,.22),0 0 30px rgba(34,211,238,.10);
}
.calendar-mode-tab{
    min-height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 18px;
    border-radius:999px;
    color:var(--muted);
    font-size:13px;
    font-weight:950;
    text-decoration:none;
    white-space:nowrap;
}
.calendar-mode-tab:hover{color:var(--text);background:color-mix(in srgb,var(--primary) 10%,transparent)}
.calendar-mode-tab.is-active{
    color:#fff;
    background:linear-gradient(135deg,var(--primary),var(--primary2));
    box-shadow:0 12px 28px rgba(34,211,238,.20),inset 0 0 0 1px rgba(255,255,255,.20);
}
.calendar-month-toolbar{gap:14px}
.calendar-classic-shell{
    width:100%;
    display:block;
    margin-top:12px;
}
.calendar-classic-shell .calendar-month-grid{
    width:100%;
    display:grid!important;
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:10px;
    align-items:stretch;
}
.calendar-classic-shell .calendar-weekday{
    min-height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid color-mix(in srgb,var(--primary) 26%,var(--line));
    border-radius:13px;
    background:color-mix(in srgb,var(--card2) 78%,transparent);
    color:color-mix(in srgb,var(--warning) 78%,var(--text));
    font-size:12px;
    font-weight:950;
}
.calendar-classic-shell .calendar-month-day{
    min-height:150px;
    width:100%;
    display:flex!important;
    flex-direction:column;
    gap:9px;
    padding:11px;
    border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));
    border-radius:18px;
    background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,transparent),color-mix(in srgb,var(--card2) 90%,transparent));
    color:var(--text);
    text-align:left;
    cursor:pointer;
    box-shadow:0 16px 38px rgba(0,0,0,.18);
    transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.calendar-classic-shell .calendar-month-day:hover{
    border-color:color-mix(in srgb,var(--primary) 66%,var(--line));
    box-shadow:0 20px 42px rgba(34,211,238,.13);
    transform:translateY(-1px);
}
.calendar-classic-shell .calendar-month-day.is-muted{opacity:.46}
.calendar-classic-shell .calendar-month-day.is-today{
    border-color:color-mix(in srgb,var(--warning) 86%,#fff);
    box-shadow:0 0 0 1px color-mix(in srgb,var(--warning) 42%,transparent),0 18px 40px rgba(245,158,11,.13);
}
.calendar-classic-shell .calendar-month-day.is-selected{
    border-color:color-mix(in srgb,var(--warning) 92%,#fff);
    box-shadow:0 0 0 2px color-mix(in srgb,var(--warning) 46%,transparent),0 20px 46px rgba(245,158,11,.16);
}
.calendar-classic-shell .calendar-classic-day-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:8px;
}
.calendar-classic-shell .calendar-day-number{
    font-size:22px;
    line-height:1;
    font-weight:950;
}
.calendar-classic-shell .calendar-day-month{
    margin-top:2px;
    color:var(--muted);
    font-size:11px;
    font-weight:950;
    text-transform:uppercase;
}
.calendar-classic-shell .calendar-classic-day-body{display:grid;gap:6px}
.calendar-classic-shell .calendar-day-chip{
    display:block;
    width:100%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    padding:6px 8px;
    border:1px solid color-mix(in srgb,var(--primary) 28%,transparent);
    border-radius:10px;
    background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(139,92,246,.13));
    color:var(--text);
    font-size:12px;
    font-weight:900;
    line-height:1.15;
}
.calendar-classic-shell .calendar-day-chip b{color:color-mix(in srgb,var(--primary) 72%,#fff)}
.calendar-classic-shell .calendar-day-more{
    display:inline-flex;
    color:var(--muted);
    font-size:12px;
    font-weight:900;
}
.calendar-day-modal-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:140!important;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:rgba(2,6,23,.74);
    backdrop-filter:blur(12px);
}
.calendar-day-modal-backdrop[hidden]{display:none!important}
.calendar-day-modal-backdrop .calendar-day-modal{
    position:relative!important;
    inset:auto!important;
    z-index:auto!important;
    width:min(1040px,100%);
    max-height:min(90vh,900px);
    overflow:auto;
    display:block!important;
    padding:18px;
    border:1px solid color-mix(in srgb,var(--primary) 36%,var(--line));
    border-radius:22px;
    background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,transparent),color-mix(in srgb,var(--bg2) 94%,transparent));
    box-shadow:0 32px 96px rgba(0,0,0,.50),0 0 42px rgba(34,211,238,.14);
    color:var(--text);
}
.calendar-day-modal-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    padding-bottom:14px;
    border-bottom:1px solid var(--line);
    margin-bottom:14px;
}
.calendar-day-modal-header h2{margin:5px 0 4px;font-size:26px;line-height:1.08}
.calendar-day-modal-header p{margin:0;color:var(--muted);font-weight:850}
.calendar-day-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.calendar-day-detail{display:grid;gap:12px}
.calendar-day-print-title h3{margin:0 0 4px;font-size:20px}
.calendar-day-print-title p{margin:0 0 10px;color:var(--muted);font-weight:850}
.calendar-day-group{
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));
    border-radius:16px;
    background:color-mix(in srgb,var(--card2) 78%,transparent);
}
.calendar-day-group-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:11px 13px;
    border-bottom:1px solid var(--line);
    background:linear-gradient(135deg,rgba(34,211,238,.14),rgba(139,92,246,.11));
}
.calendar-day-group-header h3{margin:0;font-size:17px}
.calendar-day-group-header p{margin:3px 0 0;color:var(--muted);font-size:12px;font-weight:850}
.calendar-day-rows{display:grid}
.calendar-day-shift-row{
    display:grid;
    grid-template-columns:110px minmax(160px,1.1fr) minmax(140px,.9fr) minmax(110px,.7fr) auto;
    gap:10px;
    align-items:center;
    padding:10px 13px;
    border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent);
}
.calendar-day-shift-row:nth-child(even){background:color-mix(in srgb,var(--primary) 5%,transparent)}
.calendar-day-shift-row:last-child{border-bottom:0}
.calendar-day-shift-row strong{color:color-mix(in srgb,var(--primary) 74%,#fff);font-size:13px}
.calendar-day-shift-row span{font-weight:950}
.calendar-day-shift-row small,
.calendar-day-shift-row em{color:var(--muted);font-size:12px;font-style:normal;font-weight:850}
.calendar-day-shift-row .calendar-day-row-actions{justify-content:flex-end}
.calendar-day-shift-row .action-icon-btn{width:32px;height:32px;flex-basis:32px}
@media(max-width:1180px){
    .calendar-classic-shell{overflow-x:auto}
    .calendar-classic-shell .calendar-month-grid{min-width:980px}
}
@media(max-width:760px){
    .calendar-mode-switch{width:100%}
    .calendar-mode-tab{flex:1;padding:0 10px}
    .calendar-day-modal-backdrop{align-items:flex-end;padding:10px}
    .calendar-day-modal-backdrop .calendar-day-modal{max-height:92vh;padding:14px;border-radius:18px}
    .calendar-day-modal-header,
    .calendar-day-shift-row{grid-template-columns:1fr;display:grid}
    .calendar-day-modal-actions{justify-content:flex-start}
}
@media print{
    body:has(.calendar-day-modal-backdrop:not([hidden])) .topbar,
    body:has(.calendar-day-modal-backdrop:not([hidden])) .nav,
    body:has(.calendar-day-modal-backdrop:not([hidden])) .calendar-hero,
    body:has(.calendar-day-modal-backdrop:not([hidden])) .calendar-control-card,
    body:has(.calendar-day-modal-backdrop:not([hidden])) .calendar-classic-shell,
    body:has(.calendar-day-modal-backdrop:not([hidden])) .hide-print{display:none!important}
    body:has(.calendar-day-modal-backdrop:not([hidden])) .calendar-day-modal-backdrop{position:static!important;display:block!important;padding:0!important;background:#fff!important;backdrop-filter:none!important}
    body:has(.calendar-day-modal-backdrop:not([hidden])) .calendar-day-modal{width:auto!important;max-height:none!important;overflow:visible!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;color:#000!important;padding:0!important}
    body:has(.calendar-day-modal-backdrop:not([hidden])) .calendar-day-detail:not(.is-active){display:none!important}
    body:has(.calendar-day-modal-backdrop:not([hidden])) .calendar-day-group{border:1px solid #999!important;background:#fff!important;color:#000!important;break-inside:avoid}
    body:has(.calendar-day-modal-backdrop:not([hidden])) .calendar-day-group-header{background:#eee!important;color:#000!important;border-bottom:1px solid #999!important}
body:has(.calendar-day-modal-backdrop:not([hidden])) .calendar-day-shift-row{grid-template-columns:90px 1.1fr 1fr .8fr!important;border-bottom:1px solid #bbb!important;color:#000!important;font-size:11px!important}
}

/* KronoSender UI V3.4 - Audit and desktop notifications V2. */
.audit-design-v2,
.notifications-design-v2{
    width:min(100vw - 32px,1660px);
    margin-left:50%;
    transform:translateX(-50%);
    display:grid;
    gap:16px;
}
.audit-design-v2 .audit-v2-hero,
.notifications-design-v2 .notifications-v2-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:18px;
    align-items:end;
    padding:22px;
    border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));
    border-radius:28px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 11%,var(--card)),color-mix(in srgb,var(--card2) 94%,#22c55e 5%));
    box-shadow:0 20px 52px color-mix(in srgb,#020617 12%,transparent);
}
.audit-design-v2 .audit-v2-hero > div:first-child,
.notifications-design-v2 .notifications-v2-title{
    display:grid;
    gap:6px;
    min-width:0;
}
.audit-design-v2 .audit-v2-hero h1,
.notifications-design-v2 .notifications-v2-title h1{
    margin:0;
    color:var(--text);
    font-size:clamp(34px,3.7vw,58px);
    line-height:1;
    letter-spacing:0;
}
.audit-design-v2 .audit-v2-hero p,
.notifications-design-v2 .notifications-v2-title p{
    max-width:780px;
    margin:0;
    color:var(--muted);
    font-size:14px;
    font-weight:840;
    line-height:1.45;
}
.audit-design-v2 .audit-v2-hero-actions,
.notifications-design-v2 .notifications-v2-hero-actions{
    display:flex;
    gap:8px;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
}
.audit-design-v2 .audit-v2-summary,
.notifications-design-v2 .notifications-v2-summary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin:0;
}
.audit-design-v2 .audit-v2-summary .audit-kpi,
.notifications-design-v2 .notifications-v2-summary article{
    min-height:86px;
    display:grid;
    align-content:end;
    gap:4px;
    padding:16px;
    border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line));
    border-radius:22px;
    background:linear-gradient(160deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));
    box-shadow:0 14px 34px color-mix(in srgb,#020617 9%,transparent);
}
.audit-design-v2 .audit-v2-summary span,
.notifications-design-v2 .notifications-v2-summary span,
.notifications-design-v2 .notifications-v2-summary small{
    color:var(--muted);
    font-size:11px;
    font-weight:920;
    text-transform:uppercase;
}
.audit-design-v2 .audit-v2-summary strong,
.notifications-design-v2 .notifications-v2-summary strong{
    color:var(--text);
    font-size:32px;
    line-height:1;
}
.audit-design-v2 .audit-v2-filter-card,
.audit-design-v2 .audit-v2-table-card,
.audit-design-v2 .audit-v2-empty,
.notifications-design-v2 .notifications-v2-card{
    padding:14px;
    border-radius:26px;
    border-color:color-mix(in srgb,var(--primary) 14%,var(--line));
    background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));
    box-shadow:0 18px 46px color-mix(in srgb,#020617 10%,transparent);
}
.audit-design-v2 .audit-v2-section-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
}
.audit-design-v2 .audit-v2-section-head h2{
    margin:3px 0 0;
    color:var(--text);
    font-size:20px;
    line-height:1.15;
}
.audit-design-v2 .audit-v2-filters{
    display:grid;
    grid-template-columns:minmax(180px,1fr) repeat(2,minmax(160px,.9fr)) repeat(2,minmax(140px,.72fr)) auto;
    gap:10px;
    align-items:end;
}
.audit-design-v2 .audit-v2-filters label{
    display:grid;
    gap:6px;
    min-width:0;
    color:var(--muted);
    font-size:11px;
    font-weight:950;
    text-transform:uppercase;
}
.audit-design-v2 .audit-v2-filters input,
.audit-design-v2 .audit-v2-filters select{
    width:100%;
    min-height:42px;
    border:1px solid color-mix(in srgb,var(--primary) 15%,var(--line));
    border-radius:14px;
    background:color-mix(in srgb,var(--bg) 76%,var(--card));
    color:var(--text);
    padding:9px 11px;
    font-size:13px;
    font-weight:840;
}
.audit-design-v2 .audit-v2-table-card{
    overflow:hidden;
}
.audit-design-v2 .audit-table-wrap{
    border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));
    border-radius:20px;
    background:color-mix(in srgb,var(--bg) 36%,transparent);
}
.audit-design-v2 .audit-v2-table{
    min-width:980px;
    border-spacing:0;
}
.audit-design-v2 .audit-v2-table th{
    top:0;
    background:color-mix(in srgb,var(--card) 94%,var(--primary) 6%);
    color:var(--muted);
    font-size:11px;
    font-weight:950;
}
.audit-design-v2 .audit-v2-table td{
    padding:10px 12px;
    font-size:13px;
}
.audit-design-v2 .audit-v2-table time{
    display:inline-flex;
    color:var(--text);
    font-weight:930;
    white-space:nowrap;
}
.audit-design-v2 .audit-detail-cell{
    max-width:560px;
    color:var(--text);
    font-weight:780;
    line-height:1.35;
}
.audit-design-v2 .audit-table-actions{
    display:flex;
    gap:8px;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
}
.audit-design-v2 .audit-empty-row,
.audit-design-v2 .audit-v2-empty,
.notifications-design-v2 .notifications-v2-empty{
    color:var(--muted);
    text-align:center;
    font-weight:850;
}
.notifications-design-v2 .notifications-v2-list{
    display:grid;
    gap:10px;
}
.notifications-design-v2 .notifications-v2-row{
    display:grid;
    grid-template-columns:44px minmax(0,1fr) auto;
    gap:12px;
    align-items:start;
    padding:13px;
    border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));
    border-radius:20px;
    background:color-mix(in srgb,var(--card) 92%,transparent);
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.notifications-design-v2 .notifications-v2-row.is-unread{
    border-color:color-mix(in srgb,var(--primary) 40%,var(--line));
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 9%,var(--card)),var(--card));
    box-shadow:inset 4px 0 0 color-mix(in srgb,var(--primary) 72%,transparent);
}
.notifications-design-v2 .notifications-v2-icon{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:16px;
    background:linear-gradient(135deg,var(--primary),var(--primary2));
    color:#fff;
    font-size:22px;
    font-weight:950;
}
.notifications-design-v2 .notifications-v2-row.is-read .notifications-v2-icon{
    background:color-mix(in srgb,var(--muted) 22%,var(--card2));
    color:var(--muted);
}
.notifications-design-v2 .notifications-v2-main{
    display:grid;
    gap:7px;
    min-width:0;
}
.notifications-design-v2 .notifications-v2-row-head{
    display:flex;
    gap:10px;
    align-items:flex-start;
    justify-content:space-between;
}
.notifications-design-v2 .notifications-v2-row-head strong{
    color:var(--text);
    font-size:15px;
    line-height:1.25;
    overflow-wrap:anywhere;
}
.notifications-design-v2 .notifications-v2-row-head time,
.notifications-design-v2 .notifications-v2-meta span:not(.badge){
    color:var(--muted);
    font-size:12px;
    font-weight:850;
    white-space:nowrap;
}
.notifications-design-v2 .notifications-v2-meta{
    display:flex;
    gap:7px;
    align-items:center;
    flex-wrap:wrap;
}
.notifications-design-v2 .notifications-v2-main p{
    margin:0;
    color:var(--muted);
    font-size:13px;
    font-weight:780;
    line-height:1.4;
    overflow-wrap:anywhere;
}
.notifications-design-v2 .notifications-v2-actions{
    display:flex;
    gap:8px;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
}
.notifications-design-v2 .notifications-v2-actions form{
    margin:0;
}
@media (hover:hover) and (pointer:fine){
    .notifications-design-v2 .notifications-v2-row:hover{
        transform:translateY(-2px);
        border-color:color-mix(in srgb,var(--primary) 34%,var(--line));
        box-shadow:0 18px 40px color-mix(in srgb,#020617 12%,transparent);
    }
}
@media (prefers-reduced-motion:reduce){
    .notifications-design-v2 .notifications-v2-row{
        transition:none!important;
        animation:none!important;
    }
    .notifications-design-v2 .notifications-v2-row:hover{
        transform:none!important;
    }
}
@media(max-width:1180px){
    .audit-design-v2 .audit-v2-hero,
    .notifications-design-v2 .notifications-v2-hero,
    .audit-design-v2 .audit-v2-filters{
        grid-template-columns:1fr;
    }
    .audit-design-v2 .audit-v2-hero-actions,
    .notifications-design-v2 .notifications-v2-hero-actions{
        justify-content:flex-start;
    }
    .audit-design-v2 .audit-v2-summary,
    .notifications-design-v2 .notifications-v2-summary{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:760px){
    .audit-design-v2,
    .notifications-design-v2{
        width:min(100vw - 24px,100%);
        gap:13px;
    }
    .audit-design-v2 .audit-v2-hero,
    .notifications-design-v2 .notifications-v2-hero{
        padding:18px;
        border-radius:22px;
    }
    .audit-design-v2 .audit-v2-hero h1,
    .notifications-design-v2 .notifications-v2-title h1{
        font-size:34px;
    }
    .audit-design-v2 .audit-v2-summary,
    .notifications-design-v2 .notifications-v2-summary{
        grid-template-columns:1fr;
    }
    .audit-design-v2 .audit-v2-section-head,
    .notifications-design-v2 .notifications-v2-row,
    .notifications-design-v2 .notifications-v2-row-head{
        grid-template-columns:1fr;
        flex-direction:column;
    }
    .audit-design-v2 .audit-v2-filter-card,
    .audit-design-v2 .audit-v2-table-card,
    .notifications-design-v2 .notifications-v2-card{
        padding:12px;
        border-radius:20px;
    }
    .notifications-design-v2 .notifications-v2-actions,
    .notifications-design-v2 .notifications-v2-actions .link-btn,
    .notifications-design-v2 .notifications-v2-actions form{
        width:100%;
        justify-content:flex-start;
    }
}

/* KronoSender UI V3.3 - Link utili V2. */
body:has(.useful-links-v2) .page{width:100%;max-width:none;padding-left:clamp(16px,2vw,34px);padding-right:clamp(16px,2vw,34px)}
.useful-links-v2{width:min(100%,1660px);margin:0 auto;display:grid;gap:16px}
.useful-links-v2-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:18px;
    align-items:end;
    padding:22px;
    border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));
    border-radius:28px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 11%,var(--card)),color-mix(in srgb,var(--card2) 94%,#22c55e 5%));
    box-shadow:0 20px 52px color-mix(in srgb,#020617 12%,transparent);
}
.useful-links-v2-title{display:grid;gap:6px;min-width:0}
.useful-links-v2-title h1{margin:0;color:var(--text);font-size:clamp(34px,3.7vw,58px);line-height:1;letter-spacing:0}
.useful-links-v2-title p{max-width:760px;margin:0;color:var(--muted);font-size:14px;font-weight:840;line-height:1.45}
.useful-links-v2-hero-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.useful-links-v2-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.useful-links-v2-summary article{
    min-height:84px;
    display:grid;
    align-content:end;
    gap:4px;
    padding:16px;
    border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line));
    border-radius:22px;
    background:linear-gradient(160deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));
    box-shadow:0 14px 34px color-mix(in srgb,#020617 9%,transparent);
}
.useful-links-v2-summary span,
.useful-links-v2-summary small{color:var(--muted);font-size:11px;font-weight:920;text-transform:uppercase}
.useful-links-v2-summary strong{color:var(--text);font-size:32px;line-height:1}
.useful-links-v2-filter-card{padding:12px;border-radius:22px;border-color:color-mix(in srgb,var(--primary) 14%,var(--line));background:color-mix(in srgb,var(--card) 92%,transparent)}
.useful-links-v2-search{display:grid;gap:7px;max-width:640px;color:var(--muted);font-size:11px;font-weight:950;text-transform:uppercase}
.useful-links-v2-search input{
    width:100%;
    min-height:44px;
    border:1px solid color-mix(in srgb,var(--primary) 17%,var(--line));
    border-radius:16px;
    background:color-mix(in srgb,var(--bg) 76%,var(--card));
    color:var(--text);
    padding:10px 13px;
    font-size:14px;
    font-weight:850;
}
.useful-links-v2-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.useful-links-v2-card{
    position:relative;
    min-width:0;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--primary) 15%,var(--line));
    border-radius:26px;
    background:linear-gradient(158deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));
    box-shadow:0 18px 44px color-mix(in srgb,#020617 10%,transparent);
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.useful-links-v2-card.is-inactive{opacity:.74}
.useful-links-v2-card-link{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:12px;color:inherit;text-decoration:none}
.useful-links-v2-thumb{
    height:148px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--primary) 13%,var(--line));
    border-radius:20px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 72%,#0f172a 28%),color-mix(in srgb,#10b981 55%,var(--primary2) 45%));
    color:#fff;
    font-size:28px;
    font-weight:950;
}
.useful-links-v2-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.useful-links-v2-body{display:grid;gap:8px;min-width:0}
.useful-links-v2-card-head{display:flex;gap:7px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.useful-links-v2-body h2{margin:0;color:var(--text);font-size:19px;line-height:1.12;letter-spacing:0;overflow-wrap:anywhere}
.useful-links-v2-body p{margin:0;color:var(--muted);font-size:12px;font-weight:820;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.useful-links-v2-url{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb,var(--primary) 72%,var(--text));font-size:12px;font-weight:900}
.useful-links-v2-open{justify-self:start;margin-top:2px}
.useful-links-v2-actions{position:absolute;right:12px;top:12px;z-index:3}
.useful-links-v2-actions summary{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));
    border-radius:14px;
    background:color-mix(in srgb,var(--card) 88%,transparent);
    color:var(--text);
    cursor:pointer;
    font-size:20px;
    font-weight:950;
    list-style:none;
    box-shadow:0 10px 24px color-mix(in srgb,#020617 12%,transparent);
}
.useful-links-v2-actions summary::-webkit-details-marker{display:none}
.useful-links-v2-actions div{
    position:absolute;
    right:0;
    top:44px;
    min-width:170px;
    display:grid;
    gap:6px;
    padding:8px;
    border:1px solid var(--line);
    border-radius:16px;
    background:var(--card);
    box-shadow:0 18px 42px color-mix(in srgb,#020617 18%,transparent);
}
.useful-links-v2-empty{grid-column:1/-1;padding:22px;border-radius:24px;border:1px dashed color-mix(in srgb,var(--primary) 22%,var(--line));background:color-mix(in srgb,var(--card2) 78%,transparent);text-align:center}
.useful-links-v2-empty strong{display:block;color:var(--text);font-size:18px}
.useful-links-v2-empty p{margin:6px 0 0;color:var(--muted);font-weight:820}
.useful-links-v2-form-page{width:min(100%,1560px)}
.useful-links-v2-form-card{padding:14px;border-radius:28px;border-color:color-mix(in srgb,var(--primary) 15%,var(--line));background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));box-shadow:0 18px 46px color-mix(in srgb,#020617 11%,transparent)}
.useful-links-v2-form{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr) minmax(260px,.7fr);gap:14px;align-items:start}
.useful-links-v2-panel{
    min-width:0;
    display:grid;
    gap:12px;
    padding:16px;
    border:1px solid color-mix(in srgb,var(--primary) 13%,var(--line));
    border-radius:22px;
    background:color-mix(in srgb,var(--bg) 38%,transparent);
}
.useful-links-v2-panel header{display:grid;gap:4px}
.useful-links-v2-panel h2{margin:0;color:var(--text);font-size:18px;line-height:1.15}
.useful-links-v2-panel label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:950;text-transform:uppercase}
.useful-links-v2-panel input,
.useful-links-v2-panel textarea{
    width:100%;
    border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line));
    border-radius:14px;
    background:var(--card);
    color:var(--text);
    padding:10px 12px;
    font-size:14px;
    font-weight:820;
}
.useful-links-v2-panel textarea{min-height:112px;resize:vertical}
.useful-links-v2-upload input[type="file"]{padding:12px;border-style:dashed;background:color-mix(in srgb,var(--card2) 82%,transparent)}
.useful-links-v2-preview{width:100%;max-width:none;max-height:180px;margin:0;border-radius:18px;background:color-mix(in srgb,var(--card2) 86%,transparent)}
.useful-links-v2-preview img{width:100%;height:100%;max-height:180px;object-fit:contain}
.useful-links-v2-checks{display:grid;gap:9px}
.useful-links-v2-panel-actions{align-self:stretch}
.useful-links-v2-sticky-actions{position:sticky;bottom:16px;z-index:2;display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:auto;padding:10px;border:1px solid color-mix(in srgb,var(--primary) 13%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--card) 88%,transparent);backdrop-filter:blur(14px)}
.useful-links-v2-danger-panel{width:min(100%,860px);margin:0 auto;padding:22px;border-radius:28px;border-color:color-mix(in srgb,var(--danger) 35%,var(--line));background:linear-gradient(155deg,var(--card),color-mix(in srgb,#ef4444 8%,var(--card2)));box-shadow:0 20px 52px color-mix(in srgb,#020617 12%,transparent)}
.useful-links-v2-danger-head{display:grid;gap:8px;margin-bottom:18px}
.useful-links-v2-danger-head strong{color:var(--text);font-size:24px;line-height:1.15}
.useful-links-v2-danger-head p{margin:0;color:var(--muted);font-weight:850;overflow-wrap:anywhere}
.useful-links-v2-danger-actions{justify-content:space-between}
@media (hover:hover) and (pointer:fine){
    .useful-links-v2-card:hover{
        transform:translateY(-3px);
        border-color:color-mix(in srgb,var(--primary) 40%,var(--line));
        box-shadow:0 24px 56px color-mix(in srgb,#020617 16%,transparent);
    }
}
@media (prefers-reduced-motion:reduce){
    .useful-links-v2-card{
        transition:none!important;
        animation:none!important;
    }
    .useful-links-v2-card:hover{
        transform:none!important;
    }
}
@media(max-width:1180px){
    .useful-links-v2-hero,
    .useful-links-v2-form{grid-template-columns:1fr}
    .useful-links-v2-hero-actions{justify-content:flex-start}
    .useful-links-v2-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
    body:has(.useful-links-v2) .page{padding-left:12px;padding-right:12px}
    .useful-links-v2{gap:13px}
    .useful-links-v2-hero{padding:18px;border-radius:22px}
    .useful-links-v2-title h1{font-size:34px}
    .useful-links-v2-summary,
    .useful-links-v2-grid{grid-template-columns:1fr}
    .useful-links-v2-thumb{height:128px}
    .useful-links-v2-form-card,
    .useful-links-v2-panel,
    .useful-links-v2-danger-panel{padding:14px;border-radius:20px}
    .useful-links-v2-sticky-actions{display:grid;position:static}
    .useful-links-v2-sticky-actions .btn,
    .useful-links-v2-sticky-actions .link-btn{width:100%;justify-content:center}
}

.useful-links-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.useful-link-card{color:var(--text);text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.useful-link-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 55%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent),var(--shadow)}
.useful-link-card.is-inactive{opacity:.78}
.useful-link-card-inner{display:contents;color:inherit;text-decoration:none;cursor:pointer}
.useful-link-thumb{max-height:188px}
.useful-link-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.useful-link-thumb span{display:grid;place-items:center;width:100%;height:100%}
.useful-link-body{padding:0}
.useful-link-body h2{margin:0;font-size:17px;line-height:1.2}
.useful-link-description{margin:0;color:var(--muted);font-size:12px;font-weight:800;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.useful-link-badges{justify-content:flex-start}
.useful-link-open{justify-self:start;margin-top:2px}
.useful-link-actions{padding:0}
.useful-link-empty{grid-column:1/-1}
.useful-link-form-card{max-width:760px;overflow:hidden}
.useful-link-form{max-width:100%;overflow:hidden}
.useful-link-form-preview{width:100%;max-width:420px;max-height:240px;margin:4px 0 10px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--card2,#fff);display:flex;align-items:center;justify-content:center}
.useful-link-form-preview img,
.useful-link-image-preview{display:block;width:100%;max-width:420px;height:auto;max-height:220px;object-fit:contain}
.useful-link-image-preview{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--card2,#fff)}
.useful-link-image-preview img{display:block;width:100%;max-width:420px;height:auto;max-height:220px;object-fit:contain}
body .useful-link-form-card img{max-width:100%;max-height:220px;object-fit:contain}
.mobile-useful-links-grid{display:grid;grid-template-columns:1fr;gap:12px}
.mobile-useful-link-card{min-height:0;color:var(--text);text-decoration:none}
.mobile-useful-link-image{height:clamp(110px,34vw,150px);aspect-ratio:auto}
.mobile-useful-link-image img{width:100%;height:100%;object-fit:cover;display:block}
.mobile-useful-link-image b{font-size:1.15rem;letter-spacing:.05em}
.mobile-useful-link-content{padding:0}
.mobile-useful-link-content h2{margin:0;font-size:16px;line-height:1.2}
.mobile-useful-link-content p{margin:0;color:var(--muted);font-size:12px;font-weight:800;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mobile-useful-link-content em{justify-self:start;font-style:normal}
@media (min-width:1500px){.useful-links-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:700px){.useful-links-grid{grid-template-columns:1fr;gap:14px}.useful-link-card:hover{transform:none}.useful-link-form-preview{max-width:100%;max-height:180px}.useful-link-form-preview img,body .useful-link-form-card img{max-height:160px}}

.vehicles-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.vehicle-card{display:flex;flex-direction:column;gap:12px;min-height:360px;padding:12px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:var(--shadow-soft);color:var(--text);overflow:visible}
.vehicle-card.is-inactive{opacity:.78}
.vehicle-thumb{display:grid;place-items:center;flex:0 0 auto;width:100%;aspect-ratio:4/3;max-height:188px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card2);color:var(--primary)}
.vehicle-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.vehicle-thumb span{display:grid;place-items:center;width:100%;height:100%;font-size:1.25rem;font-weight:950;letter-spacing:.05em}
.vehicle-body{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;padding:0}
.vehicle-body h2{margin:0;font-size:17px;line-height:1.2}
.vehicle-body p{margin:0;color:var(--muted);font-size:12px;font-weight:800;line-height:1.4}
.vehicle-assignment,
.vehicle-next-expiration,
.vehicle-notes{color:var(--muted);font-size:12px;font-weight:800;line-height:1.4}
.vehicle-next-expiration{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.vehicle-notes{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vehicle-plate,
.vehicle-plate-badge{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:950;letter-spacing:.06em}
.vehicle-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:8px;margin-top:auto;padding:0}
.vehicle-actions .link-btn,
.table-actions .link-btn{display:inline-flex!important;align-items:center;justify-content:center;white-space:nowrap}
.vehicle-card .vehicle-actions{align-self:stretch;visibility:visible!important;opacity:1!important}
.vehicle-list-thumb{display:grid;place-items:center;width:58px;height:46px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card2);font-weight:950;color:var(--primary)}
.vehicle-list-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.vehicle-form-card{max-width:820px;overflow:hidden}
.vehicle-form-preview{width:100%;max-width:420px;max-height:240px;margin:4px 0 10px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--card2);display:flex;align-items:center;justify-content:center}
.vehicle-form-preview img{display:block;width:100%;max-width:420px;height:auto;max-height:220px;object-fit:contain}
.vehicle-form-card img{max-width:100%;max-height:220px;object-fit:contain}
.vehicles-filters{
    padding:14px;
    border-color:color-mix(in srgb,var(--primary) 18%,var(--line));
    background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,transparent),color-mix(in srgb,var(--card2) 88%,transparent));
}
.vehicles-filters .vehicle-filter-grid{
    display:grid;
    grid-template-columns:minmax(220px,1.35fr) repeat(2,minmax(165px,1fr)) auto;
    gap:10px;
    align-items:end;
    margin-bottom:0;
}
.vehicles-expiration-filter-title{margin-bottom:10px;color:var(--muted);font-size:12px;font-weight:950;text-transform:uppercase}
.vehicles-filters .vehicle-filter-grid label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:900}
.vehicles-filters .vehicles-filter-control{
    width:100%;
    min-height:46px;
    border:1px solid var(--line);
    border-radius:999px;
    background:var(--bg);
    color:var(--text);
    padding:11px 14px;
    outline:none;
    box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 22%,transparent);
}
.vehicles-filters .vehicles-filter-control:focus{
    border-color:color-mix(in srgb,var(--primary) 62%,var(--line));
    box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 14%,transparent);
}
.vehicles-filter-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    min-width:max-content;
}
.vehicles-filter-actions .btn{
    min-height:46px;
    padding:10px 16px;
    white-space:nowrap;
    text-decoration:none;
}
.vehicles-filter-actions .btn-secondary{
    background:var(--card2);
    color:var(--text);
}
.vehicles-kpi-grid{margin:0 0 16px}
.vehicle-custom-fields-form{display:grid;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.vehicle-custom-fields-form h3{margin:0;font-size:16px}
.vehicle-custom-fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.vehicle-custom-fields-grid label{display:grid;gap:6px}
.custom-fields-grid,.custom-fields-grid.vehicles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:18px}
.custom-field-card{min-height:0;padding:18px;gap:16px;border-radius:18px;background:var(--card);box-shadow:var(--shadow-soft)}
.custom-field-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.custom-field-header>div{min-width:0}
.custom-field-name{margin:0;font-size:22px;line-height:1.15}
.custom-field-key{display:block;width:max-content;max-width:100%;margin-top:6px;overflow:hidden;text-overflow:ellipsis;border:1px solid var(--line);border-radius:999px;background:var(--card2);color:var(--muted);padding:4px 8px;font-size:12px;line-height:1.2}
.custom-field-meta{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--card2)}
.custom-field-meta span{color:var(--muted);font-size:11px;font-weight:950;text-transform:uppercase}
.custom-field-meta strong{font-size:15px;line-height:1.2}
.custom-field-badges{display:flex;flex-wrap:wrap;gap:8px}
.custom-field-actions{align-items:center}
.custom-field-actions .inline-form{display:inline-flex;margin:0}
.custom-field-actions .inline-form button{font:inherit}
.custom-fields-empty{margin-top:18px;color:var(--muted)}
.vehicle-expiration-table .badge{white-space:nowrap}
.vehicle-expiration-card{overflow:hidden}
.vehicle-expiration-table-wrap{margin:-1px}
.vehicle-expiration-row td:first-child{border-left:4px solid transparent}
.vehicle-expiration-row.is-expired{background:color-mix(in srgb,var(--danger) 9%,transparent)}
.vehicle-expiration-row.is-expired td:first-child{border-left-color:var(--danger)}
.vehicle-expiration-row.is-soon{background:color-mix(in srgb,#f59e0b 9%,transparent)}
.vehicle-expiration-row.is-soon td:first-child{border-left-color:#f59e0b}
.vehicle-expiration-row.is-ok{background:color-mix(in srgb,#10b981 7%,transparent)}
.vehicle-expiration-row.is-ok td:first-child{border-left-color:#10b981}
.vehicle-expiration-mobile-list{display:none}
.vehicle-expiration-mobile-card{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-left:5px solid #10b981;border-radius:18px;background:var(--card);box-shadow:var(--shadow-soft)}
.vehicle-expiration-mobile-card.is-expired{border-left-color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--card))}
.vehicle-expiration-mobile-card.is-soon{border-left-color:#f59e0b;background:color-mix(in srgb,#f59e0b 8%,var(--card))}
.vehicle-expiration-mobile-card.is-ok{border-left-color:#10b981;background:color-mix(in srgb,#10b981 7%,var(--card))}
.vehicle-expiration-mobile-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.vehicle-expiration-mobile-card h2{margin:0;font-size:17px;line-height:1.2}
.vehicle-expiration-mobile-card header .vehicle-plate{display:block;margin-top:5px;color:var(--muted)}
.vehicle-expiration-mobile-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.vehicle-expiration-mobile-meta div{padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--card2)}
.vehicle-expiration-mobile-meta span{display:block;color:var(--muted);font-size:11px;font-weight:950;text-transform:uppercase}
.vehicle-expiration-mobile-meta strong{display:block;margin-top:4px;overflow-wrap:anywhere}
.vehicle-expirations-search-empty{margin-top:12px;text-align:center;font-weight:900}
.mobile-vehicles-grid{display:grid;grid-template-columns:1fr;gap:12px}
.mobile-vehicle-card{min-height:0}
.mobile-vehicle-image{height:clamp(110px,34vw,150px);aspect-ratio:auto}
.mobile-vehicle-image img{width:100%;height:100%;object-fit:cover;display:block}
.mobile-vehicle-image b{font-size:1.15rem;letter-spacing:.05em}
.mobile-vehicle-content{padding:0}
.mobile-vehicle-content h2{margin:0;font-size:16px;line-height:1.2}
.mobile-vehicle-content p{margin:0;color:var(--muted);font-size:12px;font-weight:800;line-height:1.35}
@media (min-width:1500px){.vehicles-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:1100px){.vehicles-filters .vehicle-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicles-filter-actions{justify-content:flex-start}}
@media (max-width:900px){.vehicle-expiration-table-wrap{display:none}.vehicle-expiration-mobile-list{display:grid;gap:12px}}
@media (max-width:1100px){.custom-fields-grid,.custom-fields-grid.vehicles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.vehicles-grid,.custom-fields-grid,.custom-fields-grid.vehicles-grid{grid-template-columns:1fr}.vehicles-filters .vehicle-filter-grid{grid-template-columns:1fr}.vehicles-filter-actions{min-width:0;justify-content:stretch;flex-direction:column}.vehicles-filter-actions .btn,.vehicles-filter-actions .link-btn{width:100%;justify-content:center}.vehicle-form-preview{max-width:100%;max-height:180px}.vehicle-form-preview img,.vehicle-form-card img{max-height:160px}.vehicle-custom-fields-grid{grid-template-columns:1fr}.custom-field-actions .link-btn,.custom-field-actions .inline-form{width:100%;justify-content:center}.custom-field-actions .inline-form button{width:100%;justify-content:center}.vehicle-expiration-mobile-card header{flex-direction:column}.vehicle-expiration-mobile-meta{grid-template-columns:1fr}}

.requirements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:14px}
.requirement-resource-card{display:grid;grid-template-columns:86px minmax(0,1fr);gap:14px;min-height:190px;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:var(--shadow-soft);color:var(--text)}
.requirement-resource-avatar{display:grid;place-items:center;width:86px;height:86px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--card2);color:var(--primary);font-weight:950;letter-spacing:.05em}
.requirement-resource-avatar.is-large{width:96px;height:96px}
.requirement-resource-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.requirement-resource-avatar span{display:grid;place-items:center;width:100%;height:100%}
.requirement-resource-body{display:flex;min-width:0;flex-direction:column;gap:8px}
.requirement-resource-body h2{margin:0;font-size:1.05rem;line-height:1.15}
.requirement-resource-body p{margin:0;color:var(--muted);font-size:.9rem}
.requirement-next{margin-top:auto}
.requirement-folder-head{display:flex;align-items:center;gap:16px}
.requirement-form-card{max-width:860px;overflow:hidden}
.requirements-custom-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:1px solid var(--line);border-radius:16px;padding:12px;background:var(--card2)}
.requirements-custom-fields legend{font-weight:900;color:var(--muted);padding:0 6px}
.requirement-file-preview{max-width:460px;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--card2)}
.requirements-resource-list{display:block!important;min-height:80px;margin-top:14px;visibility:visible!important;opacity:1!important}
.requirements-list-view,.requirements-folder-list{display:grid;gap:12px;margin-top:14px}
.requirement-list-row,.requirement-folder-row{display:grid;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--card2) 86%,transparent),color-mix(in srgb,var(--card) 96%,transparent));box-shadow:0 10px 26px color-mix(in srgb,#020617 12%,transparent);color:var(--text)}
.requirement-list-row{grid-template-columns:minmax(230px,1.05fr) minmax(360px,1.7fr) auto}
.requirement-folder-row{grid-template-columns:minmax(220px,1.05fr) minmax(420px,1.8fr) auto;align-items:start}
.requirement-list-person{display:flex;align-items:center;gap:12px;min-width:0}
.requirement-list-person strong,.requirement-folder-main strong{display:block;color:var(--text);font-size:15px;line-height:1.2;overflow-wrap:anywhere}
.requirement-list-person small,.requirement-folder-main p{display:block;margin:4px 0 0;color:var(--muted);font-size:12px;font-weight:800;line-height:1.35;overflow-wrap:anywhere}
.requirement-list-metrics,.requirement-folder-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0}
.requirement-list-metrics div,.requirement-folder-fields div{min-width:0;padding:9px;border:1px solid var(--line);border-radius:12px;background:var(--card2)}
.requirement-list-metrics span,.requirement-folder-fields span{display:block;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.requirement-list-metrics strong,.requirement-folder-fields strong{display:block;margin-top:4px;overflow-wrap:anywhere}
.requirement-folder-fields small{display:block;margin-top:4px;color:var(--muted);font-size:11px;font-weight:800}
.requirement-list-actions,.requirement-folder-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;min-width:max-content}
.requirements-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:14px}
.requirement-detail-card{display:flex;flex-direction:column;gap:14px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:var(--shadow-soft);color:var(--text);overflow:hidden}
.requirement-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.requirement-detail-head h2{margin:4px 0 0;font-size:1.08rem;line-height:1.16}
.requirement-detail-grid,.requirement-custom-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.requirement-detail-grid div,.requirement-custom-values div,.requirement-note{padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--card2)}
.requirement-detail-grid span,.requirement-custom-values span,.requirement-note span{display:block;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}
.requirement-detail-grid strong,.requirement-custom-values strong{display:block;margin-top:4px;word-break:break-word}
.requirement-attachment-preview{display:grid;gap:9px}
.requirement-attachment-preview img{width:100%;max-height:150px;object-fit:contain;border:1px solid var(--line);border-radius:14px;background:var(--card2)}
.requirement-attachment-block{min-height:36px}
.requirement-note div{margin-top:6px;line-height:1.45}
.requirement-card-actions{margin-top:auto}
.mobile-requirements-grid{display:grid;grid-template-columns:1fr;gap:12px}
.mobile-requirement-card{min-height:0}
.mobile-requirement-details{display:block;padding:0;overflow:hidden}
.mobile-requirement-details summary{list-style:none}
.mobile-requirement-details summary::-webkit-details-marker{display:none}
.mobile-requirement-summary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:12px;cursor:pointer}
.mobile-requirement-image{width:72px;height:72px;aspect-ratio:1/1}
.mobile-requirement-image img{width:100%;height:100%;object-fit:cover;display:block}
.mobile-requirement-content{padding:0}
.requirements-mobile-list{display:grid;gap:8px;padding:0 12px 12px}
.requirements-mobile-list .mobile-requirement-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);border-radius:12px;background:var(--card2)}
.mobile-requirement-row-main{display:grid;gap:2px;min-width:0}
.mobile-requirement-row-main strong,.mobile-requirement-row-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-requirement-row-main small,.mobile-requirement-date{color:var(--muted);font-size:.82rem}
.mobile-requirement-row .link-btn{grid-column:1 / -1;justify-content:center}
.requests-shell{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;align-items:start}
.requests-column{display:grid;gap:10px}
.requests-column.is-wide{grid-column:1 / -1}
.requests-column h2{margin:0;font-size:1.05rem}
.requests-list{display:grid;gap:10px}
.request-card,.request-detail-card,.request-timeline-card,.requests-filter-card,.request-types-card,.request-schedule-preview{
    border:1px solid var(--line);
    border-radius:18px;
    background:var(--card);
    box-shadow:var(--shadow-soft);
}
.request-card{display:grid;gap:10px;padding:14px;color:var(--text)}
.request-card h3{margin:8px 0 4px;font-size:1.05rem}
.request-card p,.request-card small{margin:0;color:var(--muted);font-weight:800}
.request-finality-note{display:block;margin-top:6px;color:#b45309;font-weight:800;line-height:1.35}
body.theme-dark .request-finality-note,[data-theme="dark"] .request-finality-note{color:#fbbf24}
.request-finality-alert{font-weight:800}
.request-card-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:.85rem;font-weight:850}
.requests-filter-card{padding:12px;margin-bottom:14px}
.requests-filter-card input{width:100%;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--text);padding:10px 12px}
.requests-detail-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:14px;align-items:start}
.request-detail-card,.request-timeline-card{padding:16px}
.request-detail-card h2,.request-timeline-card h2{margin:0 0 12px}
.request-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.request-detail-list div,.request-note,.request-approvers div,.request-timeline div{
    padding:10px;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--card2);
}
.request-detail-list span,.request-note span,.request-timeline span{display:block;color:var(--muted);font-size:.82rem;font-weight:850}
.request-detail-list strong{display:block;margin-top:3px}
.request-note{margin-top:10px}
.request-note p{margin:6px 0 0}
.request-attachments,.request-approvers,.request-timeline{display:grid;gap:8px}
.request-action-form{display:grid;gap:10px;margin-top:12px}
.request-action-form textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--text);padding:10px}
.request-schedule-preview{display:grid;gap:12px;margin-top:12px;padding:12px}
.request-schedule-preview h3{margin:0;font-size:1rem}
.request-preview-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.request-preview-summary div{padding:9px;border:1px solid var(--line);border-radius:12px;background:var(--card2)}
.request-preview-summary span{display:block;color:var(--muted);font-size:.8rem;font-weight:850}
.request-preview-summary strong{display:block;margin-top:3px}
.request-preview-intervals{display:flex;gap:8px;flex-wrap:wrap}
.request-preview-table-wrap{max-width:100%;overflow-x:auto}
.request-preview-table{min-width:680px}
.request-overlap-confirm{padding:10px;border:1px solid color-mix(in srgb,var(--warning) 45%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--warning) 10%,transparent);font-weight:850}
.request-type-rules{grid-column:1/-1;margin:4px 0 0;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--card2);display:grid;gap:12px}
.request-type-rules legend{padding:0 8px;color:var(--text);font-size:1rem;font-weight:950}
.request-type-rules>p{margin:0;color:var(--muted);font-weight:820;line-height:1.45;text-transform:none;letter-spacing:0}
.request-type-rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.request-type-rule-card{min-height:86px;display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--bg);cursor:pointer;text-transform:none!important;letter-spacing:0!important;color:var(--text)!important;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.request-type-rule-card:hover{border-color:color-mix(in srgb,var(--primary) 55%,var(--line));background:color-mix(in srgb,var(--primary) 7%,var(--bg));transform:translateY(-1px)}
.request-type-rule-card input{width:20px!important;height:20px;margin:2px 0 0;accent-color:var(--primary)}
.request-type-rule-card span{display:grid;gap:4px;min-width:0}
.request-type-rule-card strong{color:var(--text);font-size:.95rem;font-weight:950;line-height:1.2}
.request-type-rule-card small{color:var(--muted);font-size:.82rem;font-weight:780;line-height:1.35}
.request-type-rules-note{padding:10px 12px;border:1px solid color-mix(in srgb,#f59e0b 40%,var(--line));border-radius:14px;background:color-mix(in srgb,#f59e0b 10%,var(--card2));color:var(--text);font-size:.86rem;font-weight:850;line-height:1.35}
.mobile-request-list{gap:14px}
.mobile-request-card{
    display:grid;
    gap:10px;
    padding:14px;
    border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));
    border-radius:18px;
    background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,transparent),color-mix(in srgb,var(--card2) 92%,transparent));
    box-shadow:0 12px 28px color-mix(in srgb,#020617 16%,transparent);
}
.mobile-request-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.mobile-request-card h2{margin:0;font-size:1.08rem;line-height:1.18}
.mobile-request-card p,.mobile-request-card small{margin:0;color:var(--muted)}
.mobile-request-meta{display:grid;gap:5px;color:var(--muted);font-size:.9rem;font-weight:850}
.mobile-request-meta span{display:flex;align-items:center;gap:6px;min-width:0}
.mobile-request-meta span::before{content:"";width:6px;height:6px;border-radius:999px;background:color-mix(in srgb,var(--primary) 62%,transparent);flex:0 0 auto}
.mobile-request-open{justify-content:center;margin-top:2px}
@media(max-width:850px){.requests-detail-grid{grid-template-columns:1fr}.request-detail-list,.request-preview-summary,.request-type-rules-grid{grid-template-columns:1fr}}
.requirement-types-card{padding:14px}
.requirement-type-list{display:grid;gap:10px}
.requirement-type-row{
    display:grid;
    grid-template-columns:minmax(220px,1.5fr) minmax(130px,.7fr) minmax(210px,1fr) auto auto;
    gap:12px;
    align-items:center;
    padding:13px 14px;
    border:1px solid var(--line);
    border-radius:16px;
    background:linear-gradient(180deg,color-mix(in srgb,var(--card2) 86%,transparent),color-mix(in srgb,var(--card) 94%,transparent));
    box-shadow:0 10px 26px color-mix(in srgb,#020617 12%,transparent);
}
.requirement-type-row:hover{border-color:color-mix(in srgb,var(--primary) 42%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 8%,transparent),0 10px 26px color-mix(in srgb,#020617 14%,transparent)}
.requirement-type-main{min-width:0}
.requirement-type-main strong{display:block;font-size:15px;line-height:1.18;color:var(--text);overflow-wrap:anywhere}
.requirement-type-main p{margin:4px 0 0;color:var(--muted);font-size:12px;font-weight:800;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.requirement-type-category{display:grid;gap:4px;min-width:0}
.requirement-type-category span{color:var(--muted);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}
.requirement-type-category strong{font-size:13px;line-height:1.25;overflow-wrap:anywhere}
.requirement-type-properties{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}
.requirement-type-properties .badge,.requirement-type-status .badge{padding:6px 9px;font-size:11px}
.requirement-type-status{display:flex;justify-content:flex-end}
.requirement-type-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.requirement-type-empty{padding:18px;border:1px dashed var(--line);border-radius:16px;background:var(--card2);color:var(--muted);text-align:center}
@media (max-width:1100px){.requirement-type-row{grid-template-columns:minmax(220px,1fr) minmax(130px,.55fr);align-items:start}.requirement-type-properties,.requirement-type-status,.requirement-type-actions{grid-column:1/-1;justify-content:flex-start}}
@media (min-width:1500px){.requirements-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:1100px){.requirement-list-row,.requirement-folder-row{grid-template-columns:1fr}.requirement-list-actions,.requirement-folder-actions{justify-content:flex-start;min-width:0}.requirement-list-metrics,.requirement-folder-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.requirements-grid,.requirements-folder-grid,.requirements-custom-fields{grid-template-columns:1fr}.requirement-resource-card{grid-template-columns:64px minmax(0,1fr)}.requirement-resource-avatar{width:64px;height:64px}.requirement-folder-head{align-items:flex-start}.requirement-detail-grid,.requirement-custom-values,.requirement-list-metrics,.requirement-folder-fields{grid-template-columns:1fr}.requirements-mobile-list .mobile-requirement-row{grid-template-columns:1fr;align-items:flex-start}.mobile-requirement-row .badge{width:max-content}.requirement-list-row,.requirement-folder-row{padding:12px}.requirement-list-actions .link-btn,.requirement-folder-actions .link-btn{width:100%;justify-content:center}.requirement-type-row{grid-template-columns:1fr;padding:12px}.requirement-type-category,.requirement-type-properties,.requirement-type-status,.requirement-type-actions{justify-content:flex-start}.requirement-type-actions .link-btn{width:100%;justify-content:center}}

.clothing-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px;margin-bottom:0}
.clothing-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.75fr);gap:14px;align-items:start;margin-top:14px}
.clothing-rows{display:grid;gap:10px}
.clothing-person-row{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(360px,1.5fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--card2) 88%,transparent),color-mix(in srgb,var(--card) 96%,transparent));box-shadow:var(--shadow-soft)}
.clothing-person-main{display:grid;gap:4px;min-width:0}
.clothing-person-main strong{font-size:15px;line-height:1.2;overflow-wrap:anywhere}
.clothing-person-main small{color:var(--muted);font-weight:800}
.clothing-size-chips{display:flex;flex-wrap:wrap;gap:7px}
.clothing-size-chip{display:inline-grid;gap:2px;min-width:92px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line));border-radius:14px;background:var(--card2)}
.clothing-size-chip b{font-size:11px;color:var(--muted);text-transform:uppercase}
.clothing-size-chip em{font-style:normal;font-weight:950;color:var(--text)}
.clothing-size-chip.is-missing{border-color:color-mix(in srgb,#f59e0b 40%,var(--line));background:color-mix(in srgb,#f59e0b 8%,var(--card2))}
.clothing-row-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center;flex-wrap:wrap}
.clothing-summary-card{display:grid;gap:12px}
.clothing-summary-card h2{margin:0}
.clothing-summary-block{display:grid;gap:6px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--card2)}
.clothing-summary-block>span{display:flex;justify-content:space-between;gap:10px;color:var(--muted)}
.clothing-summary-block em{font-style:normal;color:var(--text)}
.clothing-summary-block b{color:var(--primary)}
.clothing-resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.mobile-clothing-reminder{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:14px 0;padding:14px;border:1px solid color-mix(in srgb,#f59e0b 45%,var(--line));border-radius:18px;background:color-mix(in srgb,#f59e0b 12%,var(--card));box-shadow:var(--shadow-soft)}
.mobile-clothing-reminder p{margin:4px 0 0;color:var(--muted);font-weight:800}
.mobile-clothing-reminder-actions{display:flex;gap:8px;flex-wrap:wrap}
.mobile-clothing-card{display:grid;gap:14px}
.mobile-clothing-status{display:grid;gap:6px}
.mobile-clothing-status small{color:var(--muted);font-weight:850}
.mobile-clothing-card label.is-missing select{border-color:color-mix(in srgb,#f59e0b 65%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,#f59e0b 14%,transparent)}
.mobile-back-link{justify-content:center}
.supplier-order-intro{margin:14px 0;display:grid;gap:6px}
.supplier-order-intro p,.supplier-order-quantities p,.supplier-order-missing p{margin:0;color:var(--muted);font-weight:800}
.supplier-order-form{display:grid;gap:14px}
.supplier-order-filters,.supplier-order-quantities,.supplier-order-total-card,.supplier-order-detail-card,.supplier-order-missing{border-radius:20px}
.supplier-order-filters h2,.supplier-order-quantities h2,.supplier-order-total-card h2,.supplier-order-detail-card h2,.supplier-order-missing h2{margin:0}
.supplier-order-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;align-items:center}
.supplier-order-filter-grid input[type="search"],.supplier-order-filter-grid select,.supplier-order-qty-grid input{
    width:100%;
    border:1px solid var(--line);
    background:var(--bg);
    color:var(--text);
    border-radius:14px;
    padding:11px 12px;
    outline:none;
}
.supplier-order-check{min-height:42px;display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--line);border-radius:14px;background:var(--card2);color:var(--muted);font-size:12px;font-weight:900}
.supplier-order-check input{accent-color:var(--primary)}
.supplier-order-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.supplier-order-qty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:14px}
.supplier-order-qty-grid label{display:grid;gap:8px;padding:12px;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));border-radius:16px;background:linear-gradient(180deg,var(--card2),color-mix(in srgb,var(--card) 96%,transparent))}
.supplier-order-qty-grid label span{display:flex;align-items:center;gap:9px;min-width:0}
.supplier-order-qty-grid label strong{overflow-wrap:anywhere}
.supplier-order-print-area{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px;align-items:start;margin-top:14px}
.supplier-order-print-header{grid-column:1/-1;display:none;padding:0 0 12px;border-bottom:2px solid currentColor}
.supplier-order-print-header span{display:block;color:var(--muted);font-size:12px;font-weight:950;text-transform:uppercase}
.supplier-order-print-header h1{margin:4px 0;font-size:28px;line-height:1.12}
.supplier-order-print-header p{margin:3px 0;color:var(--muted);font-weight:800}
.supplier-order-total-card{grid-column:1/2;border-color:color-mix(in srgb,var(--primary) 44%,var(--line));box-shadow:0 20px 56px color-mix(in srgb,var(--primary) 12%,transparent)}
.supplier-order-detail-card{grid-column:1/2;display:grid;gap:12px}
.supplier-order-section-head{align-items:flex-start}
.supplier-order-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
.supplier-order-kpis article{padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--card2)}
.supplier-order-kpis span{display:block;color:var(--muted);font-size:11px;font-weight:950;text-transform:uppercase}
.supplier-order-kpis strong{display:block;margin-top:5px;font-size:24px;line-height:1;color:var(--text)}
.supplier-order-table-wrap{margin-top:10px}
.supplier-order-table td,.supplier-order-table th{vertical-align:top}
.supplier-order-detail-list{display:grid;gap:10px}
.supplier-order-detail-row{display:grid;grid-template-columns:minmax(190px,.45fr) minmax(0,1fr);gap:12px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--card2)}
.supplier-order-detail-row>div{display:grid;gap:4px;align-content:start}
.supplier-order-detail-row span{color:var(--muted);font-size:12px;font-weight:900}
.supplier-order-detail-row ul,.supplier-order-missing ul{margin:0;padding-left:18px;color:var(--muted);font-weight:800}
.supplier-order-detail-row li{margin:2px 0}
.supplier-order-detail-row b{color:var(--text)}
.supplier-order-detail-row small{display:block;color:var(--muted);font-size:11px}
.supplier-order-empty{padding:18px;border:1px dashed var(--line);border-radius:16px;background:var(--card2);color:var(--muted);font-weight:900;text-align:center}
.supplier-order-missing{position:sticky;top:90px;display:grid;gap:10px}
.supplier-order-missing strong{font-size:36px;line-height:1;color:var(--primary)}
.supplier-order-missing details{padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--card2)}
.supplier-order-missing summary{cursor:pointer;font-weight:950}
.clothing-delivery-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:14px}
.clothing-delivery-status-card,.clothing-delivery-list-card{display:grid;gap:12px;border-radius:20px}
.clothing-delivery-status-list,.clothing-delivery-list{display:grid;gap:10px}
.clothing-delivery-status-row,.clothing-delivery-row{
    display:grid;grid-template-columns:minmax(180px,.75fr) minmax(180px,.65fr) minmax(180px,.7fr) auto;
    gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:17px;background:var(--card2)
}
.clothing-delivery-row{grid-template-columns:minmax(190px,.8fr) minmax(170px,.55fr) minmax(190px,.7fr) auto}
.clothing-delivery-row p{grid-column:1/-1;margin:0;color:var(--muted);font-weight:800}
.clothing-delivery-row div,.clothing-delivery-status-row div{display:grid;gap:3px;min-width:0}
.clothing-delivery-row strong,.clothing-delivery-status-row strong,.clothing-delivery-row b,.clothing-delivery-status-row b{overflow-wrap:anywhere}
.clothing-delivery-row small,.clothing-delivery-status-row small{color:var(--muted);font-size:12px;font-weight:850}
.clothing-delivery-missing{display:grid;gap:10px;padding:12px;border:1px solid color-mix(in srgb,#f59e0b 42%,var(--line));border-radius:16px;background:color-mix(in srgb,#f59e0b 8%,var(--card2))}
.clothing-delivery-confirm{display:grid;gap:4px;margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--card2)}
.clothing-delivery-form-card{margin-top:14px}
.mobile-clothing-deliveries .clothing-delivery-row{grid-template-columns:1fr}
.clothing-delivery-compact{display:grid;gap:12px;margin-top:14px}
.clothing-delivery-print-head{display:none}
.clothing-employee-delivery-card{padding:0;overflow:hidden;border-radius:20px}
.clothing-employee-delivery-card>summary{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;gap:12px;align-items:center;padding:16px 18px;cursor:pointer;list-style:none}
.clothing-employee-delivery-card>summary::-webkit-details-marker{display:none}
.clothing-employee-delivery-card>summary:before{content:'›';width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;background:var(--card2);font-size:22px;font-weight:950;transform:rotate(0deg);transition:transform .18s ease}
.clothing-employee-delivery-card[open]>summary:before{transform:rotate(90deg)}
.clothing-employee-delivery-title{display:grid;gap:4px;min-width:0}
.clothing-employee-delivery-title strong{font-size:17px;overflow-wrap:anywhere}
.clothing-employee-delivery-title small{color:var(--muted);font-weight:850}
.clothing-employee-delivery-counts{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.clothing-employee-delivery-counts span:not(.badge){padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--card2);color:var(--muted);font-size:12px;font-weight:900}
.clothing-employee-delivery-counts b{color:var(--text)}
.clothing-bulk-delivery-form,.clothing-delivery-history{display:grid;gap:12px;padding:0 18px 18px}
.clothing-bulk-toolbar{display:grid;grid-template-columns:180px minmax(220px,1fr) auto;gap:10px;align-items:end;padding:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--card2)}
.clothing-bulk-toolbar label,.clothing-delivery-item label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:950;text-transform:uppercase}
.clothing-bulk-toolbar input,.clothing-delivery-item input{width:100%;border:1px solid var(--line);border-radius:13px;background:var(--bg);color:var(--text);padding:10px 11px}
.clothing-force-reassign{display:flex!important;align-items:center;gap:8px;margin:0 18px;padding:10px 12px;border:1px solid color-mix(in srgb,#f59e0b 46%,var(--line));border-radius:14px;background:color-mix(in srgb,#f59e0b 8%,var(--card2));color:var(--muted);font-size:12px;font-weight:900;text-transform:none!important;letter-spacing:0!important}
.clothing-force-reassign input{width:16px;height:16px;accent-color:#f59e0b}
.clothing-delivery-item-list{display:grid;gap:9px}
.clothing-delivery-item{display:grid;grid-template-columns:minmax(210px,1fr) minmax(150px,.55fr) 110px minmax(150px,.55fr) minmax(150px,.55fr);gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--card2)}
.clothing-delivery-item.is-missing{border-color:color-mix(in srgb,#f59e0b 38%,var(--line));background:color-mix(in srgb,#f59e0b 6%,var(--card2))}
.clothing-delivery-item.is-partial{border-color:color-mix(in srgb,#f59e0b 58%,var(--line));background:color-mix(in srgb,#f59e0b 10%,var(--card2))}
.clothing-delivery-item.is-delivered{border-color:color-mix(in srgb,#22c55e 38%,var(--line));background:color-mix(in srgb,#22c55e 6%,var(--card2))}
.clothing-delivery-check{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;text-transform:none!important;letter-spacing:0!important;color:var(--text)!important}
.clothing-delivery-check input{width:18px;height:18px;accent-color:var(--primary)}
.clothing-delivery-check span,.clothing-delivery-item-state,.clothing-delivery-history-row div{display:grid;gap:3px}
.clothing-delivery-check b,.clothing-delivery-history-row b{overflow-wrap:anywhere}
.clothing-delivery-check small,.clothing-delivery-item-state small,.clothing-delivery-history-row small{color:var(--muted);font-size:12px;font-weight:850;text-transform:none;letter-spacing:0}
.clothing-delivery-history{border-top:1px solid var(--line);padding-top:14px}
.clothing-delivery-history h3{margin:0}
.clothing-delivery-history-row{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:12px;padding:11px;border:1px solid var(--line);border-radius:15px;background:var(--card2);align-items:start}
.clothing-delivery-history-row time{font-weight:950;color:var(--text)}
.inline-return-form{margin:0;display:inline-flex}
.inline-return-form .link-btn{border-color:color-mix(in srgb,#f59e0b 45%,var(--line));color:color-mix(in srgb,#f59e0b 72%,var(--text))}
.clothing-filters{
    border-radius:22px;
}
.clothing-filter-grid input[type="search"],
.clothing-filter-grid select{
    min-height:44px;
    border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));
    border-radius:14px;
    background:var(--bg);
    color:var(--text);
    padding:10px 12px;
    font-weight:820;
}
.clothing-person-row{
    grid-template-columns:minmax(260px,.82fr) minmax(360px,1.45fr) minmax(130px,.35fr);
    align-items:stretch;
    padding:16px;
    border-radius:22px;
    background:linear-gradient(145deg,color-mix(in srgb,var(--card) 96%,var(--primary) 4%),var(--card2));
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.clothing-person-row:hover{
    transform:translateY(-2px);
    border-color:color-mix(in srgb,var(--primary) 32%,var(--line));
    box-shadow:0 20px 52px color-mix(in srgb,#020617 12%,transparent);
}
.clothing-person-row.is-incomplete{
    border-color:color-mix(in srgb,#f59e0b 30%,var(--line));
}
.clothing-person-main{
    grid-template-columns:52px minmax(0,1fr);
    align-items:start;
    gap:12px;
}
.clothing-person-avatar{
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    border:1px solid color-mix(in srgb,var(--primary) 35%,var(--line));
    border-radius:16px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,var(--card2)),var(--card));
    color:var(--text);
    font-weight:950;
    letter-spacing:.03em;
}
.clothing-person-copy{
    display:grid;
    gap:7px;
    min-width:0;
}
.clothing-person-title{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:8px;
}
.clothing-person-title strong{
    font-size:17px;
    line-height:1.18;
    color:var(--text);
}
.clothing-person-meta{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}
.clothing-person-meta span{
    max-width:100%;
    padding:5px 8px;
    border:1px solid var(--line);
    border-radius:999px;
    background:color-mix(in srgb,var(--card) 72%,var(--bg) 28%);
    color:var(--muted);
    font-size:12px;
    font-weight:850;
    overflow-wrap:anywhere;
}
.clothing-size-chips{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
    gap:9px;
    align-content:start;
}
.clothing-size-chip{
    min-width:0;
    width:100%;
    padding:10px;
    border-radius:16px;
    background:color-mix(in srgb,#22c55e 6%,var(--card2));
    border-color:color-mix(in srgb,#22c55e 32%,var(--line));
}
.clothing-size-chip .clothing-type-thumb{
    width:38px;
    height:38px;
    flex-basis:38px;
    border-radius:12px;
}
.clothing-size-chip-copy{
    display:grid;
    gap:3px;
    min-width:0;
}
.clothing-size-chip b{
    color:var(--text);
    text-transform:none;
    font-size:12px;
}
.clothing-size-chip small{
    color:color-mix(in srgb,#22c55e 70%,var(--text));
    font-size:11px;
    font-weight:900;
}
.clothing-size-chip.is-missing small{
    color:color-mix(in srgb,#f59e0b 80%,var(--text));
}
.clothing-row-actions{
    flex-direction:column;
    align-items:flex-end;
    justify-content:space-between;
}
.clothing-completion-meter{
    display:inline-flex;
    align-items:baseline;
    gap:3px;
    padding:8px 10px;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--card2);
    color:var(--muted);
    font-size:12px;
    font-weight:900;
}
.clothing-completion-meter b{
    color:var(--text);
    font-size:20px;
    line-height:1;
}
.clothing-summary-card{
    position:sticky;
    top:88px;
    border-radius:22px;
}
.clothing-summary-head{
    display:grid;
    gap:4px;
}
.clothing-summary-head p{
    margin:0;
    color:var(--muted);
    font-size:13px;
    font-weight:800;
    line-height:1.4;
}
.clothing-summary-block{
    padding:12px;
    border-radius:16px;
}
.clothing-summary-type{
    display:flex;
    align-items:center;
    gap:9px;
}
.clothing-summary-type .clothing-type-thumb{
    width:34px;
    height:34px;
    flex-basis:34px;
    border-radius:11px;
}
.mobile-clothing-premium{
    padding:0;
    overflow:hidden;
    border-radius:26px;
}
.mobile-clothing-premium .mobile-clothing-status{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    padding:18px;
    border-bottom:1px solid var(--line);
    background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 10%,var(--card2)),var(--card));
}
.mobile-clothing-status strong{
    display:block;
    color:var(--text);
    font-size:18px;
    line-height:1.2;
}
.mobile-clothing-form{
    display:grid;
    gap:12px;
    padding:14px;
}
.mobile-clothing-item{
    display:grid!important;
    gap:12px;
    padding:14px;
    border:1px solid var(--line);
    border-radius:20px;
    background:var(--card2);
}
.mobile-clothing-item.is-missing{
    border-color:color-mix(in srgb,#f59e0b 45%,var(--line));
    background:color-mix(in srgb,#f59e0b 8%,var(--card2));
}
.mobile-clothing-item .clothing-size-field-head{
    display:grid;
    grid-template-columns:48px minmax(0,1fr) auto;
    gap:11px;
}
.mobile-clothing-item .clothing-size-field-head strong{
    display:block;
    color:var(--text);
    line-height:1.2;
}
.mobile-clothing-item .clothing-size-field-head small{
    display:block;
    margin-top:3px;
    color:var(--muted);
    font-size:12px;
    font-weight:850;
}
.mobile-clothing-item .clothing-size-field-head em{
    font-style:normal;
    align-self:start;
}
.mobile-clothing-item label{
    display:grid;
    gap:7px;
    color:var(--muted);
    font-size:12px;
    font-weight:900;
}
.mobile-clothing-item select,
.mobile-clothing-item input{
    width:100%;
    min-height:46px;
    border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line));
    border-radius:15px;
    background:var(--bg);
    color:var(--text);
    padding:11px 12px;
    font-weight:850;
}
.mobile-clothing-note{
    border:1px dashed var(--line);
    border-radius:15px;
    padding:10px;
    background:color-mix(in srgb,var(--card) 64%,transparent);
}
.mobile-clothing-note summary{
    cursor:pointer;
    color:var(--muted);
    font-size:12px;
    font-weight:950;
}
.mobile-clothing-note input{
    margin-top:9px;
}
.mobile-clothing-save-bar{
    position:sticky;
    bottom:calc(var(--mobile-bottom-nav-height,72px) + 8px);
    z-index:5;
    padding-top:4px;
}
.mobile-clothing-save-bar .btn{
    width:100%;
    justify-content:center;
    min-height:48px;
    box-shadow:0 16px 30px color-mix(in srgb,var(--primary) 22%,transparent);
}
@media(max-width:1000px){.clothing-layout,.clothing-person-row,.supplier-order-print-area,.supplier-order-detail-row,.clothing-delivery-status-row,.clothing-delivery-row,.clothing-employee-delivery-card>summary,.clothing-bulk-toolbar,.clothing-delivery-item,.clothing-delivery-history-row{grid-template-columns:1fr}.clothing-row-actions,.clothing-employee-delivery-counts{justify-content:flex-start}.supplier-order-missing{position:static}.supplier-order-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-order-total-card,.supplier-order-detail-card{grid-column:1/-1}}
@media(max-width:1000px){.clothing-summary-card{position:static}.clothing-row-actions{align-items:flex-start}.clothing-person-title{justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:700px){.clothing-filter-grid,.supplier-order-filter-grid,.supplier-order-kpis{grid-template-columns:1fr}.mobile-clothing-reminder{align-items:stretch;flex-direction:column}.mobile-clothing-reminder-actions .btn,.mobile-clothing-reminder-actions .link-btn{width:100%;justify-content:center}.clothing-size-chip{width:100%}.supplier-order-actions,.supplier-order-actions .btn,.supplier-order-actions .btn-secondary{width:100%;justify-content:center}.mobile-clothing-item .clothing-size-field-head{grid-template-columns:44px minmax(0,1fr)}.mobile-clothing-item .clothing-size-field-head em{grid-column:2}.mobile-clothing-premium .mobile-clothing-status{display:grid}}
@media print{.supplier-order-print-area{grid-template-columns:1fr;margin-top:0}.supplier-order-total-card,.supplier-order-detail-card,.supplier-order-missing{box-shadow:none}.supplier-order-missing,.supplier-order-detail-row{break-inside:avoid}.supplier-order-print-header{display:block}}
@media print{body:has(.clothing-delivery-compact) .topbar,body:has(.clothing-delivery-compact) .footer,body:has(.clothing-delivery-compact) .hide-print,body:has(.clothing-delivery-compact) .clothing-bulk-delivery-form,body:has(.clothing-delivery-compact) .clothing-row-actions{display:none!important}body:has(.clothing-delivery-compact){background:#fff;color:#000}body:has(.clothing-delivery-compact) .content,body:has(.clothing-delivery-compact) main{background:#fff;color:#000}body:has(.clothing-delivery-compact) .clothing-delivery-print-head{display:block;margin-bottom:14px;border-bottom:2px solid #000;padding-bottom:10px}body:has(.clothing-delivery-compact) .card,body:has(.clothing-delivery-compact) .clothing-delivery-history-row,body:has(.clothing-delivery-compact) .clothing-delivery-item{box-shadow:none!important;background:#fff!important;color:#000!important;border-color:#bbb!important}body:has(.clothing-delivery-compact) details{break-inside:avoid}body:has(.clothing-delivery-compact) details:not([open]){display:block}body:has(.clothing-delivery-compact) details:not([open])>*{display:block}body:has(.clothing-delivery-compact) .badge{border:1px solid #888;background:#fff!important;color:#000!important}}

.privacy-consent-standalone{
    min-height:100vh;
    margin:0;
    background:
        radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 30%),
        radial-gradient(circle at 86% 18%,color-mix(in srgb,var(--primary2) 14%,transparent),transparent 32%),
        linear-gradient(135deg,var(--bg),var(--bg2));
    color:var(--text);
}
.privacy-consent-shell{
    min-height:100vh;
    display:grid;
    place-items:center;
    padding:28px;
}
.privacy-consent-card{
    width:min(880px,100%);
    display:grid;
    gap:18px;
    border:1px solid color-mix(in srgb,var(--primary) 28%,var(--line));
    border-radius:28px;
    background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,transparent),color-mix(in srgb,var(--card2) 94%,transparent));
    box-shadow:0 28px 80px rgba(0,0,0,.34);
    padding:24px;
}
.privacy-consent-brand{
    display:flex;
    align-items:center;
    gap:12px;
}
.privacy-consent-brand strong{display:block;font-size:18px}
.privacy-consent-brand small{display:block;color:var(--muted);font-weight:850}
.privacy-consent-heading{display:grid;gap:8px}
.privacy-consent-heading h1{margin:0;font-size:32px;line-height:1.05}
.privacy-consent-heading p{margin:0;color:var(--muted);font-weight:850;line-height:1.45}
.privacy-policy-box{
    max-height:360px;
    overflow:auto;
    border:1px solid var(--line);
    border-radius:18px;
    background:color-mix(in srgb,var(--card2) 82%,transparent);
    padding:16px;
    color:var(--text);
    line-height:1.65;
    font-weight:760;
}
.privacy-policy-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.privacy-policy-meta span{
    border:1px solid var(--line);
    border-radius:999px;
    background:color-mix(in srgb,var(--card2) 84%,transparent);
    color:var(--muted);
    padding:8px 11px;
    font-size:13px;
    font-weight:850;
}
.privacy-policy-meta strong{color:var(--text)}
.privacy-consent-form{display:grid;gap:14px}
.privacy-checkbox{align-items:flex-start}
.privacy-checkbox span{line-height:1.45}
.privacy-consent-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:10px;
}
.privacy-settings-card textarea{
    min-height:180px;
    line-height:1.5;
}
.privacy-consents-card .table-wrap{overflow:auto}
.privacy-consents-table td{vertical-align:top}
@media(max-width:700px){
    .privacy-consent-shell{padding:14px}
    .privacy-consent-card{padding:18px;border-radius:22px}
    .privacy-consent-heading h1{font-size:27px}
    .privacy-policy-box{max-height:44vh}
    .privacy-consent-actions .btn,
    .privacy-consent-actions .link-btn{width:100%;justify-content:center}
}

.audit-hero{align-items:flex-end}
.audit-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}
.company-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.audit-kpi{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,var(--card),var(--card2));box-shadow:var(--shadow);padding:14px}
.audit-kpi span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}
.audit-kpi strong{display:block;margin-top:6px;font-size:26px;line-height:1}
.audit-filter-card,.audit-table-card,.audit-empty-card{margin-top:14px}
.audit-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.audit-section-head h2{margin:4px 0 0}
.audit-filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:end}
.audit-filters label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:900}
.audit-filters input,.audit-filters select{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);padding:10px}
.audit-table-wrap{overflow:auto}
.audit-table{width:100%;border-collapse:separate;border-spacing:0;min-width:920px}
.audit-table th,.audit-table td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.audit-table th{position:sticky;top:0;z-index:1;background:color-mix(in srgb,var(--card) 92%,var(--primary));color:var(--text);font-size:12px;text-transform:uppercase;letter-spacing:.03em}
.audit-table tbody tr:nth-child(even){background:color-mix(in srgb,var(--primary) 4%,transparent)}
.audit-table td{font-size:13px}
.audit-table code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);font-size:12px}
.audit-detail-cell{min-width:260px;max-width:520px;white-space:normal}
.audit-module-badge{border-color:color-mix(in srgb,var(--primary) 35%,var(--line))}
.audit-empty-row{text-align:center;color:var(--muted);font-weight:900}
.audit-table-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.audit-print-btn{border-color:color-mix(in srgb,var(--primary) 48%,var(--line));box-shadow:0 0 18px color-mix(in srgb,var(--primary) 18%,transparent)}
.audit-print-meta{margin:4px 0 0;color:var(--muted);font-size:12px;font-weight:850}
@media(max-width:1100px){.audit-kpi-grid,.company-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.audit-kpi-grid,.audit-filters{grid-template-columns:1fr}.audit-section-head{flex-direction:column}.audit-section-head .link-btn{width:100%;justify-content:center}}
.requirements-expiration-filters{display:grid;gap:12px}
.requirements-filter-section-title{color:var(--muted);font-size:12px;font-weight:950;text-transform:uppercase}
.requirements-filter-main.audit-filters{grid-template-columns:minmax(220px,1.35fr) minmax(170px,1fr) minmax(170px,1fr) minmax(150px,.8fr) auto}
.requirements-filter-actions{display:flex;gap:8px;align-items:end;justify-content:flex-end;flex-wrap:wrap}
.requirements-filter-actions .btn,.requirements-filter-actions .link-btn{min-height:42px;justify-content:center;white-space:nowrap}
.requirements-advanced-filters{border:1px solid var(--line);border-radius:16px;background:var(--card2);padding:10px}
.requirements-advanced-filters summary{cursor:pointer;color:var(--text);font-weight:950}
.requirements-filter-advanced.audit-filters{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px}
.requirements-expirations-card{overflow:hidden}
.requirements-expirations-table-wrap{margin:-1px}
.requirement-expiration-row td:first-child{border-left:4px solid transparent}
.requirement-expiration-row.is-expired{background:color-mix(in srgb,var(--danger) 9%,transparent)}
.requirement-expiration-row.is-expired td:first-child{border-left-color:var(--danger)}
.requirement-expiration-row.is-soon,.requirement-expiration-row.is-missing{background:color-mix(in srgb,#f59e0b 9%,transparent)}
.requirement-expiration-row.is-soon td:first-child,.requirement-expiration-row.is-missing td:first-child{border-left-color:#f59e0b}
.requirement-expiration-row.is-ok{background:color-mix(in srgb,#10b981 7%,transparent)}
.requirement-expiration-row.is-ok td:first-child{border-left-color:#10b981}
.requirement-expiration-row.is-completed{background:color-mix(in srgb,#10b981 5%,transparent)}
.requirement-expiration-row.is-completed td:first-child{border-left-color:#10b981}
.requirement-expiration-row.is-inactive{background:color-mix(in srgb,var(--muted) 8%,transparent)}
.requirement-expiration-row.is-inactive td:first-child{border-left-color:var(--muted)}
.requirement-expiration-row.is-none{background:color-mix(in srgb,var(--muted) 7%,transparent)}
.requirement-expiration-row.is-none td:first-child{border-left-color:var(--muted)}
.requirement-action-link{min-height:34px}
.requirements-expiration-mobile-list{display:none}
.requirement-expiration-mobile-card{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-left:5px solid var(--muted);border-radius:18px;background:var(--card);box-shadow:var(--shadow-soft)}
.requirement-expiration-mobile-card.is-expired{border-left-color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--card))}
.requirement-expiration-mobile-card.is-soon,.requirement-expiration-mobile-card.is-missing{border-left-color:#f59e0b;background:color-mix(in srgb,#f59e0b 8%,var(--card))}
.requirement-expiration-mobile-card.is-ok{border-left-color:#10b981;background:color-mix(in srgb,#10b981 7%,var(--card))}
.requirement-expiration-mobile-card.is-completed{border-left-color:#10b981;background:color-mix(in srgb,#10b981 5%,var(--card))}
.requirement-expiration-mobile-card.is-inactive{border-left-color:var(--muted);background:color-mix(in srgb,var(--muted) 8%,var(--card))}
.requirement-expiration-mobile-card.is-none{border-left-color:var(--muted)}
.requirement-expiration-mobile-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.requirement-expiration-mobile-card h2{margin:0;font-size:17px;line-height:1.2}
.requirement-expiration-mobile-card p{margin:4px 0 0;color:var(--text);font-size:14px;font-weight:900}
.requirement-expiration-mobile-card header span:not(.badge){display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:850}
.requirement-expiration-mobile-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.requirement-expiration-mobile-meta div{padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--card2)}
.requirement-expiration-mobile-meta span{display:block;color:var(--muted);font-size:11px;font-weight:950;text-transform:uppercase}
.requirement-expiration-mobile-meta strong{display:block;margin-top:4px}
.requirement-expiration-mobile-actions{display:flex;gap:8px;flex-wrap:wrap}
.requirements-expirations-search-empty{margin-top:12px;text-align:center;font-weight:900}
@media(max-width:1100px){.requirements-filter-main.audit-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.requirements-filter-actions{justify-content:flex-start}.requirements-filter-advanced.audit-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.requirements-expirations-table-wrap{display:none}.requirements-expiration-mobile-list{display:grid;gap:12px}.requirement-expiration-mobile-actions .link-btn{flex:1 1 160px;justify-content:center}}
@media(max-width:700px){.requirements-filter-main.audit-filters,.requirements-filter-advanced.audit-filters{grid-template-columns:1fr}.requirements-filter-actions,.requirements-filter-actions .btn,.requirements-filter-actions .link-btn{width:100%;justify-content:center}.requirement-expiration-mobile-card header{flex-direction:column}.requirement-expiration-mobile-meta{grid-template-columns:1fr}.requirement-expiration-mobile-actions .link-btn{width:100%;flex-basis:100%}}
@media print{
    @page{size:A4 portrait;margin:8mm}
    html,
    body{
        width:auto!important;
        min-height:auto!important;
        margin:0!important;
        padding:0!important;
        background:#fff!important;
        color:#000!important;
    }
    body *{
        visibility:hidden!important;
        box-shadow:none!important;
        text-shadow:none!important;
    }
    .audit-print-area,
    .audit-print-area *{
        visibility:visible!important;
    }
    .app-topbar,
    .topbar,
    .sidebar,
    .header,
    .main-nav,
    .audit-hero,
    .audit-filter-card,
    .audit-kpi-grid,
    .audit-table-actions,
    .btn,
    .link-btn,
    .hide-print{
        display:none!important;
    }
    main,
    .app-main,
    .content,
    .page,
    .page-shell,
    .container{
        display:block!important;
        width:auto!important;
        max-width:none!important;
        min-height:auto!important;
        overflow:visible!important;
        padding:0!important;
        margin:0!important;
        background:#fff!important;
        color:#000!important;
    }
    .audit-print-area{
        position:absolute!important;
        top:0!important;
        left:0!important;
        width:100%!important;
        display:block!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        box-shadow:none!important;
        background:#fff!important;
        color:#000!important;
        overflow:visible!important;
    }
    .audit-print-area .audit-section-head{
        display:block!important;
        margin:0 0 5mm!important;
        padding:0 0 3mm!important;
        border-bottom:2px solid #111!important;
        background:#fff!important;
        color:#000!important;
    }
    .audit-print-area .eyebrow,
    .audit-print-meta{
        display:block!important;
        color:#000!important;
        opacity:1!important;
        font-size:10px!important;
        font-weight:700!important;
    }
    .audit-print-area h2{
        margin:1mm 0!important;
        color:#000!important;
        font-size:17px!important;
        line-height:1.2!important;
    }
    .audit-table-wrap{
        overflow:visible!important;
        width:100%!important;
    }
    .audit-table{
        min-width:0!important;
        width:100%!important;
        border-collapse:collapse!important;
        border-spacing:0!important;
        color:#000!important;
        font-size:9.5px!important;
        table-layout:auto!important;
    }
    .audit-table thead{display:table-header-group!important}
    .audit-table tr{break-inside:avoid!important;page-break-inside:avoid!important}
    .audit-table th,
    .audit-table td{
        border:1px solid #999!important;
        padding:4px 5px!important;
        background:#fff!important;
        color:#000!important;
        vertical-align:top!important;
    }
    .audit-table th{
        position:static!important;
        background:#e5e7eb!important;
        color:#000!important;
        font-size:9px!important;
        letter-spacing:0!important;
        text-transform:uppercase!important;
    }
    .audit-table .badge{
        border:1px solid #555!important;
        background:#f3f4f6!important;
        color:#000!important;
        box-shadow:none!important;
        padding:2px 5px!important;
        font-size:8.5px!important;
    }
    .audit-detail-cell{
        min-width:0!important;
        max-width:none!important;
        white-space:normal!important;
    }
    .audit-table code{
        color:#000!important;
        font-size:8.5px!important;
        white-space:normal!important;
    }
}

@media print{
    body:has(.supplier-order-print-area) *{
        visibility:hidden!important;
        box-shadow:none!important;
        text-shadow:none!important;
    }
    body:has(.supplier-order-print-area),
    body:has(.supplier-order-print-area) main,
    body:has(.supplier-order-print-area) .app-shell,
    body:has(.supplier-order-print-area) .content,
    body:has(.supplier-order-print-area) .page,
    body:has(.supplier-order-print-area) .page-shell,
    body:has(.supplier-order-print-area) .container{
        background:#fff!important;
        color:#000!important;
        display:block!important;
        margin:0!important;
        padding:0!important;
        width:auto!important;
        max-width:none!important;
        overflow:visible!important;
    }
    body:has(.supplier-order-print-area) .supplier-order-print-area,
    body:has(.supplier-order-print-area) .supplier-order-print-area *{
        visibility:visible!important;
    }
    body:has(.supplier-order-print-area) .topbar,
    body:has(.supplier-order-print-area) .footer,
    body:has(.supplier-order-print-area) .hero,
    body:has(.supplier-order-print-area) .supplier-order-intro,
    body:has(.supplier-order-print-area) .supplier-order-form,
    body:has(.supplier-order-print-area) .hide-print,
    body:has(.supplier-order-print-area) .btn,
    body:has(.supplier-order-print-area) .link-btn{
        display:none!important;
    }
    body:has(.supplier-order-print-area) .supplier-order-print-area{
        position:absolute!important;
        top:0!important;
        left:0!important;
        width:100%!important;
        display:block!important;
        margin:0!important;
        padding:0!important;
        background:#fff!important;
        color:#000!important;
        font-family:Arial,sans-serif!important;
    }
    body:has(.supplier-order-print-area) .supplier-order-print-header{
        display:block!important;
        margin:0 0 6mm!important;
        padding:0 0 4mm!important;
        border-bottom:2px solid #111!important;
        color:#000!important;
    }
    body:has(.supplier-order-print-area) .supplier-order-print-header span,
    body:has(.supplier-order-print-area) .supplier-order-print-header p,
    body:has(.supplier-order-print-area) .muted,
    body:has(.supplier-order-print-area) .eyebrow{
        color:#000!important;
        opacity:1!important;
    }
    body:has(.supplier-order-print-area) .supplier-order-print-header h1{
        color:#000!important;
        font-size:22px!important;
        margin:2mm 0!important;
    }
    body:has(.supplier-order-print-area) .card,
    body:has(.supplier-order-print-area) .supplier-order-total-card,
    body:has(.supplier-order-print-area) .supplier-order-detail-card,
    body:has(.supplier-order-print-area) .supplier-order-missing{
        display:block!important;
        margin:0 0 6mm!important;
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        background:#fff!important;
        color:#000!important;
    }
    body:has(.supplier-order-print-area) .supplier-order-section-head{
        display:block!important;
        margin:0 0 3mm!important;
        padding:0 0 2mm!important;
        border-bottom:1px solid #111!important;
    }
    body:has(.supplier-order-print-area) h2{
        color:#000!important;
        font-size:16px!important;
        margin:0 0 1mm!important;
    }
    body:has(.supplier-order-print-area) .supplier-order-kpis{
        display:grid!important;
        grid-template-columns:repeat(4,1fr)!important;
        gap:2mm!important;
        margin:0 0 4mm!important;
    }
    body:has(.supplier-order-print-area) .supplier-order-kpis article{
        border:1px solid #999!important;
        border-radius:0!important;
        background:#fff!important;
        color:#000!important;
        padding:3mm!important;
    }
    body:has(.supplier-order-print-area) .supplier-order-kpis span,
    body:has(.supplier-order-print-area) .supplier-order-kpis strong{
        color:#000!important;
    }
    body:has(.supplier-order-print-area) .table-wrap{
        overflow:visible!important;
    }
    body:has(.supplier-order-print-area) table{
        width:100%!important;
        border-collapse:collapse!important;
        color:#000!important;
        font-size:10px!important;
    }
    body:has(.supplier-order-print-area) th,
    body:has(.supplier-order-print-area) td{
        border:1px solid #999!important;
        padding:5px!important;
        background:#fff!important;
        color:#000!important;
        vertical-align:top!important;
    }
    body:has(.supplier-order-print-area) th{
        background:#e5e7eb!important;
        font-weight:800!important;
    }
    body:has(.supplier-order-print-area) .supplier-order-detail-list{
        display:block!important;
    }
    body:has(.supplier-order-print-area) .supplier-order-detail-row{
        display:block!important;
        margin:0 0 4mm!important;
        padding:2mm 0!important;
        border:0!important;
        border-bottom:1px solid #bbb!important;
        background:#fff!important;
        color:#000!important;
        break-inside:avoid!important;
    }
    body:has(.supplier-order-print-area) .supplier-order-detail-row span,
    body:has(.supplier-order-print-area) .supplier-order-detail-row b,
    body:has(.supplier-order-print-area) .supplier-order-detail-row small,
    body:has(.supplier-order-print-area) .supplier-order-detail-row li,
    body:has(.supplier-order-print-area) .supplier-order-missing li,
    body:has(.supplier-order-print-area) .supplier-order-missing p{
        color:#000!important;
    }
}

.maintenance-banner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin:12px clamp(12px,3vw,28px) 0;
    padding:13px 16px;
    border:1px solid var(--line);
    border-radius:18px;
    background:linear-gradient(180deg,var(--card),var(--card2));
    box-shadow:var(--shadow-soft);
}
.maintenance-banner>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.maintenance-banner strong{font-size:15px;overflow-wrap:anywhere}
.maintenance-banner time{color:var(--muted);font-weight:900}
.maintenance-banner p{width:100%;margin:2px 0 0;color:var(--muted);font-weight:800}
.maintenance-banner-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;border:1px solid currentColor;font-size:11px;font-weight:950;text-transform:uppercase}
.maintenance-banner button,.mobile-maintenance-close{border:0;background:transparent;color:var(--muted);font-size:24px;font-weight:950;line-height:1;cursor:pointer}
.maintenance-banner button:hover,.mobile-maintenance-close:hover{color:var(--text)}
.maintenance-banner.is-info{border-color:color-mix(in srgb,#38bdf8 42%,var(--line));background:color-mix(in srgb,#38bdf8 10%,var(--card))}
.maintenance-banner.is-warning{border-color:color-mix(in srgb,#f59e0b 52%,var(--line));background:color-mix(in srgb,#f59e0b 12%,var(--card))}
.maintenance-banner.is-danger{border-color:color-mix(in srgb,#ef4444 55%,var(--line));background:color-mix(in srgb,#ef4444 12%,var(--card))}
.maintenance-admin-layout{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:16px;align-items:start}
.maintenance-notice-form,.maintenance-notices-list{display:grid;gap:14px}
.maintenance-notice-list{display:grid;gap:10px}
.maintenance-notice-admin-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.35fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:16px;background:var(--card2)}
.maintenance-notice-admin-row.is-info{border-color:color-mix(in srgb,#38bdf8 36%,var(--line))}
.maintenance-notice-admin-row.is-warning{border-color:color-mix(in srgb,#f59e0b 45%,var(--line))}
.maintenance-notice-admin-row.is-danger{border-color:color-mix(in srgb,#ef4444 48%,var(--line))}
.maintenance-notice-admin-row strong{display:block;margin-top:6px;font-size:16px}
.maintenance-notice-admin-row small,.maintenance-notice-admin-row p{display:block;margin:4px 0 0;color:var(--muted);font-weight:800}
.maintenance-notice-admin-meta{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:900}
.maintenance-notice-admin-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center;flex-wrap:wrap}
.maintenance-notice-admin-actions form{margin:0}
.maintenance-notice-empty{padding:18px;border:1px dashed var(--line);border-radius:16px;background:var(--card2);color:var(--muted);font-weight:900;text-align:center}
.mobile-maintenance-banner{display:grid;gap:4px;margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:var(--shadow-soft)}
.mobile-maintenance-banner span{font-size:11px;font-weight:950;text-transform:uppercase;color:var(--muted)}
.mobile-maintenance-banner strong{font-size:16px}
.mobile-maintenance-banner small,.mobile-maintenance-banner p{margin:0;color:var(--muted);font-weight:850}
.mobile-maintenance-banner.is-info,.mobile-maintenance-popup-card.is-info{border-color:color-mix(in srgb,#38bdf8 44%,var(--line));background:color-mix(in srgb,#38bdf8 10%,var(--card))}
.mobile-maintenance-banner.is-warning,.mobile-maintenance-popup-card.is-warning{border-color:color-mix(in srgb,#f59e0b 52%,var(--line));background:color-mix(in srgb,#f59e0b 12%,var(--card))}
.mobile-maintenance-banner.is-danger,.mobile-maintenance-popup-card.is-danger{border-color:color-mix(in srgb,#ef4444 55%,var(--line));background:color-mix(in srgb,#ef4444 12%,var(--card))}
.mobile-maintenance-popup{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px;background:rgba(3,7,18,.58);backdrop-filter:blur(8px)}
.mobile-maintenance-popup-card{position:relative;width:min(420px,100%);display:grid;gap:10px;padding:18px;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:0 24px 70px rgba(0,0,0,.38)}
.mobile-maintenance-popup-card h2{margin:0;font-size:24px;line-height:1.1}
.mobile-maintenance-popup-card p{margin:0;color:var(--muted);font-weight:850}
.mobile-maintenance-popup-card>strong{font-size:15px}
.mobile-maintenance-close{position:absolute;top:10px;right:12px}
@media(max-width:950px){.maintenance-admin-layout,.maintenance-notice-admin-row{grid-template-columns:1fr}.maintenance-notice-admin-actions{justify-content:flex-start}}
@media(max-width:640px){.maintenance-banner{align-items:flex-start;flex-direction:column}.maintenance-banner button{align-self:flex-end}.maintenance-notice-admin-actions .link-btn,.maintenance-notice-admin-actions .btn{width:100%;justify-content:center}}
.calendar-type-on-call,.calendar-on-call-chip,.calendar-on-call-event,.on-call-calendar-soft,.on-call-gantt-soft{border-color:color-mix(in srgb,#f59e0b 70%,var(--line))!important;background:color-mix(in srgb,#facc15 24%,var(--card))!important;color:#3a2600!important;text-shadow:none!important}
.calendar-type-on-call .eyebrow,.calendar-type-on-call .badge,.calendar-on-call-event strong,.calendar-on-call-chip strong,.on-call-calendar-soft strong,.on-call-gantt-soft strong{color:#7c4a03!important}
.calendar-on-call-event,.on-call-gantt-soft{cursor:pointer;opacity:.82;box-shadow:0 6px 12px rgba(245,158,11,.12)}
.calendar-on-call-event.is-editable{opacity:.95;cursor:grab}
.calendar-on-call-event.is-editable:active{cursor:grabbing}
.calendar-on-call-event.is-readonly{cursor:pointer}
.calendar-resize-handle{position:absolute;left:7px;right:7px;height:9px;border-radius:999px;background:color-mix(in srgb,currentColor 32%,transparent);opacity:.64;z-index:5;touch-action:none;cursor:ns-resize}
.calendar-resize-handle:hover{opacity:.95}
.calendar-resize-start{top:2px}
.calendar-resize-end{bottom:2px}
.on-call-calendar-soft{opacity:.9}
.calendar-event-colored{background:var(--event-bg,#2563eb)!important;color:var(--event-fg,#fff)!important;border-color:color-mix(in srgb,var(--event-bg,#2563eb) 78%,#fff 22%)!important}
.calendar-event-colored strong,.calendar-event-colored span,.calendar-event-colored small,.calendar-event-colored em,.calendar-event-colored i,.calendar-event-colored b,.calendar-event-colored .calendar-month-event-time,.calendar-event-colored .calendar-month-event-title{color:inherit!important}
.calendar-event-text-dark{color:#111827!important;text-shadow:none!important}
.calendar-event-text-light{color:#fff!important;text-shadow:0 1px 1px rgba(15,23,42,.28)}
.on-call-calendar-soft,.on-call-gantt-soft{border-color:color-mix(in srgb,#f59e0b 70%,var(--line))!important;background:color-mix(in srgb,#facc15 24%,var(--card))!important;color:#3a2600!important;text-shadow:none!important}
.calendar-day-shift-row.calendar-event-colored{background:var(--event-bg,#e5e7eb)!important;color:var(--event-fg,#111827)!important}
.calendar-day-shift-row.calendar-event-colored strong,.calendar-day-shift-row.calendar-event-colored span,.calendar-day-shift-row.calendar-event-colored small,.calendar-day-shift-row.calendar-event-colored em,.calendar-day-shift-row.calendar-event-colored b{color:inherit!important}
.calendar-day-shift-row.calendar-event-colored .badge{color:inherit!important;border-color:color-mix(in srgb,currentColor 36%,transparent)!important;background:color-mix(in srgb,currentColor 10%,transparent)!important}
.calendar-day-shift-row.calendar-event-colored.calendar-event-text-dark{color:#111827!important;text-shadow:none!important}
.calendar-day-shift-row.calendar-event-colored.calendar-event-text-light{color:#ffffff!important;text-shadow:0 1px 1px rgba(15,23,42,.28)}
.mobile-calendar-type-on-call{border-color:color-mix(in srgb,#f59e0b 62%,var(--line));background:color-mix(in srgb,#f59e0b 22%,var(--card));color:var(--text)}
.on-call-intervention-note{margin-top:10px;color:var(--muted);font-size:.92rem;line-height:1.45}
.on-call-list{display:grid;gap:12px}
.on-call-card .shift-card-head{align-items:flex-start}
.on-call-intervention-badge,
.calendar-on-call-intervention b{
    display:inline-flex;
    align-items:center;
    width:max-content;
    max-width:100%;
    border-color:#ea580c!important;
    background:linear-gradient(135deg,#f97316,#f59e0b)!important;
    color:#ffffff!important;
    font-weight:950!important;
    letter-spacing:0!important;
    text-transform:uppercase;
    text-shadow:0 1px 1px rgba(124,45,18,.42)!important;
    box-shadow:0 6px 16px rgba(249,115,22,.24)!important;
}
.calendar-on-call-intervention{
    border-color:#ea580c!important;
    box-shadow:0 0 0 2px color-mix(in srgb,#f97316 38%,transparent),0 10px 22px color-mix(in srgb,#f97316 24%,transparent)!important;
}
.report-row-on-call-intervention{
    background:color-mix(in srgb,#f97316 14%,transparent);
}
.report-row-on-call-intervention td{
    border-color:color-mix(in srgb,#f97316 36%,var(--line));
}
.report-kpi-on-call-worked{
    border-color:color-mix(in srgb,#f97316 62%,var(--line))!important;
    background:color-mix(in srgb,#f97316 12%,var(--card))!important;
}
.on-call-summary-link{
    display:block;
    padding:8px 10px;
    border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line));
    border-radius:12px;
    background:color-mix(in srgb,var(--primary) 6%,transparent);
}
.on-call-summary-link:hover{
    border-color:color-mix(in srgb,var(--primary) 55%,var(--line));
    background:color-mix(in srgb,var(--primary) 11%,transparent);
}
.on-call-summary-static .card{
    cursor:default;
}

.on-call-enterprise-hero{
    position:relative;
    overflow:hidden;
    border:1px solid color-mix(in srgb,#f59e0b 28%,var(--line));
    background:
        radial-gradient(circle at top right,color-mix(in srgb,#f59e0b 18%,transparent),transparent 34%),
        linear-gradient(135deg,color-mix(in srgb,var(--card) 88%,#f59e0b),color-mix(in srgb,var(--card2) 94%,#0ea5e9));
    box-shadow:0 18px 48px color-mix(in srgb,#0f172a 14%,transparent);
}
.on-call-enterprise-hero .eyebrow{
    color:color-mix(in srgb,#d97706 82%,var(--text));
}
.on-call-enterprise-hero .hero-badges .badge{
    border-color:color-mix(in srgb,#f59e0b 46%,var(--line));
    background:color-mix(in srgb,#f59e0b 13%,var(--card));
    color:var(--text);
    box-shadow:0 8px 24px color-mix(in srgb,#f59e0b 12%,transparent);
}
.on-call-kpi-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin:14px 0;
}
.on-call-kpi-card{
    position:relative;
    min-height:118px;
    display:grid;
    align-content:space-between;
    gap:8px;
    padding:18px;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line));
    border-radius:22px;
    background:
        linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,#fff),color-mix(in srgb,var(--card2) 92%,transparent));
    box-shadow:var(--shadow-soft);
}
.on-call-kpi-card::after{
    content:"";
    position:absolute;
    right:16px;
    top:16px;
    width:42px;
    height:42px;
    border-radius:16px;
    background:linear-gradient(135deg,color-mix(in srgb,#f59e0b 26%,transparent),color-mix(in srgb,var(--primary) 15%,transparent));
    opacity:.78;
}
.on-call-kpi-card.is-primary{
    border-color:color-mix(in srgb,#f59e0b 54%,var(--line));
    background:
        radial-gradient(circle at top right,color-mix(in srgb,#f59e0b 22%,transparent),transparent 42%),
        color-mix(in srgb,#f59e0b 10%,var(--card));
}
.on-call-kpi-card span{
    position:relative;
    z-index:1;
    color:var(--muted);
    font-size:12px;
    font-weight:950;
    letter-spacing:.02em;
    text-transform:uppercase;
}
.on-call-kpi-card strong{
    position:relative;
    z-index:1;
    color:var(--text);
    font-size:30px;
    line-height:1;
    font-weight:950;
    overflow-wrap:anywhere;
}
.on-call-kpi-card small{
    position:relative;
    z-index:1;
    color:var(--muted);
    font-size:12.5px;
    font-weight:850;
    line-height:1.35;
}
.on-call-filter-card{
    padding:18px;
    border-radius:22px;
    border-color:color-mix(in srgb,var(--primary) 18%,var(--line));
    background:color-mix(in srgb,var(--card) 92%,var(--card2));
}
.on-call-toolbar{
    gap:16px;
}
.on-call-toolbar .calendar-nav{
    gap:9px;
}
.on-call-filter-card .calendar-filters{
    align-items:end;
    gap:11px;
}
.on-call-filter-card .calendar-filters label{
    min-width:150px;
}
.on-call-filter-card .calendar-filters input,
.on-call-filter-card .calendar-filters select{
    min-height:42px;
    border-radius:14px;
    background:var(--card);
}
.on-call-enterprise-list{
    gap:14px;
}
.on-call-enterprise-card{
    position:relative;
    overflow:hidden;
    padding:18px;
    border:1px solid color-mix(in srgb,#f59e0b 30%,var(--line));
    border-left:5px solid #f59e0b;
    border-radius:22px;
    background:
        linear-gradient(180deg,color-mix(in srgb,#f59e0b 8%,var(--card)),var(--card));
    box-shadow:var(--shadow-soft);
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.on-call-enterprise-card:hover{
    transform:translateY(-2px);
    border-color:color-mix(in srgb,#f59e0b 58%,var(--line));
    box-shadow:0 18px 42px color-mix(in srgb,#0f172a 15%,transparent);
}
.on-call-intervention-card{
    border-left-color:#f97316;
    background:
        linear-gradient(180deg,color-mix(in srgb,#f97316 10%,var(--card)),var(--card));
}
.on-call-enterprise-card .shift-card-head h2{
    margin:0;
    color:var(--text);
    font-size:20px;
    line-height:1.15;
}
.on-call-enterprise-card .eyebrow{
    color:color-mix(in srgb,#d97706 82%,var(--text));
}
.on-call-enterprise-card .shift-card-pills{
    gap:8px;
}
.on-call-enterprise-card .shift-info-pill{
    border:1px solid color-mix(in srgb,#f59e0b 24%,var(--line));
    background:color-mix(in srgb,#f59e0b 8%,var(--card2));
    color:var(--text);
    font-weight:850;
}
.on-call-enterprise-card p{
    color:var(--text);
    line-height:1.5;
}
.on-call-status-badge{
    border-radius:999px;
    color:var(--text)!important;
    background:color-mix(in srgb,var(--primary) 10%,var(--card2))!important;
}
.on-call-status-planned,
.on-call-intervention-status-pending{
    border-color:color-mix(in srgb,#f59e0b 58%,var(--line))!important;
    background:color-mix(in srgb,#f59e0b 17%,var(--card))!important;
}
.on-call-status-confirmed,
.on-call-intervention-status-approved{
    border-color:color-mix(in srgb,#10b981 58%,var(--line))!important;
    background:color-mix(in srgb,#10b981 14%,var(--card))!important;
}
.on-call-status-cancelled,
.on-call-intervention-status-rejected{
    border-color:color-mix(in srgb,#ef4444 58%,var(--line))!important;
    background:color-mix(in srgb,#ef4444 13%,var(--card))!important;
}
.on-call-empty-state{
    padding:26px;
    border:1px dashed color-mix(in srgb,var(--primary) 30%,var(--line));
    border-radius:22px;
    background:color-mix(in srgb,var(--primary) 6%,var(--card));
    color:var(--muted);
    font-weight:900;
    text-align:center;
}
.on-call-report-summary-grid{
    gap:14px;
}
.on-call-report-summary-card{
    min-width:0;
    padding:18px;
    border-radius:22px;
    border-color:color-mix(in srgb,#f59e0b 22%,var(--line));
    background:linear-gradient(180deg,color-mix(in srgb,var(--card) 95%,#f59e0b),var(--card));
}
.on-call-report-summary-card h2{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:3px;
    color:var(--text);
}
.on-call-report-summary-card p{
    padding:9px 0;
    margin:0;
    border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent);
    color:var(--muted);
    line-height:1.45;
}
.on-call-report-summary-card p:first-of-type{
    border-top:0;
}
.on-call-inline-count{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:24px;
    height:24px;
    padding:0 8px;
    border-radius:999px;
    background:color-mix(in srgb,var(--primary) 12%,var(--card2));
    color:var(--primary);
    font-size:12px;
    font-weight:950;
}
.on-call-report-table-card{
    overflow:hidden;
    border-radius:22px;
}
.on-call-report-table-card h2{
    margin:0 0 14px;
}
.on-call-report-table-card .data-table th{
    background:color-mix(in srgb,#f59e0b 12%,var(--card));
}
.on-call-report-table-card .data-table tbody tr:hover{
    background:color-mix(in srgb,#f59e0b 7%,transparent);
}
.on-call-empty-cell{
    padding:24px!important;
    color:var(--muted);
    font-weight:900;
    text-align:center!important;
}
html[data-theme="dark"] .on-call-enterprise-hero{
    background:
        radial-gradient(circle at top right,color-mix(in srgb,#f59e0b 20%,transparent),transparent 36%),
        linear-gradient(135deg,color-mix(in srgb,var(--card) 92%,#f59e0b),color-mix(in srgb,var(--card2) 92%,#0ea5e9));
}
html[data-theme="dark"] .on-call-enterprise-card,
html[data-theme="dark"] .on-call-report-summary-card,
html[data-theme="dark"] .on-call-kpi-card{
    box-shadow:0 18px 46px rgba(0,0,0,.28);
}
@media(max-width:1050px){
    .on-call-kpi-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .on-call-filter-card .calendar-filters label{
        min-width:0;
    }
}
@media(max-width:700px){
    .on-call-enterprise-hero{
        border-radius:22px;
    }
    .on-call-kpi-grid{
        grid-template-columns:1fr;
    }
    .on-call-kpi-card{
        min-height:96px;
    }
    .on-call-filter-card .calendar-filters,
    .on-call-filter-card .calendar-nav{
        width:100%;
        grid-template-columns:1fr;
    }
    .on-call-filter-card .calendar-nav .btn,
    .on-call-filter-card .calendar-nav .link-btn,
    .on-call-filter-card .calendar-filters .btn,
    .on-call-filter-card .calendar-filters button{
        width:100%;
        justify-content:center;
    }
    .on-call-enterprise-card{
        padding:15px;
    }
    .on-call-enterprise-card:hover{
        transform:none;
    }
}

.on-call-design-v2{
    width:min(100%,1760px);
    margin:0 auto;
    padding:0 clamp(10px,1.7vw,26px) 28px;
}
.on-call-design-v2 .on-call-v2-hero{
    min-height:auto;
    margin:0 0 14px;
    padding:clamp(18px,2.2vw,30px);
    border-radius:28px;
}
.on-call-design-v2 .on-call-v2-hero h1{
    margin:.2rem 0 .35rem;
    font-size:clamp(30px,3.2vw,50px);
    line-height:.98;
}
.on-call-design-v2 .hero-badges{
    align-items:flex-end;
    gap:8px;
}
.on-call-design-v2 .hero-badges .badge{
    min-height:36px;
    padding:8px 12px;
    text-decoration:none;
}
.on-call-design-v2 .on-call-kpi-grid{
    grid-template-columns:repeat(4,minmax(170px,1fr));
    gap:10px;
    margin:12px 0;
}
.on-call-design-v2 .on-call-kpi-card{
    min-height:82px;
    padding:14px 16px;
    border-radius:18px;
}
.on-call-design-v2 .on-call-kpi-card::after{
    width:30px;
    height:30px;
    border-radius:12px;
}
.on-call-design-v2 .on-call-kpi-card strong{
    font-size:clamp(22px,2vw,30px);
}
.on-call-design-v2 .on-call-filter-card{
    margin:12px 0 14px;
    padding:14px;
}
.on-call-design-v2 .on-call-toolbar{
    display:grid;
    grid-template-columns:1fr;
}
.on-call-design-v2 .calendar-nav{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
}
.on-call-design-v2 .on-call-v2-filters{
    display:grid;
    grid-template-columns:minmax(220px,1.4fr) repeat(5,minmax(132px,1fr)) auto;
    width:100%;
}
.on-call-design-v2 .on-call-v2-filters label{
    min-width:0;
}
.on-call-design-v2 .on-call-v2-filters .calendar-search{
    min-width:220px;
}
.on-call-design-v2 .on-call-enterprise-list{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(420px,1fr));
    align-items:start;
}
.on-call-design-v2 .on-call-enterprise-card{
    min-width:0;
    padding:16px;
    border-radius:18px;
}
.on-call-design-v2 .on-call-enterprise-card .shift-card-head{
    display:flex;
    gap:12px;
    justify-content:space-between;
}
.on-call-design-v2 .on-call-enterprise-card .shift-card-head h2{
    overflow-wrap:anywhere;
}
.on-call-design-v2 .on-call-enterprise-card .form-actions,
.on-call-design-v2 .on-call-v2-actionbar{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
    justify-content:flex-end;
}
.on-call-design-v2 .on-call-v2-form{
    display:grid;
    grid-template-columns:1.05fr 1fr .92fr;
    gap:14px;
    align-items:start;
}
.on-call-design-v2 .on-call-v2-panel{
    min-width:0;
    padding:18px;
    border:1px solid color-mix(in srgb,#f59e0b 18%,var(--line));
    border-radius:22px;
    background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,#f59e0b),var(--card));
    box-shadow:var(--shadow-soft);
}
.on-call-design-v2 .on-call-v2-panel-head{
    display:flex;
    flex-direction:column;
    gap:2px;
    margin-bottom:12px;
}
.on-call-design-v2 .on-call-v2-panel-head h2{
    margin:0;
    font-size:18px;
    line-height:1.2;
}
.on-call-design-v2 .on-call-v2-field-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.on-call-design-v2 .on-call-v2-span-2{
    grid-column:1/-1;
}
.on-call-design-v2 .form-field,
.on-call-design-v2 .on-call-v2-review-form label{
    min-width:0;
}
.on-call-design-v2 .form-field input,
.on-call-design-v2 .form-field select,
.on-call-design-v2 .form-field textarea,
.on-call-design-v2 .on-call-v2-review-form textarea{
    min-height:42px;
    border-radius:14px;
}
.on-call-design-v2 .on-call-v2-form>.on-call-v2-actionbar{
    position:sticky;
    bottom:14px;
    z-index:5;
    grid-column:1/-1;
    padding:12px;
    border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));
    border-radius:18px;
    background:color-mix(in srgb,var(--card) 92%,transparent);
    backdrop-filter:blur(16px);
    box-shadow:0 18px 42px color-mix(in srgb,#0f172a 13%,transparent);
}
.on-call-design-v2 .on-call-v2-preview{
    margin-top:12px;
    border-radius:16px;
    background:color-mix(in srgb,#f59e0b 10%,var(--card2));
}
.on-call-design-v2 .on-call-v2-conflicts{
    margin:12px 0;
    border-radius:18px;
}
.on-call-design-v2 .on-call-v2-danger{
    max-width:840px;
    margin:0 auto;
    padding:22px;
    border:1px solid color-mix(in srgb,#ef4444 42%,var(--line));
    border-radius:24px;
    background:linear-gradient(180deg,color-mix(in srgb,#ef4444 10%,var(--card)),var(--card));
}
.on-call-design-v2 .on-call-v2-danger h2{
    margin:.15rem 0 .35rem;
    font-size:clamp(24px,2.4vw,34px);
}
.on-call-design-v2 .on-call-v2-danger .btn-primary{
    border-color:color-mix(in srgb,#ef4444 80%,#7f1d1d);
    background:linear-gradient(135deg,#ef4444,#b91c1c);
}
.on-call-design-v2 .on-call-v2-delete-summary{
    margin:16px 0;
    border-radius:18px;
    background:color-mix(in srgb,var(--card) 88%,#ef4444);
}
.on-call-design-v2 .on-call-v2-review{
    padding:18px;
    border-radius:22px;
}
.on-call-design-v2 .on-call-v2-detail-grid{
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:10px;
}
.on-call-design-v2 .on-call-v2-detail-grid>div{
    border-radius:16px;
    background:color-mix(in srgb,var(--card2) 82%,transparent);
}
.on-call-design-v2 .on-call-v2-review-form{
    display:grid;
    gap:12px;
}
.on-call-design-v2 .on-call-report-summary-grid{
    grid-template-columns:repeat(auto-fit,minmax(270px,1fr));
}
.on-call-design-v2 .on-call-report-table-card{
    padding:18px;
    border:1px solid color-mix(in srgb,#f59e0b 18%,var(--line));
}
.on-call-design-v2 .table-responsive{
    border-radius:16px;
}
.on-call-design-v2 .data-table{
    font-size:13px;
}
.on-call-design-v2 .data-table th,
.on-call-design-v2 .data-table td{
    padding:10px 11px;
    vertical-align:middle;
}
.on-call-design-v2 .on-call-v2-print-area{
    padding:22px;
    border-radius:20px;
}
.on-call-design-v2 :is(a,button,input,select,textarea):focus-visible{
    outline:3px solid color-mix(in srgb,#f59e0b 48%,var(--primary));
    outline-offset:3px;
}
html[data-theme="dark"] .on-call-design-v2 .on-call-v2-panel,
html[data-theme="dark"] .on-call-design-v2 .on-call-v2-danger{
    background:linear-gradient(180deg,color-mix(in srgb,var(--card) 94%,#f59e0b),var(--card));
}
@media(max-width:1220px){
    .on-call-design-v2 .on-call-v2-form{
        grid-template-columns:1fr 1fr;
    }
    .on-call-design-v2 .on-call-v2-panel:last-of-type{
        grid-column:1/-1;
    }
    .on-call-design-v2 .on-call-v2-filters{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}
@media(max-width:820px){
    .on-call-design-v2{
        padding-inline:8px;
    }
    .on-call-design-v2 .on-call-kpi-grid,
    .on-call-design-v2 .on-call-v2-form,
    .on-call-design-v2 .on-call-v2-filters,
    .on-call-design-v2 .on-call-v2-field-grid,
    .on-call-design-v2 .on-call-enterprise-list{
        grid-template-columns:1fr;
    }
    .on-call-design-v2 .on-call-v2-panel:last-of-type{
        grid-column:auto;
    }
    .on-call-design-v2 .hero-badges,
    .on-call-design-v2 .on-call-v2-actionbar,
    .on-call-design-v2 .on-call-enterprise-card .form-actions{
        align-items:stretch;
        justify-content:flex-start;
    }
    .on-call-design-v2 .hero-badges .badge,
    .on-call-design-v2 .on-call-v2-actionbar .btn,
    .on-call-design-v2 .on-call-v2-actionbar .link-btn{
        width:100%;
        justify-content:center;
    }
    .on-call-design-v2 .on-call-v2-form>.on-call-v2-actionbar{
        position:static;
    }
}
@media print{
    .on-call-design-v2{
        width:100%;
        padding:0;
    }
    .on-call-design-v2 .on-call-v2-print-area{
        box-shadow:none;
        border:0;
        padding:0;
    }
}
@media (prefers-reduced-motion:reduce){
    .on-call-design-v2 *,
    .on-call-design-v2 *::before,
    .on-call-design-v2 *::after{
        transition:none!important;
        animation:none!important;
        scroll-behavior:auto!important;
    }
}

.krono-helper-widget{
    position:fixed;
    right:1.25rem;
    bottom:1.25rem;
    z-index:1200;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:.75rem;
    pointer-events:none;
}
.krono-helper-widget>*{pointer-events:auto}
.krono-helper-fab{
    display:inline-flex;
    align-items:center;
    gap:.55rem;
    min-height:3rem;
    padding:.7rem 1rem;
    border:1px solid rgba(37,99,235,.32);
    border-radius:999px;
    background:linear-gradient(135deg,var(--primary),#0f766e);
    color:#fff;
    font-weight:800;
    box-shadow:0 18px 42px rgba(15,23,42,.28);
    cursor:pointer;
}
.krono-helper-fab:hover{
    transform:translateY(-1px);
    box-shadow:0 22px 48px rgba(15,23,42,.34);
}
.krono-helper-fab-icon{
    display:inline-grid;
    width:1.65rem;
    height:1.65rem;
    place-items:center;
    border-radius:999px;
    background:rgba(255,255,255,.2);
    font-size:1.05rem;
}
.krono-helper-panel{
    width:min(23rem,calc(100vw - 2rem));
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:18px;
    background:var(--card);
    color:var(--text);
    box-shadow:0 24px 70px rgba(15,23,42,.32);
}
.krono-helper-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:1rem;
    padding:1rem 1rem .85rem;
    border-bottom:1px solid var(--line);
    background:var(--card2);
}
.krono-helper-header strong,
.krono-helper-header span{display:block}
.krono-helper-header strong{font-size:.98rem}
.krono-helper-header span{
    margin-top:.15rem;
    color:var(--muted);
    font-size:.82rem;
}
.krono-helper-close{
    display:inline-grid;
    width:2rem;
    height:2rem;
    place-items:center;
    border:1px solid var(--line);
    border-radius:999px;
    background:var(--card);
    color:var(--text);
    cursor:pointer;
}
.krono-helper-messages{
    display:flex;
    max-height:18rem;
    flex-direction:column;
    gap:.65rem;
    overflow-y:auto;
    padding:1rem;
}
.krono-helper-message{
    max-width:92%;
    border-radius:14px;
    padding:.75rem .85rem;
    font-size:.9rem;
    line-height:1.45;
}
.krono-helper-message p{margin:0}
.krono-helper-message-bot{
    align-self:flex-start;
    border:1px solid var(--line);
    background:var(--card2);
    color:var(--text);
}
.krono-helper-message-user{
    align-self:flex-end;
    background:var(--primary);
    color:#fff;
}
.krono-helper-links{
    display:flex;
    flex-wrap:wrap;
    gap:.45rem;
    margin-top:.65rem;
}
.krono-helper-links a{
    display:inline-flex;
    align-items:center;
    min-height:2rem;
    padding:.35rem .6rem;
    border:1px solid rgba(37,99,235,.28);
    border-radius:999px;
    background:rgba(37,99,235,.1);
    color:var(--primary);
    font-weight:700;
    text-decoration:none;
}
.krono-helper-links a:hover{background:rgba(37,99,235,.16)}
.krono-helper-quick{
    display:flex;
    flex-wrap:wrap;
    gap:.45rem;
    padding:0 1rem .9rem;
}
.krono-helper-quick button{
    min-height:2rem;
    border:1px solid var(--line);
    border-radius:999px;
    background:var(--card2);
    color:var(--text);
    font-weight:700;
    cursor:pointer;
}
.krono-helper-quick button:hover{
    border-color:rgba(37,99,235,.35);
    color:var(--primary);
}
.krono-helper-form{
    display:grid;
    grid-template-columns:1fr auto;
    gap:.5rem;
    padding:.85rem;
    border-top:1px solid var(--line);
    background:var(--card2);
}
.krono-helper-form input{
    min-width:0;
    border:1px solid var(--line);
    border-radius:12px;
    background:var(--card);
    color:var(--text);
    padding:.65rem .75rem;
}
.krono-helper-form button{
    border:0;
    border-radius:12px;
    background:var(--primary);
    color:#fff;
    font-weight:800;
    padding:.65rem .85rem;
    cursor:pointer;
}

@media (max-width:640px){
    .krono-helper-widget{
        right:.75rem;
        bottom:.75rem;
        left:.75rem;
        align-items:stretch;
    }
    .krono-helper-fab{align-self:flex-end}
    .krono-helper-panel{width:100%}
}

/* UI/UX 2.0 light polish: reusable visual helpers, no workflow changes. */
.ui-kpi-value{
    font-variant-numeric:tabular-nums;
    letter-spacing:0;
}

.card,
.dashboard-card,
.report-kpi,
.report-kpi-card,
.planning-summary div,
.planning-board-stats div,
.planning-review-summary div,
.planning-destination-dropzone,
.planning-board-resource,
.calendar-month-day,
.calendar-day-shift-row,
.mobile-shift-card,
.mobile-info-card{
    transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background-color .18s ease;
}

.ui-card-lift,
.card,
.dashboard-card,
.report-card{
    will-change:transform;
}

@media (hover:hover) and (pointer:fine){
    .card:hover,
    .ui-card-lift:hover,
    .report-card:hover,
    .report-kpi:hover,
    .report-kpi-card:hover,
    .planning-summary div:hover,
    .planning-board-stats div:hover,
    .planning-review-summary div:hover,
    .planning-destination-dropzone:hover,
    .calendar-month-day:hover,
    .mobile-shift-card:hover,
    .mobile-info-card:hover{
        transform:translateY(-2px);
        border-color:color-mix(in srgb,var(--primary) 42%,var(--line));
        box-shadow:0 18px 42px color-mix(in srgb,#020617 16%,transparent),0 0 0 1px color-mix(in srgb,var(--primary) 12%,transparent);
    }
}

.dashboard-card{
    position:relative;
    overflow:hidden;
}
.dashboard-card::after{
    content:"";
    position:absolute;
    inset:auto 18px 14px 18px;
    height:3px;
    border-radius:999px;
    background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 78%,transparent),color-mix(in srgb,var(--primary2) 62%,transparent),transparent);
    opacity:.46;
    pointer-events:none;
}
.dashboard-card .card-icon{
    width:48px;
    height:48px;
    display:inline-grid;
    place-items:center;
    border:1px solid color-mix(in srgb,var(--primary) 28%,var(--line));
    border-radius:16px;
    background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--primary) 22%,transparent),color-mix(in srgb,var(--card2) 88%,transparent));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px color-mix(in srgb,var(--primary) 10%,transparent);
    font-size:21px;
    font-weight:950;
    line-height:1;
}

.ui-status-badge,
.badge{
    align-items:center;
    gap:6px;
    line-height:1.15;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.ui-status-badge.is-ok,
.badge.ok,
.status-active{
    border-color:color-mix(in srgb,#10b981 52%,var(--line))!important;
    background:color-mix(in srgb,#10b981 15%,var(--card2))!important;
    color:color-mix(in srgb,#10b981 82%,var(--text))!important;
}
.ui-status-badge.is-warning,
.badge.warn,
.badge.warning,
.badge.special{
    border-color:color-mix(in srgb,#f59e0b 56%,var(--line))!important;
    background:color-mix(in srgb,#f59e0b 16%,var(--card2))!important;
    color:color-mix(in srgb,#f59e0b 78%,var(--text))!important;
}
.ui-status-badge.is-danger,
.badge.danger,
.badge.off{
    border-color:color-mix(in srgb,var(--danger) 58%,var(--line))!important;
    background:color-mix(in srgb,var(--danger) 14%,var(--card2))!important;
    color:color-mix(in srgb,var(--danger) 82%,var(--text))!important;
}
.ui-status-badge.is-info{
    border-color:color-mix(in srgb,#0ea5e9 55%,var(--line))!important;
    background:color-mix(in srgb,#0ea5e9 14%,var(--card2))!important;
    color:color-mix(in srgb,#0ea5e9 80%,var(--text))!important;
}
.ui-status-badge.is-muted,
.badge.neutral,
.status-dev{
    border-color:color-mix(in srgb,#94a3b8 46%,var(--line))!important;
    background:color-mix(in srgb,#94a3b8 12%,var(--card2))!important;
    color:color-mix(in srgb,#94a3b8 74%,var(--text))!important;
}

.ui-toast,
.alert-success{
    position:relative;
    display:flex;
    align-items:flex-start;
    gap:10px;
    width:fit-content;
    max-width:min(640px,100%);
    border:1px solid color-mix(in srgb,#10b981 40%,var(--line));
    border-radius:18px;
    background:linear-gradient(135deg,color-mix(in srgb,#10b981 18%,var(--card)),var(--card2))!important;
    color:var(--text)!important;
    box-shadow:0 18px 44px color-mix(in srgb,#020617 18%,transparent),0 0 0 1px color-mix(in srgb,#10b981 12%,transparent);
    animation:ui-toast-in .28s ease both;
}
.ui-toast::before,
.alert-success::before{
    content:"\2713";
    display:inline-grid;
    place-items:center;
    flex:0 0 24px;
    width:24px;
    height:24px;
    border-radius:999px;
    background:#10b981;
    color:#fff;
    font-weight:950;
}
.ui-toast.is-hiding{
    animation:ui-toast-out .42s ease 1 forwards;
}
@keyframes ui-toast-in{
    from{opacity:0;transform:translateY(-6px)}
    to{opacity:1;transform:translateY(0)}
}
@keyframes ui-toast-out{
    to{opacity:.32;transform:translateY(-4px)}
}

.ui-skeleton{
    position:relative;
    overflow:hidden;
    min-height:14px;
    border-radius:10px;
    background:color-mix(in srgb,var(--line) 28%,var(--card2));
}
.ui-skeleton::after,
.report-table-wrap.is-loading::after,
.table-wrap.is-loading::after{
    content:"";
    position:absolute;
    inset:0;
    transform:translateX(-100%);
    background:linear-gradient(90deg,transparent,color-mix(in srgb,#fff 22%,transparent),transparent);
    animation:ui-skeleton-sweep 1.1s ease-in-out infinite;
}
@keyframes ui-skeleton-sweep{
    to{transform:translateX(100%)}
}

.ui-progress-soft{
    --ui-progress:0%;
    position:relative;
    display:block;
    width:100%;
    height:7px;
    overflow:hidden;
    border-radius:999px;
    background:color-mix(in srgb,var(--line) 42%,transparent);
}
.ui-progress-soft::before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:var(--ui-progress);
    border-radius:inherit;
    background:linear-gradient(90deg,var(--primary),var(--primary2));
    transition:width .45s ease;
}

.calendar-event,
.calendar-chip,
.calendar-on-call-event,
.on-call-gantt-soft,
.on-call-calendar-soft,
.calendar-resize-handle,
.planning-assignment,
.planning-assigned-chip{
    transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,opacity .16s ease;
}
@media (hover:hover) and (pointer:fine){
    .calendar-event:hover,
    .calendar-chip:hover,
    .calendar-on-call-event:hover,
    .on-call-gantt-soft:hover,
    .on-call-calendar-soft:hover,
    .planning-assignment:hover,
    .planning-assigned-chip:hover{
        transform:translateY(-1px);
        box-shadow:0 12px 24px color-mix(in srgb,#020617 22%,transparent),0 0 0 1px color-mix(in srgb,currentColor 18%,transparent);
    }
}
.calendar-event:active,
.calendar-on-call-event:active,
.planning-board-resource.is-dragging{
    transform:scale(.985);
}
.calendar-resize-handle:hover{
    transform:scaleY(1.18);
}

/* Planning experience 2.0: visual polish only. */
.planning-board-resource,
.planning-board-team,
.planning-destination-dropzone,
.planning-modal-resource,
.planning-modal-team-group{
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease;
}
.planning-board-resource{
    will-change:transform;
}
.planning-board-resource:active{
    cursor:grabbing;
}
.planning-board-resource.is-dragging,
.planning-board-team.is-dragging{
    position:relative;
    z-index:20;
    opacity:.74;
    cursor:grabbing;
    transform:translateY(-7px) scale(1.015)!important;
    border-color:color-mix(in srgb,var(--primary) 74%,var(--line));
    box-shadow:0 22px 46px color-mix(in srgb,#020617 26%,transparent),0 0 0 4px color-mix(in srgb,var(--primary) 16%,transparent);
}
.planning-board.is-planning-dragging .planning-destination-dropzone:not([hidden]){
    border-color:color-mix(in srgb,var(--primary) 34%,var(--line));
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 12%,transparent);
}
.planning-destination-dropzone.is-drop-target,
.planning-destination-dropzone.is-drop-active{
    transform:translateY(-2px);
    border-color:color-mix(in srgb,#10b981 68%,var(--primary) 32%)!important;
    background:linear-gradient(180deg,color-mix(in srgb,#10b981 10%,var(--card2)),color-mix(in srgb,var(--primary) 8%,var(--card2)));
    box-shadow:0 18px 42px color-mix(in srgb,#020617 18%,transparent),0 0 0 4px color-mix(in srgb,#10b981 18%,transparent)!important;
}
.planning-conflict-list:not([hidden]){
    display:grid;
    gap:8px;
    margin-top:10px;
}
.planning-conflict-alert{
    display:grid;
    gap:3px;
    border-width:1px;
    border-left:4px solid var(--danger);
    border-radius:12px;
    padding:10px 12px;
    box-shadow:0 12px 28px color-mix(in srgb,var(--danger) 12%,transparent);
}
.planning-conflict-alert strong{
    display:block;
    color:var(--danger);
    font-size:12px;
    line-height:1.2;
}
.planning-conflict-alert span{
    display:block;
    color:var(--text);
    font-size:12px;
    line-height:1.35;
}
.planning-summary-destination li.has-conflict{
    border-left:4px solid var(--danger);
    outline:0;
    box-shadow:0 0 0 1px color-mix(in srgb,var(--danger) 28%,transparent),0 10px 22px color-mix(in srgb,var(--danger) 10%,transparent);
}
.planning-modal-panel:has([data-planning-modal-resources]){
    border-radius:22px;
    background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,#fff 4%),color-mix(in srgb,var(--card2) 92%,var(--primary) 8%));
}
.planning-modal-tools{
    align-items:stretch;
}
.planning-modal-tools label{
    justify-content:end;
}
.planning-modal-tools .planning-apply-bulk-btn{
    border-color:color-mix(in srgb,#10b981 44%,var(--primary));
    background:linear-gradient(135deg,color-mix(in srgb,#10b981 18%,var(--card2)),color-mix(in srgb,var(--primary) 14%,var(--card2)));
    color:var(--text);
    font-weight:950;
}
.planning-modal-tools .planning-apply-bulk-btn:hover{
    border-color:#10b981;
    box-shadow:0 12px 28px color-mix(in srgb,#10b981 18%,transparent),0 0 0 3px color-mix(in srgb,#10b981 12%,transparent);
}
.planning-modal-overview{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}
.planning-modal-overview[hidden]{
    display:none!important;
}
.planning-modal-overview div{
    min-width:0;
    border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));
    border-radius:14px;
    background:color-mix(in srgb,var(--card) 72%,var(--bg));
    padding:11px 12px;
}
.planning-modal-overview span{
    display:block;
    color:var(--muted);
    font-size:11px;
    font-weight:950;
    line-height:1.2;
    text-transform:uppercase;
}
.planning-modal-overview strong{
    display:block;
    margin-top:5px;
    color:var(--text);
    font-size:18px;
    line-height:1.1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.planning-modal-resource{
    border-radius:18px;
}
.planning-modal-resource:hover{
    border-color:color-mix(in srgb,var(--primary) 44%,var(--line));
    box-shadow:0 20px 46px color-mix(in srgb,#020617 18%,transparent),inset 0 1px 0 rgba(255,255,255,.05);
}
.planning-modal-resource-fields{
    grid-template-columns:repeat(2,minmax(0,1fr));
}
.planning-modal-resource-fields label:first-child{
    grid-column:1/-1;
}
html[data-theme="dark"] .planning-modal-overview div{
    background:color-mix(in srgb,#172945 86%,var(--primary) 8%);
    border-color:rgba(125,211,252,.22);
}
html[data-theme="dark"] .planning-destination-dropzone.is-drop-target,
html[data-theme="dark"] .planning-destination-dropzone.is-drop-active{
    background:linear-gradient(180deg,color-mix(in srgb,#10b981 13%,#172945),color-mix(in srgb,var(--primary) 10%,#172945));
}
@media (hover:hover) and (pointer:fine){
    .planning-board-resource:hover:not(.is-dragging){
        transform:translateY(-2px);
        border-color:color-mix(in srgb,var(--primary) 42%,var(--line));
        box-shadow:0 14px 28px color-mix(in srgb,#020617 14%,transparent);
    }
}
@media (max-width:900px){
    .planning-modal-overview{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media (max-width:680px){
    .planning-board-resource.is-dragging,
    .planning-board-team.is-dragging{
        transform:scale(1.01)!important;
    }
    .planning-destination-dropzone.is-drop-target,
    .planning-destination-dropzone.is-drop-active{
        transform:none;
    }
    .planning-modal-overview{
        grid-template-columns:1fr;
    }
    .planning-modal-resource-fields{
        grid-template-columns:1fr;
    }
}

@media (max-width:760px){
    .card,
    .dashboard-card,
    .report-card,
    .report-kpi,
    .report-kpi-card,
    .calendar-event,
    .calendar-chip,
    .calendar-on-call-event{
        will-change:auto;
    }
    .dashboard-card::after{opacity:.32}
}

/* Calendario 2.0: visual polish only, no workflow changes. */
.calendar-mini-kpis{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin:0 0 14px;
}
.calendar-mini-kpis span{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:54px;
    padding:12px 14px;
    border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));
    border-radius:16px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--card)),var(--card2));
    box-shadow:0 12px 30px color-mix(in srgb,#020617 10%,transparent);
}
.calendar-mini-kpis b{
    font-size:24px;
    font-weight:950;
    line-height:1;
}
.calendar-mini-kpis small{
    color:var(--muted);
    font-size:12px;
    font-weight:900;
    text-align:right;
}
.calendar-toolbar{
    border-radius:18px;
}
.calendar-nav .link-btn,
.calendar-nav .btn{
    box-shadow:0 8px 20px color-mix(in srgb,#020617 8%,transparent);
}
.calendar-rich-day-head,
.calendar-classic-day-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:8px;
}
.calendar-rich-day-head{
    flex-wrap:wrap;
    width:100%;
}
.calendar-rich-day-head span,
.calendar-classic-day-head span{
    display:inline-flex;
    align-items:baseline;
    gap:6px;
    min-width:0;
}
.calendar-rich-day-head b,
.calendar-day-week{
    color:var(--primary);
    font-size:11px;
    font-weight:950;
    letter-spacing:0;
}
.calendar-rich-day-head small,
.calendar-day-meta{
    display:block;
    flex:0 0 100%;
    color:var(--muted);
    font-size:11px;
    font-weight:850;
    line-height:1.25;
}
.calendar-day-number{
    font-size:24px;
    line-height:1;
}
.calendar-today-pill{
    display:inline-flex;
    align-items:center;
    min-height:20px;
    padding:3px 7px;
    border:1px solid color-mix(in srgb,var(--primary) 52%,var(--line));
    border-radius:999px;
    background:color-mix(in srgb,var(--primary) 13%,var(--card));
    color:var(--primary);
    font-size:10px;
    font-style:normal;
    font-weight:950;
}
.calendar-gantt .calendar-month-day.is-weekend,
.calendar-classic-shell .calendar-month-day.is-weekend,
.calendar-day-column.is-weekend .calendar-day-head,
.calendar-day-column.is-weekend .calendar-day-track{
    background-color:color-mix(in srgb,var(--muted) 7%,var(--card));
}
.calendar-gantt .calendar-month-day.is-today,
.calendar-classic-shell .calendar-month-day.is-today,
.calendar-day-column.is-today{
    border-color:color-mix(in srgb,var(--primary) 62%,var(--line));
    box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 16%,transparent),0 18px 42px color-mix(in srgb,var(--primary) 12%,transparent);
}
.calendar-day-column{
    transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.calendar-day-column:hover .calendar-day-head,
.calendar-day-column:hover .calendar-day-track,
.calendar-gantt .calendar-month-day:hover{
    background-color:color-mix(in srgb,var(--primary) 7%,var(--card));
}
.calendar-event,
.calendar-chip,
.calendar-month-event,
.calendar-day-shift-row{
    border-radius:12px;
    border-color:color-mix(in srgb,currentColor 20%,transparent)!important;
    box-shadow:0 8px 20px color-mix(in srgb,#020617 18%,transparent),inset 0 1px 0 rgba(255,255,255,.08);
}
@media (hover:hover) and (pointer:fine){
    .calendar-event:hover,
    .calendar-chip:hover,
    .calendar-day-shift-row:hover{
        transform:translateY(-2px);
        box-shadow:0 18px 36px color-mix(in srgb,#020617 26%,transparent),0 0 0 1px color-mix(in srgb,currentColor 24%,transparent);
    }
}
.calendar-event.is-dragging,
.calendar-chip.is-dragging,
.calendar-on-call-event.is-dragging{
    transform:translateY(-4px) scale(1.01);
    opacity:.82;
    box-shadow:0 24px 48px color-mix(in srgb,#020617 34%,transparent),0 0 0 2px color-mix(in srgb,var(--primary) 26%,transparent)!important;
}
.calendar-on-call-chip,
.calendar-on-call-event,
.calendar-gantt .on-call-calendar-soft,
.calendar-day-modal .on-call-calendar-soft,
.on-call-gantt-soft{
    position:relative;
    overflow:hidden;
    background-image:repeating-linear-gradient(135deg,rgba(124,74,3,.08) 0 7px,rgba(124,74,3,.16) 7px 9px,transparent 9px 14px)!important;
}
.on-call-intervention-badge::before{
    content:"\26A1";
    margin-right:5px;
    font-size:9px;
    line-height:1;
    opacity:.95;
}
.calendar-on-call-intervention{
    position:relative;
}
.calendar-on-call-intervention::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    box-shadow:inset 0 0 0 2px color-mix(in srgb,#f97316 42%,transparent);
}
.calendar-now-line{
    position:absolute;
    left:4px;
    right:4px;
    top:var(--calendar-now-top,50%);
    z-index:8;
    height:0;
    border-top:2px solid color-mix(in srgb,var(--danger) 72%,#fff 28%);
    pointer-events:none;
    filter:drop-shadow(0 1px 4px color-mix(in srgb,var(--danger) 35%,transparent));
}
.calendar-now-line b{
    position:absolute;
    right:0;
    top:-11px;
    padding:2px 6px;
    border-radius:999px;
    background:color-mix(in srgb,var(--danger) 92%,#111827 8%);
    color:#fff;
    font-size:10px;
    font-weight:950;
}
.calendar-rich-tooltip{
    position:fixed;
    z-index:1300;
    display:grid;
    gap:6px;
    width:min(320px,calc(100vw - 24px));
    padding:12px;
    border:1px solid color-mix(in srgb,var(--primary) 34%,var(--line));
    border-radius:14px;
    background:color-mix(in srgb,var(--card) 94%,#020617 6%);
    color:var(--text);
    box-shadow:0 20px 54px color-mix(in srgb,#020617 34%,transparent);
    font-size:12px;
    pointer-events:none;
}
.calendar-rich-tooltip[hidden]{
    display:none;
}
.calendar-rich-tooltip span{
    display:grid;
    grid-template-columns:92px minmax(0,1fr);
    gap:8px;
}
.calendar-rich-tooltip strong{
    color:var(--muted);
    font-weight:950;
}
.calendar-rich-tooltip em{
    min-width:0;
    color:var(--text);
    font-style:normal;
    font-weight:850;
    overflow-wrap:anywhere;
}
.calendar-event.is-same-destination,
.calendar-chip.is-same-destination,
.calendar-day-shift-row.is-same-destination,
.calendar-on-call-chip.is-same-destination{
    outline:2px solid color-mix(in srgb,var(--primary) 40%,transparent);
    outline-offset:2px;
    filter:saturate(1.08) brightness(1.04);
}
.calendar-event.is-destination-source,
.calendar-chip.is-destination-source,
.calendar-day-shift-row.is-destination-source,
.calendar-on-call-chip.is-destination-source{
    outline:2px solid color-mix(in srgb,var(--primary) 70%,transparent);
    outline-offset:2px;
}
.calendar-day-modal,
.calendar-modal-panel{
    box-shadow:0 32px 90px color-mix(in srgb,#020617 42%,transparent);
}
.calendar-day-row-actions{
    padding:4px;
    border:1px solid color-mix(in srgb,var(--line) 80%,transparent);
    border-radius:999px;
    background:color-mix(in srgb,var(--card) 78%,transparent);
}

.calendar-classic-shell .calendar-month-day{
    position:relative;
    overflow:hidden;
    min-height:150px;
    max-height:150px;
    gap:6px;
    padding:9px;
    transform:none;
    contain:layout paint;
}
.calendar-classic-shell .calendar-month-day:hover{
    transform:none;
    background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,transparent),color-mix(in srgb,var(--card2) 90%,transparent));
}
.calendar-classic-shell .calendar-classic-day-head{
    flex:0 0 auto;
    align-items:center;
}
.calendar-classic-shell .calendar-classic-day-head span{
    display:inline-flex;
    align-items:baseline;
    gap:5px;
    min-width:0;
}
.calendar-classic-shell .calendar-day-number{
    font-size:20px;
}
.calendar-classic-shell .calendar-day-week,
.calendar-classic-shell .calendar-day-meta,
.calendar-classic-shell .calendar-today-pill{
    font-size:10px;
    line-height:1.15;
}
.calendar-classic-shell .calendar-day-meta{
    flex:0 0 auto;
    max-width:100%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.calendar-classic-shell .calendar-today-pill{
    min-height:18px;
    padding:2px 6px;
}
.calendar-classic-shell .calendar-classic-day-body{
    min-height:0;
    overflow:hidden;
    gap:4px;
}
.calendar-classic-shell .calendar-day-chip,
.calendar-classic-shell .calendar-day-more{
    position:static!important;
    max-width:100%;
    min-height:0;
    transform:none!important;
}
.calendar-classic-shell .calendar-day-chip{
    padding:4px 7px;
    border-radius:9px;
    font-size:11px;
    line-height:1.1;
    box-shadow:none!important;
}
.calendar-classic-shell .calendar-day-chip.on-call-calendar-soft{
    background-image:none!important;
}
.calendar-classic-shell .calendar-day-more{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.calendar-classic-shell .calendar-month-grid{
    gap:8px;
}
.calendar-classic-shell .calendar-weekday{
    min-height:30px;
    border-radius:8px;
    background:var(--card2);
    color:var(--muted);
}
.calendar-classic-shell .calendar-month-day{
    min-height:148px;
    max-height:148px;
    padding:8px;
    gap:5px;
    border-radius:10px;
    border-color:var(--line);
    background:var(--card);
    box-shadow:none;
}
.calendar-classic-shell .calendar-month-day:hover{
    border-color:color-mix(in srgb,var(--primary) 34%,var(--line));
    background:var(--card);
    box-shadow:0 8px 18px color-mix(in srgb,#020617 10%,transparent);
}
.calendar-classic-shell .calendar-month-day.is-muted{
    opacity:.78;
}
.calendar-classic-shell .calendar-month-day.is-weekend{
    background:color-mix(in srgb,var(--muted) 5%,var(--card));
}
.calendar-classic-shell .calendar-month-day.is-today{
    border-color:color-mix(in srgb,var(--primary) 50%,var(--line));
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 22%,transparent);
}
.calendar-classic-shell .calendar-classic-day-head{
    gap:6px;
}
.calendar-classic-shell .calendar-day-number{
    font-size:21px;
}
.calendar-classic-shell .calendar-day-week{
    color:var(--muted);
    font-size:9px;
}
.calendar-classic-shell .calendar-day-meta{
    display:none;
    flex-wrap:wrap;
    gap:4px;
    white-space:normal;
}
.calendar-classic-shell .calendar-day-meta small{
    display:inline-flex;
    align-items:center;
    min-height:17px;
    padding:1px 5px;
    border:1px solid color-mix(in srgb,var(--line) 80%,transparent);
    border-radius:999px;
    background:var(--card2);
    color:var(--muted);
    font-size:10px;
    font-weight:900;
}
.calendar-classic-shell .calendar-today-pill{
    border-color:color-mix(in srgb,var(--primary) 34%,var(--line));
    background:color-mix(in srgb,var(--primary) 8%,var(--card));
    color:var(--primary);
}
.calendar-classic-shell .calendar-classic-day-body{
    display:grid;
    grid-auto-rows:minmax(20px,auto);
    gap:3px;
}
.calendar-classic-shell .calendar-day-chip{
    min-height:20px;
    padding:3px 6px;
    border-radius:7px;
    opacity:1!important;
    font-size:10.5px;
    line-height:1.15;
    text-shadow:none!important;
}
.calendar-classic-shell .calendar-day-chip b{
    color:inherit;
}
.calendar-classic-shell .calendar-day-more{
    min-height:22px;
    align-items:center;
    padding:2px 6px;
    border-radius:7px;
    background:var(--card2);
    color:var(--text);
    font-size:11px;
    font-weight:950;
    line-height:1.1;
    overflow:visible;
    white-space:nowrap;
    text-overflow:clip;
}
.calendar-day-modal .calendar-day-shift-row{
    grid-template-columns:100px minmax(150px,1fr) minmax(160px,1.05fr) minmax(132px,.8fr) minmax(96px,auto);
    gap:8px;
    padding:9px 12px;
}
.calendar-day-modal .calendar-day-shift-row.is-split{
    background:color-mix(in srgb,var(--primary) 7%,var(--card));
}
.calendar-day-modal .assignment-split-badge{
    width:max-content;
    max-width:100%;
    border-color:color-mix(in srgb,var(--primary) 40%,var(--line))!important;
    background:color-mix(in srgb,var(--primary) 10%,var(--card))!important;
    color:color-mix(in srgb,var(--primary) 78%,var(--text))!important;
    text-transform:none;
    letter-spacing:0;
    box-shadow:none!important;
}
.calendar-day-modal .calendar-day-row-actions{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:5px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.calendar-day-modal .calendar-day-row-actions .action-icon-btn{
    width:28px;
    height:28px;
    flex:0 0 28px;
    border-radius:8px;
    background:var(--card2);
}
.calendar-day-modal .calendar-day-row-actions .action-icon-btn svg{
    width:15px;
    height:15px;
}

.calendar-gantt .calendar-event>strong:not([class]),
.calendar-gantt .calendar-event>span:not([class]),
.calendar-gantt .calendar-event>small:not([class]),
.calendar-gantt .calendar-event>em:not([class]){
    display:none!important;
}
.calendar-gantt .calendar-event{
    gap:1px;
    padding:6px 7px;
}
.calendar-gantt .calendar-event-time,
.calendar-gantt .calendar-event-kicker,
.calendar-gantt .calendar-event-resource,
.calendar-gantt .calendar-event-place,
.calendar-gantt .calendar-event-team,
.calendar-gantt .calendar-event-type{
    display:block;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    line-height:1.08;
}
.calendar-gantt .calendar-event-time,
.calendar-gantt .calendar-event-kicker{
    font-size:11px;
    font-weight:950;
}
.calendar-gantt .calendar-event-resource{
    font-size:10.5px;
    font-weight:900;
}
.calendar-gantt .calendar-event-place,
.calendar-gantt .calendar-event-team,
.calendar-gantt .calendar-event-type{
    font-size:9.5px;
    opacity:.96;
}
.calendar-gantt .calendar-time-short,
.calendar-gantt .calendar-resource-short{
    display:none;
}
.calendar-gantt .calendar-event.is-compact-event .calendar-time-full,
.calendar-gantt .calendar-event.is-compact-event .calendar-resource-full,
.calendar-gantt .calendar-event.is-compact-event .calendar-event-type{
    display:none;
}
.calendar-gantt .calendar-event.is-compact-event .calendar-time-short,
.calendar-gantt .calendar-event.is-compact-event .calendar-resource-short{
    display:inline;
}
.calendar-gantt .calendar-event.is-compact-event{
    padding-top:5px;
    padding-bottom:5px;
}

/* KronoSender 2.0 Experience - Gantt premium. */
.calendar-gantt .calendar-day-track{
    position:relative;
}
.calendar-gantt .calendar-event{
    display:grid;
    grid-template-columns:26px minmax(0,1fr);
    grid-auto-rows:min-content;
    align-content:start;
    gap:2px 6px;
    padding:7px 8px;
    border-width:1px;
    border-style:solid;
    border-radius:14px;
    overflow:hidden;
    isolation:isolate;
    box-shadow:
        0 12px 24px color-mix(in srgb,var(--event-bg,#2563eb) 20%,transparent),
        0 8px 22px color-mix(in srgb,#020617 16%,transparent),
        inset 0 1px 0 rgba(255,255,255,.16);
    transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,filter .16s ease,opacity .16s ease;
}
.calendar-gantt .calendar-event-avatar{
    grid-row:1 / span 3;
    display:grid;
    place-items:center;
    width:24px;
    height:24px;
    border:1px solid color-mix(in srgb,currentColor 42%,transparent);
    border-radius:9px;
    background:color-mix(in srgb,currentColor 13%,rgba(255,255,255,.18));
    color:inherit;
    font-size:10px;
    font-weight:950;
    line-height:1;
    text-shadow:none;
}
.calendar-gantt .calendar-event-time,
.calendar-gantt .calendar-event-kicker,
.calendar-gantt .calendar-event-resource,
.calendar-gantt .calendar-event-place,
.calendar-gantt .calendar-event-team,
.calendar-gantt .calendar-event-type,
.calendar-gantt .on-call-intervention-badge{
    grid-column:2;
}
.calendar-gantt .calendar-event-time,
.calendar-gantt .calendar-event-kicker{
    font-size:11px;
}
.calendar-gantt .calendar-event-resource{
    font-size:10.5px;
}
.calendar-gantt .calendar-event-place,
.calendar-gantt .calendar-event-team,
.calendar-gantt .calendar-event-type{
    font-size:9.5px;
}
.calendar-gantt .calendar-event.is-compact-event{
    grid-template-columns:24px minmax(0,1fr);
    gap:1px 5px;
    padding:6px 7px;
}
.calendar-gantt .calendar-event.is-compact-event .calendar-event-avatar{
    width:22px;
    height:22px;
    border-radius:8px;
    font-size:9px;
}
.calendar-gantt .calendar-event.is-compact-event .calendar-event-place,
.calendar-gantt .calendar-event.is-compact-event .calendar-event-team{
    font-size:9px;
}
.calendar-gantt .calendar-event.calendar-span-1 .calendar-event-place,
.calendar-gantt .calendar-event.calendar-span-1 .calendar-event-team,
.calendar-gantt .calendar-event.calendar-span-1 .calendar-event-type{
    display:none;
}
.calendar-gantt .calendar-event.calendar-span-1 .calendar-event-avatar{
    grid-row:1 / span 2;
}
@media (hover:hover) and (pointer:fine){
    .calendar-gantt .calendar-event:hover{
        transform:translateY(-3px) scale(1.006);
        border-color:color-mix(in srgb,currentColor 46%,#fff 18%)!important;
        box-shadow:
            0 18px 36px color-mix(in srgb,var(--event-bg,#2563eb) 25%,transparent),
            0 18px 38px color-mix(in srgb,#020617 24%,transparent),
            0 0 0 1px color-mix(in srgb,currentColor 24%,transparent),
            inset 0 1px 0 rgba(255,255,255,.2);
    }
}
.calendar-gantt .calendar-event.is-dragging,
.calendar-gantt .calendar-on-call-event.is-dragging{
    transform:translateY(-7px) scale(1.018);
    opacity:.84;
    cursor:grabbing;
    filter:saturate(1.08);
    box-shadow:
        0 26px 54px color-mix(in srgb,#020617 34%,transparent),
        0 0 0 3px color-mix(in srgb,var(--primary) 26%,transparent),
        inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.calendar-gantt .calendar-resize-handle{
    left:50%;
    right:auto;
    width:44px;
    max-width:calc(100% - 18px);
    height:7px;
    transform:translateX(-50%);
    border:1px solid color-mix(in srgb,currentColor 34%,transparent);
    border-radius:999px;
    background:
        linear-gradient(90deg,transparent 0 18%,color-mix(in srgb,currentColor 54%,transparent) 18% 28%,transparent 28% 38%,color-mix(in srgb,currentColor 54%,transparent) 38% 48%,transparent 48% 58%,color-mix(in srgb,currentColor 54%,transparent) 58% 68%,transparent 68% 100%),
        color-mix(in srgb,var(--card) 22%,currentColor 16%);
    opacity:.72;
}
.calendar-gantt .calendar-resize-start{
    top:3px;
}
.calendar-gantt .calendar-resize-end{
    bottom:3px;
}
.calendar-gantt .calendar-resize-handle:hover{
    opacity:1;
    box-shadow:0 0 0 3px color-mix(in srgb,currentColor 14%,transparent);
}
.calendar-gantt .calendar-on-call-event,
.calendar-gantt .on-call-gantt-soft{
    opacity:.88;
    border-style:dashed!important;
    box-shadow:
        0 10px 22px color-mix(in srgb,#f59e0b 16%,transparent),
        inset 0 1px 0 rgba(255,255,255,.16);
}
.calendar-gantt .calendar-on-call-event .calendar-event-kicker{
    display:inline-flex;
    align-items:center;
    gap:4px;
    width:max-content;
    max-width:100%;
    padding:2px 6px;
    border:1px solid color-mix(in srgb,#92400e 28%,transparent);
    border-radius:999px;
    background:color-mix(in srgb,#facc15 22%,transparent);
    color:#7c4a03!important;
    text-shadow:none;
}
.calendar-gantt .calendar-on-call-event .calendar-event-avatar{
    background:color-mix(in srgb,#facc15 26%,#fff 12%);
    color:#7c4a03;
}
.calendar-gantt .calendar-on-call-intervention,
.calendar-gantt .calendar-on-call-intervention.calendar-event{
    border-color:color-mix(in srgb,#f97316 72%,var(--line))!important;
    box-shadow:
        0 16px 34px color-mix(in srgb,#f97316 24%,transparent),
        0 0 0 1px color-mix(in srgb,#f97316 26%,transparent),
        inset 0 1px 0 rgba(255,255,255,.18);
}
.calendar-gantt .on-call-intervention-badge{
    display:inline-flex;
    align-items:center;
    width:max-content;
    max-width:100%;
    padding:3px 7px;
    border-radius:999px;
    background:color-mix(in srgb,#f97316 24%,#fff 12%);
    color:color-mix(in srgb,#7c2d12 86%,var(--text))!important;
    font-size:9px;
    line-height:1.1;
    text-shadow:none;
}
.calendar-gantt .calendar-now-line{
    left:0;
    right:0;
    z-index:14;
    border-top:2px solid color-mix(in srgb,#f97316 68%,#ef4444 32%);
    filter:drop-shadow(0 2px 6px color-mix(in srgb,#f97316 34%,transparent));
}
.calendar-gantt .calendar-now-line::before{
    content:"";
    position:absolute;
    left:0;
    top:-5px;
    width:10px;
    height:10px;
    border-radius:999px;
    background:color-mix(in srgb,#f97316 72%,#ef4444 28%);
    box-shadow:0 0 0 3px color-mix(in srgb,#f97316 18%,transparent);
}
.calendar-gantt .calendar-now-line b{
    right:6px;
    background:linear-gradient(135deg,#ef4444,#f97316);
}
.calendar-gantt .calendar-event.is-same-destination,
.calendar-gantt .calendar-on-call-event.is-same-destination{
    outline:0;
    box-shadow:
        0 0 0 2px color-mix(in srgb,var(--primary) 30%,transparent),
        0 16px 34px color-mix(in srgb,var(--primary) 14%,transparent),
        inset 0 1px 0 rgba(255,255,255,.16)!important;
    filter:saturate(1.12) brightness(1.04);
}
.calendar-gantt .calendar-event.is-same-team,
.calendar-gantt .calendar-on-call-event.is-same-team{
    outline:2px dashed color-mix(in srgb,#10b981 52%,transparent);
    outline-offset:2px;
    filter:saturate(1.08) brightness(1.03);
}
.calendar-gantt .calendar-event.is-destination-source,
.calendar-gantt .calendar-on-call-event.is-destination-source,
.calendar-gantt .calendar-event.is-team-source,
.calendar-gantt .calendar-on-call-event.is-team-source{
    outline:2px solid color-mix(in srgb,#f97316 62%,var(--primary) 38%);
    outline-offset:2px;
}
html[data-theme="dark"] .calendar-gantt .calendar-event{
    box-shadow:
        0 12px 26px color-mix(in srgb,#020617 38%,transparent),
        0 0 0 1px color-mix(in srgb,currentColor 12%,transparent),
        inset 0 1px 0 rgba(255,255,255,.08);
}
@media (hover:none), (pointer:coarse){
    .calendar-gantt .calendar-event:hover{
        transform:none;
    }
    .calendar-gantt .calendar-event.is-same-destination,
    .calendar-gantt .calendar-on-call-event.is-same-destination,
    .calendar-gantt .calendar-event.is-same-team,
    .calendar-gantt .calendar-on-call-event.is-same-team{
        outline:0;
    }
}
@media(max-width:760px){
    .calendar-gantt .calendar-event{
        grid-template-columns:22px minmax(0,1fr);
        padding:5px 6px;
        border-radius:11px;
    }
    .calendar-gantt .calendar-event-avatar{
        width:20px;
        height:20px;
        border-radius:7px;
        font-size:8.5px;
    }
    .calendar-gantt .calendar-event-place,
    .calendar-gantt .calendar-event-team,
    .calendar-gantt .calendar-event-type{
        display:none;
    }
    .calendar-gantt .calendar-resize-handle{
        width:34px;
        height:6px;
    }
}
.calendar-day-modal .calendar-day-shift-row>strong:not(.calendar-day-time),
.calendar-day-modal .calendar-day-shift-row>span:not(.badge):not(.calendar-day-resource),
.calendar-day-modal .calendar-day-shift-row>small:not(.calendar-day-place),
.calendar-day-modal .calendar-day-shift-row>em:not(.calendar-day-kind){
    display:none!important;
}
.calendar-day-modal .calendar-day-shift-row>.badge:not(.on-call-intervention-badge):not(.assignment-split-badge){
    display:none!important;
}
.calendar-day-modal .calendar-day-time,
.calendar-day-modal .calendar-day-resource,
.calendar-day-modal .calendar-day-place,
.calendar-day-modal .calendar-day-kind{
    min-width:0;
    overflow-wrap:anywhere;
    line-height:1.22;
}
.calendar-day-modal .calendar-day-time{
    font-size:12.5px;
    font-weight:950;
}
.calendar-day-modal .calendar-day-resource{
    font-weight:950;
}
.calendar-day-modal .calendar-day-place,
.calendar-day-modal .calendar-day-kind{
    color:inherit!important;
    font-size:12px;
    font-style:normal;
    opacity:.92;
}

/* Calendar 2.0 micro-phase: premium day detail popup only. */
.calendar-day-modal .calendar-day-detail-hero{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    padding:14px;
    border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line));
    border-radius:18px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--card)),color-mix(in srgb,var(--card2) 94%,transparent));
}
.calendar-day-modal .calendar-day-detail-hero h3{
    margin:4px 0;
    font-size:24px;
    line-height:1.08;
}
.calendar-day-modal .calendar-day-detail-kpis{
    display:grid;
    grid-template-columns:repeat(4,minmax(78px,1fr));
    gap:8px;
    min-width:min(430px,100%);
}
.calendar-day-modal .calendar-day-detail-kpis span{
    display:grid;
    gap:3px;
    padding:9px 10px;
    border:1px solid var(--line);
    border-radius:14px;
    background:color-mix(in srgb,var(--card2) 84%,transparent);
}
.calendar-day-modal .calendar-day-detail-kpis b{
    color:var(--text);
    font-size:22px;
    line-height:1;
}
.calendar-day-modal .calendar-day-detail-kpis small{
    color:var(--muted);
    font-size:10.5px;
    font-weight:900;
    line-height:1.15;
    text-transform:uppercase;
}
.calendar-day-modal .calendar-day-section{
    border-radius:20px;
    background:color-mix(in srgb,var(--card) 86%,transparent);
    box-shadow:0 16px 44px color-mix(in srgb,#020617 10%,transparent);
}
.calendar-day-modal .calendar-day-section .calendar-day-group-header{
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--card2)),color-mix(in srgb,var(--card) 95%,transparent));
}
.calendar-day-modal .calendar-day-section-on_call .calendar-day-group-header{
    background:linear-gradient(135deg,color-mix(in srgb,#facc15 18%,var(--card2)),color-mix(in srgb,var(--card) 94%,transparent));
}
.calendar-day-modal .calendar-day-section-interventions .calendar-day-group-header{
    background:linear-gradient(135deg,color-mix(in srgb,#f97316 18%,var(--card2)),color-mix(in srgb,var(--card) 94%,transparent));
}
.calendar-day-modal .calendar-day-premium-card{
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:flex-start;
    gap:12px;
    margin:10px;
    padding:13px;
    border:1px solid color-mix(in srgb,var(--event-bg,var(--primary)) 32%,var(--line));
    border-radius:18px;
    background:linear-gradient(180deg,color-mix(in srgb,var(--event-bg,var(--primary)) 9%,var(--card)),color-mix(in srgb,var(--card2) 86%,transparent))!important;
    color:var(--text)!important;
    box-shadow:0 12px 30px color-mix(in srgb,#020617 10%,transparent);
}
.calendar-day-modal .calendar-day-premium-card.calendar-event-colored{
    border-left:6px solid var(--event-bg,var(--primary));
    background:
        linear-gradient(180deg,color-mix(in srgb,var(--event-bg,var(--primary)) 17%,var(--card)),color-mix(in srgb,var(--event-bg,var(--primary)) 8%,var(--card2)))!important;
    color:var(--text)!important;
    text-shadow:none!important;
}
.calendar-day-modal .calendar-day-premium-card.calendar-event-colored strong,
.calendar-day-modal .calendar-day-premium-card.calendar-event-colored span,
.calendar-day-modal .calendar-day-premium-card.calendar-event-colored small,
.calendar-day-modal .calendar-day-premium-card.calendar-event-colored em,
.calendar-day-modal .calendar-day-premium-card.calendar-event-colored b{
    color:var(--text)!important;
    opacity:1;
    text-shadow:none!important;
}
.calendar-day-modal .calendar-day-premium-card + .calendar-day-premium-card{
    margin-top:0;
}
.calendar-day-modal .calendar-day-premium-card > :not(.calendar-day-avatar):not(.calendar-day-main):not(.calendar-day-row-actions){
    display:none!important;
}
.calendar-day-modal .calendar-day-avatar{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border:1px solid color-mix(in srgb,var(--event-bg,var(--primary)) 36%,var(--line));
    border-radius:15px;
    background:color-mix(in srgb,var(--event-bg,var(--primary)) 14%,var(--card2));
    color:color-mix(in srgb,var(--event-bg,var(--primary)) 74%,var(--text));
    font-size:12px;
    font-weight:950;
    letter-spacing:0;
}
.calendar-day-modal .calendar-day-main{
    display:grid;
    gap:8px;
    min-width:0;
}
.calendar-day-modal .calendar-day-titleline,
.calendar-day-modal .calendar-day-meta-line,
.calendar-day-modal .calendar-day-badges{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
    min-width:0;
}
.calendar-day-modal .calendar-day-titleline .calendar-day-resource{
    color:var(--text)!important;
    font-size:15px;
    font-weight:950;
    line-height:1.2;
}
.calendar-day-modal .calendar-day-time{
    color:color-mix(in srgb,var(--event-bg,var(--primary)) 72%,var(--text))!important;
    font-size:13px;
    font-weight:950;
}
.calendar-day-modal .calendar-day-place,
.calendar-day-modal .calendar-day-team{
    color:var(--text)!important;
    font-size:12.5px;
    font-weight:880;
    opacity:.92;
}
.calendar-day-modal .calendar-day-team::before{
    content:"Team";
    margin-right:4px;
    color:var(--muted);
    font-size:10px;
    font-weight:950;
    text-transform:uppercase;
}
.calendar-day-modal .calendar-day-badges .badge,
.calendar-day-modal .calendar-day-phone-badge{
    width:max-content;
    max-width:100%;
    color:color-mix(in srgb,var(--text) 88%,var(--event-bg,var(--primary)))!important;
    border-color:color-mix(in srgb,var(--event-bg,var(--primary)) 34%,var(--line))!important;
    background:color-mix(in srgb,var(--event-bg,var(--primary)) 10%,var(--card))!important;
    text-shadow:none!important;
}
.calendar-day-modal .calendar-day-destination-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:12px 10px 4px;
    padding:10px 12px;
    border:1px solid color-mix(in srgb,var(--event-bg,var(--primary)) 54%,var(--line));
    border-radius:14px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--event-bg,var(--primary)) 82%,#0f172a 18%),color-mix(in srgb,var(--event-bg,var(--primary)) 62%,var(--card) 38%))!important;
    color:var(--event-fg,#fff)!important;
    box-shadow:0 10px 22px color-mix(in srgb,var(--event-bg,var(--primary)) 22%,transparent);
}
.calendar-day-modal .calendar-day-destination-header strong,
.calendar-day-modal .calendar-day-destination-header span,
.calendar-day-modal .calendar-day-destination-header em{
    display:block;
    min-width:0;
    color:inherit!important;
    line-height:1.15;
    opacity:1;
}
.calendar-day-modal .calendar-day-destination-header strong{
    font-size:14px;
    font-weight:950;
}
.calendar-day-modal .calendar-day-destination-header span{
    margin-top:2px;
    font-size:11.5px;
    font-weight:800;
}
.calendar-day-modal .calendar-day-destination-header em{
    flex:0 0 auto;
    padding:4px 8px;
    border:1px solid color-mix(in srgb,currentColor 38%,transparent);
    border-radius:999px;
    background:color-mix(in srgb,currentColor 14%,transparent);
    font-size:11px;
    font-style:normal;
    font-weight:950;
}
.calendar-day-modal .calendar-day-segments{
    display:grid;
    gap:6px;
    margin-top:4px;
    padding:9px;
    border:1px dashed color-mix(in srgb,var(--primary) 34%,var(--line));
    border-radius:14px;
    background:color-mix(in srgb,var(--primary) 6%,var(--card2));
}
.calendar-day-modal .calendar-day-segment{
    display:grid;
    grid-template-columns:86px minmax(140px,1fr) minmax(100px,.55fr) auto;
    gap:8px;
    align-items:center;
    padding:7px 8px;
    border:1px solid color-mix(in srgb,var(--line) 76%,transparent);
    border-radius:11px;
    background:color-mix(in srgb,var(--card) 82%,transparent);
}
.calendar-day-modal .calendar-day-segment strong,
.calendar-day-modal .calendar-day-segment span,
.calendar-day-modal .calendar-day-segment em,
.calendar-day-modal .calendar-day-segment small{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--text)!important;
    font-size:11.5px;
    font-style:normal;
    font-weight:900;
}
.calendar-day-modal .calendar-day-segment em,
.calendar-day-modal .calendar-day-segment small{
    color:var(--muted)!important;
}
.calendar-day-modal .calendar-day-premium-card.is-on-call{
    border-color:color-mix(in srgb,#facc15 56%,var(--line));
    border-left-color:#f59e0b;
    background:
        repeating-linear-gradient(135deg,color-mix(in srgb,#facc15 14%,transparent) 0 8px,transparent 8px 18px),
        linear-gradient(180deg,color-mix(in srgb,#facc15 26%,var(--card)),color-mix(in srgb,#facc15 11%,var(--card2)))!important;
}
.calendar-day-modal .calendar-day-premium-card.is-on-call .calendar-day-avatar{
    border-color:color-mix(in srgb,#facc15 62%,var(--line));
    background:color-mix(in srgb,#facc15 24%,var(--card2));
    color:#7c4a03;
}
.calendar-day-modal .calendar-day-premium-card.is-on-call-intervention{
    border-color:color-mix(in srgb,#f97316 64%,var(--line));
    border-left-color:#f97316;
    background:linear-gradient(180deg,color-mix(in srgb,#f97316 28%,var(--card)),color-mix(in srgb,#f97316 12%,var(--card2)))!important;
}
.calendar-day-modal .calendar-day-row-actions{
    align-self:flex-start;
    flex-wrap:nowrap;
    min-width:max-content;
}
.calendar-day-modal .calendar-day-row-actions .action-icon-btn{
    background:color-mix(in srgb,var(--card2) 92%,transparent);
}

@media(max-width:860px){
    .calendar-day-modal .calendar-day-detail-hero{
        flex-direction:column;
    }
    .calendar-day-modal .calendar-day-detail-kpis{
        grid-template-columns:repeat(2,minmax(0,1fr));
        width:100%;
    }
    .calendar-day-modal .calendar-day-premium-card{
        grid-template-columns:auto minmax(0,1fr);
    }
    .calendar-day-modal .calendar-day-row-actions{
        grid-column:1 / -1;
        justify-content:flex-start;
        overflow-x:auto;
        padding-top:2px;
    }
    .calendar-day-modal .calendar-day-segment{
        grid-template-columns:1fr;
    }
}

/* Micro-fase 6: final readability polish for popup, Gantt and dashboard icons. */
.calendar-day-modal .calendar-day-section-special{
    order:1;
}
.calendar-day-modal .calendar-day-section-interventions{
    order:2;
}
.calendar-day-modal .calendar-day-section-on_call{
    order:3;
}
.calendar-day-modal .calendar-day-section-work{
    order:4;
}
.calendar-day-modal .calendar-day-detail{
    display:flex;
    flex-direction:column;
    gap:14px;
}
.calendar-day-modal .calendar-day-detail[hidden]{
    display:none;
}
.calendar-day-modal .calendar-day-section{
    border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));
}
.calendar-day-modal .calendar-day-section-special .calendar-day-group-header{
    background:linear-gradient(135deg,color-mix(in srgb,#f59e0b 18%,var(--card2)),var(--card))!important;
}
.calendar-day-modal .calendar-day-section-work .calendar-day-group-header{
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,var(--card2)),var(--card))!important;
}
.calendar-day-modal .calendar-day-section .calendar-day-group-header h3{
    color:var(--text);
}
.calendar-day-modal .calendar-day-section .calendar-day-group-header p{
    color:var(--muted);
    font-weight:850;
}
.calendar-day-modal .calendar-day-row-actions .action-icon-btn{
    color:var(--text)!important;
    border-color:var(--line);
}
.calendar-day-modal .calendar-day-row-actions .danger-link{
    color:var(--danger)!important;
}
.calendar-gantt .calendar-event.calendar-event-colored{
    background:
        linear-gradient(180deg,color-mix(in srgb,var(--event-bg,#2563eb) 92%,#ffffff 8%),color-mix(in srgb,var(--event-bg,#2563eb) 82%,#020617 18%))!important;
    color:var(--event-fg,#fff)!important;
}
.calendar-gantt .calendar-event.calendar-event-text-light{
    text-shadow:0 1px 2px rgba(2,6,23,.42);
}
.calendar-gantt .calendar-event.calendar-event-text-dark{
    text-shadow:0 1px 0 rgba(255,255,255,.28);
}
.calendar-gantt .calendar-event-time,
.calendar-gantt .calendar-event-kicker{
    font-size:11.5px;
    font-weight:950;
    opacity:1;
}
.calendar-gantt .calendar-event-resource{
    font-size:11.25px;
    font-weight:950;
    opacity:1;
}
.calendar-gantt .calendar-event-place,
.calendar-gantt .calendar-event-team,
.calendar-gantt .calendar-event-type{
    font-size:10px;
    font-weight:900;
    opacity:1;
}
.calendar-gantt .calendar-event-place,
.calendar-gantt .calendar-event-team{
    padding:1px 4px;
    border-radius:6px;
    background:color-mix(in srgb,currentColor 10%,transparent);
}
.calendar-gantt .calendar-event.calendar-span-1 .calendar-event-place{
    display:block;
    font-size:8.8px;
}
.calendar-gantt .calendar-event.calendar-span-1 .calendar-event-team,
.calendar-gantt .calendar-event.calendar-span-1 .calendar-event-type{
    display:none;
}
.dashboard-kpi-icon{
    font-size:23px;
    line-height:1;
}
.dashboard-card .card-icon{
    display:grid;
    place-items:center;
    width:52px;
    height:52px;
    margin-bottom:12px;
    border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));
    border-radius:18px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,var(--card2)),var(--card));
    font-size:27px;
    line-height:1;
}

/* KronoSender 2.0 Experience - managerial dashboard */
.dashboard-manager-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    margin-bottom:18px;
    padding:24px;
    border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));
    border-radius:28px;
    background:
        linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,var(--card)),color-mix(in srgb,#10b981 7%,var(--card2)) 52%,var(--card));
    box-shadow:0 22px 60px color-mix(in srgb,#020617 14%,transparent),inset 0 1px 0 rgba(255,255,255,.06);
}
.dashboard-manager-hero-copy{
    min-width:0;
}
.dashboard-manager-hero h1{
    margin:8px 0 6px;
    font-size:40px;
    line-height:1.02;
    letter-spacing:0;
}
.dashboard-manager-hero p{
    max-width:680px;
    margin:0;
    color:var(--muted);
    font-size:15px;
    font-weight:850;
    line-height:1.45;
}
.dashboard-manager-hero-meta{
    display:grid;
    justify-items:end;
    gap:8px;
    min-width:220px;
    text-align:right;
}
.dashboard-manager-hero-meta strong{
    font-size:15px;
}
.dashboard-manager-hero-meta span{
    color:var(--muted);
    font-weight:900;
}
.dashboard-kpi-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin:18px 0;
}
.dashboard-kpi-card{
    position:relative;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:8px 14px;
    min-height:168px;
    padding:18px;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:24px;
    background:linear-gradient(180deg,color-mix(in srgb,var(--card) 98%,transparent),color-mix(in srgb,var(--card2) 94%,transparent));
    color:var(--text);
    text-decoration:none;
    box-shadow:var(--shadow-soft);
}
.dashboard-kpi-card::after{
    content:"";
    position:absolute;
    right:16px;
    bottom:14px;
    width:54px;
    height:4px;
    border-radius:999px;
    background:color-mix(in srgb,var(--kpi-tone,var(--primary)) 66%,transparent);
    opacity:.7;
}
.dashboard-kpi-icon{
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    border:1px solid color-mix(in srgb,var(--kpi-tone,var(--primary)) 34%,var(--line));
    border-radius:18px;
    background:color-mix(in srgb,var(--kpi-tone,var(--primary)) 12%,var(--card2));
    color:color-mix(in srgb,var(--kpi-tone,var(--primary)) 78%,var(--text));
    font-size:12px;
    font-weight:950;
}
.dashboard-kpi-title{
    align-self:center;
    min-width:0;
    color:var(--muted);
    font-size:12px;
    font-weight:950;
    line-height:1.2;
    text-transform:uppercase;
}
.dashboard-kpi-card strong{
    grid-column:1 / -1;
    font-size:42px;
    line-height:1;
    letter-spacing:0;
}
.dashboard-kpi-card small{
    grid-column:1 / -1;
    max-width:92%;
    color:var(--muted);
    font-size:13px;
    font-weight:850;
    line-height:1.35;
}
.dashboard-kpi-info{--kpi-tone:#0ea5e9}
.dashboard-kpi-ok{--kpi-tone:#10b981}
.dashboard-kpi-warning{--kpi-tone:#f59e0b}
.dashboard-kpi-danger{--kpi-tone:#ef4444}
.dashboard-kpi-muted{--kpi-tone:#94a3b8}
.dashboard-manager-grid{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
    gap:14px;
    margin:18px 0 20px;
}
.dashboard-priority-card,
.dashboard-week-card{
    display:grid;
    gap:14px;
    border-radius:24px;
}
.dashboard-priority-card header,
.dashboard-week-card header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}
.dashboard-priority-card h2,
.dashboard-week-card h2,
.dashboard-section-head h2{
    margin:0;
    font-size:20px;
    line-height:1.16;
}
.dashboard-priority-list{
    display:grid;
    gap:8px;
}
.dashboard-priority-row{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:10px;
    min-height:42px;
    padding:9px 10px;
    border:1px solid var(--line);
    border-radius:14px;
    background:color-mix(in srgb,var(--card2) 82%,transparent);
    color:var(--text);
    text-decoration:none;
}
.dashboard-priority-row strong{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:13px;
}
.dashboard-empty-note{
    margin:0;
    padding:14px;
    border:1px dashed var(--line);
    border-radius:16px;
    background:var(--card2);
    color:var(--muted);
    font-weight:900;
}
.dashboard-week-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.dashboard-week-grid div{
    display:grid;
    gap:5px;
    min-height:86px;
    padding:12px;
    border:1px solid var(--line);
    border-radius:16px;
    background:color-mix(in srgb,var(--card2) 84%,transparent);
}
.dashboard-week-grid strong{
    font-size:26px;
    line-height:1;
}
.dashboard-week-grid span{
    color:var(--muted);
    font-size:12px;
    font-weight:900;
    line-height:1.25;
}
.dashboard-section-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:12px;
    margin:22px 0 12px;
}
.dashboard-section-head .eyebrow{
    margin:0;
}

@media (max-width:1120px){
    .dashboard-kpi-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .dashboard-manager-grid{
        grid-template-columns:1fr;
    }
}
@media (max-width:720px){
    .dashboard-manager-hero{
        align-items:flex-start;
        flex-direction:column;
        padding:20px;
        border-radius:24px;
    }
    .dashboard-manager-hero-meta{
        justify-items:start;
        min-width:0;
        text-align:left;
    }
    .dashboard-manager-hero h1{
        font-size:30px;
    }
    .dashboard-kpi-grid{
        grid-template-columns:1fr;
    }
    .dashboard-kpi-card{
        min-height:142px;
        border-radius:20px;
    }
    .dashboard-kpi-card strong{
        font-size:36px;
    }
    .dashboard-week-grid{
        grid-template-columns:1fr;
    }
    .dashboard-section-head{
        align-items:flex-start;
        flex-direction:column;
    }
}

@media (max-width:760px){
    .calendar-mini-kpis{
        grid-template-columns:1fr;
    }
    .calendar-rich-tooltip{
        display:none!important;
    }
    .calendar-now-line b{
        display:none;
    }
}

@media (prefers-reduced-motion:reduce){
    *,
    *::before,
    *::after{
        animation-duration:.001ms!important;
        animation-iteration-count:1!important;
        scroll-behavior:auto!important;
        transition-duration:.001ms!important;
    }
}

.mobile-shift-reminder-popup{
    position:fixed;
    inset:auto 14px 92px;
    z-index:1200;
    display:flex;
    justify-content:center;
    pointer-events:none;
}
.mobile-shift-reminder-card{
    position:relative;
    width:min(440px,100%);
    display:grid;
    gap:12px;
    padding:18px;
    border:1px solid color-mix(in srgb,var(--primary) 28%,var(--line));
    border-radius:24px;
    background:linear-gradient(145deg,color-mix(in srgb,var(--card) 92%,var(--primary) 8%),var(--card2));
    color:var(--text);
    box-shadow:0 22px 60px rgba(15,23,42,.24);
    pointer-events:auto;
    animation:mobileReminderIn .28s ease both;
}
.mobile-shift-reminder-card h2{
    margin:0;
    font-size:21px;
    line-height:1.15;
}
.mobile-shift-reminder-card p{
    margin:0;
    color:var(--text);
    font-weight:800;
    line-height:1.35;
}
.mobile-shift-reminder-close{
    position:absolute;
    top:12px;
    right:12px;
    width:34px;
    height:34px;
    border:1px solid var(--line);
    border-radius:999px;
    background:var(--card);
    color:var(--text);
    font-size:22px;
    line-height:1;
    cursor:pointer;
}
.mobile-shift-reminder-shift{
    display:grid;
    gap:4px;
    padding:12px;
    border:1px solid var(--line);
    border-radius:16px;
    background:color-mix(in srgb,var(--card) 82%,var(--primary) 8%);
}
.mobile-shift-reminder-shift strong,
.mobile-shift-reminder-shift span{
    min-width:0;
    overflow-wrap:anywhere;
}
.mobile-shift-reminder-shift span{
    color:var(--muted);
    font-size:13px;
    font-weight:800;
}
.mobile-shift-reminder-actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}
.mobile-shift-reminder-inline-form{
    margin:0;
    display:flex;
}
.mobile-shift-reminder-inline-form .btn{
    width:100%;
}
@keyframes mobileReminderIn{
    from{opacity:0;transform:translateY(12px) scale(.98)}
    to{opacity:1;transform:translateY(0) scale(1)}
}
@media (max-width:640px){
    .mobile-shift-reminder-popup{
        inset:auto 10px 82px;
    }
    .mobile-shift-reminder-card{
        border-radius:22px;
        padding:16px;
    }
    .mobile-shift-reminder-actions .btn,
    .mobile-shift-reminder-actions .link-btn{
        min-height:42px;
    }
    .mobile-shift-reminder-inline-form{
        width:100%;
    }
}

/* Enterprise Polish A1.1: Reports UI, scoped to the current reports markup. */
.report-shell,
.report-shell *{box-sizing:border-box}
.report-shell{
    width:min(1280px,100%);
    margin:0 auto;
    padding:4px 0 30px;
    color:var(--text);
    min-width:0;
}
.report-shell > .report-card,
.report-home-grid > .report-card,
.report-filters,
.report-result,
.report-result .report-card{
    border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line));
    background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,transparent),color-mix(in srgb,var(--card2) 92%,var(--bg)));
    color:var(--text);
    box-shadow:0 18px 48px color-mix(in srgb,#020617 18%,transparent);
}
.report-shell > .report-card{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    padding:24px;
    border-radius:26px;
    overflow:hidden;
}
.report-shell > .report-card::after{
    content:"";
    width:120px;
    height:120px;
    flex:0 0 auto;
    border-radius:999px;
    background:radial-gradient(circle,color-mix(in srgb,var(--primary) 20%,transparent),transparent 68%);
    opacity:.8;
}
.report-card span,
.report-filters span,
.report-result header span,
.report-kpi span{
    color:var(--muted);
    font-size:12px;
    font-weight:950;
    letter-spacing:.04em;
    text-transform:uppercase;
}
.report-shell h1{
    margin:5px 0 7px;
    color:var(--text);
    font-size:34px;
    line-height:1.06;
}
.report-shell h2{
    margin:5px 0 4px;
    color:var(--text);
    font-size:28px;
    line-height:1.08;
}
.report-shell h3{
    margin:0;
    color:var(--text);
    font-size:18px;
    line-height:1.12;
}
.report-shell p{
    margin:0;
    color:var(--muted);
    font-weight:820;
    line-height:1.45;
}
.report-home-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin-top:18px;
}
.report-home-grid > .report-card{
    min-height:224px;
    display:grid;
    gap:14px;
    align-content:space-between;
    padding:24px;
    border-radius:24px;
    text-decoration:none;
    overflow:hidden;
}
.report-home-grid > .report-card > span:first-child{
    width:56px;
    height:56px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid color-mix(in srgb,var(--primary) 38%,var(--line));
    border-radius:18px;
    background:color-mix(in srgb,var(--primary) 12%,var(--card2));
    color:var(--text);
    font-size:28px;
    letter-spacing:0;
    text-transform:none;
}
.report-home-grid strong{
    display:block;
    color:var(--text);
    font-size:25px;
    line-height:1.1;
}
.report-home-grid button,
.report-filters button{
    justify-self:start;
    min-height:44px;
    border:0;
    border-radius:999px;
    background:linear-gradient(135deg,var(--primary),var(--primary2));
    color:#001018;
    padding:10px 18px;
    cursor:pointer;
    font-weight:950;
    box-shadow:0 14px 32px color-mix(in srgb,var(--primary) 20%,transparent);
}
.report-layout{
    display:grid;
    grid-template-columns:minmax(300px,34%) minmax(0,66%);
    gap:18px;
    align-items:start;
}
.report-filters,
.report-result{
    min-width:0;
    border-radius:22px;
}
.report-filters{
    position:sticky;
    top:88px;
    display:grid;
    gap:16px;
    padding:18px;
}
.report-filters form{
    display:grid;
    gap:13px;
    margin-top:4px;
}
.report-filters label{
    display:grid;
    gap:7px;
}
.report-filters select,
.report-filters input{
    width:100%;
    min-height:44px;
    border:1px solid color-mix(in srgb,var(--primary) 32%,var(--line));
    border-radius:14px;
    background:color-mix(in srgb,var(--bg) 86%,var(--card));
    color:var(--text);
    padding:10px 12px;
    font-size:14px;
    font-weight:850;
}
.report-filters select:focus,
.report-filters input:focus{
    outline:2px solid color-mix(in srgb,var(--primary) 50%,transparent);
    outline-offset:1px;
}
.report-select-search{
    min-height:38px!important;
    border-radius:999px!important;
    font-size:13px!important;
}
.report-back-link,
.report-reset-link,
.report-result header button,
.report-result header a{
    min-height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:max-content;
    max-width:100%;
    padding:8px 13px;
    border:1px solid color-mix(in srgb,var(--primary) 30%,var(--line));
    border-radius:999px;
    background:color-mix(in srgb,var(--card2) 84%,var(--bg));
    color:var(--text);
    cursor:pointer;
    font-size:12px;
    font-weight:950;
    text-decoration:none;
}
.report-back-link{
    margin-top:12px;
}
.report-back-link:hover,
.report-reset-link:hover,
.report-result header button:hover,
.report-result header a:hover{
    border-color:var(--primary);
    color:var(--primary);
}
.report-form-actions{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    align-items:center;
}
.report-result{
    overflow:hidden;
}
.report-print-area{
    display:grid;
    gap:14px;
    padding:16px;
    min-width:0;
}
.report-result header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    padding-bottom:13px;
    border-bottom:1px solid var(--line);
}
.report-result header > div:first-child{
    flex:1 1 260px;
    min-width:0;
}
.report-result header > div:last-child{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    flex-wrap:wrap;
}
.report-result header h2,
.report-result header p{
    overflow-wrap:anywhere;
}
.report-destination-summary{
    margin-top:3px!important;
}
.report-destination-meta{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin:10px 0 0;
}
.report-destination-meta div{
    display:inline-flex;
    align-items:baseline;
    gap:5px;
    max-width:100%;
    padding:6px 9px;
    border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));
    border-radius:999px;
    background:color-mix(in srgb,var(--primary) 7%,var(--card2));
}
.report-destination-meta dt,
.report-destination-meta dd{
    margin:0;
    overflow-wrap:anywhere;
}
.report-destination-meta dt{
    color:var(--muted);
    font-size:11px;
    font-weight:950;
}
.report-destination-meta dd{
    color:var(--text);
    font-size:12px;
    font-weight:850;
}
.report-result .report-card{
    display:grid;
    gap:0;
    padding:0;
    border-radius:18px;
    overflow:hidden;
}
.report-result .report-card > strong,
.report-result .report-card > span{
    padding:12px 14px 0;
}
.report-result .report-card > strong{
    color:var(--text);
    font-size:14px;
    font-weight:950;
}
.report-result .report-card > span{
    color:var(--muted);
    font-size:13px;
    font-weight:820;
}
.report-result .report-card > div:first-child{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px 14px;
    border-bottom:1px solid var(--line);
    background:color-mix(in srgb,var(--primary) 7%,var(--card));
}
.report-result .report-card > div:first-child span{
    color:var(--muted);
    font-size:12px;
    font-weight:900;
    letter-spacing:0;
    text-transform:none;
}
.report-result .report-card > div:last-child{
    width:100%;
    min-width:0;
    overflow:auto;
}
.report-kpi-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:9px;
}
.report-kpi{
    min-height:76px;
    display:grid;
    align-content:space-between;
    gap:7px;
    padding:11px 12px;
    border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));
    border-radius:15px;
    background:color-mix(in srgb,var(--card2) 84%,transparent);
    color:var(--text);
}
.report-kpi strong{
    color:var(--text);
    font-size:16px;
    line-height:1.08;
    overflow-wrap:anywhere;
}
.report-kpi:last-child{
    border-color:color-mix(in srgb,var(--primary) 48%,var(--line));
    background:color-mix(in srgb,var(--primary) 12%,var(--card2));
}
.report-kpi:last-child strong{
    color:var(--primary);
    font-size:22px;
}
.report-kpi-on-call-worked{
    border-color:color-mix(in srgb,#f97316 56%,var(--line))!important;
    background:color-mix(in srgb,#f97316 12%,var(--card2))!important;
}
.report-kpi-on-call-worked strong{
    color:color-mix(in srgb,#f97316 88%,var(--text))!important;
}
.report-on-call-section{
    border-color:color-mix(in srgb,#f59e0b 52%,var(--line))!important;
    background:linear-gradient(180deg,color-mix(in srgb,#f59e0b 12%,var(--card)),color-mix(in srgb,var(--card2) 94%,transparent))!important;
}
.report-on-call-section .report-kpi{
    border-color:color-mix(in srgb,#f59e0b 32%,var(--line));
    background:color-mix(in srgb,#f59e0b 10%,var(--card2));
}
.report-on-call-section .report-kpi span,
.report-on-call-section > div:first-child span{
    color:color-mix(in srgb,#f59e0b 78%,var(--text));
}
.report-table{
    width:100%;
    min-width:620px;
    table-layout:auto;
    border-collapse:collapse;
    color:var(--text);
    font-size:13.5px;
}
.report-table th,
.report-table td{
    padding:10px 12px;
    border-bottom:1px solid color-mix(in srgb,var(--line) 82%,transparent);
    text-align:left;
    vertical-align:middle;
}
.report-table th{
    position:sticky;
    top:0;
    z-index:1;
    background:color-mix(in srgb,var(--primary) 14%,var(--card));
    color:var(--text);
    font-size:12px;
    font-weight:950;
    letter-spacing:.025em;
}
.report-table tbody tr:nth-child(even){
    background:color-mix(in srgb,var(--primary) 5%,transparent);
}
.report-table tbody tr:hover{
    background:color-mix(in srgb,var(--primary) 10%,transparent);
}
.report-table td:nth-last-child(-n+3){
    text-align:right;
    white-space:nowrap;
}
.report-table td:first-child,
.report-table th:first-child{
    white-space:normal;
}
.report-table td strong{
    color:var(--text);
    font-weight:950;
}
.report-table td small{
    display:block;
    margin-top:2px;
    color:var(--text);
    font-size:11.5px;
    font-weight:820;
    opacity:.68;
}
.report-table td[colspan],
.report-empty{
    padding:18px!important;
    color:var(--muted);
    text-align:center!important;
    font-weight:900;
}
.report-row-on-call-intervention{
    background:color-mix(in srgb,#f97316 14%,transparent)!important;
}
.report-row-on-call-intervention td{
    border-color:color-mix(in srgb,#f97316 28%,var(--line));
}
@media(max-width:1080px){
    .report-layout{grid-template-columns:1fr}
    .report-filters{position:static}
}
@media(max-width:900px){
    .report-home-grid{grid-template-columns:1fr}
    .report-shell > .report-card{align-items:flex-start;flex-direction:column}
    .report-shell > .report-card::after{display:none}
}
@media(max-width:760px){
    .report-result header{display:grid}
    .report-result header > div:last-child{justify-content:flex-start}
    .report-result .report-card > div:first-child{display:grid}
    .report-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .report-kpi:last-child{grid-column:1 / -1}
}
@media(max-width:520px){
    .report-shell > .report-card,
    .report-home-grid > .report-card,
    .report-filters,
    .report-print-area{padding:14px}
    .report-kpi-grid{grid-template-columns:1fr}
    .report-table{font-size:12px}
    .report-table th,
    .report-table td{padding:8px 9px}
}
@media print{
    @page{size:A4 portrait;margin:8mm}
    html,body{width:auto!important;min-height:auto!important;margin:0!important;padding:0!important;background:#fff!important;color:#000!important}
    body *{visibility:hidden!important;box-shadow:none!important;text-shadow:none!important}
    .report-print-area,
    .report-print-area *{visibility:visible!important}
    .topbar,
    .footer,
    .nav,
    .report-filters,
    .report-result header > div:last-child,
    .mobile-bottom-nav,
    .mobile-app-shell-header,
    .mobile-side-menu,
    .mobile-side-overlay{display:none!important}
    .app-shell,
    .page,
    .report-shell,
    .report-layout,
    .report-result{
        display:block!important;
        width:auto!important;
        max-width:none!important;
        min-height:auto!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        background:#fff!important;
        color:#000!important;
        box-shadow:none!important;
        overflow:visible!important;
    }
    .report-print-area{
        position:absolute!important;
        top:0!important;
        left:0!important;
        width:100%!important;
        display:block!important;
        padding:0!important;
        background:#fff!important;
        color:#000!important;
    }
    .report-result header{
        display:block!important;
        margin:0 0 5mm!important;
        padding:0 0 3mm!important;
        border-bottom:2px solid #111!important;
        background:#fff!important;
        color:#000!important;
    }
    .report-result header h2{margin:1mm 0!important;color:#000!important;font-size:17px!important;line-height:1.15!important}
    .report-result header p,
    .report-result header span,
    .report-destination-meta dt,
    .report-destination-meta dd{color:#000!important;opacity:1!important;font-size:10px!important}
    .report-destination-meta{display:block!important;margin:1mm 0 0!important}
    .report-destination-meta div{display:block!important;margin:0 0 .7mm!important;padding:0!important;border:0!important;background:#fff!important}
    .report-destination-meta dt,
    .report-destination-meta dd{display:inline!important}
    .report-destination-meta dt::after{content:": "}
    .report-kpi-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:3px!important;margin:0 0 5mm!important;page-break-inside:avoid!important;break-inside:avoid!important}
    .report-kpi{min-height:0!important;padding:5px 6px!important;border:1px solid #555!important;border-radius:3px!important;background:#fff!important;color:#000!important;page-break-inside:avoid!important;break-inside:avoid!important}
    .report-kpi span{color:#111!important;opacity:1!important;font-size:7.5px!important;font-weight:700!important}
    .report-kpi strong,
    .report-kpi:last-child strong{color:#000!important;font-size:10px!important;line-height:1.1!important}
    .report-print-area .report-card{display:block!important;margin:0 0 5mm!important;padding:0!important;border:1px solid #555!important;border-radius:0!important;background:#fff!important;color:#000!important;overflow:visible!important;page-break-inside:auto!important;break-inside:auto!important}
    .report-print-area .report-card > strong,
    .report-print-area .report-card > span{display:block!important;padding:5px 6px!important;color:#000!important;font-size:9px!important}
    .report-print-area .report-card > div:first-child{display:flex!important;justify-content:space-between!important;padding:5px 6px!important;border-bottom:1px solid #555!important;background:#e9eef2!important;color:#000!important}
    .report-print-area h3,
    .report-print-area .report-card > div:first-child span{margin:0!important;color:#000!important;opacity:1!important;font-size:10px!important;font-weight:700!important}
    .report-print-area .report-card > div:last-child{overflow:visible!important}
    table.report-table{width:100%!important;min-width:0!important;border-collapse:collapse!important;table-layout:auto!important;color:#000!important;font-size:9.5px!important;page-break-inside:auto!important}
    .report-table thead{display:table-header-group!important}
    .report-table tr{page-break-inside:avoid!important;break-inside:avoid!important;page-break-after:auto!important}
    .report-table th,
    .report-table td{padding:4px 5px!important;border:1px solid #999!important;background:#fff!important;color:#000!important;white-space:normal!important}
    .report-table th{position:static!important;background:#dfe7ee!important;color:#000!important;font-size:9px!important;font-weight:700!important}
    .report-table tbody tr:nth-child(even) td{background:#f6f6f6!important}
    .report-table td small{color:#000!important;opacity:1!important;font-size:8px!important}
    a{color:#000!important;text-decoration:none!important}
}

/* KronoSender 2.0 UI - Calendario wide redesign final overrides. */
body:has(.calendar-wow-page) .page{width:100%;max-width:none;padding-left:clamp(16px,2vw,34px);padding-right:clamp(16px,2vw,34px)}
.calendar-wow-page{width:min(100%,1840px);margin:0 auto;display:grid;gap:18px}
.calendar-wow-page .calendar-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,auto);gap:22px;align-items:end;margin:0;padding:24px;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));border-radius:30px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 13%,var(--card)),color-mix(in srgb,var(--card2) 92%,#10b981 7%) 56%,var(--card));box-shadow:0 26px 70px color-mix(in srgb,#020617 16%,transparent),inset 0 1px 0 rgba(255,255,255,.06)}
.calendar-wow-page .calendar-hero::after{content:"";position:absolute;inset:auto -80px -110px auto;width:300px;height:300px;border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,transparent);pointer-events:none}
.calendar-wow-page .calendar-hero>*{position:relative;z-index:1}
.calendar-wow-page .calendar-hero h1{margin:8px 0 7px;color:var(--text);font-size:clamp(40px,4.4vw,74px);line-height:.95;letter-spacing:0}
.calendar-wow-page .calendar-hero p{max-width:760px;margin:0;color:var(--muted);font-size:15px;font-weight:840;line-height:1.45}
.calendar-wow-page .calendar-mode-switch{width:max-content;max-width:100%;margin-top:16px;padding:5px;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--bg) 48%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.calendar-wow-page .calendar-mode-tab{min-height:38px;padding:9px 15px;border-radius:999px;color:var(--muted);font-size:13px;font-weight:950;text-decoration:none}
.calendar-wow-page .calendar-mode-tab.is-active{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 24%,transparent)}
.calendar-wow-page .calendar-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;justify-items:stretch;min-width:0}
.calendar-wow-page .calendar-hero-actions .badge{min-height:52px;justify-content:space-between;padding:10px 12px;border-radius:16px;border-color:color-mix(in srgb,var(--primary) 18%,var(--line));background:color-mix(in srgb,var(--card) 68%,transparent);color:var(--text);font-size:12px;font-weight:900}
.calendar-wow-page .calendar-hero-actions .link-btn{min-height:42px;justify-content:center;border-radius:14px;background:color-mix(in srgb,var(--card2) 78%,transparent)}
.calendar-wow-page .calendar-mini-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}
.calendar-wow-page .calendar-mini-kpis span{position:relative;min-height:94px;align-items:flex-end;padding:18px;overflow:hidden;border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 10%,var(--card)),var(--card2))}
.calendar-wow-page .calendar-mini-kpis span::after{content:"";position:absolute;right:16px;top:16px;width:42px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--primary) 58%,transparent)}
.calendar-wow-page .calendar-mini-kpis b{font-size:40px}
.calendar-wow-page .calendar-mini-kpis small{max-width:140px;font-size:12px;line-height:1.25;text-transform:uppercase}
.calendar-wow-page .calendar-control-card{padding:16px;border-radius:28px;border-color:color-mix(in srgb,var(--primary) 18%,var(--line));background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));box-shadow:0 18px 46px color-mix(in srgb,#020617 12%,transparent)}
.calendar-wow-page .calendar-toolbar{display:grid;gap:14px}
.calendar-wow-page .calendar-nav{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;padding:6px;border:1px solid color-mix(in srgb,var(--primary) 13%,var(--line));border-radius:20px;background:color-mix(in srgb,var(--bg) 38%,transparent)}
.calendar-wow-page .calendar-nav .link-btn,.calendar-wow-page .calendar-nav .btn{min-height:40px;border-radius:14px;box-shadow:none}
.calendar-wow-page .calendar-new-btn{margin-left:auto}
.calendar-wow-page .calendar-filters{display:grid;grid-template-columns:repeat(8,minmax(128px,1fr));gap:10px;align-items:end}
.calendar-wow-page .calendar-filters label{display:grid;gap:6px;min-width:0;color:var(--muted);font-size:11px;font-weight:950;letter-spacing:.025em;text-transform:uppercase}
.calendar-wow-page .calendar-filters input,.calendar-wow-page .calendar-filters select{width:100%;min-height:42px;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--bg) 78%,var(--card));color:var(--text);padding:9px 11px;font-size:13px;font-weight:840}
.calendar-wow-page .calendar-search{grid-column:span 2}
.calendar-wow-page .calendar-check{display:flex!important;min-height:42px;align-items:center;gap:8px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--bg) 46%,transparent);text-transform:none!important;letter-spacing:0!important}
.calendar-wow-page .calendar-check input{width:auto;min-height:0}
.calendar-wow-page .calendar-filters>.btn{min-height:42px;padding:9px 15px;border-radius:14px}
.calendar-wow-page .calendar-help{margin:0;border-radius:18px}
.calendar-wow-page .calendar-classic-shell .calendar-month-grid{gap:12px}
.calendar-wow-page .calendar-classic-shell .calendar-weekday{min-height:38px;align-content:center;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--card2) 88%,transparent);color:var(--muted);font-size:12px;font-weight:950}
.calendar-wow-page .calendar-classic-shell .calendar-month-day{min-height:clamp(150px,11.2vw,220px);max-height:none;padding:12px;gap:9px;border-radius:18px;border-color:color-mix(in srgb,var(--primary) 12%,var(--line));background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 94%,transparent));box-shadow:0 10px 28px color-mix(in srgb,#020617 8%,transparent)}
.calendar-wow-page .calendar-classic-shell .calendar-month-day:hover{border-color:color-mix(in srgb,var(--primary) 34%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 6%,var(--card)),var(--card2));box-shadow:0 16px 34px color-mix(in srgb,#020617 14%,transparent)}
.calendar-wow-page .calendar-classic-shell .calendar-month-day.is-muted{opacity:.7}
.calendar-wow-page .calendar-classic-shell .calendar-month-day.is-weekend{background:linear-gradient(180deg,color-mix(in srgb,var(--muted) 7%,var(--card)),color-mix(in srgb,var(--card2) 94%,transparent))}
.calendar-wow-page .calendar-classic-shell .calendar-month-day.is-today{border-color:color-mix(in srgb,var(--primary) 62%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 16%,transparent),0 18px 42px color-mix(in srgb,var(--primary) 13%,transparent)}
.calendar-wow-page .calendar-classic-shell .calendar-day-number{font-size:clamp(24px,2vw,34px)}
.calendar-wow-page .calendar-classic-shell .calendar-day-week{color:var(--primary);font-size:10px}
.calendar-wow-page .calendar-classic-shell .calendar-today-pill{min-height:22px;padding:3px 8px}
.calendar-wow-page .calendar-classic-shell .calendar-classic-day-body{display:grid;grid-auto-rows:minmax(24px,auto);gap:5px;overflow:hidden}
.calendar-wow-page .calendar-classic-shell .calendar-day-chip{min-height:24px;padding:5px 8px;border-radius:10px;font-size:11.5px;line-height:1.12;box-shadow:0 7px 16px color-mix(in srgb,#020617 12%,transparent)!important}
.calendar-wow-page .calendar-classic-shell .calendar-day-more{min-height:25px;display:flex;align-items:center;justify-content:center;padding:3px 8px;border:1px dashed color-mix(in srgb,var(--primary) 25%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--primary) 7%,var(--card2));color:var(--text);font-size:12px}
.calendar-wow-page .calendar-day-modal .calendar-day-detail-hero,.calendar-wow-page .calendar-day-modal .calendar-day-premium-card,.calendar-wow-page .calendar-day-modal .calendar-day-destination-header{border-radius:18px}
.calendar-wow-page.calendar-wow-view-gantt .calendar-timeline,.calendar-wow-page.calendar-wow-view-gantt .calendar-gantt-month{border-radius:28px}
@media(max-width:1400px){.calendar-wow-page .calendar-filters{grid-template-columns:repeat(4,minmax(150px,1fr))}}
@media(max-width:1080px){.calendar-wow-page .calendar-hero{grid-template-columns:1fr;align-items:start}.calendar-wow-page .calendar-hero-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.calendar-wow-page .calendar-mini-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-wow-page .calendar-filters{grid-template-columns:repeat(2,minmax(150px,1fr))}}
@media(max-width:760px){body:has(.calendar-wow-page) .page{padding-left:12px;padding-right:12px}.calendar-wow-page{gap:14px}.calendar-wow-page .calendar-hero{padding:18px;border-radius:24px}.calendar-wow-page .calendar-hero h1{font-size:34px}.calendar-wow-page .calendar-hero-actions,.calendar-wow-page .calendar-mini-kpis,.calendar-wow-page .calendar-filters{grid-template-columns:1fr}.calendar-wow-page .calendar-search{grid-column:auto}.calendar-wow-page .calendar-nav{display:grid;grid-template-columns:1fr 1fr}.calendar-wow-page .calendar-new-btn{margin-left:0;grid-column:1/-1}.calendar-wow-page .calendar-classic-shell .calendar-month-grid{gap:8px}.calendar-wow-page .calendar-classic-shell .calendar-weekday{min-height:30px;border-radius:10px;font-size:10px}.calendar-wow-page .calendar-classic-shell .calendar-month-day{min-height:132px;padding:8px;border-radius:14px}.calendar-wow-page .calendar-classic-shell .calendar-day-number{font-size:22px}.calendar-wow-page .calendar-classic-shell .calendar-day-chip{min-height:22px;font-size:10px}}
@media(max-width:520px){.calendar-wow-page .calendar-mode-switch{width:100%;display:grid;grid-template-columns:1fr 1fr}.calendar-wow-page .calendar-mode-tab{text-align:center}.calendar-wow-page .calendar-nav{grid-template-columns:1fr}}

/* KronoSender 2.0 UI - Dashboard wide redesign final overrides. */
body:has(.dashboard-wow-page) .page{width:100%;max-width:none;padding-left:clamp(16px,2vw,34px);padding-right:clamp(16px,2vw,34px)}
.dashboard-wow-page{width:min(100%,1780px);margin:0 auto;display:grid;gap:18px}
.dashboard-wow-page .dashboard-manager-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,auto);align-items:end;gap:24px;min-height:250px;margin:0;padding:28px;overflow:hidden;border-radius:32px;border-color:color-mix(in srgb,var(--primary) 24%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 14%,var(--card)),color-mix(in srgb,#10b981 8%,var(--card2)) 52%,var(--card));box-shadow:0 28px 76px color-mix(in srgb,#020617 18%,transparent),inset 0 1px 0 rgba(255,255,255,.06)}
.dashboard-wow-page .dashboard-manager-hero::before{content:"";position:absolute;right:-90px;top:-120px;width:360px;height:360px;border-radius:999px;background:color-mix(in srgb,var(--primary) 12%,transparent);pointer-events:none}
.dashboard-wow-page .dashboard-manager-hero::after{content:"";position:absolute;right:42px;bottom:28px;width:120px;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--primary2));opacity:.72}
.dashboard-wow-page .dashboard-manager-hero>*{position:relative;z-index:1}
.dashboard-wow-page .dashboard-manager-hero h1{margin:10px 0 8px;font-size:clamp(42px,5vw,78px);line-height:.95;letter-spacing:0}
.dashboard-wow-page .dashboard-manager-hero p{max-width:780px;font-size:16px;line-height:1.48}
.dashboard-wow-page .dashboard-manager-hero-meta{min-width:260px;padding:16px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:22px;background:color-mix(in srgb,var(--card) 70%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.dashboard-wow-page .dashboard-manager-hero-meta strong{font-size:18px;line-height:1.22}
.dashboard-wow-page .dashboard-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:0}
.dashboard-wow-page .dashboard-kpi-card{min-height:188px;padding:18px;border-radius:26px;border-color:color-mix(in srgb,var(--kpi-tone,var(--primary)) 24%,var(--line));background:linear-gradient(160deg,color-mix(in srgb,var(--kpi-tone,var(--primary)) 10%,var(--card)),var(--card2));box-shadow:0 18px 44px color-mix(in srgb,#020617 12%,transparent);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.dashboard-wow-page .dashboard-kpi-card::after{width:64px;height:5px;right:18px;bottom:16px}
.dashboard-wow-page .dashboard-kpi-icon{width:54px;height:54px;border-radius:20px;font-size:22px}
.dashboard-wow-page .dashboard-kpi-title{font-size:11px;letter-spacing:.04em}
.dashboard-wow-page .dashboard-kpi-card strong{font-size:clamp(34px,3vw,52px)}
.dashboard-wow-page .dashboard-kpi-card small{max-width:100%;font-size:13px;line-height:1.36}
.dashboard-wow-page .dashboard-manager-grid{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:16px;margin:0}
.dashboard-wow-page .dashboard-priority-card,.dashboard-wow-page .dashboard-week-card{padding:18px;border-radius:28px;border-color:color-mix(in srgb,var(--primary) 18%,var(--line));background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));box-shadow:0 18px 46px color-mix(in srgb,#020617 12%,transparent)}
.dashboard-wow-page .dashboard-priority-card header,.dashboard-wow-page .dashboard-week-card header{align-items:end}
.dashboard-wow-page .dashboard-priority-card h2,.dashboard-wow-page .dashboard-week-card h2{font-size:26px}
.dashboard-wow-page .dashboard-priority-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dashboard-wow-page .dashboard-priority-row{min-height:58px;padding:12px;border-radius:17px;background:color-mix(in srgb,var(--card2) 86%,transparent)}
.dashboard-wow-page .dashboard-week-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.dashboard-wow-page .dashboard-week-grid div{min-height:112px;border-radius:18px;background:color-mix(in srgb,var(--primary) 6%,var(--card2))}
.dashboard-wow-page .dashboard-week-grid strong{font-size:34px}
.dashboard-wow-page .dashboard-section-head{align-items:end;margin:4px 0 0;padding:0 2px}
.dashboard-wow-page .dashboard-section-head h2{font-size:26px}
.dashboard-wow-page .dashboard-module-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.dashboard-wow-page .dashboard-card{position:relative;min-height:210px;padding:18px;overflow:hidden;border-radius:26px;border-color:color-mix(in srgb,var(--primary) 15%,var(--line));background:linear-gradient(155deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));box-shadow:0 16px 38px color-mix(in srgb,#020617 10%,transparent);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.dashboard-wow-page .dashboard-card::after{content:"";position:absolute;right:16px;bottom:15px;width:42px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--primary) 44%,transparent)}
.dashboard-wow-page .dashboard-card .card-head{align-items:flex-start}
.dashboard-wow-page .dashboard-card .card-icon{width:58px;height:58px;border-radius:21px;font-size:30px}
.dashboard-wow-page .dashboard-card h2{margin:6px 0 0;font-size:20px;line-height:1.12}
.dashboard-wow-page .dashboard-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.42;font-weight:820}
@media (hover:hover) and (pointer:fine){.dashboard-wow-page .dashboard-kpi-card:hover,.dashboard-wow-page .dashboard-card:hover,.dashboard-wow-page .dashboard-priority-row:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary) 40%,var(--line));box-shadow:0 26px 58px color-mix(in srgb,#020617 18%,transparent)}}
@media(max-width:1500px){.dashboard-wow-page .dashboard-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-wow-page .dashboard-module-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.dashboard-wow-page .dashboard-manager-hero,.dashboard-wow-page .dashboard-manager-grid{grid-template-columns:1fr}.dashboard-wow-page .dashboard-manager-hero-meta{justify-items:start;min-width:0;text-align:left}.dashboard-wow-page .dashboard-week-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-wow-page .dashboard-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){body:has(.dashboard-wow-page) .page{padding-left:12px;padding-right:12px}.dashboard-wow-page{gap:14px}.dashboard-wow-page .dashboard-manager-hero{min-height:0;padding:20px;border-radius:24px}.dashboard-wow-page .dashboard-manager-hero h1{font-size:34px}.dashboard-wow-page .dashboard-kpi-grid,.dashboard-wow-page .dashboard-priority-list,.dashboard-wow-page .dashboard-week-grid,.dashboard-wow-page .dashboard-module-grid{grid-template-columns:1fr}.dashboard-wow-page .dashboard-kpi-card{min-height:150px}.dashboard-wow-page .dashboard-card{min-height:170px;border-radius:22px}}

/* KronoSender UI V3.16 - Dashboard Design System V2. */
body:has(.dashboard-design-v2) .page{width:100%;max-width:none;padding-left:clamp(16px,2vw,34px);padding-right:clamp(16px,2vw,34px)}
.dashboard-design-v2{width:min(100%,1880px);margin:0 auto;display:grid;gap:14px}
.dashboard-design-v2 .dashboard-manager-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,auto);align-items:end;gap:18px;min-height:0;margin:0;padding:22px 24px;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,var(--card)),color-mix(in srgb,#10b981 7%,var(--card2)) 58%,var(--card));box-shadow:0 24px 64px color-mix(in srgb,#020617 15%,transparent),inset 0 1px 0 rgba(255,255,255,.06)}
.dashboard-design-v2 .dashboard-manager-hero::before{right:-110px;top:-150px;width:330px;height:330px;opacity:.55}
.dashboard-design-v2 .dashboard-manager-hero::after{right:24px;bottom:22px;width:86px;height:4px;opacity:.62}
.dashboard-design-v2 .dashboard-manager-hero h1{margin:7px 0 6px;color:var(--text);font-size:clamp(34px,3.5vw,58px);line-height:.98;letter-spacing:0}
.dashboard-design-v2 .dashboard-manager-hero p{max-width:760px;margin:0;color:var(--muted);font-size:14px;font-weight:840;line-height:1.42}
.dashboard-design-v2 .dashboard-manager-hero-meta{display:grid;gap:8px;justify-items:end;min-width:0;padding:12px;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--card) 72%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.dashboard-design-v2 .dashboard-manager-hero-meta strong{font-size:17px;line-height:1.18;color:var(--text)}
.dashboard-design-v2 .dashboard-manager-hero-meta span{color:var(--muted);font-size:12px;font-weight:880}
.dashboard-design-v2 .dashboard-manager-hero-meta .badge{min-height:32px;align-items:center;border-radius:999px}
.dashboard-design-v2 .dashboard-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0}
.dashboard-design-v2 .dashboard-kpi-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px 10px;min-height:126px;padding:14px;border:1px solid color-mix(in srgb,var(--kpi-tone,var(--primary)) 25%,var(--line));border-radius:22px;background:linear-gradient(150deg,color-mix(in srgb,var(--kpi-tone,var(--primary)) 9%,var(--card)),var(--card2));box-shadow:0 16px 38px color-mix(in srgb,#020617 10%,transparent);text-decoration:none;color:var(--text);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.dashboard-design-v2 .dashboard-kpi-card::after{right:14px;bottom:13px;width:42px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--kpi-tone,var(--primary)) 48%,transparent)}
.dashboard-design-v2 .dashboard-kpi-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--kpi-tone,var(--primary)) 12%,var(--bg));font-size:18px}
.dashboard-design-v2 .dashboard-kpi-title{align-self:center;min-width:0;color:var(--muted);font-size:10.5px;font-weight:950;letter-spacing:.035em;text-transform:uppercase}
.dashboard-design-v2 .dashboard-kpi-card strong{grid-column:1/-1;color:var(--text);font-size:clamp(28px,2.2vw,40px);line-height:.95}
.dashboard-design-v2 .dashboard-kpi-card small{grid-column:1/-1;max-width:240px;color:var(--muted);font-size:12px;font-weight:840;line-height:1.25}
.dashboard-design-v2 .dashboard-manager-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.55fr);gap:12px;margin:0;align-items:stretch}
.dashboard-design-v2 .dashboard-priority-card,.dashboard-design-v2 .dashboard-week-card{padding:16px;border:1px solid color-mix(in srgb,var(--primary) 17%,var(--line));border-radius:24px;background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));box-shadow:0 18px 48px color-mix(in srgb,#020617 12%,transparent)}
.dashboard-design-v2 .dashboard-priority-card header,.dashboard-design-v2 .dashboard-week-card header{align-items:end}
.dashboard-design-v2 .dashboard-priority-card h2,.dashboard-design-v2 .dashboard-week-card h2,.dashboard-design-v2 .dashboard-section-head h2{margin:4px 0 0;color:var(--text);font-size:23px;line-height:1.08}
.dashboard-design-v2 .dashboard-priority-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.dashboard-design-v2 .dashboard-priority-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;min-height:48px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--bg) 42%,transparent);color:var(--text);text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.dashboard-design-v2 .dashboard-priority-row strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;line-height:1.2;color:var(--text)}
.dashboard-design-v2 .dashboard-empty-note{margin:12px 0 0;padding:14px;border:1px dashed color-mix(in srgb,var(--primary) 16%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--bg) 38%,transparent);color:var(--muted);font-weight:880}
.dashboard-design-v2 .dashboard-week-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.dashboard-design-v2 .dashboard-week-grid div{display:grid;gap:4px;min-height:76px;padding:11px;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--bg) 42%,transparent)}
.dashboard-design-v2 .dashboard-week-grid strong{font-size:26px;line-height:1;color:var(--text)}
.dashboard-design-v2 .dashboard-week-grid span{color:var(--muted);font-size:11px;font-weight:930;line-height:1.22;text-transform:uppercase}
.dashboard-design-v2 .dashboard-section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:2px 0 0;padding:0 4px}
.dashboard-design-v2 .dashboard-grid.dashboard-module-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0}
.dashboard-design-v2 .dashboard-card{position:relative;display:grid;gap:9px;min-height:138px;padding:14px;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line));border-radius:20px;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card2) 94%,transparent));box-shadow:0 10px 26px color-mix(in srgb,#020617 8%,transparent);text-decoration:none;color:var(--text);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.dashboard-design-v2 .dashboard-card::after{right:14px;bottom:13px;width:34px;height:4px;background:color-mix(in srgb,var(--primary) 40%,transparent)}
.dashboard-design-v2 .dashboard-card .card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.dashboard-design-v2 .dashboard-card .card-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:16px;background:color-mix(in srgb,var(--primary) 10%,var(--bg));font-size:22px;line-height:1}
.dashboard-design-v2 .dashboard-card h2{margin:0;color:var(--text);font-size:15px;line-height:1.16}
.dashboard-design-v2 .dashboard-card p{margin:0;color:var(--muted);font-size:12px;font-weight:820;line-height:1.25}
.dashboard-design-v2 .card-disabled{opacity:.55;filter:saturate(.75)}
.dashboard-design-v2 :is(a,button,input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 55%,#fff);outline-offset:3px}
@media (hover:hover) and (pointer:fine){.dashboard-design-v2 .dashboard-kpi-card:hover,.dashboard-design-v2 .dashboard-card:hover,.dashboard-design-v2 .dashboard-priority-row:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 36%,var(--line));box-shadow:0 20px 48px color-mix(in srgb,#020617 14%,transparent)}}
@media(max-width:1500px){.dashboard-design-v2 .dashboard-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-design-v2 .dashboard-grid.dashboard-module-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.dashboard-design-v2 .dashboard-manager-hero,.dashboard-design-v2 .dashboard-manager-grid{grid-template-columns:1fr}.dashboard-design-v2 .dashboard-manager-hero-meta{justify-items:start;text-align:left}.dashboard-design-v2 .dashboard-grid.dashboard-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){body:has(.dashboard-design-v2) .page{padding-left:12px;padding-right:12px}.dashboard-design-v2{gap:12px}.dashboard-design-v2 .dashboard-manager-hero{padding:18px;border-radius:22px}.dashboard-design-v2 .dashboard-manager-hero::after{display:none}.dashboard-design-v2 .dashboard-manager-hero h1{font-size:34px}.dashboard-design-v2 .dashboard-kpi-grid,.dashboard-design-v2 .dashboard-priority-list,.dashboard-design-v2 .dashboard-week-grid,.dashboard-design-v2 .dashboard-grid.dashboard-module-grid{grid-template-columns:1fr}.dashboard-design-v2 .dashboard-kpi-card{min-height:120px}.dashboard-design-v2 .dashboard-card{min-height:116px;border-radius:18px}.dashboard-design-v2 .dashboard-section-head{display:grid}}
@media (prefers-reduced-motion:reduce){.dashboard-design-v2 *,.dashboard-design-v2 *::before,.dashboard-design-v2 *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* KronoSender 2.0 UI - Planning and Assignments wide redesign final overrides. */
body:has(.planning-wow-page) .page,
body:has(.assignments-wow-page) .page{width:100%;max-width:none;padding-left:clamp(16px,2vw,34px);padding-right:clamp(16px,2vw,34px)}
.planning-wow-page,.assignments-wow-page{width:min(100%,1840px);margin:0 auto;display:grid;gap:18px}
.planning-wow-page .planning-board-hero,.assignments-wow-page .assignments-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,auto);align-items:end;gap:24px;margin:0;padding:26px;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));border-radius:32px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 13%,var(--card)),color-mix(in srgb,#10b981 7%,var(--card2)) 56%,var(--card));box-shadow:0 28px 76px color-mix(in srgb,#020617 17%,transparent),inset 0 1px 0 rgba(255,255,255,.06)}
.planning-wow-page .planning-board-hero::after,.assignments-wow-page .assignments-hero::after{content:"";position:absolute;right:-90px;bottom:-130px;width:340px;height:340px;border-radius:999px;background:color-mix(in srgb,var(--primary) 11%,transparent);pointer-events:none}
.planning-wow-page .planning-board-hero>*,
.assignments-wow-page .assignments-hero>*{position:relative;z-index:1}
.planning-wow-page .planning-board-hero h1,.assignments-wow-page .assignments-hero h1{margin:9px 0 8px;color:var(--text);font-size:clamp(38px,4.4vw,72px);line-height:.95;letter-spacing:0}
.planning-wow-page .planning-board-hero p,.assignments-wow-page .assignments-hero p{max-width:760px;margin:0;color:var(--muted);font-size:15px;font-weight:840;line-height:1.45}
.planning-wow-page .planning-board-date,.assignments-wow-page .assignments-export-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-items:center;justify-items:stretch;min-width:0}
.assignments-wow-page .assignments-export-actions{grid-template-columns:repeat(2,minmax(0,1fr));min-width:360px}
.planning-wow-page .planning-board-date .link-btn,.assignments-wow-page .assignments-export-actions .link-btn{min-height:42px;justify-content:center;border-radius:14px;background:color-mix(in srgb,var(--card2) 76%,transparent);font-weight:920}
.planning-wow-page .planning-board-date input{width:100%;min-height:42px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--bg) 76%,var(--card));color:var(--text);padding:9px 11px;font-size:13px;font-weight:850}
.planning-wow-page .planning-board-stats,.assignments-wow-page .assignments-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0}
.planning-wow-page .planning-board-stats div,.assignments-wow-page .assignments-summary div{position:relative;min-height:120px;padding:18px;overflow:hidden;border-radius:24px;border-color:color-mix(in srgb,var(--primary) 18%,var(--line));background:linear-gradient(150deg,color-mix(in srgb,var(--primary) 9%,var(--card)),var(--card2));box-shadow:0 18px 44px color-mix(in srgb,#020617 11%,transparent)}
.planning-wow-page .planning-board-stats div::after,.assignments-wow-page .assignments-summary div::after{content:"";position:absolute;right:16px;bottom:15px;width:46px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--primary) 46%,transparent)}
.planning-wow-page .planning-board-stats strong,.assignments-wow-page .assignments-summary strong{font-size:clamp(32px,3vw,50px);line-height:.95;color:var(--text)}
.planning-wow-page .planning-board-stats span,.assignments-wow-page .assignments-summary span{max-width:160px;color:var(--muted);font-size:12px;font-weight:940;line-height:1.25;text-transform:uppercase}
.planning-wow-page .planning-stat-breakdown{position:relative;z-index:1;max-width:180px;margin-top:9px;font-size:11px}
.planning-wow-page .planning-board{grid-template-columns:minmax(310px,.75fr) minmax(0,1.9fr) minmax(310px,.62fr);gap:16px;align-items:start}
.planning-wow-page .planning-resources-panel,.planning-wow-page .planning-destinations-board,.planning-wow-page .planning-summary-panel,.assignments-wow-page .assignments-filter-card,.assignments-wow-page .assignments-consult-board{border-radius:30px;border-color:color-mix(in srgb,var(--primary) 17%,var(--line));background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));box-shadow:0 18px 48px color-mix(in srgb,#020617 12%,transparent)}
.planning-wow-page .planning-resources-panel,.planning-wow-page .planning-destinations-board,.planning-wow-page .planning-summary-panel{padding:16px}
.planning-wow-page .planning-panel-head,.assignments-wow-page .assignments-board-title{align-items:end;margin-bottom:14px;padding:0 2px}
.planning-wow-page .planning-panel-head h2,.assignments-wow-page .assignments-board-title h2{font-size:26px;line-height:1.08}
.planning-wow-page .planning-source-tabs{padding:5px;border-color:color-mix(in srgb,var(--primary) 16%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--bg) 42%,transparent)}
.planning-wow-page .planning-source-tabs button{min-height:40px;border-radius:14px}
.planning-wow-page .planning-selection-toolbar{border-radius:18px;background:color-mix(in srgb,var(--primary) 8%,var(--card2))}
.planning-wow-page .planning-resource-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px;border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));border-radius:20px;background:color-mix(in srgb,var(--bg) 38%,transparent)}
.planning-wow-page .planning-resource-filters label,.planning-wow-page .planning-destination-search{font-size:11px;font-weight:950;letter-spacing:.025em;text-transform:uppercase}
.planning-wow-page .planning-filter-check{text-transform:none!important;letter-spacing:0!important}
.planning-wow-page .planning-resource-filters input,.planning-wow-page .planning-resource-filters select,.planning-wow-page .planning-destination-search input{min-height:40px;border-color:color-mix(in srgb,var(--primary) 15%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--bg) 78%,var(--card));font-size:13px;font-weight:830}
.planning-wow-page .planning-board-resource{border-radius:18px;border-color:color-mix(in srgb,var(--primary) 12%,var(--line));background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card2) 94%,transparent));box-shadow:0 9px 22px color-mix(in srgb,#020617 7%,transparent);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}
.planning-wow-page .planning-board-resource img,.planning-wow-page .planning-board-resource .planning-avatar{width:46px;height:46px;border-radius:16px}
.planning-wow-page .planning-resource-main strong{font-size:14px;line-height:1.2}
.planning-wow-page .planning-resource-main small{font-size:12px;line-height:1.25}
.planning-wow-page .planning-resource-badges em{border-color:color-mix(in srgb,var(--primary) 15%,var(--line));background:color-mix(in srgb,var(--card2) 82%,transparent)}
.planning-wow-page .planning-destination-section{gap:12px;padding:14px;border-radius:24px;border-color:color-mix(in srgb,var(--primary) 12%,var(--line));background:color-mix(in srgb,var(--bg) 42%,transparent)}
.planning-wow-page .planning-destination-section-head{padding:0 2px}
.planning-wow-page .planning-destination-section-head h3{font-size:18px}
.planning-wow-page .planning-destination-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:13px}
.planning-wow-page .planning-destination-dropzone{min-height:224px;padding:14px;border-radius:22px;border-color:color-mix(in srgb,var(--primary) 14%,var(--line));background:linear-gradient(155deg,var(--card),color-mix(in srgb,var(--card2) 93%,var(--primary) 4%));box-shadow:0 12px 30px color-mix(in srgb,#020617 8%,transparent)}
.planning-wow-page .planning-destination-dropzone.is-special{background:linear-gradient(155deg,color-mix(in srgb,#f59e0b 11%,var(--card)),var(--card2))}
.planning-wow-page .planning-destination-top h3{font-size:19px;line-height:1.15}
.planning-wow-page .planning-destination-thumb{width:54px;height:54px;border-radius:18px}
.planning-wow-page .planning-existing-shifts span,.planning-wow-page .planning-destination-tags .badge{border-color:color-mix(in srgb,var(--primary) 14%,var(--line));background:color-mix(in srgb,var(--bg) 46%,transparent)}
.planning-wow-page .planning-drop-list{min-height:58px;border-color:color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--bg) 36%,transparent)}
.planning-wow-page .planning-summary-panel{top:88px}
.planning-wow-page .planning-summary-list{max-height:520px}
.planning-wow-page .planning-summary-destination{border-radius:18px;background:color-mix(in srgb,var(--bg) 46%,transparent)}
.planning-wow-page .planning-summary-destination li{border-radius:12px}
.planning-wow-page .planning-summary-panel .btn{min-height:46px;border-radius:16px}
.assignments-wow-page .assignments-filter-card{padding:16px;margin:0}
.assignments-wow-page .assignments-filters{grid-template-columns:repeat(8,minmax(130px,1fr));gap:10px;align-items:end}
.assignments-wow-page .assignments-view-switch{grid-column:span 3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:5px;border:1px solid color-mix(in srgb,var(--primary) 15%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--bg) 40%,transparent)}
.assignments-wow-page .assignments-view-switch .link-btn{min-height:38px;justify-content:center;border-radius:14px;box-shadow:none}
.assignments-wow-page .assignments-view-switch .is-active{border-color:transparent;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 23%,transparent)}
.assignments-wow-page .assignments-filters label{min-width:0;color:var(--muted);font-size:11px;font-weight:950;letter-spacing:.025em;text-transform:uppercase}
.assignments-wow-page .assignments-filters input,.assignments-wow-page .assignments-filters select{min-height:42px;border-color:color-mix(in srgb,var(--primary) 15%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--bg) 78%,var(--card));font-size:13px;font-weight:830}
.assignments-wow-page .assignments-search{grid-column:span 2}
.assignments-wow-page .assignments-check{min-height:42px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--bg) 44%,transparent);text-transform:none!important;letter-spacing:0!important}
.assignments-wow-page .assignments-filters .form-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}
.assignments-wow-page .assignments-filters .form-actions .btn,.assignments-wow-page .assignments-filters .form-actions .link-btn{min-height:42px;border-radius:14px}
.assignments-wow-page .assignments-range-nav{justify-content:flex-start;grid-column:span 3;padding:6px;border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--bg) 40%,transparent)}
.assignments-wow-page .assignments-range-nav .link-btn{min-height:36px;border-radius:12px}
.assignments-wow-page .assignments-consult-board{padding:18px}
.assignments-wow-page .assignments-board-title .badge{min-width:48px;min-height:38px;border-radius:14px;font-size:15px}
.assignments-wow-page .assignments-day-list{gap:18px}
.assignments-wow-page .assignments-day-block{gap:12px;padding:14px;border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));border-radius:24px;background:color-mix(in srgb,var(--bg) 38%,transparent)}
.assignments-wow-page .assignments-day-block>h2{font-size:22px}
.assignments-wow-page .assignments-day-block>h2 span{width:auto;min-width:34px;height:30px;border-color:color-mix(in srgb,var(--primary) 18%,var(--line));background:color-mix(in srgb,var(--card2) 82%,transparent);color:var(--text);font-weight:950}
.assignments-wow-page .assignments-destination-grid{grid-template-columns:repeat(auto-fit,minmax(430px,1fr));gap:14px}
.assignments-wow-page .assignments-destination-card{gap:12px;padding:14px;border-radius:24px;border-color:color-mix(in srgb,var(--primary) 14%,var(--line));background:linear-gradient(155deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 4%));box-shadow:0 13px 34px color-mix(in srgb,#020617 9%,transparent)}
.assignments-wow-page .assignments-destination-card header{padding-bottom:11px;border-color:color-mix(in srgb,var(--primary) 12%,var(--line))}
.assignments-wow-page .assignments-destination-card h3{font-size:20px;line-height:1.12}
.assignments-wow-page .assignments-destination-card p{font-size:12px;font-weight:820}
.assignments-wow-page .assignments-employee-list{gap:9px}
.assignments-wow-page .assignments-employee-row{grid-template-columns:112px minmax(0,1.1fr) minmax(180px,.72fr) auto;gap:12px;align-items:center;padding:11px;border-radius:18px;border-color:color-mix(in srgb,var(--primary) 12%,var(--line));background:color-mix(in srgb,var(--bg) 54%,transparent);box-shadow:0 8px 20px color-mix(in srgb,#020617 6%,transparent);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}
.assignments-wow-page .assignments-employee-time{min-height:54px;place-content:center;padding:9px;border:1px solid color-mix(in srgb,var(--primary) 13%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--card2) 82%,transparent);text-align:center}
.assignments-wow-page .assignments-employee-time strong{font-size:14px;line-height:1.12;color:var(--text)}
.assignments-wow-page .assignments-employee-main strong{font-size:15px}
.assignments-wow-page .assignments-employee-main small,.assignments-wow-page .assignments-employee-main em{font-size:12px}
.assignments-wow-page .assignments-employee-meta{justify-content:flex-start}
.assignments-wow-page .assignments-employee-meta .badge{border-color:color-mix(in srgb,var(--primary) 14%,var(--line));background:color-mix(in srgb,var(--card2) 82%,transparent);font-size:11px;font-weight:900}
.assignments-wow-page .assignments-secondary-actions{gap:5px;opacity:1}
.assignments-wow-page .assignments-actions .icon-btn{width:34px;height:34px;border-radius:12px}
.assignments-wow-page .assignments-empty{padding:22px;border-radius:22px;text-align:center;font-weight:900}
@media (hover:hover) and (pointer:fine){.planning-wow-page .planning-board-resource:hover,.planning-wow-page .planning-destination-dropzone:hover,.assignments-wow-page .assignments-destination-card:hover,.assignments-wow-page .assignments-employee-row:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary) 38%,var(--line));box-shadow:0 24px 54px color-mix(in srgb,#020617 16%,transparent)}}
@media(max-width:1500px){.planning-wow-page .planning-board{grid-template-columns:minmax(300px,.8fr) minmax(0,1.6fr);}.planning-wow-page .planning-summary-panel{grid-column:1/-1;position:static;max-height:none}.assignments-wow-page .assignments-filters{grid-template-columns:repeat(4,minmax(150px,1fr))}.assignments-wow-page .assignments-view-switch,.assignments-wow-page .assignments-range-nav{grid-column:span 2}.assignments-wow-page .assignments-destination-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}}
@media(max-width:1100px){.planning-wow-page .planning-board-hero,.assignments-wow-page .assignments-hero,.planning-wow-page .planning-board{grid-template-columns:1fr}.planning-wow-page .planning-resources-panel{position:static;max-height:none}.planning-wow-page .planning-board-date,.assignments-wow-page .assignments-export-actions{min-width:0}.planning-wow-page .planning-board-stats,.assignments-wow-page .assignments-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.assignments-wow-page .assignments-filters{grid-template-columns:repeat(2,minmax(150px,1fr))}.assignments-wow-page .assignments-view-switch,.assignments-wow-page .assignments-range-nav,.assignments-wow-page .assignments-search{grid-column:1/-1}.assignments-wow-page .assignments-employee-row{grid-template-columns:104px minmax(0,1fr);align-items:start}.assignments-wow-page .assignments-employee-meta,.assignments-wow-page .assignments-actions{grid-column:2/-1}}
@media(max-width:760px){body:has(.planning-wow-page) .page,body:has(.assignments-wow-page) .page{padding-left:12px;padding-right:12px}.planning-wow-page,.assignments-wow-page{gap:14px}.planning-wow-page .planning-board-hero,.assignments-wow-page .assignments-hero{padding:20px;border-radius:24px}.planning-wow-page .planning-board-hero h1,.assignments-wow-page .assignments-hero h1{font-size:34px}.planning-wow-page .planning-board-date,.assignments-wow-page .assignments-export-actions,.planning-wow-page .planning-board-stats,.assignments-wow-page .assignments-summary,.planning-wow-page .planning-resource-filters,.assignments-wow-page .assignments-filters,.assignments-wow-page .assignments-view-switch,.assignments-wow-page .assignments-range-nav{grid-template-columns:1fr}.planning-wow-page .planning-resources-panel,.planning-wow-page .planning-destinations-board,.planning-wow-page .planning-summary-panel,.assignments-wow-page .assignments-filter-card,.assignments-wow-page .assignments-consult-board{padding:14px;border-radius:22px}.planning-wow-page .planning-destination-grid,.assignments-wow-page .assignments-destination-grid{grid-template-columns:1fr}.assignments-wow-page .assignments-day-block{padding:12px;border-radius:20px}.assignments-wow-page .assignments-employee-row{grid-template-columns:1fr}.assignments-wow-page .assignments-employee-meta,.assignments-wow-page .assignments-actions{grid-column:auto}.assignments-wow-page .assignments-actions{justify-content:flex-start}}

/* KronoSender 2.0 UI - Reports and Operational Attendance wide redesign final overrides. */
body:has(.report-wow-page) .page,
body:has(.operational-wow-page) .page{width:100%;max-width:none;padding-left:clamp(16px,2vw,34px);padding-right:clamp(16px,2vw,34px)}
.report-wow-page,.operational-wow-page{width:min(100%,1840px);margin:0 auto}
.report-wow-page.report-shell{gap:18px}
.report-wow-page > .report-card:first-child,.operational-wow-page .operational-attendance-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,auto);align-items:end;gap:24px;margin:0;padding:28px;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));border-radius:32px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 13%,var(--card)),color-mix(in srgb,#10b981 7%,var(--card2)) 56%,var(--card));box-shadow:0 28px 76px color-mix(in srgb,#020617 17%,transparent),inset 0 1px 0 rgba(255,255,255,.06)}
.report-wow-page > .report-card:first-child::after,.operational-wow-page .operational-attendance-hero::after{content:"";position:absolute;right:-95px;bottom:-135px;width:350px;height:350px;border-radius:999px;background:color-mix(in srgb,var(--primary) 11%,transparent);pointer-events:none}
.report-wow-page > .report-card:first-child > *,.operational-wow-page .operational-attendance-hero > *{position:relative;z-index:1}
.report-wow-page > .report-card:first-child h1,.operational-wow-page .operational-attendance-hero h1{margin:9px 0 8px;color:var(--text);font-size:clamp(40px,4.6vw,76px);line-height:.95;letter-spacing:0}
.report-wow-page > .report-card:first-child p,.operational-wow-page .operational-attendance-hero p{max-width:760px;margin:0;color:var(--muted);font-size:15px;font-weight:840;line-height:1.45}
.report-wow-page > .report-card:first-child > span,.operational-wow-page .operational-attendance-hero .eyebrow{color:var(--primary);font-weight:950}
.report-wow-page .report-home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.report-wow-page .report-home-grid .report-card{position:relative;min-height:260px;padding:22px;overflow:hidden;border-radius:28px;border-color:color-mix(in srgb,var(--primary) 16%,var(--line));background:linear-gradient(155deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));box-shadow:0 18px 46px color-mix(in srgb,#020617 12%,transparent);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.report-wow-page .report-home-grid .report-card::after{content:"";position:absolute;right:18px;bottom:18px;width:46px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--primary) 48%,transparent)}
.report-wow-page .report-home-grid .report-card > span{width:62px;height:62px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-size:30px;box-shadow:0 14px 28px color-mix(in srgb,var(--primary) 22%,transparent)}
.report-wow-page .report-home-grid .report-card strong{margin-top:8px;color:var(--text);font-size:24px;line-height:1.08}
.report-wow-page .report-home-grid .report-card p{color:var(--muted);font-size:14px;line-height:1.42;font-weight:820}
.report-wow-page .report-home-grid .report-card button{min-height:42px;border-radius:14px}
.report-wow-page .report-layout{grid-template-columns:minmax(320px,.42fr) minmax(0,1.58fr);gap:16px}
.report-wow-page .report-filters,.report-wow-page .report-result .report-card,.report-wow-page .report-print-area > .report-card,.report-wow-page .report-on-call-section{border-radius:28px;border-color:color-mix(in srgb,var(--primary) 17%,var(--line));background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));box-shadow:0 18px 48px color-mix(in srgb,#020617 12%,transparent)}
.report-wow-page .report-filters{top:88px;padding:18px}
.report-wow-page .report-filters h1{font-size:34px;line-height:1.02}
.report-wow-page .report-filters p{font-size:13px;line-height:1.42}
.report-wow-page .report-filters form{gap:10px;padding:12px;border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));border-radius:22px;background:color-mix(in srgb,var(--bg) 40%,transparent)}
.report-wow-page .report-filters label{font-size:11px;font-weight:950;letter-spacing:.025em;text-transform:uppercase}
.report-wow-page .report-filters input,.report-wow-page .report-filters select{min-height:42px;border-color:color-mix(in srgb,var(--primary) 15%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--bg) 78%,var(--card));font-size:13px;font-weight:830}
.report-wow-page .report-form-actions{gap:8px}
.report-wow-page .report-form-actions button,.report-wow-page .report-reset-link,.report-wow-page .report-back-link{min-height:40px;border-radius:14px}
.report-wow-page .report-result header{padding:22px;border-radius:30px;border-color:color-mix(in srgb,var(--primary) 18%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 11%,var(--card)),var(--card2));box-shadow:0 18px 46px color-mix(in srgb,#020617 12%,transparent)}
.report-wow-page .report-result header h2{font-size:clamp(30px,3vw,48px);line-height:1}
.report-wow-page .report-result header > div:last-child{display:flex;flex-wrap:wrap;gap:8px}
.report-wow-page .report-result header button,.report-wow-page .report-result header a{min-height:40px;border-radius:14px}
.report-wow-page .report-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.report-wow-page .report-kpi{position:relative;min-height:128px;padding:18px;overflow:hidden;border-radius:24px;border-color:color-mix(in srgb,var(--primary) 17%,var(--line));background:linear-gradient(150deg,color-mix(in srgb,var(--primary) 8%,var(--card)),var(--card2));box-shadow:0 14px 34px color-mix(in srgb,#020617 9%,transparent)}
.report-wow-page .report-kpi::after{content:"";position:absolute;right:16px;bottom:14px;width:42px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--primary) 44%,transparent)}
.report-wow-page .report-kpi span{color:var(--muted);font-size:11px;font-weight:950;line-height:1.25}
.report-wow-page .report-kpi strong{color:var(--text);font-size:clamp(22px,2vw,34px);line-height:1.02}
.report-wow-page .report-kpi-on-call-worked{border-color:color-mix(in srgb,#f97316 28%,var(--line));background:linear-gradient(150deg,color-mix(in srgb,#f97316 10%,var(--card)),var(--card2))}
.report-wow-page .report-card > div:first-child h3{font-size:24px;line-height:1.1}
.report-wow-page .report-card > div:first-child span{font-weight:900}
.report-wow-page .report-table{min-width:760px;font-size:13px;border-collapse:separate;border-spacing:0}
.report-wow-page .report-table th,.report-wow-page .report-table td{padding:12px 13px;border-bottom:1px solid color-mix(in srgb,var(--line) 82%,transparent)}
.report-wow-page .report-table th{background:color-mix(in srgb,var(--primary) 13%,var(--card));color:var(--text);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.025em}
.report-wow-page .report-table tbody tr:hover{background:color-mix(in srgb,var(--primary) 8%,transparent)}
.report-wow-page .report-table td strong{font-size:13px}
.report-wow-page .report-table td[colspan],.report-wow-page .report-empty{padding:24px!important;border-radius:18px;background:color-mix(in srgb,var(--bg) 42%,transparent);font-weight:950}
.operational-wow-page{display:grid;gap:18px}
.operational-wow-page .operational-attendance-hero{margin:0}
.operational-wow-page .operational-attendance-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:center;min-width:330px}
.operational-wow-page .operational-attendance-hero-actions .btn{min-height:42px;justify-content:center;border-radius:14px}
.operational-wow-page .operational-admin-overview{grid-template-columns:minmax(0,1.4fr) minmax(340px,.6fr);gap:16px;margin:0}
.operational-wow-page .operational-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.operational-wow-page .operational-kpi-card{position:relative;min-height:154px;padding:18px;overflow:hidden;border-radius:26px;border-color:color-mix(in srgb,var(--primary) 18%,var(--line));background:linear-gradient(150deg,color-mix(in srgb,var(--primary) 8%,var(--card)),var(--card2));box-shadow:0 18px 44px color-mix(in srgb,#020617 12%,transparent)}
.operational-wow-page .operational-kpi-card::after{content:"";position:absolute;right:16px;bottom:14px;width:44px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--primary) 44%,transparent)}
.operational-wow-page .operational-kpi-card span{max-width:170px;color:var(--muted);font-size:11px;font-weight:950;letter-spacing:.025em;text-transform:uppercase}
.operational-wow-page .operational-kpi-card strong{font-size:clamp(32px,3vw,50px);line-height:.95}
.operational-wow-page .operational-kpi-card small{font-size:12px}
.operational-wow-page .operational-kpi-card.is-ok{border-color:color-mix(in srgb,#16a34a 28%,var(--line));background:linear-gradient(150deg,color-mix(in srgb,#16a34a 9%,var(--card)),var(--card2))}
.operational-wow-page .operational-kpi-card.is-warning{border-color:color-mix(in srgb,#f59e0b 34%,var(--line));background:linear-gradient(150deg,color-mix(in srgb,#f59e0b 10%,var(--card)),var(--card2))}
.operational-wow-page .operational-kpi-card.is-danger{border-color:color-mix(in srgb,#ef4444 32%,var(--line));background:linear-gradient(150deg,color-mix(in srgb,#ef4444 9%,var(--card)),var(--card2))}
.operational-wow-page .operational-watch-card,.operational-wow-page .operational-attendance-admin-card,.operational-wow-page .operational-live-map-card,.operational-wow-page .operational-live-side-card,.operational-wow-page .operational-live-timeline-card,.operational-wow-page .operational-live-nocoords{border-radius:30px;border-color:color-mix(in srgb,var(--primary) 17%,var(--line));background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));box-shadow:0 18px 48px color-mix(in srgb,#020617 12%,transparent)}
.operational-wow-page .operational-watch-card{padding:18px}
.operational-wow-page .operational-watch-list{grid-template-columns:1fr;gap:9px}
.operational-wow-page .operational-watch-row{min-height:58px;border-radius:18px;background:color-mix(in srgb,var(--bg) 45%,transparent)}
.operational-wow-page .operational-watch-row strong{font-size:24px}
.operational-wow-page .operational-watch-head h2,.operational-wow-page .operational-filter-head h2,.operational-wow-page .operational-live-head h2{font-size:24px;line-height:1.08}
.operational-wow-page .operational-attendance-admin-card{padding:18px}
.operational-wow-page .tabs.compact-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:7px;border-color:color-mix(in srgb,var(--primary) 13%,var(--line));border-radius:20px;background:color-mix(in srgb,var(--bg) 40%,transparent)}
.operational-wow-page .tabs.compact-tabs .tab{min-height:40px;border-radius:14px;font-weight:930}
.operational-wow-page .tabs.compact-tabs .tab.active{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 22%,transparent)}
.operational-wow-page .operational-filter-head{padding-top:16px;border-color:color-mix(in srgb,var(--primary) 12%,var(--line))}
.operational-wow-page .operational-filter-head + .filters-bar{display:grid;grid-template-columns:repeat(8,minmax(120px,1fr));gap:10px;align-items:end;padding:14px;border-color:color-mix(in srgb,var(--primary) 11%,var(--line));border-radius:22px;background:color-mix(in srgb,var(--bg) 40%,transparent)}
.operational-wow-page .filters-bar label{min-width:0;color:var(--muted);font-size:11px;font-weight:950;letter-spacing:.025em;text-transform:uppercase}
.operational-wow-page .filters-bar input,.operational-wow-page .filters-bar select{min-height:42px;border:1px solid color-mix(in srgb,var(--primary) 15%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--bg) 78%,var(--card));color:var(--text);font-size:13px;font-weight:830}
.operational-wow-page .filters-bar .checkbox-filter{min-height:42px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--bg) 44%,transparent);text-transform:none;letter-spacing:0}
.operational-wow-page .filters-bar .btn{min-height:42px;border-radius:14px}
.operational-wow-page .table-responsive{margin-top:16px;border-radius:24px;border-color:color-mix(in srgb,var(--primary) 12%,var(--line));background:color-mix(in srgb,var(--card) 90%,transparent)}
.operational-wow-page .data-table{font-size:13px}
.operational-wow-page .data-table th{background:color-mix(in srgb,var(--primary) 12%,var(--card));color:var(--text);font-size:11px;letter-spacing:.025em}
.operational-wow-page .data-table th,.operational-wow-page .data-table td{padding:12px 13px}
.operational-wow-page .data-table tbody tr:hover{background:color-mix(in srgb,var(--primary) 8%,transparent)}
.operational-wow-page .operational-live-layout{grid-template-columns:minmax(0,1.75fr) minmax(330px,.72fr);gap:16px}
.operational-wow-page .operational-live-map-card,.operational-wow-page .operational-live-side-card,.operational-wow-page .operational-live-timeline-card,.operational-wow-page .operational-live-nocoords{padding:18px}
.operational-wow-page .operational-live-map{min-height:520px;border-radius:28px;background:radial-gradient(circle at 22% 22%,color-mix(in srgb,var(--primary) 17%,transparent),transparent 30%),radial-gradient(circle at 80% 32%,color-mix(in srgb,#16a34a 13%,transparent),transparent 30%),linear-gradient(135deg,color-mix(in srgb,var(--card2) 86%,var(--primary) 6%),var(--card));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.operational-wow-page .operational-live-popup{border-radius:18px;box-shadow:0 26px 58px color-mix(in srgb,#020617 25%,transparent)}
.operational-wow-page .operational-live-row,.operational-wow-page .operational-live-timeline-row{border-radius:18px;background:color-mix(in srgb,var(--bg) 46%,transparent)}
.operational-wow-page .operational-event-badge,.operational-wow-page .operational-location-status,.operational-wow-page .operational-issue-status{font-weight:950}
@media (hover:hover) and (pointer:fine){.report-wow-page .report-home-grid .report-card:hover,.report-wow-page .report-kpi:hover,.operational-wow-page .operational-kpi-card:hover,.operational-wow-page .operational-watch-row:hover,.operational-wow-page .operational-live-row:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary) 38%,var(--line));box-shadow:0 24px 54px color-mix(in srgb,#020617 16%,transparent)}}
@media(max-width:1500px){.operational-wow-page .operational-admin-overview{grid-template-columns:1fr}.operational-wow-page .operational-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.operational-wow-page .operational-watch-list{grid-template-columns:repeat(5,minmax(0,1fr))}.operational-wow-page .operational-filter-head + .filters-bar{grid-template-columns:repeat(4,minmax(150px,1fr))}}
@media(max-width:1180px){.report-wow-page .report-layout,.operational-wow-page .operational-attendance-hero,.operational-wow-page .operational-live-layout{grid-template-columns:1fr}.report-wow-page .report-filters{position:static}.operational-wow-page .operational-attendance-hero-actions{min-width:0}.operational-wow-page .operational-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.operational-wow-page .operational-watch-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body:has(.report-wow-page) .page,body:has(.operational-wow-page) .page{padding-left:12px;padding-right:12px}.report-wow-page,.operational-wow-page{gap:14px}.report-wow-page > .report-card:first-child,.operational-wow-page .operational-attendance-hero{padding:20px;border-radius:24px}.report-wow-page > .report-card:first-child h1,.operational-wow-page .operational-attendance-hero h1{font-size:34px}.report-wow-page .report-home-grid,.report-wow-page .report-kpi-grid,.operational-wow-page .operational-attendance-hero-actions,.operational-wow-page .operational-kpi-grid,.operational-wow-page .operational-watch-list,.operational-wow-page .operational-filter-head + .filters-bar{grid-template-columns:1fr}.report-wow-page .report-filters,.report-wow-page .report-result header,.report-wow-page .report-result .report-card,.operational-wow-page .operational-watch-card,.operational-wow-page .operational-attendance-admin-card,.operational-wow-page .operational-live-map-card,.operational-wow-page .operational-live-side-card,.operational-wow-page .operational-live-timeline-card{padding:14px;border-radius:22px}.report-wow-page .report-home-grid .report-card{min-height:200px}.operational-wow-page .operational-live-map{min-height:360px}.operational-wow-page .operational-watch-head,.operational-wow-page .operational-filter-head,.operational-wow-page .operational-live-head{display:grid}.operational-wow-page .operational-filter-head .btn{width:100%;justify-content:center}}

/* KronoSender UI V3.15 - Calendar/Giornaliera/Gantt Design System V2. */
body:has(.calendar-design-v2) .page{width:100%;max-width:none;padding-left:clamp(16px,2vw,34px);padding-right:clamp(16px,2vw,34px)}
.calendar-design-v2{width:min(100%,1880px);margin:0 auto;display:grid;gap:14px}
.calendar-design-v2 .calendar-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,auto);align-items:end;gap:18px;margin:0;padding:22px 24px;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,var(--card)),color-mix(in srgb,#10b981 7%,var(--card2)) 58%,var(--card));box-shadow:0 24px 64px color-mix(in srgb,#020617 15%,transparent)}
.calendar-design-v2 .calendar-hero h1{margin:6px 0;color:var(--text);font-size:clamp(34px,3.3vw,58px);line-height:.98;letter-spacing:0}
.calendar-design-v2 .calendar-hero p{max-width:760px;margin:0;color:var(--muted);font-size:14px;font-weight:840;line-height:1.42}
.calendar-design-v2 .calendar-mode-switch{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:14px;padding:5px;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--bg) 42%,transparent)}
.calendar-design-v2 .calendar-mode-tab{min-height:38px;border-radius:14px;font-weight:920}
.calendar-design-v2 .calendar-hero-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:center;min-width:0}
.calendar-design-v2 .calendar-hero-actions .badge,.calendar-design-v2 .calendar-hero-actions .link-btn{min-height:36px;justify-content:center;border-radius:13px;background:color-mix(in srgb,var(--card2) 76%,transparent);font-weight:910}
.calendar-design-v2 .calendar-mini-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.calendar-design-v2 .calendar-mini-kpis span{position:relative;min-height:88px;padding:14px;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:22px;background:linear-gradient(150deg,color-mix(in srgb,var(--primary) 9%,var(--card)),var(--card2));box-shadow:0 16px 38px color-mix(in srgb,#020617 10%,transparent)}
.calendar-design-v2 .calendar-mini-kpis span::after{content:"";position:absolute;right:14px;bottom:13px;width:42px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--primary) 42%,transparent)}
.calendar-design-v2 .calendar-mini-kpis b{display:block;color:var(--text);font-size:clamp(28px,2.5vw,42px);line-height:.95}
.calendar-design-v2 .calendar-mini-kpis small{display:block;margin-top:6px;color:var(--muted);font-size:11px;font-weight:940;line-height:1.25;text-transform:uppercase}
.calendar-design-v2 .calendar-control-card,.calendar-design-v2 .calendar-classic-shell,.calendar-gantt-design-v2 .calendar-gantt-month,.calendar-gantt-design-v2 .calendar-group-card,.calendar-design-v2 .calendar-day-modal,.calendar-design-v2 .calendar-modal-panel,.calendar-print-design-v2 .report-print-area{border:1px solid color-mix(in srgb,var(--primary) 17%,var(--line));border-radius:26px;background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));box-shadow:0 18px 48px color-mix(in srgb,#020617 12%,transparent)}
.calendar-design-v2 .calendar-control-card{padding:14px;margin:0}
.calendar-design-v2 .calendar-toolbar{gap:11px}
.calendar-design-v2 .calendar-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.calendar-design-v2 .calendar-nav .link-btn,.calendar-design-v2 .calendar-new-btn{min-height:40px;border-radius:14px}
.calendar-design-v2 .calendar-filters{grid-template-columns:repeat(8,minmax(128px,1fr));gap:8px;align-items:end}
.calendar-design-v2 .calendar-filters label{min-width:0;color:var(--muted);font-size:11px;font-weight:950;letter-spacing:.025em;text-transform:uppercase}
.calendar-design-v2 .calendar-filters input,.calendar-design-v2 .calendar-filters select,.calendar-design-v2 .calendar-modal-form input,.calendar-design-v2 .calendar-modal-form select,.calendar-design-v2 .calendar-modal-form textarea{min-height:38px;border:1px solid color-mix(in srgb,var(--primary) 15%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--bg) 78%,var(--card));color:var(--text);font-size:13px;font-weight:830}
.calendar-design-v2 .calendar-search{grid-column:span 2}
.calendar-design-v2 .calendar-check{min-height:38px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--bg) 44%,transparent);text-transform:none!important;letter-spacing:0!important}
.calendar-design-v2 .calendar-filters>.btn{min-height:38px;border-radius:14px}
.calendar-design-v2 .calendar-help{margin:0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--bg) 38%,transparent)}
.calendar-classic-design-v2 .calendar-classic-shell{padding:12px;overflow:hidden}
.calendar-classic-design-v2 .calendar-classic-grid{gap:1px;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));border-radius:22px;overflow:hidden;background:color-mix(in srgb,var(--line) 70%,transparent)}
.calendar-classic-design-v2 .calendar-weekday{min-height:34px;padding:9px;background:color-mix(in srgb,var(--card2) 82%,transparent);color:var(--muted);font-size:11px;font-weight:950}
.calendar-classic-design-v2 .calendar-month-day{min-height:132px;padding:10px;border:0;border-radius:0;background:var(--card);box-shadow:none}
.calendar-classic-design-v2 .calendar-month-day.is-weekend{background:color-mix(in srgb,var(--primary) 4%,var(--card))}
.calendar-classic-design-v2 .calendar-month-day.is-today{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--primary) 52%,transparent);background:color-mix(in srgb,var(--primary) 7%,var(--card))}
.calendar-classic-design-v2 .calendar-classic-day-head{min-height:34px}
.calendar-classic-design-v2 .calendar-day-number{font-size:22px;line-height:1}
.calendar-classic-design-v2 .calendar-day-chip{min-height:23px;padding:4px 7px;border-radius:9px;font-size:11px;font-weight:880;color:inherit;text-align:left;box-shadow:0 7px 14px color-mix(in srgb,#020617 9%,transparent)}
.calendar-classic-design-v2 .calendar-day-more{display:inline-flex;min-height:24px;align-items:center;padding:4px 8px;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--bg) 48%,transparent);color:var(--text);font-size:11px;font-weight:940}
.calendar-gantt-design-v2 .calendar-gantt-month{padding:12px;gap:1px;overflow:hidden;background:color-mix(in srgb,var(--line) 70%,transparent)}
.calendar-gantt-design-v2 .calendar-month-day{min-height:148px;border:0;border-radius:0;background:var(--card)}
.calendar-gantt-design-v2 .calendar-month-head,.calendar-gantt-design-v2 .calendar-day-head{border-color:color-mix(in srgb,var(--primary) 12%,var(--line));background:color-mix(in srgb,var(--bg) 42%,transparent)}
.calendar-gantt-design-v2 .calendar-month-events{gap:5px}
.calendar-gantt-design-v2 .calendar-month-event{min-height:25px;border-radius:9px;box-shadow:0 7px 16px color-mix(in srgb,#020617 9%,transparent)}
.calendar-gantt-design-v2 .calendar-timeline{grid-template-columns:58px minmax(0,1fr);gap:10px}
.calendar-gantt-design-v2 .calendar-time-rail{border-radius:18px;background:color-mix(in srgb,var(--bg) 42%,transparent)}
.calendar-gantt-design-v2 .calendar-groups{gap:12px}
.calendar-gantt-design-v2 .calendar-group-card{padding:12px;overflow:hidden}
.calendar-gantt-design-v2 .calendar-group-card header{min-height:42px;padding:0 2px 10px;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)}
.calendar-gantt-design-v2 .calendar-group-card h2{font-size:17px;line-height:1.12}
.calendar-gantt-design-v2 .calendar-days-week{grid-template-columns:repeat(7,minmax(132px,1fr));gap:8px}
.calendar-gantt-design-v2 .calendar-days-day{grid-template-columns:minmax(0,1fr)}
.calendar-gantt-design-v2 .calendar-day-column{border-radius:18px;border-color:color-mix(in srgb,var(--primary) 13%,var(--line));background:color-mix(in srgb,var(--bg) 38%,transparent);overflow:hidden}
.calendar-gantt-design-v2 .calendar-day-column.is-weekend{background:color-mix(in srgb,var(--primary) 4%,var(--bg))}
.calendar-gantt-design-v2 .calendar-day-column.is-today{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--primary) 46%,transparent)}
.calendar-gantt-design-v2 .calendar-day-track{min-height:780px;background:linear-gradient(180deg,color-mix(in srgb,var(--card) 92%,transparent),color-mix(in srgb,var(--card2) 78%,transparent))}
.calendar-daily-design-v2 .calendar-day-track{min-height:920px}
.calendar-gantt-design-v2 .calendar-event{border-radius:12px;border:1px solid color-mix(in srgb,#ffffff 28%,rgba(15,23,42,.16));box-shadow:0 12px 26px color-mix(in srgb,#020617 18%,transparent);padding:5px 6px 5px 29px;gap:2px;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.calendar-gantt-design-v2 .calendar-event.is-compact-event{padding-left:24px}
.calendar-gantt-design-v2 .calendar-event-avatar{position:absolute;left:5px;top:5px;display:inline-grid;width:20px;height:20px;place-items:center;border-radius:8px;background:rgba(255,255,255,.88);color:#0f172a;font-size:9px;font-weight:950;letter-spacing:0}
.calendar-gantt-design-v2 .calendar-event > strong:not(.calendar-event-time):not(.calendar-event-kicker),.calendar-gantt-design-v2 .calendar-event > span:not(.calendar-event-avatar):not(.calendar-event-time):not(.calendar-event-resource),.calendar-gantt-design-v2 .calendar-event > small:not(.calendar-event-place):not(.calendar-event-team),.calendar-gantt-design-v2 .calendar-event > em:not(.calendar-event-type){display:none}
.calendar-gantt-design-v2 .calendar-event-time,.calendar-gantt-design-v2 .calendar-event-resource,.calendar-gantt-design-v2 .calendar-event-place,.calendar-gantt-design-v2 .calendar-event-team,.calendar-gantt-design-v2 .calendar-event-type{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit!important;opacity:1!important;text-shadow:0 1px 1px rgba(15,23,42,.18)}
.calendar-gantt-design-v2 .calendar-event-time{font-size:11px;font-weight:950;line-height:1.05}
.calendar-gantt-design-v2 .calendar-event-resource{font-size:11px;font-weight:900;line-height:1.05}
.calendar-gantt-design-v2 .calendar-event-place,.calendar-gantt-design-v2 .calendar-event-team,.calendar-gantt-design-v2 .calendar-event-type{font-size:10px;font-weight:820;line-height:1.05}
.calendar-gantt-design-v2 .calendar-event b,.calendar-gantt-design-v2 .calendar-event i{display:inline-flex;width:max-content;max-width:100%;min-height:17px;align-items:center;padding:2px 5px;border-radius:999px;background:rgba(255,255,255,.18);font-size:9px;font-style:normal;font-weight:920;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calendar-gantt-design-v2 .calendar-resize-handle{border-radius:999px;background:rgba(255,255,255,.72)}
.calendar-gantt-design-v2 .calendar-now-line{z-index:9}
.calendar-gantt-design-v2 .calendar-now-line b{border-radius:999px}
.calendar-design-v2 .calendar-day-modal-backdrop{backdrop-filter:blur(12px)}
.calendar-design-v2 .calendar-day-modal{width:min(1180px,calc(100% - 28px));max-height:min(88vh,940px);padding:18px}
.calendar-design-v2 .calendar-day-modal-header{align-items:end;padding-bottom:14px;border-bottom:1px solid color-mix(in srgb,var(--line) 76%,transparent)}
.calendar-design-v2 .calendar-day-detail-hero{border-radius:22px}
.calendar-design-v2 .calendar-day-detail-kpis{gap:8px}
.calendar-design-v2 .calendar-day-group{border-radius:22px;border-color:color-mix(in srgb,var(--primary) 14%,var(--line));background:color-mix(in srgb,var(--bg) 42%,transparent)}
.calendar-design-v2 .calendar-day-group-header{min-height:46px}
.calendar-design-v2 .calendar-day-destination-header{border-radius:16px}
.calendar-design-v2 .calendar-day-shift-row{grid-template-columns:38px minmax(0,1fr) max-content;gap:10px;min-height:62px;padding:10px;border-radius:18px;border:1px solid color-mix(in srgb,#ffffff 28%,rgba(15,23,42,.16));box-shadow:0 12px 24px color-mix(in srgb,#020617 12%,transparent)}
.calendar-design-v2 .calendar-day-shift-row > strong:not(.calendar-day-time),.calendar-design-v2 .calendar-day-shift-row > span:not(.badge):not(.calendar-day-resource),.calendar-design-v2 .calendar-day-shift-row > small:not(.calendar-day-place),.calendar-design-v2 .calendar-day-shift-row > em:not(.calendar-day-kind){display:none}
.calendar-design-v2 .calendar-day-avatar{width:38px;height:38px;border-radius:14px;background:color-mix(in srgb,var(--card) 92%,#fff);color:#0f172a;font-size:11px;font-weight:950}
.calendar-design-v2 .calendar-day-main{min-width:0}
.calendar-design-v2 .calendar-day-titleline,.calendar-design-v2 .calendar-day-meta-line,.calendar-design-v2 .calendar-day-badges{gap:6px}
.calendar-design-v2 .calendar-day-resource,.calendar-design-v2 .calendar-day-place,.calendar-design-v2 .calendar-day-team{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calendar-design-v2 .calendar-day-row-actions{justify-content:flex-end;flex-wrap:nowrap}
.calendar-design-v2 .calendar-day-row-actions .icon-btn{width:32px;height:32px;border-radius:11px}
.calendar-design-v2 .calendar-modal-panel{width:min(940px,calc(100% - 24px));padding:18px}
.calendar-design-v2 .calendar-modal-head{align-items:end;padding-bottom:14px;border-bottom:1px solid color-mix(in srgb,var(--line) 76%,transparent)}
.calendar-design-v2 .calendar-modal-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.calendar-design-v2 .calendar-modal-wide,.calendar-design-v2 .calendar-modal-check,.calendar-design-v2 .calendar-modal-actions{grid-column:1/-1}
.calendar-design-v2 .calendar-modal-actions{position:sticky;bottom:0;z-index:4;padding:12px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(16px);box-shadow:0 18px 42px color-mix(in srgb,#0f172a 13%,transparent)}
.calendar-print-design-v2{width:min(100%,1760px);margin:0 auto}
.calendar-print-design-v2 .report-table{min-width:960px}
.calendar-design-v2 :is(a,button,input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 55%,#fff);outline-offset:3px}
@media (hover:hover) and (pointer:fine){.calendar-design-v2 .calendar-month-day:hover,.calendar-gantt-design-v2 .calendar-event:hover,.calendar-design-v2 .calendar-day-shift-row:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 36%,var(--line));box-shadow:0 20px 48px color-mix(in srgb,#020617 14%,transparent)}.calendar-gantt-design-v2 .calendar-event.is-dragging{transform:scale(.985);filter:saturate(1.08);box-shadow:0 22px 54px color-mix(in srgb,#020617 26%,transparent)}}
.calendar-design-v2.calendar-classic-design-v2 .calendar-classic-shell .calendar-month-day.is-today{
    --calendar-today-border:color-mix(in srgb,#2563eb 68%,var(--line));
    --calendar-today-border-strong:color-mix(in srgb,#2563eb 86%,#fff 14%);
    --calendar-today-ring:color-mix(in srgb,#2563eb 42%,transparent);
    --calendar-today-ring-strong:color-mix(in srgb,#2563eb 62%,transparent);
    --calendar-today-halo:color-mix(in srgb,#2563eb 12%,transparent);
    --calendar-today-halo-strong:color-mix(in srgb,#2563eb 19%,transparent);
    --calendar-today-glow:color-mix(in srgb,#2563eb 16%,transparent);
    --calendar-today-glow-strong:color-mix(in srgb,#2563eb 25%,transparent);
    border:1px solid var(--calendar-today-border);
    background:linear-gradient(180deg,color-mix(in srgb,#2563eb 6%,var(--card)),color-mix(in srgb,#dbeafe 14%,var(--card2)));
    box-shadow:inset 0 0 0 2px var(--calendar-today-ring),0 0 0 3px var(--calendar-today-halo),0 18px 46px var(--calendar-today-glow);
    animation:calendarClassicTodayGlow 3.8s ease-in-out infinite;
    will-change:box-shadow,border-color;
}
html[data-theme="dark"] .calendar-design-v2.calendar-classic-design-v2 .calendar-classic-shell .calendar-month-day.is-today{
    --calendar-today-border:color-mix(in srgb,#60a5fa 72%,var(--line));
    --calendar-today-border-strong:color-mix(in srgb,#93c5fd 88%,#fff 12%);
    --calendar-today-ring:color-mix(in srgb,#60a5fa 44%,transparent);
    --calendar-today-ring-strong:color-mix(in srgb,#93c5fd 64%,transparent);
    --calendar-today-halo:color-mix(in srgb,#60a5fa 13%,transparent);
    --calendar-today-halo-strong:color-mix(in srgb,#60a5fa 22%,transparent);
    --calendar-today-glow:color-mix(in srgb,#60a5fa 17%,transparent);
    --calendar-today-glow-strong:color-mix(in srgb,#60a5fa 28%,transparent);
}
@keyframes calendarClassicTodayGlow{
    0%,100%{
        border-color:var(--calendar-today-border);
        box-shadow:inset 0 0 0 2px var(--calendar-today-ring),0 0 0 3px var(--calendar-today-halo),0 18px 46px var(--calendar-today-glow);
    }
    50%{
        border-color:var(--calendar-today-border-strong);
        box-shadow:inset 0 0 0 2px var(--calendar-today-ring-strong),0 0 0 5px var(--calendar-today-halo-strong),0 22px 58px var(--calendar-today-glow-strong);
    }
}
@media (hover:hover) and (pointer:fine){
    .calendar-design-v2.calendar-classic-design-v2 .calendar-classic-shell .calendar-month-day.is-today:hover{
        transform:none;
        border-color:var(--calendar-today-border-strong);
        box-shadow:inset 0 0 0 2px var(--calendar-today-ring-strong),0 0 0 5px var(--calendar-today-halo-strong),0 22px 58px var(--calendar-today-glow-strong);
    }
}
@media(max-width:1420px){.calendar-design-v2 .calendar-filters{grid-template-columns:repeat(4,minmax(150px,1fr))}.calendar-design-v2 .calendar-search{grid-column:span 2}.calendar-gantt-design-v2 .calendar-days-week{grid-template-columns:repeat(7,minmax(118px,1fr))}}
@media(max-width:1100px){.calendar-design-v2 .calendar-hero{grid-template-columns:1fr}.calendar-design-v2 .calendar-hero-actions,.calendar-design-v2 .calendar-mini-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-design-v2 .calendar-filters,.calendar-design-v2 .calendar-modal-form{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-gantt-design-v2 .calendar-timeline{grid-template-columns:1fr}.calendar-gantt-design-v2 .calendar-time-rail{display:none}.calendar-gantt-design-v2 .calendar-days-week{min-width:860px}.calendar-gantt-design-v2 .calendar-group-card{overflow-x:auto}.calendar-design-v2 .calendar-day-shift-row{grid-template-columns:34px minmax(0,1fr)}.calendar-design-v2 .calendar-day-row-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:760px){body:has(.calendar-design-v2) .page{padding-left:12px;padding-right:12px}.calendar-design-v2{gap:12px}.calendar-design-v2 .calendar-hero{padding:18px;border-radius:24px}.calendar-design-v2 .calendar-hero h1{font-size:34px}.calendar-design-v2 .calendar-hero-actions,.calendar-design-v2 .calendar-mini-kpis,.calendar-design-v2 .calendar-filters,.calendar-design-v2 .calendar-modal-form{grid-template-columns:1fr}.calendar-design-v2 .calendar-search{grid-column:1/-1}.calendar-design-v2 .calendar-nav{display:grid;grid-template-columns:1fr}.calendar-design-v2 .calendar-nav .link-btn,.calendar-design-v2 .calendar-nav .btn,.calendar-design-v2 .calendar-hero-actions .link-btn{width:100%;justify-content:center}.calendar-classic-design-v2 .calendar-month-day{min-height:116px;padding:8px}.calendar-classic-design-v2 .calendar-day-number{font-size:20px}.calendar-gantt-design-v2 .calendar-gantt-month{grid-template-columns:1fr}.calendar-gantt-design-v2 .calendar-month-day{min-height:116px}.calendar-gantt-design-v2 .calendar-days-week{min-width:760px}.calendar-design-v2 .calendar-day-modal,.calendar-design-v2 .calendar-modal-panel{width:calc(100% - 18px);border-radius:22px}.calendar-design-v2 .calendar-modal-actions{position:static;display:grid}.calendar-design-v2 .calendar-modal-actions .btn,.calendar-design-v2 .calendar-modal-actions .link-btn{width:100%;justify-content:center}}
@media print{.calendar-print-design-v2{width:100%}.calendar-design-v2 .calendar-modal-actions,.calendar-design-v2 .calendar-day-modal-actions{position:static;box-shadow:none}}
@media (prefers-reduced-motion:reduce){.calendar-design-v2 *,.calendar-design-v2 *::before,.calendar-design-v2 *::after,.calendar-print-design-v2 *,.calendar-print-design-v2 *::before,.calendar-print-design-v2 *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media (prefers-reduced-motion:reduce){
    .calendar-design-v2.calendar-classic-design-v2 .calendar-classic-shell .calendar-month-day.is-today{
        animation:none!important;
        border-color:var(--calendar-today-border-strong);
        box-shadow:inset 0 0 0 2px var(--calendar-today-ring-strong),0 0 0 4px var(--calendar-today-halo-strong),0 18px 46px var(--calendar-today-glow-strong);
    }
}

/* KronoSender UI V3.14 - Planning Design System V2. */
.planning-design-v2{width:min(100%,1880px);margin:0 auto;display:grid;gap:14px}
.planning-design-v2 .planning-wow-page{width:100%;display:grid;gap:14px;margin:0 auto}
.planning-design-v2 .planning-board-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,auto);align-items:end;gap:18px;margin:0;padding:22px 24px;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,var(--card)),color-mix(in srgb,#10b981 7%,var(--card2)) 58%,var(--card));box-shadow:0 24px 64px color-mix(in srgb,#020617 15%,transparent)}
.planning-design-v2 .planning-board-hero>*{position:relative;z-index:1}
.planning-design-v2 .planning-board-hero h1{margin:6px 0;color:var(--text);font-size:clamp(34px,3.3vw,58px);line-height:.98;letter-spacing:0}
.planning-design-v2 .planning-board-hero p{max-width:760px;margin:0;color:var(--muted);font-size:14px;font-weight:840;line-height:1.42}
.planning-design-v2 .planning-board-date{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:center;min-width:0}
.planning-design-v2 .planning-board-date .link-btn{min-height:40px;justify-content:center;border-radius:14px;background:color-mix(in srgb,var(--card2) 76%,transparent);font-weight:920}
.planning-design-v2 .planning-board-date input{width:100%;min-height:40px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--bg) 76%,var(--card));color:var(--text);padding:9px 11px;font-size:13px;font-weight:850}
.planning-design-v2 .planning-board-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}
.planning-design-v2 .planning-board-stats div{position:relative;min-height:92px;padding:14px;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:22px;background:linear-gradient(150deg,color-mix(in srgb,var(--primary) 9%,var(--card)),var(--card2));box-shadow:0 16px 38px color-mix(in srgb,#020617 10%,transparent)}
.planning-design-v2 .planning-board-stats div::after{content:"";position:absolute;right:14px;bottom:13px;width:42px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--primary) 42%,transparent)}
.planning-design-v2 .planning-board-stats strong{display:block;color:var(--text);font-size:clamp(28px,2.5vw,42px);line-height:.95}
.planning-design-v2 .planning-board-stats span{display:block;max-width:170px;margin-top:6px;color:var(--muted);font-size:11px;font-weight:940;line-height:1.25;text-transform:uppercase}
.planning-design-v2 .planning-stat-breakdown{position:relative;z-index:1;max-width:180px;margin-top:8px;color:var(--muted);font-size:11px;font-weight:900;line-height:1.25}
.planning-design-v2 .planning-board{grid-template-columns:minmax(300px,.72fr) minmax(0,2.05fr) minmax(300px,.56fr);gap:14px;align-items:start;padding-bottom:10px}
.planning-design-v2 .planning-resources-panel,.planning-design-v2 .planning-destinations-board,.planning-design-v2 .planning-summary-panel{padding:14px;border:1px solid color-mix(in srgb,var(--primary) 17%,var(--line));border-radius:26px;background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));box-shadow:0 18px 48px color-mix(in srgb,#020617 12%,transparent)}
.planning-design-v2 .planning-resources-panel,.planning-design-v2 .planning-summary-panel{top:86px;max-height:calc(100vh - 106px)}
.planning-design-v2 .planning-panel-head{align-items:end;margin-bottom:12px;padding:0 2px}
.planning-design-v2 .planning-panel-head h2{margin:3px 0 0;color:var(--text);font-size:24px;line-height:1.08}
.planning-design-v2 .planning-source-tabs{padding:5px;border-color:color-mix(in srgb,var(--primary) 16%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--bg) 42%,transparent)}
.planning-design-v2 .planning-source-tabs button{min-height:38px;border-radius:14px}
.planning-design-v2 .planning-selection-toolbar{border-radius:18px;background:color-mix(in srgb,var(--primary) 8%,var(--card2))}
.planning-design-v2 .planning-resource-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));border-radius:20px;background:color-mix(in srgb,var(--bg) 38%,transparent)}
.planning-design-v2 .planning-resource-filters label,.planning-design-v2 .planning-destination-search{font-size:11px;font-weight:950;letter-spacing:.025em;text-transform:uppercase}
.planning-design-v2 .planning-filter-check{text-transform:none!important;letter-spacing:0!important}
.planning-design-v2 .planning-resource-filters input,.planning-design-v2 .planning-resource-filters select,.planning-design-v2 .planning-destination-search input,.planning-design-v2 .planning-modal-tools input,.planning-design-v2 .planning-modal-resource input,.planning-design-v2 .planning-modal-resource select{min-height:38px;border:1px solid color-mix(in srgb,var(--primary) 15%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--bg) 78%,var(--card));color:var(--text);font-size:13px;font-weight:830}
.planning-design-v2 .planning-board-resource{min-height:58px;padding:8px 9px;border-radius:17px;border-color:color-mix(in srgb,var(--primary) 12%,var(--line));background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card2) 94%,transparent));box-shadow:0 8px 20px color-mix(in srgb,#020617 7%,transparent);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}
.planning-design-v2 .planning-board-resource img,.planning-design-v2 .planning-board-resource .planning-avatar{width:42px;height:42px;border-radius:15px}
.planning-design-v2 .planning-resource-main strong{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:1.16}
.planning-design-v2 .planning-resource-main small{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:1.2}
.planning-design-v2 .planning-resource-badges em{border-color:color-mix(in srgb,var(--primary) 15%,var(--line));background:color-mix(in srgb,var(--card2) 82%,transparent)}
.planning-design-v2 .planning-destination-section{gap:10px;padding:12px;border-radius:22px;border-color:color-mix(in srgb,var(--primary) 12%,var(--line));background:color-mix(in srgb,var(--bg) 42%,transparent)}
.planning-design-v2 .planning-destination-section-head{padding:0 2px}
.planning-design-v2 .planning-destination-section-head h3{font-size:17px}
.planning-design-v2 .planning-destination-grid{grid-template-columns:repeat(auto-fit,minmax(295px,1fr));gap:11px}
.planning-design-v2 .planning-destination-dropzone{min-height:196px;padding:12px;border-radius:20px;border-color:color-mix(in srgb,var(--primary) 14%,var(--line));background:linear-gradient(155deg,var(--card),color-mix(in srgb,var(--card2) 93%,var(--primary) 4%));box-shadow:0 11px 28px color-mix(in srgb,#020617 8%,transparent)}
.planning-design-v2 .planning-destination-dropzone.is-special{background:linear-gradient(155deg,color-mix(in srgb,#f59e0b 11%,var(--card)),var(--card2))}
.planning-design-v2 .planning-destination-dropzone.is-drop-target,.planning-design-v2 .planning-destination-dropzone.is-drop-active{border-color:color-mix(in srgb,#10b981 66%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,#10b981 18%,transparent),0 18px 46px color-mix(in srgb,#020617 16%,transparent)}
.planning-design-v2 .planning-destination-top h3{font-size:18px;line-height:1.15}
.planning-design-v2 .planning-destination-thumb{width:50px;height:50px;border-radius:17px}
.planning-design-v2 .planning-existing-shifts span,.planning-design-v2 .planning-destination-tags .badge{border-color:color-mix(in srgb,var(--primary) 14%,var(--line));background:color-mix(in srgb,var(--bg) 46%,transparent)}
.planning-design-v2 .planning-drop-list{min-height:54px;border-color:color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--bg) 36%,transparent)}
.planning-design-v2 .planning-assigned-chip{border-color:color-mix(in srgb,var(--primary) 38%,var(--line));background:color-mix(in srgb,var(--bg) 70%,var(--card));box-shadow:0 8px 18px color-mix(in srgb,#020617 7%,transparent)}
.planning-design-v2 .planning-summary-panel .btn{min-height:46px;border-radius:16px}
.planning-design-v2 .planning-summary-list{max-height:520px}
.planning-design-v2 .planning-summary-destination{border-radius:18px;background:color-mix(in srgb,var(--bg) 46%,transparent)}
.planning-design-v2 .planning-summary-destination li{border-radius:12px}
.planning-design-v2 .planning-conflict-alert{border-radius:16px}
.planning-design-v2 .planning-modal-panel{width:min(1080px,calc(100% - 24px));max-height:min(88vh,920px);border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));border-radius:28px;background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 4%));box-shadow:0 30px 90px rgba(2,6,23,.32)}
.planning-design-v2 .planning-modal-head{align-items:end;padding-bottom:14px;border-bottom:1px solid color-mix(in srgb,var(--line) 76%,transparent)}
.planning-design-v2 .planning-modal-tools{grid-template-columns:repeat(5,minmax(130px,1fr));gap:9px;padding:12px;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));border-radius:20px;background:color-mix(in srgb,var(--bg) 38%,transparent)}
.planning-design-v2 .planning-modal-tools .link-btn,.planning-design-v2 .planning-modal-tools .planning-apply-bulk-btn{min-height:38px;border-radius:14px}
.planning-design-v2 .planning-modal-resource,.planning-design-v2 .planning-modal-team-group{border-radius:20px;border-color:color-mix(in srgb,var(--primary) 13%,var(--line));background:color-mix(in srgb,var(--bg) 38%,transparent)}
.planning-design-v2 .planning-modal-resource-fields{grid-template-columns:repeat(5,minmax(120px,1fr));gap:9px}
.planning-design-v2 .planning-modal-panel>.form-actions{position:sticky;bottom:0;z-index:5;margin-top:12px;padding:12px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(16px);box-shadow:0 18px 42px color-mix(in srgb,#0f172a 13%,transparent)}
.planning-design-v2 :is(a,button,input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 55%,#fff);outline-offset:3px}
@media (hover:hover) and (pointer:fine){.planning-design-v2 .planning-board-resource:hover:not(.is-dragging),.planning-design-v2 .planning-destination-dropzone:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 36%,var(--line));box-shadow:0 20px 48px color-mix(in srgb,#020617 14%,transparent)}}
@media(max-width:1560px){.planning-design-v2 .planning-board{grid-template-columns:minmax(286px,.8fr) minmax(0,1.65fr)}.planning-design-v2 .planning-summary-panel{grid-column:1/-1;position:static;max-height:none}.planning-design-v2 .planning-summary-list{max-height:none}.planning-design-v2 .planning-destination-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}
@media(max-width:1100px){.planning-design-v2 .planning-board-hero,.planning-design-v2 .planning-board{grid-template-columns:1fr}.planning-design-v2 .planning-board-date{min-width:0}.planning-design-v2 .planning-board-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.planning-design-v2 .planning-resources-panel{position:static;max-height:none}.planning-design-v2 .planning-modal-tools,.planning-design-v2 .planning-modal-resource-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.planning-design-v2{gap:12px}.planning-design-v2 .planning-board-hero{padding:18px;border-radius:24px}.planning-design-v2 .planning-board-hero h1{font-size:34px}.planning-design-v2 .planning-board-date,.planning-design-v2 .planning-board-stats,.planning-design-v2 .planning-resource-filters,.planning-design-v2 .planning-modal-tools,.planning-design-v2 .planning-modal-resource-fields{grid-template-columns:1fr}.planning-design-v2 .planning-resources-panel,.planning-design-v2 .planning-destinations-board,.planning-design-v2 .planning-summary-panel{padding:12px;border-radius:22px}.planning-design-v2 .planning-destination-grid{grid-template-columns:1fr}.planning-design-v2 .planning-destination-dropzone{min-height:0}.planning-design-v2 .planning-modal-panel{width:calc(100% - 18px);border-radius:22px}.planning-design-v2 .planning-modal-panel>.form-actions{position:static;display:grid}.planning-design-v2 .planning-modal-panel>.form-actions .btn,.planning-design-v2 .planning-modal-panel>.form-actions .link-btn{width:100%;justify-content:center}}
@media (prefers-reduced-motion:reduce){.planning-design-v2 *,.planning-design-v2 *::before,.planning-design-v2 *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* KronoSender UI V3.13 - Assignments Design System V2. */
body:has(.assignments-design-v2) .page{width:100%;max-width:none;padding-left:clamp(16px,2vw,34px);padding-right:clamp(16px,2vw,34px)}
.assignments-design-v2{width:min(100%,1840px);margin:0 auto}
.assignments-design-v2.assignments-wow-page,.assignments-design-v2.assignments-form-v2,.assignments-design-v2.assignments-delete-v2,.assignments-design-v2.assignments-split-v2{display:grid;gap:16px}
.assignments-design-v2 .assignments-hero,.assignments-design-v2 .assignment-split-hero,.assignments-form-v2 .assignment-form-card,.assignments-delete-v2 .assignment-delete-card{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));border-radius:30px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,var(--card)),color-mix(in srgb,#10b981 7%,var(--card2)) 58%,var(--card));box-shadow:0 24px 64px color-mix(in srgb,#020617 15%,transparent)}
.assignments-design-v2 .assignments-hero,.assignments-design-v2 .assignment-split-hero{padding:clamp(20px,2vw,28px)}
.assignments-design-v2 .assignments-hero h1,.assignments-design-v2 .assignment-split-hero h1,.assignments-form-v2 .assignment-form-head h1,.assignments-delete-v2 .assignment-delete-card h1{margin:.2rem 0 .35rem;color:var(--text);font-size:clamp(34px,3.4vw,58px);line-height:.98;letter-spacing:0}
.assignments-design-v2 .assignments-export-actions{min-width:0}
.assignments-design-v2 .assignments-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.assignments-design-v2 .assignments-summary div{min-height:96px;padding:15px;border-radius:22px}
.assignments-design-v2 .assignments-summary strong{font-size:clamp(28px,2.5vw,42px)}
.assignments-design-v2 .assignments-filter-card,.assignments-design-v2 .assignments-ops-board,.assignments-design-v2 .assignment-split-summary,.assignments-design-v2 .assignment-split-guide,.assignments-design-v2 .assignment-split-card{border-radius:24px;border-color:color-mix(in srgb,var(--primary) 17%,var(--line));background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 4%));box-shadow:0 18px 48px color-mix(in srgb,#020617 12%,transparent)}
.assignments-design-v2 .assignments-filters{grid-template-columns:repeat(8,minmax(128px,1fr));gap:9px}
.assignments-design-v2 .assignments-view-switch{grid-column:span 3}
.assignments-design-v2 .assignments-search{grid-column:span 2}
.assignments-design-v2 .assignments-range-nav{grid-column:span 3}
.assignments-design-v2 .assignments-filters input,.assignments-design-v2 .assignments-filters select,.assignments-form-v2 .assignment-form input,.assignments-form-v2 .assignment-form select,.assignments-form-v2 .assignment-form textarea,.assignments-split-v2 input,.assignments-split-v2 select,.assignments-split-v2 textarea{min-height:40px;border:1px solid color-mix(in srgb,var(--primary) 15%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--bg) 78%,var(--card));color:var(--text);font-size:13px;font-weight:830}
.assignments-design-v2 .assignments-ops-board{padding:12px}
.assignments-design-v2 .assignments-ops-row{grid-template-columns:100px minmax(250px,1.45fr) minmax(140px,.68fr) minmax(230px,1fr) max-content;min-height:54px}
.assignments-design-v2 .assignments-ops-person strong,.assignments-design-v2 .assignments-ops-person small,.assignments-design-v2 .assignments-ops-person em,.assignments-design-v2 .assignments-ops-team span{word-break:normal;overflow-wrap:normal}
.assignments-design-v2 .assignments-ops-badges .badge,.assignments-design-v2 .assignments-ops-badges small,.assignments-design-v2 .assignments-ops-team .badge{border-color:color-mix(in srgb,var(--primary) 15%,var(--line));background:color-mix(in srgb,var(--card2) 80%,transparent);color:var(--text)}
.assignments-design-v2 .assignments-ops-actions{position:relative;z-index:2}
.assignments-form-v2 .assignment-form-card{max-width:none;margin:0;padding:20px}
.assignments-form-v2 .assignment-form-head{display:flex;align-items:end;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent)}
.assignments-form-v2 .assignment-form,.assignments-form-v2 .form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start;margin-top:16px}
.assignments-form-v2 .assignment-form-wide,.assignments-form-v2 .assignment-duration-preview,.assignments-form-v2 .form-check-list{grid-column:1/-1}
.assignments-form-v2 .assignment-form .form-actions{position:sticky;bottom:14px;z-index:5;display:flex;justify-content:flex-end;gap:8px;padding:12px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(16px);box-shadow:0 18px 42px color-mix(in srgb,#0f172a 13%,transparent)}
.assignments-form-v2 .assignment-duration-preview{border-radius:18px;background:color-mix(in srgb,var(--primary) 8%,var(--card2))}
.assignments-form-v2 .assignment-conflicts,.assignments-split-v2 .alert{border-radius:18px}
.assignments-delete-v2 .assignment-delete-card{max-width:880px;margin:0 auto;padding:24px;border-color:color-mix(in srgb,#ef4444 38%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,#ef4444 10%,var(--card)),var(--card))}
.assignments-delete-v2 .assignment-delete-summary{margin:18px 0;border-radius:18px;background:color-mix(in srgb,var(--card) 88%,#ef4444)}
.assignments-delete-v2 .assignment-delete-card .btn-primary{border-color:color-mix(in srgb,#ef4444 80%,#7f1d1d);background:linear-gradient(135deg,#ef4444,#b91c1c)}
.assignments-delete-v2 .form-actions{justify-content:flex-end}
.assignments-split-v2 .assignment-split-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.assignments-split-v2 .assignment-split-row{grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;border-radius:18px}
.assignments-split-v2 .assignment-split-notes{grid-column:1/-1}
.assignments-split-v2 .assignment-split-actions{position:sticky;bottom:14px;z-index:5;padding:12px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(16px)}
.assignments-print-v2{width:min(100%,1760px);margin:0 auto}
.assignments-print-v2 .report-print-area{border-radius:24px}
.assignments-print-v2 .report-table{min-width:920px}
.assignments-design-v2 :is(a,button,input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 55%,#fff);outline-offset:3px}
@media (hover:hover) and (pointer:fine){.assignments-design-v2 .assignments-ops-row:hover,.assignments-design-v2 .assignment-split-row:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 32%,var(--line));box-shadow:0 16px 34px color-mix(in srgb,#020617 10%,transparent)}}
@media(max-width:1320px){.assignments-design-v2 .assignments-filters{grid-template-columns:repeat(4,minmax(150px,1fr))}.assignments-design-v2 .assignments-view-switch,.assignments-design-v2 .assignments-range-nav{grid-column:span 2}.assignments-form-v2 .assignment-form,.assignments-form-v2 .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.assignments-split-v2 .assignment-split-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.assignments-design-v2 .assignments-ops-table-head{display:none}.assignments-design-v2 .assignments-ops-row{grid-template-columns:88px minmax(0,1fr) max-content}.assignments-design-v2 .assignments-ops-team,.assignments-design-v2 .assignments-ops-badges{grid-column:2/-1}.assignments-design-v2 .assignments-ops-actions{grid-column:3;grid-row:1 / span 2}}
@media(max-width:760px){body:has(.assignments-design-v2) .page{padding-left:12px;padding-right:12px}.assignments-design-v2 .assignments-hero,.assignments-design-v2 .assignment-split-hero,.assignments-form-v2 .assignment-form-head,.assignments-design-v2 .assignments-ops-title,.assignments-design-v2 .assignments-ops-day-head,.assignments-design-v2 .assignments-ops-destination-head{display:grid;grid-template-columns:1fr}.assignments-design-v2 .assignments-export-actions,.assignments-design-v2 .assignments-summary,.assignments-design-v2 .assignments-filters,.assignments-design-v2 .assignments-view-switch,.assignments-design-v2 .assignments-range-nav,.assignments-form-v2 .assignment-form,.assignments-form-v2 .form-grid,.assignments-split-v2 .assignment-split-row{grid-template-columns:1fr}.assignments-design-v2 .assignments-view-switch,.assignments-design-v2 .assignments-search,.assignments-design-v2 .assignments-range-nav{grid-column:1/-1}.assignments-design-v2 .assignments-ops-row{grid-template-columns:84px minmax(0,1fr)}.assignments-design-v2 .assignments-ops-actions,.assignments-design-v2 .assignments-ops-team,.assignments-design-v2 .assignments-ops-badges{grid-column:1/-1}.assignments-form-v2 .assignment-form .form-actions,.assignments-split-v2 .assignment-split-actions{position:static;display:grid}.assignments-form-v2 .assignment-form .form-actions .btn,.assignments-form-v2 .assignment-form .form-actions .link-btn,.assignments-split-v2 .assignment-split-actions .btn,.assignments-split-v2 .assignment-split-actions .link-btn,.assignments-delete-v2 .form-actions .btn,.assignments-delete-v2 .form-actions .link-btn{width:100%;justify-content:center}}
@media print{.assignments-print-v2{width:100%}}
@media (prefers-reduced-motion:reduce){.assignments-design-v2 *,.assignments-design-v2 *::before,.assignments-design-v2 *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* KronoSender UI V3.12 - Operational Attendance Design System V2. */
body:has(.operational-attendance-design-v2) .page{
    width:100%;
    max-width:none;
    padding-left:clamp(16px,2vw,34px);
    padding-right:clamp(16px,2vw,34px);
}
.operational-attendance-design-v2{
    width:min(100%,1840px);
    margin:0 auto;
    display:grid;
    gap:16px;
}
.operational-attendance-design-v2 .operational-attendance-hero{
    min-height:auto;
    padding:clamp(20px,2vw,30px);
    border-radius:30px;
}
.operational-attendance-design-v2 .operational-attendance-hero h1{
    font-size:clamp(34px,3.4vw,58px);
}
.operational-attendance-design-v2 .operational-attendance-hero-actions{
    min-width:0;
}
.operational-attendance-design-v2 .operational-kpi-grid{
    grid-template-columns:repeat(auto-fit,minmax(185px,1fr));
    gap:10px;
}
.operational-attendance-design-v2 .operational-kpi-card{
    min-height:104px;
    padding:15px;
    border-radius:22px;
}
.operational-attendance-design-v2 .operational-kpi-card strong{
    font-size:clamp(26px,2.4vw,40px);
}
.operational-attendance-design-v2 .operational-watch-card,
.operational-attendance-design-v2 .operational-attendance-admin-card,
.operational-attendance-design-v2 .operational-live-map-card,
.operational-attendance-design-v2 .operational-live-side-card,
.operational-attendance-design-v2 .operational-live-timeline-card,
.operational-attendance-design-v2 .operational-live-nocoords{
    border-radius:24px;
}
.operational-attendance-design-v2 .operational-watch-row{
    min-height:50px;
}
.operational-attendance-design-v2 .tabs.compact-tabs{
    position:sticky;
    top:74px;
    z-index:8;
    backdrop-filter:blur(14px);
}
.operational-attendance-design-v2 .operational-filter-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:14px;
}
.operational-attendance-design-v2 .operational-filter-head + .filters-bar{
    grid-template-columns:repeat(7,minmax(132px,1fr)) auto;
    padding:12px;
    border-radius:20px;
}
.operational-attendance-design-v2 .filters-bar label{
    display:grid;
    gap:6px;
}
.operational-attendance-design-v2 .filters-bar input,
.operational-attendance-design-v2 .filters-bar select{
    min-height:40px;
}
.operational-attendance-design-v2 .table-responsive{
    overflow:auto;
    max-width:100%;
    border-radius:20px;
}
.operational-attendance-design-v2 .data-table{
    min-width:980px;
    border-collapse:separate;
    border-spacing:0;
}
.operational-attendance-design-v2 .data-table th,
.operational-attendance-design-v2 .data-table td{
    padding:10px 12px;
    vertical-align:top;
}
.operational-attendance-design-v2 .data-table th{
    position:sticky;
    top:0;
    z-index:2;
}
.operational-attendance-design-v2 .operational-admin-date,
.operational-attendance-design-v2 .operational-admin-shift{
    gap:5px;
}
.operational-attendance-design-v2 .operational-method-badge{
    display:inline-flex;
    align-items:center;
    width:max-content;
    max-width:100%;
    min-height:28px;
    padding:5px 9px;
    border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));
    border-radius:999px;
    background:color-mix(in srgb,var(--primary) 9%,var(--card2));
    color:var(--text);
    font-size:12px;
    font-weight:920;
    line-height:1.2;
    overflow-wrap:anywhere;
}
.operational-attendance-design-v2 .operational-method-badge.is-required{
    border-color:color-mix(in srgb,#64748b 30%,var(--line));
    background:color-mix(in srgb,#64748b 10%,var(--card2));
}
.operational-attendance-design-v2 .operational-method-badge.is-gps{
    border-color:color-mix(in srgb,#16a34a 42%,var(--line));
    background:color-mix(in srgb,#16a34a 12%,var(--card2));
}
.operational-attendance-design-v2 .operational-method-badge.is-qr{
    border-color:color-mix(in srgb,#2563eb 42%,var(--line));
    background:color-mix(in srgb,#2563eb 12%,var(--card2));
}
.operational-attendance-design-v2 .operational-method-badge.is-nfc{
    border-color:color-mix(in srgb,#8b5cf6 42%,var(--line));
    background:color-mix(in srgb,#8b5cf6 12%,var(--card2));
}
.operational-attendance-design-v2 .operational-location-status,
.operational-attendance-design-v2 .operational-issue-status,
.operational-attendance-design-v2 .operational-event-badge{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:6px 10px;
    border-radius:999px;
    white-space:normal;
}
.operational-attendance-design-v2 .operational-watch-row.is-danger,
.operational-attendance-design-v2 .operational-live-row.is-danger,
.operational-attendance-design-v2 .operational-live-timeline-row.is-danger{
    border-color:color-mix(in srgb,#ef4444 46%,var(--line));
    background:linear-gradient(135deg,color-mix(in srgb,#ef4444 15%,var(--card)),var(--card2));
}
.operational-attendance-design-v2 .operational-watch-row.is-warning,
.operational-attendance-design-v2 .operational-live-row.is-warning,
.operational-attendance-design-v2 .operational-live-timeline-row.is-warning{
    border-color:color-mix(in srgb,#f59e0b 46%,var(--line));
    background:linear-gradient(135deg,color-mix(in srgb,#f59e0b 15%,var(--card)),var(--card2));
}
.operational-attendance-design-v2 .operational-review-actions{
    min-width:320px;
}
.operational-attendance-design-v2 .operational-review-actions form{
    grid-template-columns:minmax(150px,1fr) auto;
}
.operational-attendance-design-v2 .operational-live-map{
    min-height:480px;
}
.operational-attendance-design-v2 .operational-live-popup{
    width:min(320px,72vw);
}
.operational-attendance-design-v2 :is(a,button,input,select,textarea):focus-visible{
    outline:3px solid color-mix(in srgb,var(--primary) 55%,#fff);
    outline-offset:3px;
}
@media(max-width:1320px){
    .operational-attendance-design-v2 .operational-filter-head + .filters-bar{
        grid-template-columns:repeat(4,minmax(150px,1fr));
    }
}
@media(max-width:820px){
    body:has(.operational-attendance-design-v2) .page{
        padding-left:12px;
        padding-right:12px;
    }
    .operational-attendance-design-v2 .operational-attendance-hero,
    .operational-attendance-design-v2 .operational-filter-head,
    .operational-attendance-design-v2 .operational-live-head{
        display:grid;
    }
    .operational-attendance-design-v2 .operational-attendance-hero-actions,
    .operational-attendance-design-v2 .operational-filter-head + .filters-bar,
    .operational-attendance-design-v2 .operational-review-actions form{
        grid-template-columns:1fr;
    }
    .operational-attendance-design-v2 .tabs.compact-tabs{
        position:static;
    }
    .operational-attendance-design-v2 .operational-attendance-hero-actions .btn,
    .operational-attendance-design-v2 .operational-filter-head .btn,
    .operational-attendance-design-v2 .filters-bar .btn{
        width:100%;
        justify-content:center;
    }
    .operational-attendance-design-v2 .operational-live-map{
        min-height:340px;
    }
}
@media (prefers-reduced-motion:reduce){
    .operational-attendance-design-v2 *,
    .operational-attendance-design-v2 *::before,
    .operational-attendance-design-v2 *::after{
        transition:none!important;
        animation:none!important;
        scroll-behavior:auto!important;
    }
}

/* KronoSender 2.0 UI - Vehicles and Requirements wide redesign final overrides. */
body:has(.vehicles-wow-page) .page,
body:has(.requirements-wow-page) .page{width:100%;max-width:none;padding-left:clamp(16px,2vw,34px);padding-right:clamp(16px,2vw,34px)}
.vehicles-wow-page,.requirements-wow-page{width:min(100%,1840px);margin:0 auto;display:grid;gap:18px}
.vehicles-wow-page .vehicles-hero,.requirements-wow-page .requirements-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,auto);align-items:end;gap:24px;margin:0;padding:28px;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));border-radius:32px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 13%,var(--card)),color-mix(in srgb,#10b981 7%,var(--card2)) 56%,var(--card));box-shadow:0 28px 76px color-mix(in srgb,#020617 17%,transparent),inset 0 1px 0 rgba(255,255,255,.06)}
.vehicles-wow-page .vehicles-hero::after,.requirements-wow-page .requirements-hero::after{content:"";position:absolute;right:-95px;bottom:-135px;width:350px;height:350px;border-radius:999px;background:color-mix(in srgb,var(--primary) 11%,transparent);pointer-events:none}
.vehicles-wow-page .vehicles-hero > *,.requirements-wow-page .requirements-hero > *{position:relative;z-index:1}
.vehicles-wow-page .vehicles-hero h1,.requirements-wow-page .requirements-hero h1{margin:9px 0 8px;color:var(--text);font-size:clamp(40px,4.6vw,76px);line-height:.95;letter-spacing:0}
.vehicles-wow-page .vehicles-hero p,.requirements-wow-page .requirements-hero p{max-width:760px;margin:0;color:var(--muted);font-size:15px;font-weight:840;line-height:1.45}
.vehicles-wow-page .hero-badges,.requirements-wow-page .hero-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;min-width:0}
.vehicles-wow-page .hero-badges .link-btn,.requirements-wow-page .hero-badges .link-btn,.vehicles-wow-page .hero-badges .btn,.requirements-wow-page .hero-badges .btn{min-height:42px;border-radius:14px;background:color-mix(in srgb,var(--card2) 76%,transparent);font-weight:920}
.vehicles-wow-page .hero-badges .btn-primary,.requirements-wow-page .hero-badges .btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff}
.vehicles-wow-page .view-switch,.requirements-wow-page .view-switch{padding:5px;border:1px solid color-mix(in srgb,var(--primary) 15%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--bg) 40%,transparent)}
.vehicles-wow-page .view-switch a,.requirements-wow-page .view-switch a{min-height:36px;border-radius:13px;font-weight:930}
.vehicles-wow-page .view-switch .is-active,.requirements-wow-page .view-switch .is-active{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 22%,transparent)}
.vehicles-wow-page .audit-kpi-grid,.requirements-wow-page .audit-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0}
.vehicles-wow-page .audit-kpi,.requirements-wow-page .audit-kpi{position:relative;min-height:132px;padding:18px;overflow:hidden;border-radius:26px;border-color:color-mix(in srgb,var(--primary) 18%,var(--line));background:linear-gradient(150deg,color-mix(in srgb,var(--primary) 8%,var(--card)),var(--card2));box-shadow:0 18px 44px color-mix(in srgb,#020617 12%,transparent)}
.vehicles-wow-page .audit-kpi::after,.requirements-wow-page .audit-kpi::after{content:"";position:absolute;right:16px;bottom:14px;width:44px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--primary) 44%,transparent)}
.vehicles-wow-page .audit-kpi span,.requirements-wow-page .audit-kpi span{max-width:170px;color:var(--muted);font-size:11px;font-weight:950;letter-spacing:.025em;line-height:1.25;text-transform:uppercase}
.vehicles-wow-page .audit-kpi strong,.requirements-wow-page .audit-kpi strong{color:var(--text);font-size:clamp(34px,3vw,52px);line-height:.95}
.vehicles-wow-page .filters-card,.requirements-wow-page .filters-card{margin:0;padding:16px;border-radius:28px;border-color:color-mix(in srgb,var(--primary) 17%,var(--line));background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));box-shadow:0 18px 48px color-mix(in srgb,#020617 12%,transparent)}
.vehicles-wow-page .entity-filters,.requirements-wow-page .entity-filters{display:grid;grid-template-columns:repeat(8,minmax(128px,1fr));gap:10px;align-items:end}
.requirements-wow-page .requirements-filters .entity-filters{grid-template-columns:minmax(260px,1.4fr) minmax(180px,.6fr) auto}
.vehicles-wow-page .entity-filters input,.vehicles-wow-page .entity-filters select,.requirements-wow-page .entity-filters input,.requirements-wow-page .entity-filters select{width:100%;min-height:42px;border:1px solid color-mix(in srgb,var(--primary) 15%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--bg) 78%,var(--card));color:var(--text);font-size:13px;font-weight:830}
.vehicles-wow-page .vehicles-filter-actions{display:flex;gap:8px;justify-content:flex-end;grid-column:span 2}
.vehicles-wow-page .vehicles-filter-actions .btn,.requirements-wow-page .requirements-filters .btn{min-height:42px;border-radius:14px}
.vehicles-wow-page .vehicles-grid,.requirements-wow-page .requirements-grid,.vehicles-wow-page .custom-fields-grid,.requirements-wow-page .custom-fields-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin:0}
.vehicles-wow-page .vehicle-card,.requirements-wow-page .requirement-resource-card,.vehicles-wow-page .custom-field-card,.requirements-wow-page .custom-field-card{position:relative;overflow:hidden;border-radius:28px;border-color:color-mix(in srgb,var(--primary) 15%,var(--line));background:linear-gradient(155deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));box-shadow:0 18px 46px color-mix(in srgb,#020617 11%,transparent);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.vehicles-wow-page .vehicle-card::after,.requirements-wow-page .requirement-resource-card::after,.vehicles-wow-page .custom-field-card::after,.requirements-wow-page .custom-field-card::after{content:"";position:absolute;right:18px;bottom:18px;width:44px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--primary) 44%,transparent)}
.vehicles-wow-page .vehicle-card{min-height:390px;padding:16px}
.vehicles-wow-page .vehicle-thumb{border-radius:24px;border-color:color-mix(in srgb,var(--primary) 17%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 72%,#0f172a 28%),color-mix(in srgb,#10b981 56%,var(--primary2) 44%))}
.vehicles-wow-page .vehicle-thumb span{font-size:44px}
.vehicles-wow-page .vehicle-body h2,.requirements-wow-page .requirement-resource-body h2,.vehicles-wow-page .custom-field-name,.requirements-wow-page .custom-field-name{color:var(--text);font-size:23px;line-height:1.08}
.vehicles-wow-page .vehicle-assignment,.vehicles-wow-page .vehicle-notes,.requirements-wow-page .requirement-resource-body p{color:var(--muted);font-size:13px;font-weight:840;line-height:1.4}
.vehicles-wow-page .vehicle-next-expiration,.requirements-wow-page .requirement-next{display:flex;flex-wrap:wrap;gap:7px}
.vehicles-wow-page .badge,.requirements-wow-page .badge{font-weight:930}
.vehicles-wow-page .vehicle-actions,.requirements-wow-page .destination-mini-actions,.vehicles-wow-page .custom-field-actions,.requirements-wow-page .custom-field-actions,.requirements-wow-page .requirement-list-actions{position:relative;z-index:1;gap:8px}
.vehicles-wow-page .vehicle-actions .link-btn,.requirements-wow-page .destination-mini-actions .link-btn,.vehicles-wow-page .custom-field-actions .link-btn,.requirements-wow-page .custom-field-actions .link-btn,.requirements-wow-page .requirement-list-actions .link-btn{min-height:36px;border-radius:12px}
.vehicles-wow-page .card:not(.form-card):not(.filters-card),.requirements-wow-page .card:not(.form-card):not(.filters-card){border-radius:26px;border-color:color-mix(in srgb,var(--primary) 15%,var(--line));background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));box-shadow:0 16px 40px color-mix(in srgb,#020617 10%,transparent)}
.vehicles-wow-page .table-wrap,.requirements-wow-page .requirements-list-view{border-radius:26px;border-color:color-mix(in srgb,var(--primary) 12%,var(--line));background:color-mix(in srgb,var(--card) 90%,transparent)}
.vehicles-wow-page .data-table th,.vehicles-wow-page .data-table td{padding:12px 13px}
.vehicles-wow-page .data-table th{background:color-mix(in srgb,var(--primary) 12%,var(--card));color:var(--text);font-size:11px;letter-spacing:.025em}
.vehicles-wow-page .vehicle-list-thumb{width:54px;height:54px;border-radius:17px}
.requirements-wow-page .requirement-resource-card{grid-template-columns:98px minmax(0,1fr);min-height:230px;padding:16px}
.requirements-wow-page .requirement-resource-avatar{width:98px;height:98px;border-radius:24px}
.requirements-wow-page .requirement-resource-avatar span{font-size:32px}
.requirements-wow-page .requirement-list-row{border-radius:24px;border-color:color-mix(in srgb,var(--primary) 14%,var(--line));background:linear-gradient(155deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));box-shadow:0 13px 34px color-mix(in srgb,#020617 9%,transparent)}
.requirements-wow-page .requirement-list-metrics div{border-radius:16px;background:color-mix(in srgb,var(--bg) 48%,transparent)}
.vehicles-form-wow-page,.requirements-form-wow-page{width:min(100%,1160px)}
.vehicles-wow-page .form-card,.requirements-wow-page .form-card{width:100%;max-width:none;margin:0;padding:22px;border-radius:30px;border-color:color-mix(in srgb,var(--primary) 17%,var(--line));background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));box-shadow:0 18px 48px color-mix(in srgb,#020617 12%,transparent)}
.vehicles-wow-page .form-card h1,.requirements-wow-page .form-card h1{margin:0 0 16px;font-size:clamp(32px,3vw,48px);line-height:1;color:var(--text)}
.vehicles-wow-page .entity-form,.requirements-wow-page .entity-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vehicles-wow-page .entity-form label,.requirements-wow-page .entity-form label{display:grid;gap:7px;min-width:0;padding:12px;border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--bg) 38%,transparent);color:var(--muted);font-size:12px;font-weight:950}
.vehicles-wow-page .entity-form input,.vehicles-wow-page .entity-form select,.vehicles-wow-page .entity-form textarea,.requirements-wow-page .entity-form input,.requirements-wow-page .entity-form select,.requirements-wow-page .entity-form textarea{width:100%;min-height:42px;border:1px solid color-mix(in srgb,var(--primary) 15%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--bg) 78%,var(--card));color:var(--text);font-size:13px;font-weight:830}
.vehicles-wow-page .entity-form textarea,.requirements-wow-page .entity-form textarea{min-height:118px;resize:vertical}
.vehicles-wow-page .vehicle-custom-fields-form,.requirements-wow-page .vehicle-custom-fields-grid{grid-column:1/-1}
.vehicles-wow-page .vehicle-custom-fields-form h2{margin:0 0 10px;color:var(--text);font-size:20px}
.vehicles-wow-page .vehicle-custom-fields-grid,.requirements-wow-page .vehicle-custom-fields-grid,.requirements-wow-page .requirement-custom-values{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vehicles-wow-page .form-actions,.requirements-wow-page .form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;margin-top:4px}
.vehicles-wow-page .form-actions .btn,.vehicles-wow-page .form-actions .link-btn,.requirements-wow-page .form-actions .btn,.requirements-wow-page .form-actions .link-btn{min-height:42px;border-radius:14px}
.vehicles-wow-page .vehicle-form-preview,.requirements-wow-page .requirement-file-preview{grid-column:1/-1;padding:12px;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));border-radius:20px;background:color-mix(in srgb,var(--bg) 42%,transparent)}
.vehicles-wow-page .vehicle-form-preview img{border-radius:16px}
.vehicles-fields-wow-page,.requirements-fields-wow-page{width:min(100%,1580px)}
.vehicles-wow-page .custom-field-card,.requirements-wow-page .custom-field-card{min-height:220px;padding:18px}
.vehicles-wow-page .custom-field-key,.requirements-wow-page .custom-field-key{border-radius:10px;background:color-mix(in srgb,var(--bg) 58%,transparent)}
@media (hover:hover) and (pointer:fine){.vehicles-wow-page .vehicle-card:hover,.requirements-wow-page .requirement-resource-card:hover,.vehicles-wow-page .custom-field-card:hover,.requirements-wow-page .custom-field-card:hover,.requirements-wow-page .requirement-list-row:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary) 38%,var(--line));box-shadow:0 24px 54px color-mix(in srgb,#020617 16%,transparent)}}
@media(max-width:1400px){.vehicles-wow-page .entity-filters{grid-template-columns:repeat(4,minmax(150px,1fr))}.vehicles-wow-page .vehicles-filter-actions{grid-column:span 2}.vehicles-wow-page .vehicles-grid,.requirements-wow-page .requirements-grid,.vehicles-wow-page .custom-fields-grid,.requirements-wow-page .custom-fields-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}
@media(max-width:980px){.vehicles-wow-page .vehicles-hero,.requirements-wow-page .requirements-hero{grid-template-columns:1fr}.vehicles-wow-page .hero-badges,.requirements-wow-page .hero-badges{justify-content:flex-start}.vehicles-wow-page .audit-kpi-grid,.requirements-wow-page .audit-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.requirements-wow-page .requirements-filters .entity-filters,.vehicles-wow-page .entity-filters{grid-template-columns:repeat(2,minmax(150px,1fr))}.vehicles-wow-page .vehicles-filter-actions{grid-column:1/-1;justify-content:flex-start}.vehicles-wow-page .entity-form,.requirements-wow-page .entity-form,.vehicles-wow-page .vehicle-custom-fields-grid,.requirements-wow-page .vehicle-custom-fields-grid,.requirements-wow-page .requirement-custom-values{grid-template-columns:1fr}}
@media(max-width:700px){body:has(.vehicles-wow-page) .page,body:has(.requirements-wow-page) .page{padding-left:12px;padding-right:12px}.vehicles-wow-page,.requirements-wow-page{gap:14px}.vehicles-wow-page .vehicles-hero,.requirements-wow-page .requirements-hero{padding:20px;border-radius:24px}.vehicles-wow-page .vehicles-hero h1,.requirements-wow-page .requirements-hero h1{font-size:34px}.vehicles-wow-page .hero-badges,.requirements-wow-page .hero-badges,.vehicles-wow-page .view-switch,.requirements-wow-page .view-switch{width:100%}.vehicles-wow-page .hero-badges .link-btn,.requirements-wow-page .hero-badges .link-btn,.vehicles-wow-page .hero-badges .btn,.requirements-wow-page .hero-badges .btn{flex:1 1 100%;justify-content:center}.vehicles-wow-page .audit-kpi-grid,.requirements-wow-page .audit-kpi-grid,.vehicles-wow-page .entity-filters,.requirements-wow-page .requirements-filters .entity-filters,.vehicles-wow-page .vehicles-grid,.requirements-wow-page .requirements-grid,.vehicles-wow-page .custom-fields-grid,.requirements-wow-page .custom-fields-grid{grid-template-columns:1fr}.vehicles-wow-page .filters-card,.requirements-wow-page .filters-card,.vehicles-wow-page .form-card,.requirements-wow-page .form-card{padding:14px;border-radius:22px}.requirements-wow-page .requirement-resource-card{grid-template-columns:72px minmax(0,1fr);padding:14px}.requirements-wow-page .requirement-resource-avatar{width:72px;height:72px;border-radius:18px}.vehicles-wow-page .form-actions,.requirements-wow-page .form-actions{display:grid}.vehicles-wow-page .form-actions .btn,.vehicles-wow-page .form-actions .link-btn,.requirements-wow-page .form-actions .btn,.requirements-wow-page .form-actions .link-btn{width:100%;justify-content:center}}

/* KronoSender 2.0 UI - Clothing, Resources, Teams and Destinations wide redesign final overrides. */
body:has(.clothing-wow-page) .page,
body:has(.resources-wow-page) .page,
body:has(.teams-wow-page) .page,
body:has(.destinations-wow-page) .page{width:100%;max-width:none;padding-left:clamp(16px,2vw,34px);padding-right:clamp(16px,2vw,34px)}
.clothing-wow-page,.resources-wow-page,.teams-wow-page,.destinations-wow-page{width:min(100%,1840px);margin:0 auto;display:grid;gap:18px}
.resources-form-wow-page,.teams-form-wow-page,.destinations-form-wow-page{width:min(100%,1280px)}
.clothing-wow-page .clothing-hero,.resources-wow-page .resources-hero,.teams-wow-page .teams-hero,.destinations-wow-page .destinations-hero,.resources-wow-page .resource-profile-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,auto);align-items:end;gap:24px;margin:0;padding:28px;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));border-radius:32px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 13%,var(--card)),color-mix(in srgb,#10b981 7%,var(--card2)) 56%,var(--card));box-shadow:0 28px 76px color-mix(in srgb,#020617 17%,transparent),inset 0 1px 0 rgba(255,255,255,.06)}
.clothing-wow-page .clothing-hero::after,.resources-wow-page .resources-hero::after,.teams-wow-page .teams-hero::after,.destinations-wow-page .destinations-hero::after,.resources-wow-page .resource-profile-hero::after{content:"";position:absolute;right:24px;bottom:22px;width:112px;height:5px;border-radius:999px;background:color-mix(in srgb,var(--primary) 46%,transparent);pointer-events:none}
.clothing-wow-page .clothing-hero > *,.resources-wow-page .resources-hero > *,.teams-wow-page .teams-hero > *,.destinations-wow-page .destinations-hero > *,.resources-wow-page .resource-profile-hero > *{position:relative;z-index:1}
.clothing-wow-page .clothing-hero h1,.resources-wow-page .resources-hero h1,.teams-wow-page .teams-hero h1,.destinations-wow-page .destinations-hero h1,.resources-wow-page .resource-profile-hero h1{margin:9px 0 8px;color:var(--text);font-size:clamp(40px,4.6vw,76px);line-height:.95;letter-spacing:0}
.clothing-wow-page .clothing-hero p,.resources-wow-page .resources-hero p,.teams-wow-page .teams-hero p,.destinations-wow-page .destinations-hero p,.resources-wow-page .resource-profile-hero p{max-width:760px;margin:0;color:var(--muted);font-size:15px;font-weight:840;line-height:1.45}
.clothing-wow-page .hero-badges,.resources-wow-page .resources-hero-actions,.teams-wow-page .teams-hero-actions,.destinations-wow-page .destinations-hero-actions,.resources-wow-page .resource-profile-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;min-width:0}
.clothing-wow-page .hero-badges .btn,.clothing-wow-page .hero-badges .link-btn,.resources-wow-page .resources-hero-actions .btn,.resources-wow-page .resources-hero-actions .link-btn,.teams-wow-page .teams-hero-actions .btn,.teams-wow-page .teams-hero-actions .link-btn,.destinations-wow-page .destinations-hero-actions .btn,.destinations-wow-page .destinations-hero-actions .link-btn,.resources-wow-page .resource-profile-actions .link-btn{min-height:42px;border-radius:14px;background:color-mix(in srgb,var(--card2) 76%,transparent);font-weight:920}
.clothing-wow-page .hero-badges .btn-primary,.resources-wow-page .resources-hero-actions .btn-primary,.teams-wow-page .teams-hero-actions .btn-primary,.destinations-wow-page .destinations-hero-actions .btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff}
.clothing-wow-page .audit-kpi-grid,.resources-wow-page .resources-summary,.teams-wow-page .teams-summary,.destinations-wow-page .destinations-summary,.resources-wow-page .resource-profile-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0}
.clothing-wow-page .audit-kpi,.resources-wow-page .resources-summary article,.teams-wow-page .teams-summary article,.destinations-wow-page .destinations-summary article,.resources-wow-page .resource-profile-kpis article{position:relative;min-height:132px;padding:18px;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:26px;background:linear-gradient(150deg,color-mix(in srgb,var(--primary) 8%,var(--card)),var(--card2));box-shadow:0 18px 44px color-mix(in srgb,#020617 12%,transparent)}
.clothing-wow-page .audit-kpi::after,.resources-wow-page .resources-summary article::after,.teams-wow-page .teams-summary article::after,.destinations-wow-page .destinations-summary article::after,.resources-wow-page .resource-profile-kpis article::after{content:"";position:absolute;right:16px;bottom:14px;width:44px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--primary) 44%,transparent)}
.clothing-wow-page .audit-kpi span,.resources-wow-page .resources-summary article span,.teams-wow-page .teams-summary article span,.destinations-wow-page .destinations-summary article span,.resources-wow-page .resource-profile-kpis article span{color:var(--muted);font-size:11px;font-weight:950;line-height:1.25;text-transform:uppercase}
.clothing-wow-page .audit-kpi strong,.resources-wow-page .resources-summary article strong,.teams-wow-page .teams-summary article strong,.destinations-wow-page .destinations-summary article strong,.resources-wow-page .resource-profile-kpis article strong{color:var(--text);font-size:clamp(30px,2.8vw,48px);line-height:.98}
.clothing-wow-page .filters-card,.resources-wow-page .resources-filter-card,.teams-wow-page .teams-filter-card,.destinations-wow-page .destinations-filter-card{margin:0;padding:16px;border-radius:28px;border-color:color-mix(in srgb,var(--primary) 17%,var(--line));background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));box-shadow:0 18px 48px color-mix(in srgb,#020617 12%,transparent)}
.clothing-wow-page .clothing-filter-grid,.resources-wow-page .resources-filters,.teams-wow-page .teams-filters,.destinations-wow-page .destinations-filters{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));gap:10px;align-items:end}
.resources-wow-page .resources-filters{grid-template-columns:minmax(260px,1.4fr) repeat(5,minmax(130px,.75fr)) auto}
.teams-wow-page .teams-filters,.destinations-wow-page .destinations-filters{grid-template-columns:minmax(260px,1.5fr) repeat(4,minmax(140px,.8fr)) auto}
.clothing-wow-page .clothing-filter-grid label,.resources-wow-page .resources-filters label,.teams-wow-page .teams-filters label,.destinations-wow-page .destinations-filters label{min-width:0;color:var(--muted);font-size:11px;font-weight:950;text-transform:uppercase}
.clothing-wow-page .clothing-filter-grid input,.clothing-wow-page .clothing-filter-grid select,.resources-wow-page .resources-filters input,.resources-wow-page .resources-filters select,.teams-wow-page .teams-filters input,.teams-wow-page .teams-filters select,.destinations-wow-page .destinations-filters input,.destinations-wow-page .destinations-filters select{width:100%;min-height:42px;border:1px solid color-mix(in srgb,var(--primary) 15%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--bg) 78%,var(--card));color:var(--text);font-size:13px;font-weight:830}
.clothing-wow-page .clothing-filters .btn,.resources-wow-page .resources-filters .btn,.teams-wow-page .teams-filters .btn,.destinations-wow-page .destinations-filters .btn{min-height:42px;border-radius:14px}
.clothing-wow-page .clothing-layout{grid-template-columns:minmax(0,1.55fr) minmax(320px,.45fr);gap:16px;align-items:start}
.clothing-wow-page .clothing-rows{display:grid;gap:13px}
.clothing-wow-page .clothing-person-row{gap:14px;padding:16px;border-radius:28px;border-color:color-mix(in srgb,var(--primary) 15%,var(--line));background:linear-gradient(155deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));box-shadow:0 16px 42px color-mix(in srgb,#020617 10%,transparent);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.clothing-wow-page .clothing-person-main{grid-template-columns:62px minmax(0,1fr);gap:13px}
.clothing-wow-page .clothing-avatar{width:62px;height:62px;border-radius:22px;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 14px 30px color-mix(in srgb,var(--primary) 20%,transparent)}
.clothing-wow-page .clothing-person-name{font-size:18px;line-height:1.1;color:var(--text)}
.clothing-wow-page .clothing-size-chips{grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:9px}
.clothing-wow-page .clothing-size-chip{min-height:58px;padding:10px 11px;border-radius:16px;border-color:color-mix(in srgb,var(--primary) 13%,var(--line));background:color-mix(in srgb,var(--bg) 48%,transparent)}
.clothing-wow-page .clothing-size-chip strong{font-size:12px}
.clothing-wow-page .clothing-size-value{font-size:14px;font-weight:950;color:var(--text)}
.clothing-wow-page .clothing-summary-card{position:sticky;top:88px;padding:18px;border-radius:28px;border-color:color-mix(in srgb,var(--primary) 17%,var(--line));background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));box-shadow:0 18px 48px color-mix(in srgb,#020617 12%,transparent)}
.resources-wow-page .resources-grid,.teams-wow-page .teams-grid,.destinations-wow-page .destinations-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin:0}
.resources-wow-page .resources-list-view,.teams-wow-page .teams-list,.destinations-wow-page .destinations-list{display:grid;gap:13px}
.resources-wow-page .resource-card,.teams-wow-page .team-card,.destinations-wow-page .destination-card,.resources-wow-page .resource-mini-card,.teams-wow-page .team-mini-card,.destinations-wow-page .destination-mini-card{position:relative;overflow:hidden;border-radius:28px;border-color:color-mix(in srgb,var(--primary) 15%,var(--line));background:linear-gradient(155deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));box-shadow:0 18px 46px color-mix(in srgb,#020617 11%,transparent);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.resources-wow-page .resource-card::after,.teams-wow-page .team-card::after,.destinations-wow-page .destination-card::after,.resources-wow-page .resource-mini-card::after,.teams-wow-page .team-mini-card::after,.destinations-wow-page .destination-mini-card::after{content:"";position:absolute;right:18px;bottom:18px;width:44px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--primary) 44%,transparent)}
.resources-wow-page .resource-card{grid-template-columns:82px minmax(0,1.2fr) minmax(230px,.55fr) auto;gap:15px;padding:16px}
.resources-wow-page .resource-mini-card,.teams-wow-page .team-mini-card,.destinations-wow-page .destination-mini-card{min-height:260px;padding:18px}
.resources-wow-page .resource-avatar,.resources-wow-page .resource-mini-avatar,.teams-wow-page .team-photo,.teams-wow-page .team-mini-avatar,.destinations-wow-page .destination-image,.destinations-wow-page .destination-mini-avatar{border-radius:24px;border-color:color-mix(in srgb,var(--primary) 17%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 72%,#0f172a 28%),color-mix(in srgb,#10b981 56%,var(--primary2) 44%));box-shadow:0 14px 30px color-mix(in srgb,var(--primary) 18%,transparent)}
.resources-wow-page .resource-avatar{width:74px;height:74px}
.resources-wow-page .resource-mini-avatar,.teams-wow-page .team-mini-avatar,.destinations-wow-page .destination-mini-avatar{width:82px;height:82px}
.teams-wow-page .team-photo,.destinations-wow-page .destination-image{width:82px;height:82px}
.resources-wow-page .resource-title strong,.resources-wow-page .resource-mini-card h2,.teams-wow-page .team-card h2,.teams-wow-page .team-mini-card h2,.destinations-wow-page .destination-card h2,.destinations-wow-page .destination-mini-card h2{color:var(--text);font-size:22px;line-height:1.08}
.resources-wow-page .resource-meta,.resources-wow-page .resource-mini-card p,.teams-wow-page .team-card p,.teams-wow-page .team-mini-card p,.destinations-wow-page .destination-card p,.destinations-wow-page .destination-mini-card p{color:var(--muted);font-size:13px;font-weight:840;line-height:1.4}
.resources-wow-page .resource-details,.teams-wow-page .team-stats,.destinations-wow-page .destination-meta{border-radius:18px;background:color-mix(in srgb,var(--bg) 48%,transparent)}
.resources-wow-page .resource-absence{border-radius:16px;background:color-mix(in srgb,var(--bg) 48%,transparent)}
.resources-wow-page .resource-actions,.teams-wow-page .team-actions,.destinations-wow-page .destination-actions,.resources-wow-page .resource-mini-actions,.teams-wow-page .team-mini-actions,.destinations-wow-page .destination-mini-actions{position:relative;z-index:1;gap:8px}
.resources-wow-page .resource-actions .link-btn,.teams-wow-page .team-actions .link-btn,.destinations-wow-page .destination-actions .link-btn,.resources-wow-page .resource-mini-actions .link-btn,.teams-wow-page .team-mini-actions .link-btn,.destinations-wow-page .destination-mini-actions .link-btn{min-height:36px;border-radius:12px}
.destinations-wow-page .destinations-workspace{grid-template-columns:minmax(0,1.55fr) minmax(320px,.45fr);gap:16px}
.destinations-wow-page .destinations-special-sidebar .card{padding:18px;border-radius:28px;border-color:color-mix(in srgb,var(--primary) 17%,var(--line));background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));box-shadow:0 18px 48px color-mix(in srgb,#020617 12%,transparent)}
.resources-wow-page .form-card,.teams-wow-page .form-card,.destinations-wow-page .form-card{width:100%;max-width:none;margin:0;padding:22px;border-radius:30px;border-color:color-mix(in srgb,var(--primary) 17%,var(--line));background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));box-shadow:0 18px 48px color-mix(in srgb,#020617 12%,transparent)}
.resources-wow-page .resource-form-head h1,.resources-wow-page .resource-form-head h2,.destinations-wow-page .destination-form-head h1,.teams-wow-page .teams-hero h1{color:var(--text);font-size:clamp(32px,3vw,48px);line-height:1}
.resources-wow-page .entity-form,.destinations-wow-page .entity-form,.teams-wow-page .team-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.resources-wow-page .resource-form-grid,.destinations-wow-page .destination-form-grid,.destinations-wow-page .tag-input-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.teams-wow-page .team-form-wide,.resources-wow-page .resource-form > label,.destinations-wow-page .destination-form > label,.resources-wow-page .form-check-list,.destinations-wow-page .toggle-row,.destinations-wow-page .destination-operational-fieldset{grid-column:1/-1}
.resources-wow-page .entity-form label,.destinations-wow-page .entity-form label,.teams-wow-page .team-form > label,.resources-wow-page .resource-linked-user-readonly,.resources-wow-page .form-check-row,.destinations-wow-page .destination-form-grid label,.destinations-wow-page .tag-input-grid label{display:grid;gap:7px;min-width:0;padding:12px;border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--bg) 38%,transparent);color:var(--muted);font-size:12px;font-weight:950}
.resources-wow-page input,.resources-wow-page select,.resources-wow-page textarea,.teams-wow-page input,.teams-wow-page select,.teams-wow-page textarea,.destinations-wow-page input,.destinations-wow-page select,.destinations-wow-page textarea{max-width:100%}
.resources-wow-page .entity-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),.resources-wow-page .entity-form select,.resources-wow-page .entity-form textarea,.teams-wow-page .team-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),.teams-wow-page .team-form select,.teams-wow-page .team-form textarea,.destinations-wow-page .entity-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),.destinations-wow-page .entity-form select,.destinations-wow-page .entity-form textarea{width:100%;min-height:42px;border:1px solid color-mix(in srgb,var(--primary) 15%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--bg) 78%,var(--card));color:var(--text);font-size:13px;font-weight:830}
.resources-wow-page textarea,.teams-wow-page textarea,.destinations-wow-page textarea{min-height:118px;resize:vertical}
.teams-wow-page .color-palette-field,.destinations-wow-page .color-palette-field,.destinations-wow-page .destination-operational-fieldset,.teams-wow-page .team-resource-picker{padding:16px;border:1px solid color-mix(in srgb,var(--primary) 13%,var(--line));border-radius:24px;background:color-mix(in srgb,var(--bg) 42%,transparent)}
.teams-wow-page .color-palette,.destinations-wow-page .color-palette{gap:9px}
.teams-wow-page .color-option,.destinations-wow-page .color-option{border-radius:14px;background:color-mix(in srgb,var(--card2) 84%,transparent)}
.teams-wow-page .team-resource-picker-head{gap:12px}
.teams-wow-page .team-resource-options{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.teams-wow-page .team-resource-option{border-radius:18px;background:color-mix(in srgb,var(--card2) 84%,transparent)}
.teams-wow-page .team-resource-avatar{border-radius:16px}
.destinations-wow-page .destination-photo-preview{width:132px;height:132px;margin:0 0 16px;border-radius:32px;border:1px solid color-mix(in srgb,var(--primary) 17%,var(--line));background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 18px 42px color-mix(in srgb,var(--primary) 22%,transparent)}
.destinations-wow-page .destination-attendance-guided-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.destinations-wow-page .destination-attendance-guided-card{align-items:center;padding:16px;border-radius:22px;border-color:color-mix(in srgb,var(--primary) 16%,var(--line));background:linear-gradient(150deg,color-mix(in srgb,var(--primary) 7%,var(--card)),var(--card2));box-shadow:0 12px 30px color-mix(in srgb,#020617 8%,transparent)}
.destinations-wow-page .destination-attendance-icon{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-weight:950}
.destinations-wow-page .destination-attendance-guided-card strong{color:var(--text);font-size:15px}
.destinations-wow-page .destination-attendance-guided-card p{color:var(--muted);font-size:13px;font-weight:830}
.resources-wow-page .form-actions,.teams-wow-page .form-actions,.destinations-wow-page .form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;margin-top:4px}
.resources-wow-page .form-actions .btn,.resources-wow-page .form-actions .link-btn,.teams-wow-page .form-actions .btn,.teams-wow-page .form-actions .link-btn,.destinations-wow-page .form-actions .btn,.destinations-wow-page .form-actions .link-btn{min-height:42px;border-radius:14px}
.resources-wow-page .resource-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.resources-wow-page .resource-profile-panel{border-radius:28px;border-color:color-mix(in srgb,var(--primary) 15%,var(--line));background:linear-gradient(155deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));box-shadow:0 18px 46px color-mix(in srgb,#020617 11%,transparent)}
.resources-wow-page .resource-profile-panel-wide{grid-column:span 2}
@media (hover:hover) and (pointer:fine){.clothing-wow-page .clothing-person-row:hover,.resources-wow-page .resource-card:hover,.resources-wow-page .resource-mini-card:hover,.teams-wow-page .team-card:hover,.teams-wow-page .team-mini-card:hover,.destinations-wow-page .destination-card:hover,.destinations-wow-page .destination-mini-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary) 38%,var(--line));box-shadow:0 24px 54px color-mix(in srgb,#020617 16%,transparent)}}
@media(max-width:1500px){.resources-wow-page .resources-filters,.teams-wow-page .teams-filters,.destinations-wow-page .destinations-filters,.clothing-wow-page .clothing-filter-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}.resources-wow-page .resource-card{grid-template-columns:74px minmax(0,1fr) minmax(200px,.7fr);}.resources-wow-page .resource-actions{grid-column:2/-1}.resources-wow-page .resource-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1180px){.clothing-wow-page .clothing-hero,.resources-wow-page .resources-hero,.teams-wow-page .teams-hero,.destinations-wow-page .destinations-hero,.resources-wow-page .resource-profile-hero,.clothing-wow-page .clothing-layout,.destinations-wow-page .destinations-workspace{grid-template-columns:1fr}.clothing-wow-page .hero-badges,.resources-wow-page .resources-hero-actions,.teams-wow-page .teams-hero-actions,.destinations-wow-page .destinations-hero-actions,.resources-wow-page .resource-profile-actions{justify-content:flex-start}.clothing-wow-page .audit-kpi-grid,.resources-wow-page .resources-summary,.teams-wow-page .teams-summary,.destinations-wow-page .destinations-summary,.resources-wow-page .resource-profile-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.clothing-wow-page .clothing-summary-card{position:static}.resources-wow-page .resource-card{grid-template-columns:74px minmax(0,1fr)}.resources-wow-page .resource-details,.resources-wow-page .resource-actions{grid-column:2/-1}.resources-wow-page .resource-profile-grid{grid-template-columns:1fr}.resources-wow-page .resource-profile-panel-wide{grid-column:auto}}
@media(max-width:760px){body:has(.clothing-wow-page) .page,body:has(.resources-wow-page) .page,body:has(.teams-wow-page) .page,body:has(.destinations-wow-page) .page{padding-left:12px;padding-right:12px}.clothing-wow-page,.resources-wow-page,.teams-wow-page,.destinations-wow-page{gap:14px}.clothing-wow-page .clothing-hero,.resources-wow-page .resources-hero,.teams-wow-page .teams-hero,.destinations-wow-page .destinations-hero,.resources-wow-page .resource-profile-hero{padding:20px;border-radius:24px}.clothing-wow-page .clothing-hero h1,.resources-wow-page .resources-hero h1,.teams-wow-page .teams-hero h1,.destinations-wow-page .destinations-hero h1,.resources-wow-page .resource-profile-hero h1{font-size:34px}.clothing-wow-page .audit-kpi-grid,.resources-wow-page .resources-summary,.teams-wow-page .teams-summary,.destinations-wow-page .destinations-summary,.resources-wow-page .resource-profile-kpis,.resources-wow-page .resources-filters,.teams-wow-page .teams-filters,.destinations-wow-page .destinations-filters,.clothing-wow-page .clothing-filter-grid,.resources-wow-page .resources-grid,.teams-wow-page .teams-grid,.destinations-wow-page .destinations-grid,.clothing-wow-page .clothing-size-chips,.resources-wow-page .resource-form-grid,.destinations-wow-page .destination-form-grid,.destinations-wow-page .tag-input-grid,.resources-wow-page .entity-form,.destinations-wow-page .entity-form,.teams-wow-page .team-form,.destinations-wow-page .destination-attendance-guided-grid,.teams-wow-page .team-resource-options{grid-template-columns:1fr}.clothing-wow-page .filters-card,.resources-wow-page .resources-filter-card,.teams-wow-page .teams-filter-card,.destinations-wow-page .destinations-filter-card,.resources-wow-page .form-card,.teams-wow-page .form-card,.destinations-wow-page .form-card,.destinations-wow-page .destinations-special-sidebar .card{padding:14px;border-radius:22px}.resources-wow-page .resource-card{grid-template-columns:1fr}.resources-wow-page .resource-details,.resources-wow-page .resource-actions{grid-column:auto}.resources-wow-page .resource-avatar{width:68px;height:68px}.clothing-wow-page .clothing-person-main{grid-template-columns:54px minmax(0,1fr)}.clothing-wow-page .clothing-avatar{width:54px;height:54px;border-radius:18px}.resources-wow-page .form-actions,.teams-wow-page .form-actions,.destinations-wow-page .form-actions{display:grid}.resources-wow-page .form-actions .btn,.resources-wow-page .form-actions .link-btn,.teams-wow-page .form-actions .btn,.teams-wow-page .form-actions .link-btn,.destinations-wow-page .form-actions .btn,.destinations-wow-page .form-actions .link-btn{width:100%;justify-content:center}}

/* KronoSender 2.0 UI - Regression fixes and internal form uniformity. */
.assignments-wow-page .assignments-consult-board{padding:14px}
.assignments-wow-page .assignments-day-list{gap:12px}
.assignments-wow-page .assignments-day-block{gap:9px;padding:10px;border-radius:20px}
.assignments-wow-page .assignments-day-block>h2{margin:0;font-size:18px;line-height:1.12}
.assignments-wow-page .assignments-destination-grid{grid-template-columns:repeat(auto-fit,minmax(560px,1fr));gap:10px}
.assignments-wow-page .assignments-destination-card{gap:8px;padding:10px;border-radius:18px}
.assignments-wow-page .assignments-destination-card header{align-items:center;padding-bottom:7px}
.assignments-wow-page .assignments-destination-card h3{font-size:17px;line-height:1.08}
.assignments-wow-page .assignments-destination-card p{margin-top:2px;font-size:11px;line-height:1.2}
.assignments-wow-page .assignments-destination-card-badges{gap:5px}
.assignments-wow-page .assignments-employee-list{gap:6px}
.assignments-wow-page .assignments-employee-row{grid-template-columns:92px minmax(260px,1fr) minmax(270px,.9fr) max-content;gap:9px;min-height:54px;padding:7px 9px;border-radius:14px;align-items:center;word-break:normal;overflow-wrap:normal}
.assignments-wow-page .assignments-employee-time{min-height:40px;padding:6px 7px;border-radius:12px}
.assignments-wow-page .assignments-employee-time strong{display:block;white-space:nowrap;font-size:12px;line-height:1.05}
.assignments-wow-page .assignments-employee-time small{font-size:10px}
.assignments-wow-page .assignments-employee-main{min-width:0;display:grid;gap:2px;word-break:normal;overflow-wrap:normal}
.assignments-wow-page .assignments-employee-main strong{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:1.12;word-break:normal;overflow-wrap:normal}
.assignments-wow-page .assignments-employee-main small,.assignments-wow-page .assignments-employee-main em{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;line-height:1.15;word-break:normal;overflow-wrap:normal}
.assignments-wow-page .assignments-employee-meta{min-width:0;display:flex;flex-wrap:nowrap;gap:5px;align-items:center;overflow:hidden}
.assignments-wow-page .assignments-employee-meta .badge,.assignments-wow-page .assignments-employee-meta small{flex:0 1 auto;max-width:120px;min-height:26px;padding:5px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;line-height:1.05}
.assignments-wow-page .assignments-secondary-actions{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:4px}
.assignments-wow-page .assignments-actions .icon-btn{width:30px;height:30px;border-radius:10px}
.assignments-wow-page .inline-delete-form{display:inline-flex;margin:0}
.resources-wow-page .resource-card{grid-template-columns:116px minmax(0,1fr);align-items:start;min-height:0;padding:14px}
.resources-wow-page .resource-avatar{width:104px;height:104px;border-radius:28px}
.resources-wow-page .resource-mini-avatar{width:110px;height:110px;border-radius:30px}
.resources-wow-page .resource-avatar .anniversary-medal{width:42px;height:42px;top:-7px;right:-8px}
.resources-wow-page .resource-avatar .anniversary-medal-number{font-size:14px}
.resources-wow-page .resource-avatar .anniversary-medal-label{font-size:6px}
.resources-wow-page .resource-avatar .anniversary-medal-ribbon{width:22px;height:14px;bottom:-9px}
.resources-wow-page .resource-main{min-width:0}
.destinations-wow-page .destination-card{grid-template-columns:170px minmax(0,1fr);align-items:start;padding:16px}
.destinations-wow-page .destination-image{width:156px;height:118px;border-radius:24px;background:color-mix(in srgb,var(--bg) 46%,var(--card));padding:10px}
.destinations-wow-page .destination-image img,.destinations-wow-page .destination-mini-avatar img,.destinations-wow-page .destination-photo-preview img{width:100%;height:100%;object-fit:contain!important;display:block;border-radius:inherit}
.destinations-wow-page .destination-mini-card{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:start;gap:14px;min-height:0}
.destinations-wow-page .destination-mini-avatar{width:108px;height:92px;border-radius:24px;background:color-mix(in srgb,var(--bg) 46%,var(--card));padding:9px}
.destinations-wow-page .destination-mini-body{min-width:0}
.vehicles-form-wow-page,.requirements-form-wow-page,.resources-form-wow-page,.teams-form-wow-page,.destinations-form-wow-page{width:min(100%,1640px)}
.vehicles-wow-page .vehicles-form-hero,.requirements-wow-page .requirements-form-hero{min-height:0;padding:24px;border-radius:30px}
.vehicles-wow-page .vehicles-form-hero h1,.requirements-wow-page .requirements-form-hero h1{font-size:clamp(34px,3.5vw,56px)}
.vehicles-wow-page .vehicle-form-card,.requirements-wow-page .requirement-form-card,.resources-wow-page .resource-form-card,.teams-wow-page .team-form-card,.destinations-wow-page .destination-form-card{padding:24px;border-radius:30px}
.vehicles-wow-page .vehicle-form,.requirements-wow-page .requirement-form,.resources-wow-page .resource-form,.teams-wow-page .team-form,.destinations-wow-page .destination-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.vehicles-wow-page .vehicle-form label,.requirements-wow-page .requirement-form label,.resources-wow-page .resource-form-grid label,.teams-wow-page .team-form > label,.destinations-wow-page .destination-form-grid label,.destinations-wow-page .tag-input-grid label{min-height:78px}
.vehicles-wow-page .vehicle-form label:has(textarea),.requirements-wow-page .requirement-form label:has(textarea),.resources-wow-page .resource-form > label:has(textarea),.destinations-wow-page .destination-form > label:has(textarea){grid-column:1/-1;min-height:0}
.vehicles-wow-page .vehicle-custom-fields-form,.vehicles-wow-page .vehicle-custom-fields-grid,.requirements-wow-page .requirement-custom-values,.requirements-wow-page .vehicle-custom-fields-grid,.resources-wow-page .resource-form-grid,.destinations-wow-page .destination-form-grid,.destinations-wow-page .tag-input-grid,.teams-wow-page .team-form-wide,.teams-wow-page .color-palette-field,.destinations-wow-page .color-palette-field,.destinations-wow-page .destination-operational-fieldset{grid-column:1/-1}
.vehicles-wow-page .vehicle-custom-fields-grid,.requirements-wow-page .requirement-custom-values,.resources-wow-page .resource-form-grid,.destinations-wow-page .destination-form-grid,.destinations-wow-page .tag-input-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.vehicles-wow-page .vehicle-form-preview,.requirements-wow-page .requirement-file-preview,.teams-wow-page .team-photo-current{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:14px;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));border-radius:22px;background:color-mix(in srgb,var(--bg) 42%,transparent)}
.vehicles-wow-page .vehicle-form-preview img{width:220px;max-height:150px;object-fit:contain;border-radius:18px}
.destinations-wow-page .destination-photo-preview{display:grid;place-items:center}
.destinations-wow-page .destination-photo-preview img{padding:10px;background:color-mix(in srgb,var(--bg) 48%,var(--card))}
.resources-wow-page .resource-photo-preview{width:132px;height:132px;border-radius:30px}
.teams-wow-page .team-resource-picker-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.35fr);align-items:end}
.teams-wow-page .team-resource-picker-head input{min-height:42px}
@media(max-width:1500px){.assignments-wow-page .assignments-destination-grid{grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.assignments-wow-page .assignments-employee-row{grid-template-columns:88px minmax(220px,1fr) minmax(220px,.85fr) max-content}.vehicles-wow-page .vehicle-form,.requirements-wow-page .requirement-form,.resources-wow-page .resource-form,.teams-wow-page .team-form,.destinations-wow-page .destination-form,.vehicles-wow-page .vehicle-custom-fields-grid,.requirements-wow-page .requirement-custom-values,.resources-wow-page .resource-form-grid,.destinations-wow-page .destination-form-grid,.destinations-wow-page .tag-input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.assignments-wow-page .assignments-destination-grid{grid-template-columns:1fr}.assignments-wow-page .assignments-employee-row{grid-template-columns:86px minmax(0,1fr) max-content}.assignments-wow-page .assignments-employee-meta{grid-column:2/-1}.assignments-wow-page .assignments-actions{grid-column:3;grid-row:1}.destinations-wow-page .destination-card{grid-template-columns:140px minmax(0,1fr)}.destinations-wow-page .destination-image{width:126px;height:100px}.resources-wow-page .resource-card{grid-template-columns:104px minmax(0,1fr)}.resources-wow-page .resource-avatar{width:96px;height:96px}}
@media(max-width:760px){.assignments-wow-page .assignments-destination-card{padding:9px}.assignments-wow-page .assignments-employee-row{grid-template-columns:82px minmax(0,1fr);gap:7px}.assignments-wow-page .assignments-employee-main strong{white-space:nowrap}.assignments-wow-page .assignments-employee-meta{grid-column:1/-1;flex-wrap:wrap}.assignments-wow-page .assignments-actions{grid-column:1/-1;grid-row:auto;justify-content:flex-start}.resources-wow-page .resource-card,.destinations-wow-page .destination-card,.destinations-wow-page .destination-mini-card{grid-template-columns:1fr}.resources-wow-page .resource-avatar,.resources-wow-page .resource-mini-avatar{width:88px;height:88px}.destinations-wow-page .destination-image,.destinations-wow-page .destination-mini-avatar{width:100%;max-width:180px;height:112px}.vehicles-wow-page .vehicle-form,.requirements-wow-page .requirement-form,.resources-wow-page .resource-form,.teams-wow-page .team-form,.destinations-wow-page .destination-form,.vehicles-wow-page .vehicle-custom-fields-grid,.requirements-wow-page .requirement-custom-values,.resources-wow-page .resource-form-grid,.destinations-wow-page .destination-form-grid,.destinations-wow-page .tag-input-grid,.teams-wow-page .team-resource-picker-head{grid-template-columns:1fr}.vehicles-wow-page .vehicle-form-card,.requirements-wow-page .requirement-form-card,.resources-wow-page .resource-form-card,.teams-wow-page .team-form-card,.destinations-wow-page .destination-form-card{padding:14px;border-radius:22px}.vehicles-wow-page .vehicle-form-preview img{width:100%;max-width:260px}}

/* KronoSender 2.0 UI - Structural fix for Assignments compact operations layout. */
.assignments-wow-page .assignments-ops-board{display:grid;gap:12px;padding:14px;border:1px solid color-mix(in srgb,var(--primary) 15%,var(--line));border-radius:26px;background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 4%));box-shadow:0 18px 48px color-mix(in srgb,#020617 12%,transparent);overflow:hidden}
.assignments-wow-page .assignments-ops-title,.assignments-wow-page .assignments-ops-day-head,.assignments-wow-page .assignments-ops-destination-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.assignments-wow-page .assignments-ops-title{padding:0 2px 4px}
.assignments-wow-page .assignments-ops-title h2{margin:3px 0 0;color:var(--text);font-size:24px;line-height:1.08}
.assignments-wow-page .assignments-ops-title .badge,.assignments-wow-page .assignments-ops-day-head .badge{flex:0 0 auto;min-width:42px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;font-weight:950}
.assignments-wow-page .assignments-ops-day-list{display:grid;gap:12px}
.assignments-wow-page .assignments-ops-day{display:grid;gap:8px;padding:10px;border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));border-radius:20px;background:color-mix(in srgb,var(--bg) 34%,transparent);min-width:0}
.assignments-wow-page .assignments-ops-day-head{padding:0 2px}
.assignments-wow-page .assignments-ops-day-head h2{margin:2px 0 0;color:var(--text);font-size:18px;line-height:1.1}
.assignments-wow-page .assignments-ops-destinations{display:grid;grid-template-columns:1fr;gap:9px;min-width:0}
.assignments-wow-page .assignments-ops-destination{display:grid;gap:0;min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 13%,var(--line));border-radius:18px;background:linear-gradient(155deg,var(--card),color-mix(in srgb,var(--card2) 95%,var(--primary) 3%));box-shadow:0 9px 24px color-mix(in srgb,#020617 7%,transparent)}
.assignments-wow-page .assignments-ops-destination.is-special{border-color:color-mix(in srgb,#f59e0b 40%,var(--line));background:linear-gradient(155deg,color-mix(in srgb,#f59e0b 8%,var(--card)),var(--card2))}
.assignments-wow-page .assignments-ops-destination-head{min-height:48px;padding:8px 10px;border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent);background:color-mix(in srgb,var(--bg) 36%,transparent)}
.assignments-wow-page .assignments-ops-destination-head h3{max-width:100%;margin:0;color:var(--text);font-size:16px;line-height:1.12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.assignments-wow-page .assignments-ops-destination-head p{max-width:100%;margin:2px 0 0;color:var(--muted);font-size:12px;font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.assignments-wow-page .assignments-ops-destination-head>div:first-child{min-width:0}
.assignments-wow-page .assignments-ops-destination-badges{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}
.assignments-wow-page .assignments-ops-destination-badges .badge{min-height:26px;padding:5px 8px;border-radius:10px;font-size:11px;font-weight:930}
.assignments-wow-page .assignments-ops-table{display:grid;min-width:0}
.assignments-wow-page .assignments-ops-table-head,.assignments-wow-page .assignments-ops-row{display:grid;grid-template-columns:104px minmax(260px,1.35fr) minmax(150px,.75fr) minmax(250px,1.05fr) max-content;gap:10px;align-items:center;min-width:0}
.assignments-wow-page .assignments-ops-table-head{min-height:30px;padding:0 10px;color:var(--muted);font-size:10px;font-weight:950;letter-spacing:.025em;text-transform:uppercase;background:color-mix(in srgb,var(--card2) 72%,transparent)}
.assignments-wow-page .assignments-ops-table-head span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.assignments-wow-page .assignments-ops-row{min-height:58px;padding:7px 10px;border-top:1px solid color-mix(in srgb,var(--line) 64%,transparent);background:color-mix(in srgb,var(--bg) 20%,transparent);transition:background .16s ease,border-color .16s ease}
.assignments-wow-page .assignments-ops-row:nth-child(even){background:color-mix(in srgb,var(--bg) 32%,transparent)}
.assignments-wow-page .assignments-ops-time{min-width:0;display:grid;place-content:center;min-height:38px;padding:6px 7px;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--card2) 84%,transparent);text-align:center}
.assignments-wow-page .assignments-ops-time strong{display:block;color:var(--text);font-size:12px;line-height:1.05;white-space:nowrap}
.assignments-wow-page .assignments-ops-time small{display:block;margin-top:2px;color:var(--muted);font-size:10px;font-weight:900;white-space:nowrap}
.assignments-wow-page .assignments-ops-person,.assignments-wow-page .assignments-ops-team,.assignments-wow-page .assignments-ops-badges{min-width:0}
.assignments-wow-page .assignments-ops-person{display:grid;gap:2px}
.assignments-wow-page .assignments-ops-person strong,.assignments-wow-page .assignments-ops-person small,.assignments-wow-page .assignments-ops-person em,.assignments-wow-page .assignments-ops-team span{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal;overflow-wrap:normal}
.assignments-wow-page .assignments-ops-person strong{color:var(--text);font-size:14px;line-height:1.12}
.assignments-wow-page .assignments-ops-person small,.assignments-wow-page .assignments-ops-person em{color:var(--muted);font-size:11px;line-height:1.16;font-style:normal}
.assignments-wow-page .assignments-ops-team{display:flex;align-items:center;gap:6px;overflow:hidden}
.assignments-wow-page .assignments-ops-team span{color:var(--text);font-size:12px;font-weight:900}
.assignments-wow-page .assignments-ops-team .badge{flex:0 1 auto;max-width:130px;min-height:24px;padding:4px 7px;border-radius:9px;font-size:10px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.assignments-wow-page .assignments-ops-badges{display:flex;align-items:center;gap:5px;overflow:hidden}
.assignments-wow-page .assignments-ops-badges .badge,.assignments-wow-page .assignments-ops-badges small{flex:0 1 auto;max-width:132px;min-height:25px;padding:5px 7px;border-radius:9px;font-size:10px;font-weight:930;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.assignments-wow-page .assignments-ops-badges small{display:inline-flex;align-items:center;color:var(--muted);border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));background:color-mix(in srgb,var(--card2) 70%,transparent)}
.assignments-wow-page .assignments-ops-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:100px;white-space:nowrap}
.assignments-wow-page .assignments-ops-actions .icon-btn{width:30px;height:30px;border-radius:10px;flex:0 0 auto}
.assignments-wow-page .assignments-ops-actions .inline-delete-form{display:inline-flex;margin:0}
@media (hover:hover) and (pointer:fine){.assignments-wow-page .assignments-ops-row:hover{background:color-mix(in srgb,var(--primary) 7%,var(--card2));border-color:color-mix(in srgb,var(--primary) 18%,var(--line))}}
@media(max-width:1366px){.assignments-wow-page .assignments-ops-table-head,.assignments-wow-page .assignments-ops-row{grid-template-columns:94px minmax(220px,1.25fr) minmax(128px,.62fr) minmax(210px,.98fr) max-content;gap:8px}.assignments-wow-page .assignments-ops-badges .badge,.assignments-wow-page .assignments-ops-badges small{max-width:108px}.assignments-wow-page .assignments-ops-team .badge{max-width:104px}}
@media(max-width:1100px){.assignments-wow-page .assignments-ops-table-head{display:none}.assignments-wow-page .assignments-ops-row{grid-template-columns:92px minmax(0,1fr) max-content;gap:8px;align-items:start}.assignments-wow-page .assignments-ops-team,.assignments-wow-page .assignments-ops-badges{grid-column:2/-1}.assignments-wow-page .assignments-ops-actions{grid-column:3;grid-row:1 / span 2}.assignments-wow-page .assignments-ops-badges{flex-wrap:wrap;overflow:visible}.assignments-wow-page .assignments-ops-badges .badge,.assignments-wow-page .assignments-ops-badges small{max-width:180px}.assignments-wow-page .assignments-ops-destination-head{align-items:flex-start}}
@media(max-width:760px){.assignments-wow-page .assignments-ops-board{padding:10px;border-radius:20px}.assignments-wow-page .assignments-ops-title,.assignments-wow-page .assignments-ops-day-head,.assignments-wow-page .assignments-ops-destination-head{align-items:flex-start}.assignments-wow-page .assignments-ops-title,.assignments-wow-page .assignments-ops-destination-head{display:grid;grid-template-columns:1fr auto}.assignments-wow-page .assignments-ops-row{grid-template-columns:86px minmax(0,1fr);min-height:0;padding:8px}.assignments-wow-page .assignments-ops-actions{grid-column:1/-1;grid-row:auto;justify-content:flex-start;min-width:0}.assignments-wow-page .assignments-ops-team,.assignments-wow-page .assignments-ops-badges{grid-column:1/-1}.assignments-wow-page .assignments-ops-destination-badges{justify-content:flex-start}.assignments-wow-page .assignments-ops-badges .badge,.assignments-wow-page .assignments-ops-badges small,.assignments-wow-page .assignments-ops-team .badge{max-width:100%}}

/* KronoSender UI V3.1 - Resources/Dipendenti V2 completion. */
.resources-design-v2{
    --resources-v2-panel:linear-gradient(155deg,var(--card),color-mix(in srgb,var(--card2) 93%,var(--primary) 5%));
    --resources-v2-line:color-mix(in srgb,var(--primary) 16%,var(--line));
}
.resources-design-v2 .resources-hero,
.resources-design-v2 .resource-profile-hero{
    min-height:0;
    padding:clamp(20px,2vw,28px);
    border-radius:30px;
}
.resources-design-v2 .resources-hero h1,
.resources-design-v2 .resource-profile-hero h1{
    font-size:clamp(36px,3.5vw,58px);
}
.resources-design-v2 .resources-hero-actions,
.resources-design-v2 .resource-profile-actions{
    align-self:center;
}
.resources-design-v2 .resources-summary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}
.resources-design-v2 .resources-summary article{
    min-height:86px;
    padding:14px 16px;
    border-radius:22px;
}
.resources-design-v2 .resources-summary article strong{
    font-size:clamp(28px,2.4vw,40px);
}
.resources-design-v2 .resources-filter-card{
    padding:14px;
}
.resources-design-v2 .resources-filters{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
}
.resources-design-v2 .resources-filter-main{
    display:grid;
    grid-template-columns:minmax(260px,1fr) minmax(150px,.22fr) auto;
    gap:10px;
    align-items:center;
}
.resources-design-v2 .resources-filter-main input,
.resources-design-v2 .resources-filter-main select{
    width:100%;
    min-height:46px;
    border:1px solid var(--resources-v2-line);
    border-radius:16px;
    background:color-mix(in srgb,var(--bg) 78%,var(--card));
    color:var(--text);
    font-size:14px;
    font-weight:820;
}
.resources-design-v2 .resources-advanced-filters{
    position:relative;
    min-width:0;
}
.resources-design-v2 .resources-advanced-filters summary{
    display:inline-flex;
    align-items:center;
    min-height:40px;
    padding:8px 13px;
    border:1px solid var(--resources-v2-line);
    border-radius:14px;
    background:color-mix(in srgb,var(--bg) 56%,transparent);
    color:var(--text);
    font-size:12px;
    font-weight:930;
    cursor:pointer;
    list-style:none;
}
.resources-design-v2 .resources-advanced-filters summary::-webkit-details-marker,
.resources-design-v2 .resources-actions-menu summary::-webkit-details-marker{display:none}
.resources-design-v2 .resources-advanced-filters summary::after{
    content:"+";
    margin-left:9px;
    color:var(--primary);
}
.resources-design-v2 .resources-advanced-filters[open] summary::after{content:"-"}
.resources-design-v2 .resources-advanced-panel{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:10px;
    margin-top:10px;
    padding:12px;
    border:1px solid var(--resources-v2-line);
    border-radius:20px;
    background:color-mix(in srgb,var(--bg) 40%,transparent);
}
.resources-design-v2 .resources-advanced-panel label{
    display:grid;
    gap:6px;
    min-width:0;
}
.resources-design-v2 .resources-check-filter{
    display:flex!important;
    align-items:center;
    gap:8px;
    min-height:40px;
    padding:9px 11px;
    border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));
    border-radius:14px;
    background:color-mix(in srgb,var(--card2) 60%,transparent);
}
.resources-design-v2 .resource-card{
    grid-template-columns:104px minmax(0,1fr) auto;
    align-items:center;
    gap:14px;
    padding:14px;
}
.resources-design-v2 .resource-avatar{
    width:94px;
    height:94px;
}
.resources-design-v2 .resource-head{
    gap:10px;
}
.resources-design-v2 .resource-details{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
    gap:6px;
    padding:10px;
}
.resources-design-v2 .resource-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
}
.resources-design-v2 .resources-actions-menu{
    position:relative;
}
.resources-design-v2 .resources-actions-menu summary{
    display:grid;
    place-items:center;
    width:36px;
    height:36px;
    border:1px solid var(--resources-v2-line);
    border-radius:13px;
    background:color-mix(in srgb,var(--bg) 58%,transparent);
    color:var(--text);
    font-size:18px;
    font-weight:950;
    cursor:pointer;
    list-style:none;
}
.resources-design-v2 .resources-actions-menu div{
    position:absolute;
    right:0;
    bottom:calc(100% + 8px);
    z-index:12;
    display:grid;
    gap:6px;
    min-width:180px;
    padding:8px;
    border:1px solid var(--resources-v2-line);
    border-radius:16px;
    background:var(--card);
    box-shadow:0 18px 42px color-mix(in srgb,#020617 18%,transparent);
}
.resources-design-v2 .resources-actions-menu .inline-form{
    margin:0;
}
.resources-design-v2 .resources-actions-menu .link-btn{
    width:100%;
    justify-content:center;
}
.resources-design-v2.resources-v2-form-page,
.resources-design-v2.resources-fields-v2,
.resources-design-v2.resources-delete-v2{
    width:min(100%,1880px);
}
.resources-design-v2 .resource-form-card{
    padding:16px;
    border:0;
    border-radius:30px;
    background:color-mix(in srgb,var(--card) 72%,transparent);
}
.resources-design-v2 .resources-v2-panel,
.resources-design-v2 .resources-v2-field-form,
.resources-design-v2 .resources-danger-panel{
    position:relative;
    border:0;
    border-radius:28px;
    background:var(--resources-v2-panel);
    box-shadow:0 18px 46px color-mix(in srgb,#020617 9%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--line) 64%,transparent);
}
.resources-design-v2 .resources-v2-panel::before,
.resources-design-v2 .resources-danger-panel::before{
    content:"";
    position:absolute;
    left:16px;
    right:16px;
    top:0;
    height:4px;
    border-radius:0 0 999px 999px;
    background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary2) 70%,#10b981 30%));
}
.resources-design-v2 .resources-v2-panel-profile::before{background:linear-gradient(90deg,#10b981,var(--primary))}
.resources-design-v2 .resources-v2-panel-details::before{background:linear-gradient(90deg,#f59e0b,var(--primary2))}
.resources-design-v2 .resources-danger-panel::before{background:linear-gradient(90deg,#ef4444,#f59e0b)}
.resources-design-v2 .resource-delete-status-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin:14px 0;
}
.resources-design-v2 .resource-delete-status-grid > div,
.resources-design-v2 .resource-delete-dependencies{
    min-width:0;
    padding:12px;
    border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));
    border-radius:18px;
    background:color-mix(in srgb,var(--bg) 48%,transparent);
}
.resources-design-v2 .resource-delete-status-grid span,
.resources-design-v2 .resource-delete-dependencies > strong{
    display:block;
    color:var(--muted);
    font-size:11px;
    font-weight:950;
    letter-spacing:.04em;
    text-transform:uppercase;
}
.resources-design-v2 .resource-delete-status-grid strong{
    display:inline-flex;
    margin-top:6px;
    font-size:15px;
}
.resources-design-v2 .resource-delete-dependencies{
    display:grid;
    gap:10px;
    margin-bottom:14px;
}
.resources-design-v2 .resource-delete-dependencies p{
    margin:0;
    color:var(--muted);
    font-weight:850;
}
.resources-design-v2 .resource-delete-dependency-list{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
    gap:8px;
}
.resources-design-v2 .resource-delete-dependency-list article{
    min-width:0;
    padding:11px;
    border:1px solid color-mix(in srgb,#ef4444 20%,var(--line));
    border-radius:16px;
    background:color-mix(in srgb,#ef4444 6%,var(--card));
}
.resources-design-v2 .resource-delete-dependency-list span,
.resources-design-v2 .resource-delete-dependency-list strong,
.resources-design-v2 .resource-delete-dependency-list small{
    display:block;
}
.resources-design-v2 .resource-delete-dependency-list span{
    color:var(--text);
    font-size:13px;
    font-weight:950;
}
.resources-design-v2 .resource-delete-dependency-list strong{
    margin-top:4px;
    font-size:22px;
    line-height:1;
    font-variant-numeric:tabular-nums;
}
.resources-design-v2 .resource-delete-dependency-list small{
    margin-top:6px;
    color:var(--muted);
    font-size:12px;
    font-weight:800;
    line-height:1.35;
}
@media(max-width:760px){
    .resources-design-v2 .resource-delete-status-grid,
    .resources-design-v2 .resource-delete-dependency-list{
        grid-template-columns:1fr;
    }
}
.resources-design-v2 .resource-form.ks-wide-form{
    grid-template-columns:none;
}
.resources-design-v2 .resource-form.ks-wide-form label,
.resources-design-v2 .resource-form.ks-wide-form .resource-linked-user-readonly,
.resources-design-v2 .resource-form.ks-wide-form .resource-technical-note{
    min-height:0;
}
.resources-design-v2 .resource-form.ks-wide-form .vehicle-custom-fields-form,
.resources-design-v2 .resource-form.ks-wide-form .vehicle-custom-fields-grid{
    grid-column:auto;
}
.resources-design-v2 .resources-v2-edit-form{
    grid-template-columns:1fr;
}
.resources-design-v2 .resources-v2-edit-form .resource-form-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.resources-design-v2 .resources-v2-field-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.resources-design-v2 .custom-fields-grid{
    grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
}
.resources-design-v2 .custom-field-card{
    min-height:0;
    padding:16px;
    border-radius:24px;
}
.resources-design-v2 .custom-fields-empty,
.resources-design-v2 .resources-empty{
    padding:28px;
    border-radius:26px;
    text-align:center;
    color:var(--muted);
    font-weight:900;
}
@media (hover:hover) and (pointer:fine){
    .resources-design-v2 .resource-card:hover,
    .resources-design-v2 .resource-mini-card:hover,
    .resources-design-v2 .custom-field-card:hover{
        transform:translateY(-3px);
        border-color:color-mix(in srgb,var(--primary) 38%,var(--line));
        box-shadow:0 24px 54px color-mix(in srgb,#020617 16%,transparent);
    }
}
@media (prefers-reduced-motion:reduce){
    .resources-design-v2 .resource-card,
    .resources-design-v2 .resource-mini-card,
    .resources-design-v2 .custom-field-card{
        transition:none!important;
        animation:none!important;
    }
}
@media(max-width:1500px){
    .resources-design-v2 .resources-v2-edit-form .resource-form-grid,
    .resources-design-v2 .resources-v2-field-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:1180px){
    .resources-design-v2 .resources-summary{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .resources-design-v2 .resource-card{
        grid-template-columns:92px minmax(0,1fr);
    }
    .resources-design-v2 .resource-actions{
        grid-column:2/-1;
        justify-content:flex-start;
    }
}
@media(max-width:760px){
    .resources-design-v2 .resources-filter-main,
    .resources-design-v2 .resources-summary,
    .resources-design-v2 .resources-v2-edit-form .resource-form-grid,
    .resources-design-v2 .resources-v2-field-grid{
        grid-template-columns:1fr;
    }
    .resources-design-v2 .resource-card{
        grid-template-columns:1fr;
    }
    .resources-design-v2 .resource-actions{
        grid-column:auto;
    }
    .resources-design-v2 .resources-actions-menu div{
        left:0;
        right:auto;
    }
}

/* KronoSender UI V3.2 - Destinations/Cantieri V2 completion. */
.destinations-design-v2{
    --destinations-v2-panel:linear-gradient(155deg,var(--card),color-mix(in srgb,var(--card2) 93%,var(--primary) 5%));
    --destinations-v2-line:color-mix(in srgb,var(--primary) 16%,var(--line));
}
.destinations-design-v2 .destinations-hero{
    min-height:0;
    padding:clamp(20px,2vw,28px);
    border-radius:30px;
}
.destinations-design-v2 .destinations-hero h1{
    font-size:clamp(36px,3.5vw,58px);
}
.destinations-design-v2 .destinations-hero-actions{
    align-self:center;
}
.destinations-design-v2 .destinations-summary{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
}
.destinations-design-v2 .destinations-summary article{
    min-height:86px;
    padding:14px 16px;
    border-radius:22px;
}
.destinations-design-v2 .destinations-summary article strong{
    font-size:clamp(28px,2.3vw,40px);
}
.destinations-design-v2 .destinations-filter-card{
    padding:14px;
}
.destinations-design-v2 .destinations-filters{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
}
.destinations-design-v2 .destinations-filter-main{
    display:grid;
    grid-template-columns:minmax(280px,1fr) minmax(170px,.24fr) auto;
    gap:10px;
    align-items:center;
}
.destinations-design-v2 .destinations-filter-main .live-search-wrap{
    min-width:0;
}
.destinations-design-v2 .destinations-filter-main input,
.destinations-design-v2 .destinations-filter-main select{
    width:100%;
    min-height:46px;
    border:1px solid var(--destinations-v2-line);
    border-radius:16px;
    background:color-mix(in srgb,var(--bg) 78%,var(--card));
    color:var(--text);
    font-size:14px;
    font-weight:820;
}
.destinations-design-v2 .destinations-advanced-filters{
    min-width:0;
}
.destinations-design-v2 .destinations-advanced-filters summary{
    display:inline-flex;
    align-items:center;
    min-height:40px;
    padding:8px 13px;
    border:1px solid var(--destinations-v2-line);
    border-radius:14px;
    background:color-mix(in srgb,var(--bg) 56%,transparent);
    color:var(--text);
    font-size:12px;
    font-weight:930;
    cursor:pointer;
    list-style:none;
}
.destinations-design-v2 .destinations-advanced-filters summary::-webkit-details-marker,
.destinations-design-v2 .destinations-actions-menu summary::-webkit-details-marker{display:none}
.destinations-design-v2 .destinations-advanced-filters summary::after{
    content:"+";
    margin-left:9px;
    color:var(--primary);
}
.destinations-design-v2 .destinations-advanced-filters[open] summary::after{content:"-"}
.destinations-design-v2 .destinations-advanced-panel{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:10px;
    margin-top:10px;
    padding:12px;
    border:1px solid var(--destinations-v2-line);
    border-radius:20px;
    background:color-mix(in srgb,var(--bg) 40%,transparent);
}
.destinations-design-v2 .destinations-advanced-panel label{
    display:grid;
    gap:6px;
    min-width:0;
}
.destinations-design-v2 .destinations-check-filter{
    display:flex!important;
    align-items:center;
    gap:8px;
    min-height:40px;
    padding:9px 11px;
    border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));
    border-radius:14px;
    background:color-mix(in srgb,var(--card2) 60%,transparent);
}
.destinations-design-v2 .destination-card{
    grid-template-columns:160px minmax(0,1fr) auto;
    align-items:center;
    gap:14px;
}
.destinations-design-v2 .destination-main,
.destinations-design-v2 .destination-mini-body{
    min-width:0;
}
.destinations-design-v2 .destination-details,
.destinations-design-v2 .destination-mini-meta{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
    gap:6px;
    padding:10px;
}
.destinations-design-v2 .destination-actions,
.destinations-design-v2 .destination-mini-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
}
.destinations-design-v2 .destinations-actions-menu{
    position:relative;
}
.destinations-design-v2 .destinations-actions-menu summary{
    display:grid;
    place-items:center;
    width:36px;
    height:36px;
    border:1px solid var(--destinations-v2-line);
    border-radius:13px;
    background:color-mix(in srgb,var(--bg) 58%,transparent);
    color:var(--text);
    font-size:18px;
    font-weight:950;
    cursor:pointer;
    list-style:none;
}
.destinations-design-v2 .destinations-actions-menu div{
    position:absolute;
    right:0;
    bottom:calc(100% + 8px);
    z-index:12;
    display:grid;
    gap:6px;
    min-width:190px;
    padding:8px;
    border:1px solid var(--destinations-v2-line);
    border-radius:16px;
    background:var(--card);
    box-shadow:0 18px 42px color-mix(in srgb,#020617 18%,transparent);
}
.destinations-design-v2 .destinations-actions-menu .inline-form{
    margin:0;
}
.destinations-design-v2 .destinations-actions-menu .link-btn{
    width:100%;
    justify-content:center;
}
.destinations-design-v2.destinations-v2-form-page,
.destinations-design-v2.destinations-fields-v2,
.destinations-design-v2.destinations-delete-v2,
.destinations-design-v2.destinations-qr-v2{
    width:min(100%,1880px);
}
.destinations-design-v2 .destination-form-card,
.destinations-design-v2 .destinations-v2-field-form,
.destinations-design-v2 .destinations-danger-panel,
.destinations-design-v2 .destinations-qr-panel{
    position:relative;
    border:0;
    border-radius:30px;
    background:var(--destinations-v2-panel);
    box-shadow:0 18px 46px color-mix(in srgb,#020617 9%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--line) 64%,transparent);
}
.destinations-design-v2 .destination-form-card::before,
.destinations-design-v2 .destinations-danger-panel::before,
.destinations-design-v2 .destinations-qr-panel::before{
    content:"";
    position:absolute;
    left:18px;
    right:18px;
    top:0;
    height:4px;
    border-radius:0 0 999px 999px;
    background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary2) 70%,#10b981 30%));
}
.destinations-design-v2 .destinations-danger-panel::before{background:linear-gradient(90deg,#ef4444,#f59e0b)}
.destinations-design-v2 .destination-form-head{
    margin-bottom:12px;
}
.destinations-design-v2 .destinations-v2-form{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}
.destinations-design-v2 .destinations-v2-form .destination-form-grid,
.destinations-design-v2 .destinations-v2-form .tag-input-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.destinations-design-v2 .destinations-v2-form .destination-operational-fieldset,
.destinations-design-v2 .destinations-v2-form .vehicle-custom-fields-form,
.destinations-design-v2 .destinations-v2-form .vehicle-custom-fields-grid,
.destinations-design-v2 .destinations-v2-form > label,
.destinations-design-v2 .destinations-v2-form .toggle-row,
.destinations-design-v2 .destinations-v2-form .form-actions{
    grid-column:1/-1;
}
.destinations-design-v2 .destinations-v2-form label,
.destinations-design-v2 .destinations-v2-field-form label{
    min-height:0;
}
.destinations-design-v2 .custom-fields-grid{
    grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
}
.destinations-design-v2 .custom-field-card{
    min-height:0;
    padding:16px;
    border-radius:24px;
}
.destinations-design-v2 .custom-fields-empty,
.destinations-design-v2 .destinations-empty{
    padding:28px;
    border-radius:26px;
    text-align:center;
    color:var(--muted);
    font-weight:900;
}
.destinations-design-v2 .attendance-qr-print-box,
.destinations-design-v2 .attendance-qr-print-meta{
    overflow-wrap:anywhere;
}
@media (hover:hover) and (pointer:fine){
    .destinations-design-v2 .destination-card:hover,
    .destinations-design-v2 .destination-mini-card:hover,
    .destinations-design-v2 .custom-field-card:hover{
        transform:translateY(-3px);
        border-color:color-mix(in srgb,var(--primary) 38%,var(--line));
        box-shadow:0 24px 54px color-mix(in srgb,#020617 16%,transparent);
    }
}
@media (prefers-reduced-motion:reduce){
    .destinations-design-v2 .destination-card,
    .destinations-design-v2 .destination-mini-card,
    .destinations-design-v2 .custom-field-card{
        transition:none!important;
        animation:none!important;
    }
}
@media(max-width:1500px){
    .destinations-design-v2 .destinations-summary,
    .destinations-design-v2 .destinations-v2-form .destination-form-grid,
    .destinations-design-v2 .destinations-v2-form .tag-input-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:1180px){
    .destinations-design-v2 .destination-card{
        grid-template-columns:140px minmax(0,1fr);
    }
    .destinations-design-v2 .destination-actions{
        grid-column:2/-1;
        justify-content:flex-start;
    }
}
@media(max-width:760px){
    .destinations-design-v2 .destinations-filter-main,
    .destinations-design-v2 .destinations-summary,
    .destinations-design-v2 .destinations-v2-form,
    .destinations-design-v2 .destinations-v2-form .destination-form-grid,
    .destinations-design-v2 .destinations-v2-form .tag-input-grid{
        grid-template-columns:1fr;
    }
    .destinations-design-v2 .destination-card{
        grid-template-columns:1fr;
    }
    .destinations-design-v2 .destination-actions{
        grid-column:auto;
    }
    .destinations-design-v2 .destinations-actions-menu div{
        left:0;
        right:auto;
    }
}
@media print{
    .destinations-design-v2.destinations-qr-v2 .topbar,
    .destinations-design-v2.destinations-qr-v2 .destinations-hero,
    .destinations-design-v2.destinations-qr-v2 .form-actions{
        display:none!important;
    }
    .destinations-design-v2.destinations-qr-v2 .attendance-qr-print-card{
        box-shadow:none!important;
        border-color:#999!important;
    }
}

/* KronoSender 2.0 UI - reusable 3-column create/edit form pattern. */
.ks-wide-form{display:block!important;width:100%;min-width:0}
.ks-wide-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch;width:100%;min-width:0}
.ks-form-panel{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;padding:18px;border:1px solid color-mix(in srgb,var(--primary) 15%,var(--line));border-radius:26px;background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,var(--primary) 4%),color-mix(in srgb,var(--card2) 94%,var(--primary) 4%));box-shadow:0 14px 36px color-mix(in srgb,#020617 9%,transparent)}
.ks-form-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)}
.ks-form-panel-head h2{margin:0;color:var(--text);font-size:20px;line-height:1.08;letter-spacing:0}
.ks-form-panel-head .eyebrow{font-size:10px}
.ks-form-fields{display:grid;grid-template-columns:1fr;gap:10px;min-width:0}
.ks-wide-form .ks-form-fields label,.ks-wide-form .vehicle-custom-fields-form .form-field{display:grid;gap:6px;min-width:0;min-height:0;padding:10px;border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--bg) 36%,transparent);color:var(--muted);font-size:11px;font-weight:950;line-height:1.2}
.ks-wide-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),.ks-wide-form select,.ks-wide-form textarea{width:100%;min-height:40px;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--bg) 78%,var(--card));color:var(--text);font-size:13px;font-weight:820}
.ks-wide-form textarea{min-height:92px;resize:vertical}
.ks-wide-form .form-check-list{display:grid;gap:6px;margin:0}
.ks-wide-form .form-check-row{display:flex;align-items:center;gap:8px;min-height:40px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--bg) 38%,transparent)}
.ks-wide-form .vehicle-custom-fields-form{display:grid;gap:10px;margin:0}
.ks-wide-form .vehicle-custom-fields-form h2{margin:0;color:var(--muted);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.025em}
.ks-wide-form .vehicle-custom-fields-grid{display:grid;grid-template-columns:1fr;gap:10px}
.ks-form-media-preview{display:grid!important;place-items:center;min-height:132px;padding:10px!important;border-radius:18px!important}
.ks-form-media-preview img{display:block;width:100%;max-width:220px;height:auto;max-height:122px;object-fit:contain}
.ks-form-panel-actions{position:relative}
.ks-form-sticky-actions{position:sticky;bottom:12px;z-index:2;display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding:10px;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--card) 88%,transparent);backdrop-filter:blur(10px)}
.ks-form-sticky-actions .btn,.ks-form-sticky-actions .link-btn{width:100%;min-height:42px;justify-content:center;border-radius:14px}
.vehicles-form-wow-page{width:min(100%,1760px)}
.vehicles-wow-page .vehicle-form-card:has(.ks-wide-form){padding:18px;border-radius:30px}
.vehicles-wow-page .vehicle-form.ks-wide-form{grid-template-columns:none}
.vehicles-wow-page .vehicle-form.ks-wide-form label{min-height:0}
.vehicles-wow-page .vehicle-form.ks-wide-form .vehicle-custom-fields-form,.vehicles-wow-page .vehicle-form.ks-wide-form .vehicle-custom-fields-grid{grid-column:auto}
.vehicles-wow-page .vehicle-form.ks-wide-form .vehicle-form-preview{grid-column:auto}
@media(max-width:1500px){.ks-wide-form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ks-form-panel-actions{grid-column:1/-1}.ks-form-panel-actions .ks-form-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.ks-form-panel-actions .vehicle-custom-fields-form,.ks-form-panel-actions label:has(textarea){grid-column:1/-1}.ks-form-sticky-actions{grid-column:1/-1;grid-template-columns:minmax(0,220px) minmax(0,220px);justify-content:end}}
@media(max-width:820px){.ks-wide-form-grid,.ks-form-panel-actions .ks-form-fields{grid-template-columns:1fr}.ks-form-panel{padding:14px;border-radius:22px}.ks-form-sticky-actions{position:static;grid-template-columns:1fr}.vehicles-wow-page .vehicle-form-card:has(.ks-wide-form){padding:14px;border-radius:22px}}

/* KronoSender Design System prototype - Vehicles lab. */
body:has(.vehicles-design-prototype) .page{
    width:100%;
    max-width:none;
    padding-left:clamp(14px,2.2vw,42px);
    padding-right:clamp(14px,2.2vw,42px);
}
.vehicles-design-prototype{
    --ksds-surface:color-mix(in srgb,var(--card) 93%,#ffffff 7%);
    --ksds-surface-2:color-mix(in srgb,var(--card2) 88%,var(--primary) 5%);
    --ksds-glow:color-mix(in srgb,var(--primary) 17%,transparent);
    --ksds-soft-border:color-mix(in srgb,var(--primary) 18%,var(--line));
    --ksds-green:#10b981;
    --ksds-amber:#f59e0b;
    --ksds-red:#ef4444;
    width:min(100%,1880px);
    gap:20px;
}
.vehicles-design-prototype .vehicles-ds-hero{
    min-height:0;
    padding:clamp(22px,2.5vw,38px);
    border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));
    border-radius:34px;
    background:
        repeating-linear-gradient(128deg,color-mix(in srgb,var(--primary) 7%,transparent) 0 1px,transparent 1px 18px),
        linear-gradient(115deg,color-mix(in srgb,var(--primary) 12%,var(--ksds-surface)),color-mix(in srgb,var(--ksds-green) 7%,var(--ksds-surface-2)) 58%,var(--ksds-surface));
    box-shadow:0 30px 86px color-mix(in srgb,#020617 15%,transparent),inset 0 1px 0 color-mix(in srgb,#ffffff 18%,transparent);
}
.vehicles-design-prototype .vehicles-ds-hero::after{
    content:"";
    position:absolute;
    inset:auto 28px 26px auto;
    width:min(330px,38%);
    height:116px;
    border:1px solid color-mix(in srgb,var(--primary) 15%,transparent);
    border-radius:28px;
    background:
        linear-gradient(135deg,color-mix(in srgb,#ffffff 13%,transparent),transparent),
        repeating-linear-gradient(120deg,color-mix(in srgb,var(--primary) 14%,transparent) 0 2px,transparent 2px 14px);
    opacity:.58;
    transform:rotate(-3deg);
}
.vehicles-design-prototype .vehicles-ds-hero h1{
    max-width:900px;
    margin-top:10px;
    font-size:clamp(38px,4.1vw,72px);
    letter-spacing:0;
}
.vehicles-design-prototype .vehicles-ds-hero p{
    max-width:760px;
    color:color-mix(in srgb,var(--text) 72%,var(--muted));
    font-size:15.5px;
}
.vehicles-design-prototype .hero-badges{
    align-items:center;
    gap:10px;
}
.vehicles-design-prototype .hero-badges .link-btn,
.vehicles-design-prototype .hero-badges .btn{
    min-height:44px;
    border-radius:16px;
    border-color:color-mix(in srgb,var(--primary) 15%,var(--line));
    background:color-mix(in srgb,var(--card) 72%,transparent);
    box-shadow:0 10px 24px color-mix(in srgb,#020617 7%,transparent);
}
.vehicles-design-prototype .hero-badges .btn-primary{
    background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary2) 78%,#10b981 22%));
    color:#fff;
    box-shadow:0 16px 34px color-mix(in srgb,var(--primary) 25%,transparent);
}
.vehicles-design-prototype .view-switch{
    border-radius:999px;
    background:color-mix(in srgb,var(--bg) 46%,transparent);
}
.vehicles-design-prototype .view-switch a{
    min-height:38px;
    padding:9px 14px;
    border-radius:999px;
}
.vehicles-design-prototype .vehicles-ds-kpis{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:15px;
}
.vehicles-design-prototype .vehicles-ds-kpi{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    grid-template-rows:auto auto;
    align-content:end;
    column-gap:14px;
    min-height:146px;
    padding:20px;
    border-radius:30px;
    background:linear-gradient(150deg,color-mix(in srgb,var(--primary) 9%,var(--ksds-surface)),var(--ksds-surface-2));
}
.vehicles-design-prototype .vehicles-ds-kpi::after{
    right:20px;
    bottom:18px;
    width:52px;
    height:5px;
    background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary2) 72%,#10b981 28%));
}
.vehicles-design-prototype .vehicles-ds-kpi-icon{
    grid-row:1 / span 2;
    display:grid;
    place-items:center;
    width:52px;
    height:52px;
    border-radius:20px;
    background:color-mix(in srgb,var(--primary) 13%,var(--card));
    color:var(--primary);
    font-size:14px;
    font-weight:950;
    letter-spacing:.02em;
    box-shadow:inset 0 1px 0 color-mix(in srgb,#ffffff 18%,transparent);
}
.vehicles-design-prototype .vehicles-ds-kpi.is-ok .vehicles-ds-kpi-icon{background:color-mix(in srgb,var(--ksds-green) 13%,var(--card));color:var(--ksds-green)}
.vehicles-design-prototype .vehicles-ds-kpi.is-warning .vehicles-ds-kpi-icon{background:color-mix(in srgb,var(--ksds-amber) 15%,var(--card));color:var(--ksds-amber)}
.vehicles-design-prototype .vehicles-ds-kpi.is-danger .vehicles-ds-kpi-icon{background:color-mix(in srgb,var(--ksds-red) 13%,var(--card));color:var(--ksds-red)}
.vehicles-design-prototype .vehicles-ds-kpi > span:not(.vehicles-ds-kpi-icon){
    align-self:end;
    max-width:none;
    text-transform:none;
    letter-spacing:0;
    color:color-mix(in srgb,var(--text) 68%,var(--muted));
    font-size:12px;
}
.vehicles-design-prototype .vehicles-ds-kpi strong{
    align-self:start;
    margin-top:3px;
    font-size:clamp(34px,3.2vw,56px);
}
.vehicles-design-prototype .vehicles-ds-filters{
    padding:14px;
    border-radius:30px;
    background:linear-gradient(180deg,var(--ksds-surface),color-mix(in srgb,var(--ksds-surface-2) 94%,var(--primary) 3%));
}
.vehicles-design-prototype .vehicle-filter-grid{
    grid-template-columns:minmax(260px,1.55fr) repeat(3,minmax(150px,.8fr)) auto;
    gap:10px;
}
.vehicles-design-prototype .vehicles-filter-control{
    min-height:44px;
    border-radius:16px;
    border-color:color-mix(in srgb,var(--primary) 14%,var(--line));
    background:color-mix(in srgb,var(--bg) 72%,var(--card));
    font-size:13px;
    font-weight:840;
}
.vehicles-design-prototype input[type="search"].vehicles-filter-control{
    min-height:48px;
    padding-left:16px;
    border-radius:18px;
    font-size:14px;
    box-shadow:inset 0 1px 0 color-mix(in srgb,#ffffff 16%,transparent);
}
.vehicles-design-prototype .vehicles-filter-actions .btn,
.vehicles-design-prototype .vehicles-filter-actions .btn-secondary{
    min-height:44px;
    border-radius:15px;
}
.vehicles-design-prototype .vehicles-ds-active-filters{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:12px;
    padding-top:12px;
    border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent);
}
.vehicles-design-prototype .vehicles-ds-active-filters span{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:5px 9px;
    border:1px solid color-mix(in srgb,var(--primary) 17%,var(--line));
    border-radius:999px;
    background:color-mix(in srgb,var(--primary) 7%,transparent);
    color:color-mix(in srgb,var(--text) 78%,var(--muted));
    font-size:11px;
    font-weight:900;
}
.vehicles-design-prototype .vehicles-ds-card-grid{
    grid-template-columns:repeat(auto-fill,minmax(330px,1fr));
    gap:18px;
}
.vehicles-design-prototype .vehicles-ds-card{
    min-height:0;
    padding:14px;
    border-radius:32px;
    border-color:color-mix(in srgb,var(--primary) 14%,var(--line));
    background:linear-gradient(160deg,var(--ksds-surface),color-mix(in srgb,var(--ksds-surface-2) 96%,var(--primary) 4%));
    box-shadow:0 20px 48px color-mix(in srgb,#020617 10%,transparent),inset 0 1px 0 color-mix(in srgb,#ffffff 14%,transparent);
}
.vehicles-design-prototype .vehicles-ds-card::after{
    right:20px;
    bottom:18px;
    width:48px;
    opacity:.7;
}
.vehicles-design-prototype .vehicles-ds-thumb{
    aspect-ratio:16/10;
    max-height:230px;
    border-radius:26px;
    border-color:color-mix(in srgb,var(--primary) 13%,var(--line));
    background:
        linear-gradient(135deg,color-mix(in srgb,var(--primary) 72%,#0f172a 28%),color-mix(in srgb,#10b981 54%,var(--primary2) 46%)),
        repeating-linear-gradient(135deg,rgba(255,255,255,.12) 0 2px,transparent 2px 12px);
}
.vehicles-design-prototype .vehicles-ds-thumb img{
    object-fit:cover;
    transform:scale(1.001);
}
.vehicles-design-prototype .vehicles-ds-thumb span{
    color:#fff;
    font-size:clamp(38px,5vw,58px);
    text-shadow:0 8px 22px rgba(2,6,23,.24);
}
.vehicles-design-prototype .vehicle-body{
    gap:9px;
    padding:2px 2px 0;
}
.vehicles-design-prototype .vehicle-body h2{
    color:var(--text);
    font-size:clamp(21px,1.5vw,27px);
    line-height:1.04;
    letter-spacing:0;
}
.vehicles-design-prototype .destination-badges{
    gap:7px;
}
.vehicles-design-prototype .destination-badges .badge,
.vehicles-design-prototype .vehicle-next-expiration .badge{
    min-height:28px;
    border-radius:999px;
    font-size:11px;
    font-weight:930;
}
.vehicles-design-prototype .vehicle-plate-badge{
    background:color-mix(in srgb,var(--bg) 65%,var(--card));
    color:var(--text);
}
.vehicles-design-prototype .vehicle-assignment{
    padding:10px 12px;
    border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));
    border-radius:16px;
    background:color-mix(in srgb,var(--bg) 38%,transparent);
    color:color-mix(in srgb,var(--text) 78%,var(--muted));
}
.vehicles-design-prototype .vehicle-notes{
    color:var(--muted);
}
.vehicles-design-prototype .vehicle-actions{
    gap:7px;
    padding-top:5px;
}
.vehicles-design-prototype .vehicle-actions .link-btn,
.vehicles-design-prototype .table-actions .link-btn{
    min-height:34px;
    padding:7px 11px;
    border-radius:13px;
    font-size:12px;
    font-weight:920;
}
.vehicles-design-prototype .vehicles-ds-list-card{
    padding:16px;
    border-radius:30px;
}
.vehicles-design-prototype .table-wrap{
    border-radius:24px;
}
.vehicles-design-prototype .data-table{
    font-size:13px;
}
.vehicles-design-prototype .data-table tbody tr{
    transition:background .18s ease,transform .18s ease;
}
.vehicles-design-prototype .vehicle-list-thumb{
    width:68px;
    height:52px;
    border-radius:16px;
}
.vehicles-design-prototype .vehicle-form-card:has(.ks-wide-form){
    padding:16px;
    border-radius:34px;
    background:linear-gradient(180deg,var(--ksds-surface),color-mix(in srgb,var(--ksds-surface-2) 96%,var(--primary) 3%));
}
.vehicles-design-prototype .ks-wide-form-grid{
    gap:18px;
}
.vehicles-design-prototype .ks-form-panel{
    padding:20px;
    border-radius:30px;
    border-color:color-mix(in srgb,var(--primary) 14%,var(--line));
    background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,#fff 4%),color-mix(in srgb,var(--card2) 94%,var(--primary) 4%));
    box-shadow:0 20px 46px color-mix(in srgb,#020617 9%,transparent),inset 0 1px 0 color-mix(in srgb,#ffffff 14%,transparent);
}
.vehicles-design-prototype .ks-form-panel-head h2{
    font-size:22px;
}
.vehicles-design-prototype .ks-wide-form .ks-form-fields label,
.vehicles-design-prototype .ks-wide-form .vehicle-custom-fields-form .form-field{
    padding:11px;
    border-radius:18px;
    background:color-mix(in srgb,var(--bg) 34%,transparent);
    text-transform:none;
    letter-spacing:0;
}
.vehicles-design-prototype .ks-wide-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.vehicles-design-prototype .ks-wide-form select,
.vehicles-design-prototype .ks-wide-form textarea{
    min-height:42px;
    border-radius:15px;
    font-weight:830;
}
.vehicles-design-prototype .ks-form-media-preview{
    min-height:148px;
    border-style:dashed!important;
    background:
        linear-gradient(135deg,color-mix(in srgb,var(--primary) 7%,transparent),transparent),
        color-mix(in srgb,var(--bg) 36%,transparent)!important;
}
.vehicles-design-prototype .ks-form-media-preview img{
    max-width:240px;
    max-height:132px;
    border-radius:18px;
}
.vehicles-design-prototype .ks-form-sticky-actions{
    border-radius:22px;
    background:color-mix(in srgb,var(--card) 82%,transparent);
    box-shadow:0 16px 38px color-mix(in srgb,#020617 12%,transparent);
}
.vehicles-design-prototype .alert-success.ui-toast,
.vehicles-design-prototype .alert-success{
    overflow:visible;
    border:1px solid color-mix(in srgb,var(--ksds-green) 34%,transparent);
    border-radius:18px;
    box-shadow:0 18px 44px color-mix(in srgb,var(--ksds-green) 16%,transparent);
}
.vehicles-design-prototype .alert-success::after{
    content:"";
    position:absolute;
    inset:-8px -12px auto auto;
    width:70px;
    height:42px;
    pointer-events:none;
    background:
        radial-gradient(circle at 16px 16px,#fff 0 2px,transparent 3px),
        radial-gradient(circle at 44px 10px,#fef3c7 0 2px,transparent 3px),
        radial-gradient(circle at 55px 30px,#bbf7d0 0 2px,transparent 3px),
        radial-gradient(circle at 26px 33px,#bfdbfe 0 2px,transparent 3px);
    opacity:0;
}
@media (hover:hover) and (pointer:fine){
    .vehicles-design-prototype .vehicles-ds-card:hover,
    .vehicles-design-prototype .ks-form-panel:hover{
        transform:translateY(-4px);
        border-color:color-mix(in srgb,var(--primary) 35%,var(--line));
        box-shadow:0 30px 74px color-mix(in srgb,#020617 15%,transparent);
    }
    .vehicles-design-prototype .data-table tbody tr:hover{
        background:color-mix(in srgb,var(--primary) 8%,transparent);
    }
}
.vehicles-design-prototype .btn,
.vehicles-design-prototype .link-btn,
.vehicles-design-prototype .view-switch a{
    transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;
}
.vehicles-design-prototype .btn:active,
.vehicles-design-prototype .link-btn:active,
.vehicles-design-prototype .view-switch a:active{
    transform:scale(.985);
}
.vehicles-design-prototype :focus-visible{
    outline:3px solid color-mix(in srgb,var(--primary) 45%,transparent);
    outline-offset:3px;
}
@media (prefers-reduced-motion:no-preference){
    .vehicles-design-prototype .vehicles-ds-card,
    .vehicles-design-prototype .vehicles-ds-list-card,
    .vehicles-design-prototype .ks-form-panel{
        animation:vehicles-ds-enter .46s cubic-bezier(.2,.8,.2,1) both;
    }
    .vehicles-design-prototype .vehicles-ds-card:nth-child(2){animation-delay:.04s}
    .vehicles-design-prototype .vehicles-ds-card:nth-child(3){animation-delay:.08s}
    .vehicles-design-prototype .vehicles-ds-card:nth-child(4){animation-delay:.12s}
    .vehicles-design-prototype .vehicles-ds-card:nth-child(5){animation-delay:.16s}
    .vehicles-design-prototype .vehicles-ds-card:nth-child(6){animation-delay:.20s}
    .vehicles-design-prototype .vehicles-ds-card:nth-child(7){animation-delay:.24s}
    .vehicles-design-prototype .vehicles-ds-card:nth-child(8){animation-delay:.28s}
    .vehicles-design-prototype .alert-success::after{
        animation:vehicles-ds-spark .9s ease-out .08s both;
    }
}
@keyframes vehicles-ds-enter{
    from{opacity:0;transform:translateY(10px) scale(.985)}
    to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes vehicles-ds-spark{
    0%{opacity:0;transform:translateY(8px) scale(.8)}
    20%{opacity:1}
    100%{opacity:0;transform:translateY(-14px) scale(1.08)}
}
@media (prefers-reduced-motion:reduce){
    .vehicles-design-prototype *,
    .vehicles-design-prototype *::before,
    .vehicles-design-prototype *::after{
        animation:none!important;
        transition:none!important;
        scroll-behavior:auto!important;
    }
    .vehicles-design-prototype .btn:active,
    .vehicles-design-prototype .link-btn:active,
    .vehicles-design-prototype .view-switch a:active{
        transform:none;
    }
}
@media(max-width:1500px){
    .vehicles-design-prototype .vehicle-filter-grid{
        grid-template-columns:minmax(260px,1.4fr) repeat(2,minmax(150px,1fr));
    }
    .vehicles-design-prototype .vehicles-filter-actions{
        grid-column:1/-1;
        justify-content:flex-end;
    }
}
@media(max-width:1180px){
    .vehicles-design-prototype .vehicles-ds-kpis{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .vehicles-design-prototype .vehicle-filter-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .vehicles-design-prototype .vehicles-ds-card-grid{
        grid-template-columns:repeat(auto-fill,minmax(290px,1fr));
    }
}
@media(max-width:760px){
    body:has(.vehicles-design-prototype) .page{
        padding-left:12px;
        padding-right:12px;
    }
    .vehicles-design-prototype{
        gap:14px;
    }
    .vehicles-design-prototype .vehicles-ds-hero{
        padding:20px;
        border-radius:26px;
    }
    .vehicles-design-prototype .vehicles-ds-hero::after{
        display:none;
    }
    .vehicles-design-prototype .vehicles-ds-kpis,
    .vehicles-design-prototype .vehicle-filter-grid,
    .vehicles-design-prototype .vehicles-ds-card-grid{
        grid-template-columns:1fr;
    }
    .vehicles-design-prototype .vehicles-ds-kpi{
        min-height:118px;
    }
    .vehicles-design-prototype .vehicles-ds-filters,
    .vehicles-design-prototype .vehicles-ds-list-card,
    .vehicles-design-prototype .vehicle-form-card:has(.ks-wide-form){
        padding:12px;
        border-radius:24px;
    }
    .vehicles-design-prototype .vehicles-filter-actions{
        display:grid;
        grid-template-columns:1fr;
        justify-content:stretch;
    }
    .vehicles-design-prototype .vehicles-filter-actions .btn,
    .vehicles-design-prototype .vehicles-filter-actions .btn-secondary{
        width:100%;
        justify-content:center;
    }
    .vehicles-design-prototype .vehicles-ds-card{
        border-radius:26px;
    }
    .vehicles-design-prototype .vehicles-ds-thumb{
        border-radius:22px;
    }
}

/* KronoSender Design System prototype V2 - radical Vehicles composition. */
.vehicles-design-v2{
    --v2-bg:color-mix(in srgb,var(--bg) 82%,var(--card) 18%);
    --v2-panel:color-mix(in srgb,var(--card) 90%,#ffffff 10%);
    --v2-panel-strong:color-mix(in srgb,var(--card2) 84%,var(--primary) 6%);
    --v2-line:color-mix(in srgb,var(--line) 78%,var(--primary) 12%);
    --v2-glow:color-mix(in srgb,var(--primary) 18%,transparent);
    width:min(100%,1880px);
    gap:14px;
}
.vehicles-design-v2 .vehicles-v2-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:18px;
    align-items:center;
    min-height:96px;
    padding:16px 18px;
    border:1px solid var(--v2-line);
    border-radius:28px;
    background:linear-gradient(135deg,var(--v2-panel),color-mix(in srgb,var(--v2-panel-strong) 88%,var(--primary) 4%));
    box-shadow:0 18px 52px color-mix(in srgb,#020617 10%,transparent),inset 0 1px 0 color-mix(in srgb,#ffffff 14%,transparent);
}
.vehicles-design-v2 .vehicles-v2-title{
    display:grid;
    grid-template-columns:auto auto minmax(220px,1fr);
    gap:10px 16px;
    align-items:baseline;
    min-width:0;
}
.vehicles-design-v2 .vehicles-v2-title .eyebrow{
    grid-column:1/-1;
}
.vehicles-design-v2 .vehicles-v2-title h1{
    margin:0;
    color:var(--text);
    font-size:clamp(30px,3vw,52px);
    line-height:1;
    letter-spacing:0;
    white-space:nowrap;
}
.vehicles-design-v2 .vehicles-v2-title p{
    margin:0;
    max-width:680px;
    color:var(--muted);
    font-size:13px;
    font-weight:830;
    line-height:1.35;
}
.vehicles-design-v2 .vehicles-v2-hero-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    min-width:0;
    flex-wrap:wrap;
}
.vehicles-design-v2 .vehicles-v2-hero-actions .btn,
.vehicles-design-v2 .vehicles-v2-hero-actions .link-btn{
    min-height:38px;
    padding:8px 13px;
    border-radius:999px;
}
.vehicles-design-v2 .vehicles-v2-view-switch{
    display:inline-flex;
    padding:4px;
    border-radius:999px;
    background:color-mix(in srgb,var(--bg) 45%,transparent);
}
.vehicles-design-v2 .vehicles-v2-view-switch a{
    min-height:32px;
    padding:7px 11px;
    border-radius:999px;
}
.vehicles-design-v2 .vehicles-v2-summary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    padding:8px;
    border:1px solid color-mix(in srgb,var(--line) 80%,transparent);
    border-radius:24px;
    background:color-mix(in srgb,var(--card) 64%,transparent);
    box-shadow:0 12px 34px color-mix(in srgb,#020617 7%,transparent);
}
.vehicles-design-v2 .vehicles-v2-stat{
    display:grid;
    grid-template-columns:38px auto minmax(0,1fr);
    gap:9px;
    align-items:center;
    min-height:58px;
    padding:8px 10px;
    border-radius:18px;
    background:transparent;
}
.vehicles-design-v2 .vehicles-v2-stat-icon{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border-radius:14px;
    background:color-mix(in srgb,var(--primary) 12%,var(--card));
    color:var(--primary);
    font-size:11px;
    font-weight:950;
}
.vehicles-design-v2 .vehicles-v2-stat strong{
    color:var(--text);
    font-size:26px;
    line-height:1;
}
.vehicles-design-v2 .vehicles-v2-stat span:last-child{
    min-width:0;
    color:var(--muted);
    font-size:11px;
    font-weight:900;
    line-height:1.12;
}
.vehicles-design-v2 .vehicles-v2-stat.is-ok .vehicles-v2-stat-icon{background:color-mix(in srgb,#10b981 14%,var(--card));color:#10b981}
.vehicles-design-v2 .vehicles-v2-stat.is-warning .vehicles-v2-stat-icon{background:color-mix(in srgb,#f59e0b 16%,var(--card));color:#f59e0b}
.vehicles-design-v2 .vehicles-v2-stat.is-danger .vehicles-v2-stat-icon{background:color-mix(in srgb,#ef4444 14%,var(--card));color:#ef4444}
.vehicles-design-v2 .vehicles-v2-command{
    padding:10px;
    border:1px solid var(--v2-line);
    border-radius:26px;
    background:linear-gradient(180deg,var(--v2-panel),color-mix(in srgb,var(--v2-panel-strong) 94%,transparent));
    box-shadow:0 16px 42px color-mix(in srgb,#020617 8%,transparent);
}
.vehicles-design-v2 .vehicles-v2-filter-form{
    display:block;
}
.vehicles-design-v2 .vehicles-v2-search-row{
    display:grid;
    grid-template-columns:minmax(280px,1fr) auto auto auto;
    gap:8px;
    align-items:end;
}
.vehicles-design-v2 .vehicles-v2-search{
    display:grid;
    gap:5px;
    color:var(--muted);
    font-size:10px;
    font-weight:950;
    letter-spacing:.025em;
    text-transform:uppercase;
}
.vehicles-design-v2 .vehicles-v2-search input{
    min-height:46px;
    border-radius:18px;
    padding:10px 15px;
    font-size:14px;
}
.vehicles-design-v2 .vehicles-v2-advanced{
    position:relative;
}
.vehicles-design-v2 .vehicles-v2-advanced summary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:10px 16px;
    border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line));
    border-radius:18px;
    background:color-mix(in srgb,var(--bg) 58%,transparent);
    color:var(--text);
    font-size:13px;
    font-weight:930;
    cursor:pointer;
    list-style:none;
    user-select:none;
}
.vehicles-design-v2 .vehicles-v2-advanced summary::-webkit-details-marker{display:none}
.vehicles-design-v2 .vehicles-v2-advanced summary::after{
    content:"+";
    margin-left:9px;
    color:var(--primary);
    font-weight:950;
}
.vehicles-design-v2 .vehicles-v2-advanced[open] summary::after{content:"-"}
.vehicles-design-v2 .vehicles-v2-advanced-panel{
    position:absolute;
    right:0;
    top:calc(100% + 8px);
    z-index:20;
    display:grid;
    grid-template-columns:repeat(3,minmax(180px,1fr));
    gap:10px;
    width:min(760px,calc(100vw - 40px));
    padding:14px;
    border:1px solid var(--v2-line);
    border-radius:22px;
    background:var(--card);
    box-shadow:0 26px 70px color-mix(in srgb,#020617 22%,transparent);
    transform-origin:top right;
}
.vehicles-design-v2 .vehicles-v2-advanced-panel label{
    display:grid;
    gap:6px;
    min-width:0;
    color:var(--muted);
    font-size:10px;
    font-weight:950;
    letter-spacing:.02em;
    text-transform:uppercase;
}
.vehicles-design-v2 .vehicles-filter-control,
.vehicles-design-v2 .vehicles-v2-advanced-panel input,
.vehicles-design-v2 .vehicles-v2-advanced-panel select{
    width:100%;
    min-height:40px;
    border:1px solid color-mix(in srgb,var(--primary) 13%,var(--line));
    border-radius:14px;
    background:color-mix(in srgb,var(--bg) 76%,var(--card));
    color:var(--text);
    font-size:13px;
    font-weight:820;
}
.vehicles-design-v2 .vehicles-v2-search-row > .btn,
.vehicles-design-v2 .vehicles-v2-search-row > .link-btn{
    min-height:46px;
    border-radius:18px;
}
.vehicles-design-v2 .vehicles-v2-filter-chips{
    margin-top:10px;
    padding-top:10px;
}
.vehicles-design-v2 .vehicles-v2-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(340px,1fr));
    gap:16px;
}
.vehicles-design-v2 .vehicles-v2-card{
    position:relative;
    display:grid;
    min-width:0;
    overflow:hidden;
    border:0;
    border-radius:28px;
    background:var(--v2-panel);
    color:var(--text);
    box-shadow:0 18px 44px color-mix(in srgb,#020617 10%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--line) 62%,transparent);
    transition:transform .22s ease,box-shadow .22s ease;
}
.vehicles-design-v2 .vehicles-v2-card.is-inactive{
    opacity:.82;
}
.vehicles-design-v2 .vehicles-v2-media{
    position:relative;
    display:grid;
    place-items:center;
    aspect-ratio:16/9;
    min-height:0;
    overflow:hidden;
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 78%,#0f172a 22%),color-mix(in srgb,#10b981 50%,var(--primary2) 50%));
}
.vehicles-design-v2 .vehicles-v2-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .28s ease;
}
.vehicles-design-v2 .vehicles-v2-media > span{
    display:grid;
    place-items:center;
    width:100%;
    height:100%;
    color:#fff;
    font-size:54px;
    font-weight:950;
    letter-spacing:.06em;
}
.vehicles-design-v2 .vehicles-v2-media-overlay{
    position:absolute;
    left:12px;
    right:12px;
    bottom:12px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}
.vehicles-design-v2 .vehicles-v2-media-overlay .badge,
.vehicles-design-v2 .vehicles-v2-plate{
    min-height:28px;
    display:inline-flex;
    align-items:center;
    padding:5px 9px;
    border:1px solid rgba(255,255,255,.28);
    border-radius:999px;
    background:rgba(15,23,42,.58);
    color:#fff;
    backdrop-filter:blur(10px);
    font-size:11px;
    font-weight:950;
}
.vehicles-design-v2 .vehicles-v2-plate{
    font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
    letter-spacing:.08em;
}
.vehicles-design-v2 .vehicles-v2-media-overlay .vehicle-plate-it{
    display:grid;
    grid-template-columns:clamp(13px,3.7vw,17px) minmax(0,auto) clamp(13px,3.7vw,17px);
    align-items:center;
    width:min(168px,calc(100% - 74px));
    max-width:calc(100% - 74px);
    min-width:0;
    height:clamp(25px,6.2vw,31px);
    overflow:hidden;
    border:1px solid #111827;
    border-radius:5px;
    background:#fff;
    color:#0f172a;
    box-shadow:0 3px 8px rgba(2,6,23,.18);
    box-sizing:border-box;
}
.vehicles-design-v2 .vehicle-plate-it-band{
    display:grid;
    place-items:center;
    align-self:stretch;
    min-width:0;
    background:#063b92;
    color:#fff;
    font-family:Arial,sans-serif;
    font-size:clamp(8px,2.2vw,10px);
    font-weight:900;
    line-height:1;
}
.vehicles-design-v2 .vehicle-plate-it-band-right{
    color:transparent;
}
.vehicles-design-v2 .vehicle-plate-it-text{
    display:block;
    min-width:0;
    padding:0 clamp(5px,1.7vw,8px);
    overflow:hidden;
    color:#05070a;
    font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue Condensed",Arial,sans-serif;
    font-size:clamp(13px,1.18vw,17px);
    font-stretch:condensed;
    font-weight:950;
    line-height:1;
    letter-spacing:.045em;
    text-align:center;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.vehicles-design-v2 .vehicles-v2-body{
    display:grid;
    gap:10px;
    padding:14px;
}
.vehicles-design-v2 .vehicles-v2-body h2{
    min-width:0;
    margin:0;
    color:var(--text);
    font-size:21px;
    line-height:1.08;
    letter-spacing:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.vehicles-design-v2 .vehicles-v2-assignment,
.vehicles-design-v2 .vehicles-v2-expiration{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-width:0;
    min-height:36px;
    padding:8px 10px;
    border-radius:16px;
    background:color-mix(in srgb,var(--bg) 42%,transparent);
}
.vehicles-design-v2 .vehicles-v2-assignment span,
.vehicles-design-v2 .vehicles-v2-expiration span:first-child{
    flex:0 0 auto;
    color:var(--muted);
    font-size:10px;
    font-weight:950;
    text-transform:uppercase;
}
.vehicles-design-v2 .vehicles-v2-assignment strong{
    min-width:0;
    color:var(--text);
    font-size:12px;
    font-weight:930;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.vehicles-design-v2 .vehicles-v2-expiration .badge{
    max-width:72%;
    min-height:26px;
    border-radius:999px;
    font-size:10px;
    line-height:1.05;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.vehicles-design-v2 .vehicles-v2-notes{
    min-height:0;
    color:var(--muted);
    font-size:12px;
    font-weight:820;
    line-height:1.32;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.vehicles-design-v2 .vehicles-v2-actions{
    display:flex;
    align-items:center;
    gap:7px;
    padding-top:2px;
}
.vehicles-design-v2 .vehicles-v2-actions .link-btn{
    min-height:34px;
    padding:7px 10px;
    border-radius:13px;
    font-size:12px;
    font-weight:930;
}
.vehicles-design-v2 .vehicles-v2-action-primary{
    background:color-mix(in srgb,var(--primary) 12%,var(--card));
    color:var(--primary);
}
.vehicles-design-v2 .vehicles-v2-actions-menu{
    position:relative;
    margin-left:auto;
}
.vehicles-design-v2 .vehicles-v2-actions-menu summary{
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line));
    border-radius:13px;
    background:color-mix(in srgb,var(--bg) 55%,transparent);
    color:var(--text);
    font-size:18px;
    font-weight:950;
    cursor:pointer;
    list-style:none;
}
.vehicles-design-v2 .vehicles-v2-actions-menu summary::-webkit-details-marker{display:none}
.vehicles-design-v2 .vehicles-v2-actions-menu div{
    position:absolute;
    right:0;
    bottom:calc(100% + 8px);
    z-index:8;
    display:grid;
    gap:6px;
    min-width:160px;
    padding:8px;
    border:1px solid var(--v2-line);
    border-radius:16px;
    background:var(--card);
    box-shadow:0 18px 42px color-mix(in srgb,#020617 18%,transparent);
}
.vehicles-design-v2 .vehicles-v2-list-card{
    border-radius:26px;
}
.vehicles-design-v2.vehicles-v2-form-page{
    width:min(100%,1880px);
}
.vehicles-design-v2 .vehicles-v2-form-hero{
    min-height:82px;
}
.vehicles-design-v2 .vehicles-v2-form-card{
    padding:14px!important;
    border:0;
    border-radius:30px;
    background:color-mix(in srgb,var(--card) 70%,transparent);
}
.vehicles-design-v2 .vehicles-v2-panel{
    position:relative;
    min-height:0;
    padding:16px;
    border:0;
    border-radius:28px;
    background:var(--v2-panel);
    box-shadow:0 18px 46px color-mix(in srgb,#020617 9%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--line) 64%,transparent);
}
.vehicles-design-v2 .vehicles-v2-panel::before{
    content:"";
    position:absolute;
    left:16px;
    right:16px;
    top:0;
    height:4px;
    border-radius:0 0 999px 999px;
    background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary2) 70%,#10b981 30%));
}
.vehicles-design-v2 .vehicles-v2-panel-media::before{
    background:linear-gradient(90deg,#10b981,var(--primary));
}
.vehicles-design-v2 .vehicles-v2-panel-details::before{
    background:linear-gradient(90deg,#f59e0b,var(--primary2));
}
.vehicles-design-v2 .ks-form-panel-head{
    padding-bottom:8px;
}
.vehicles-design-v2 .ks-form-panel-head h2{
    font-size:20px;
}
.vehicles-design-v2 .ks-form-fields{
    gap:8px;
}
.vehicles-design-v2 .ks-wide-form .ks-form-fields label,
.vehicles-design-v2 .ks-wide-form .vehicle-custom-fields-form .form-field{
    padding:9px;
    border-radius:16px;
    background:color-mix(in srgb,var(--bg) 34%,transparent);
    font-size:10.5px;
}
.vehicles-design-v2 .ks-wide-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.vehicles-design-v2 .ks-wide-form select,
.vehicles-design-v2 .ks-wide-form textarea{
    min-height:38px;
    border-radius:13px;
    font-size:13px;
}
.vehicles-design-v2 .ks-wide-form textarea{
    min-height:76px;
}
.vehicles-design-v2 .vehicles-v2-upload{
    min-height:142px!important;
    place-content:center;
    text-align:center;
    border:1px dashed color-mix(in srgb,var(--primary) 32%,var(--line))!important;
    background:
        repeating-linear-gradient(135deg,color-mix(in srgb,var(--primary) 7%,transparent) 0 1px,transparent 1px 14px),
        color-mix(in srgb,var(--bg) 42%,transparent)!important;
}
.vehicles-design-v2 .vehicles-v2-upload > span:first-child{
    color:var(--muted);
    font-size:10px;
    font-weight:950;
    text-transform:uppercase;
}
.vehicles-design-v2 .vehicles-v2-upload strong{
    color:var(--text);
    font-size:15px;
    line-height:1.18;
}
.vehicles-design-v2 .vehicles-v2-upload small{
    color:var(--muted);
    font-size:11px;
    font-weight:850;
}
.vehicles-design-v2 .vehicles-v2-upload input[type="file"]{
    max-width:100%;
    min-height:38px!important;
}
.vehicles-design-v2 .vehicles-v2-upload .vehicle-form-preview{
    width:100%;
    max-width:none;
    max-height:160px;
    margin:0;
    border-radius:18px;
}
.vehicles-design-v2 .vehicles-v2-upload .vehicle-form-preview img{
    max-height:148px;
    border-radius:15px;
}
.vehicles-design-v2 .ks-form-sticky-actions{
    bottom:10px;
    grid-template-columns:1fr 1fr;
    padding:8px;
    border-radius:18px;
    box-shadow:0 16px 38px color-mix(in srgb,#020617 12%,transparent);
}
@media (hover:hover) and (pointer:fine){
    .vehicles-design-v2 .vehicles-v2-card:hover{
        transform:translateY(-7px);
        box-shadow:0 32px 78px color-mix(in srgb,#020617 18%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--primary) 25%,var(--line));
    }
    .vehicles-design-v2 .vehicles-v2-card:hover .vehicles-v2-media img{
        transform:scale(1.045);
    }
    .vehicles-design-v2 .vehicles-v2-advanced summary:hover,
    .vehicles-design-v2 .vehicles-v2-actions-menu summary:hover{
        border-color:color-mix(in srgb,var(--primary) 38%,var(--line));
    }
}
@media (prefers-reduced-motion:no-preference){
    .vehicles-design-v2 .vehicles-v2-card,
    .vehicles-design-v2 .vehicles-v2-stat,
    .vehicles-design-v2 .vehicles-v2-panel{
        animation:vehicles-v2-pop .42s cubic-bezier(.2,.8,.2,1) both;
    }
    .vehicles-design-v2 .vehicles-v2-card:nth-child(2){animation-delay:.04s}
    .vehicles-design-v2 .vehicles-v2-card:nth-child(3){animation-delay:.08s}
    .vehicles-design-v2 .vehicles-v2-card:nth-child(4){animation-delay:.12s}
    .vehicles-design-v2 .vehicles-v2-card:nth-child(5){animation-delay:.16s}
    .vehicles-design-v2 .vehicles-v2-card:nth-child(6){animation-delay:.20s}
    .vehicles-design-v2 .vehicles-v2-advanced[open] .vehicles-v2-advanced-panel{
        animation:vehicles-v2-filter-open .18s ease-out both;
    }
}
@keyframes vehicles-v2-pop{
    from{opacity:0;transform:translateY(14px) scale(.97)}
    to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes vehicles-v2-filter-open{
    from{opacity:0;transform:translateY(-6px) scale(.98)}
    to{opacity:1;transform:translateY(0) scale(1)}
}
@media(max-width:1500px){
    .vehicles-design-v2 .vehicles-v2-title{
        grid-template-columns:1fr;
    }
    .vehicles-design-v2 .vehicles-v2-title h1{
        white-space:normal;
    }
    .vehicles-design-v2 .vehicles-v2-grid{
        grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
    }
}
@media(max-width:1180px){
    .vehicles-design-v2 .vehicles-v2-hero{
        grid-template-columns:1fr;
        align-items:start;
    }
    .vehicles-design-v2 .vehicles-v2-hero-actions{
        justify-content:flex-start;
    }
    .vehicles-design-v2 .vehicles-v2-summary{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .vehicles-design-v2 .vehicles-v2-search-row{
        grid-template-columns:1fr auto auto;
    }
    .vehicles-design-v2 .vehicles-v2-search{
        grid-column:1/-1;
    }
    .vehicles-design-v2 .vehicles-v2-advanced-panel{
        left:0;
        right:auto;
        transform-origin:top left;
    }
}
@media(max-width:760px){
    .vehicles-design-v2 .vehicles-v2-hero,
    .vehicles-design-v2 .vehicles-v2-command,
    .vehicles-design-v2 .vehicles-v2-form-card{
        border-radius:22px;
    }
    .vehicles-design-v2 .vehicles-v2-summary,
    .vehicles-design-v2 .vehicles-v2-search-row,
    .vehicles-design-v2 .vehicles-v2-grid{
        grid-template-columns:1fr;
    }
    .vehicles-design-v2 .vehicles-v2-advanced{
        width:100%;
    }
    .vehicles-design-v2 .vehicles-v2-advanced summary,
    .vehicles-design-v2 .vehicles-v2-search-row > .btn,
    .vehicles-design-v2 .vehicles-v2-search-row > .link-btn{
        width:100%;
    }
    .vehicles-design-v2 .vehicles-v2-advanced-panel{
        position:static;
        width:100%;
        grid-template-columns:1fr;
        margin-top:8px;
        box-shadow:none;
    }
    .vehicles-design-v2 .vehicles-v2-card{
        border-radius:24px;
    }
    .vehicles-design-v2 .vehicles-v2-assignment,
    .vehicles-design-v2 .vehicles-v2-expiration{
        align-items:flex-start;
        flex-direction:column;
    }
    .vehicles-design-v2 .vehicles-v2-expiration .badge{
        max-width:100%;
    }
}

/* Vehicles Design System V2 - Expirations. */
.vehicles-design-v2.vehicles-expirations-v2{
    width:min(100%,1880px);
}
.vehicles-expirations-v2 .vehicles-v2-expirations-hero{
    min-height:0;
}
.vehicles-expirations-v2 .vehicles-v2-expiration-summary{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.vehicles-expirations-v2 .vehicles-v2-expiration-command{
    position:relative;
}
.vehicles-expirations-v2 .vehicles-v2-expiration-shell{
    overflow:hidden;
    padding:12px;
    border:1px solid var(--v2-line);
    border-radius:30px;
    background:color-mix(in srgb,var(--card) 78%,transparent);
    box-shadow:0 22px 64px color-mix(in srgb,#020617 10%,transparent);
}
.vehicles-expirations-v2 .vehicles-v2-expiration-results{
    display:grid;
    gap:12px;
}
.vehicles-expirations-v2 .vehicles-v2-table-wrap{
    margin:0;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--line) 72%,transparent);
    border-radius:22px;
    background:var(--v2-panel);
}
.vehicles-expirations-v2 .vehicles-v2-expiration-table{
    min-width:980px;
    font-size:13px;
}
.vehicles-expirations-v2 .vehicles-v2-expiration-table th{
    padding:11px 12px;
    color:var(--muted);
    font-size:10px;
    font-weight:950;
    letter-spacing:.04em;
    text-transform:uppercase;
    background:color-mix(in srgb,var(--bg) 52%,transparent);
}
.vehicles-expirations-v2 .vehicles-v2-expiration-table td{
    padding:11px 12px;
    vertical-align:middle;
}
.vehicles-expirations-v2 .vehicles-v2-expiration-row{
    position:relative;
    background:transparent;
    transition:background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.vehicles-expirations-v2 .vehicles-v2-expiration-row td:first-child{
    border-left:0;
}
.vehicles-expirations-v2 .vehicles-v2-expiration-row td:first-child::before{
    content:"";
    display:inline-block;
    width:8px;
    height:28px;
    margin-right:10px;
    border-radius:999px;
    vertical-align:middle;
    background:#10b981;
}
.vehicles-expirations-v2 .vehicles-v2-expiration-row.is-soon td:first-child::before{
    background:#f59e0b;
}
.vehicles-expirations-v2 .vehicles-v2-expiration-row.is-expired td:first-child::before{
    background:var(--danger);
}
.vehicles-expirations-v2 .vehicles-v2-expiration-row.is-ok,
.vehicles-expirations-v2 .vehicles-v2-expiration-row.is-soon,
.vehicles-expirations-v2 .vehicles-v2-expiration-row.is-expired{
    background:transparent;
}
.vehicles-expirations-v2 .vehicles-v2-expiration-row.is-ok .badge,
.vehicles-expirations-v2 .vehicles-v2-expiration-mobile-card.is-ok .badge{
    background:color-mix(in srgb,#10b981 15%,var(--card));
    color:#0f8f68;
    border-color:color-mix(in srgb,#10b981 30%,transparent);
}
.vehicles-expirations-v2 .vehicles-v2-expiration-row.is-soon .badge,
.vehicles-expirations-v2 .vehicles-v2-expiration-mobile-card.is-soon .badge{
    background:color-mix(in srgb,#f59e0b 18%,var(--card));
    color:#b45309;
    border-color:color-mix(in srgb,#f59e0b 34%,transparent);
}
.vehicles-expirations-v2 .vehicles-v2-expiration-row.is-expired .badge,
.vehicles-expirations-v2 .vehicles-v2-expiration-mobile-card.is-expired .badge{
    background:color-mix(in srgb,var(--danger) 16%,var(--card));
    color:var(--danger);
    border-color:color-mix(in srgb,var(--danger) 32%,transparent);
}
.vehicles-expirations-v2 .vehicle-plate{
    display:inline-flex;
    align-items:center;
    min-height:26px;
    padding:4px 8px;
    border-radius:999px;
    background:color-mix(in srgb,var(--bg) 56%,transparent);
    color:var(--text);
    font-size:11px;
}
.vehicles-expirations-v2 .vehicle-expiration-mobile-list{
    display:none;
}
.vehicles-expirations-v2 .vehicles-v2-expiration-mobile-card{
    gap:10px;
    padding:12px;
    border:1px solid color-mix(in srgb,var(--line) 72%,transparent);
    border-left:0;
    border-radius:22px;
    background:var(--v2-panel);
    box-shadow:0 16px 38px color-mix(in srgb,#020617 10%,transparent);
}
.vehicles-expirations-v2 .vehicles-v2-expiration-mobile-card::before{
    content:"";
    width:44px;
    height:5px;
    border-radius:999px;
    background:#10b981;
}
.vehicles-expirations-v2 .vehicles-v2-expiration-mobile-card.is-soon::before{
    background:#f59e0b;
}
.vehicles-expirations-v2 .vehicles-v2-expiration-mobile-card.is-expired::before{
    background:var(--danger);
}
.vehicles-expirations-v2 .vehicles-v2-expiration-mobile-card header{
    align-items:center;
}
.vehicles-expirations-v2 .vehicles-v2-expiration-mobile-card h2{
    color:var(--text);
    font-size:17px;
    line-height:1.15;
}
.vehicles-expirations-v2 .vehicles-v2-expiration-mobile-card .badge{
    flex:0 0 auto;
    max-width:48%;
    justify-content:center;
    text-align:center;
}
.vehicles-expirations-v2 .vehicle-expiration-mobile-meta{
    gap:7px;
}
.vehicles-expirations-v2 .vehicle-expiration-mobile-meta div{
    padding:9px;
    border-color:color-mix(in srgb,var(--line) 68%,transparent);
    border-radius:16px;
    background:color-mix(in srgb,var(--bg) 34%,transparent);
}
.vehicles-expirations-v2 .vehicle-expiration-mobile-meta strong{
    color:var(--text);
    font-size:13px;
    line-height:1.2;
}
.vehicles-expirations-v2 .vehicles-v2-empty-state{
    display:grid;
    place-items:center;
    min-height:160px;
    padding:24px;
    border:1px dashed color-mix(in srgb,var(--primary) 26%,var(--line));
    border-radius:24px;
    background:color-mix(in srgb,var(--bg) 42%,transparent);
    color:var(--muted);
    font-weight:850;
    text-align:center;
}
@media (hover:hover) and (pointer:fine){
    .vehicles-expirations-v2 .vehicles-v2-expiration-row:hover{
        background:color-mix(in srgb,var(--primary) 7%,transparent);
        box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 14%,transparent);
    }
    .vehicles-expirations-v2 .vehicles-v2-expiration-mobile-card:hover{
        transform:translateY(-4px);
        box-shadow:0 24px 56px color-mix(in srgb,#020617 14%,transparent);
    }
}
@media (prefers-reduced-motion:no-preference){
    .vehicles-expirations-v2 .vehicles-v2-expiration-row,
    .vehicles-expirations-v2 .vehicles-v2-expiration-mobile-card,
    .vehicles-expirations-v2 .vehicles-v2-expiration-shell{
        animation:vehicles-v2-pop .34s cubic-bezier(.2,.8,.2,1) both;
    }
    .vehicles-expirations-v2 .vehicles-v2-expiration-row:nth-child(2),
    .vehicles-expirations-v2 .vehicles-v2-expiration-mobile-card:nth-child(2){animation-delay:.03s}
    .vehicles-expirations-v2 .vehicles-v2-expiration-row:nth-child(3),
    .vehicles-expirations-v2 .vehicles-v2-expiration-mobile-card:nth-child(3){animation-delay:.06s}
    .vehicles-expirations-v2 .vehicles-v2-expiration-row:nth-child(4),
    .vehicles-expirations-v2 .vehicles-v2-expiration-mobile-card:nth-child(4){animation-delay:.09s}
}
@media(max-width:1180px){
    .vehicles-expirations-v2 .vehicles-v2-expiration-summary{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}
@media(max-width:900px){
    .vehicles-expirations-v2 .vehicles-v2-table-wrap{
        display:none;
    }
    .vehicles-expirations-v2 .vehicle-expiration-mobile-list{
        display:grid;
        gap:10px;
    }
}
@media(max-width:760px){
    .vehicles-expirations-v2 .vehicles-v2-expiration-summary{
        grid-template-columns:1fr;
    }
    .vehicles-expirations-v2 .vehicles-v2-expiration-shell{
        padding:10px;
        border-radius:22px;
    }
    .vehicles-expirations-v2 .vehicles-v2-expiration-mobile-card header{
        align-items:flex-start;
        flex-direction:column;
    }
    .vehicles-expirations-v2 .vehicles-v2-expiration-mobile-card .badge{
        max-width:100%;
    }
    .vehicles-expirations-v2 .vehicle-expiration-mobile-meta{
        grid-template-columns:1fr;
    }
}

/* Requirements Design System V2 - Expirations. */
.requirements-expirations-v2{
    width:min(100%,1880px);
}
.requirements-expirations-v2 .requirements-v2-expirations-hero{
    min-height:0;
}
.requirements-expirations-v2 .requirements-v2-expiration-summary{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.requirements-expirations-v2 .requirements-v2-expiration-command{
    position:relative;
}
.requirements-expirations-v2 .requirements-v2-search-row{
    grid-template-columns:minmax(320px,1fr) auto auto auto;
}
.requirements-expirations-v2 .requirements-v2-advanced-panel{
    width:min(760px,calc(100vw - 56px));
    max-height:min(72vh,680px);
    overflow:auto;
    grid-template-columns:repeat(2,minmax(0,1fr));
}
.requirements-expirations-v2 .requirements-v2-expiration-shell{
    overflow:hidden;
    padding:12px;
    border:1px solid var(--v2-line);
    border-radius:30px;
    background:color-mix(in srgb,var(--card) 78%,transparent);
    box-shadow:0 22px 64px color-mix(in srgb,#020617 10%,transparent);
}
.requirements-expirations-v2 .requirements-v2-expiration-results{
    display:grid;
    gap:12px;
}
.requirements-expirations-v2 .requirements-v2-table-wrap{
    margin:0;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--line) 72%,transparent);
    border-radius:22px;
    background:var(--v2-panel);
}
.requirements-expirations-v2 .requirements-v2-expiration-table{
    min-width:1120px;
    font-size:13px;
}
.requirements-expirations-v2 .requirements-v2-expiration-table th{
    padding:11px 12px;
    color:var(--muted);
    font-size:10px;
    font-weight:950;
    letter-spacing:.04em;
    text-transform:uppercase;
    background:color-mix(in srgb,var(--bg) 52%,transparent);
}
.requirements-expirations-v2 .requirements-v2-expiration-table td{
    padding:11px 12px;
    vertical-align:middle;
}
.requirements-expirations-v2 .requirements-v2-expiration-table td small{
    color:var(--muted);
    font-weight:850;
}
.requirements-expirations-v2 .requirements-v2-expiration-row{
    position:relative;
    background:transparent;
    transition:background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.requirements-expirations-v2 .requirements-v2-expiration-row td:first-child{
    border-left:0;
}
.requirements-expirations-v2 .requirements-v2-expiration-row td:first-child::before{
    content:"";
    display:inline-block;
    width:8px;
    height:28px;
    margin-right:10px;
    border-radius:999px;
    vertical-align:middle;
    background:var(--muted);
}
.requirements-expirations-v2 .requirements-v2-expiration-row.is-ok td:first-child::before,
.requirements-expirations-v2 .requirements-v2-expiration-row.is-completed td:first-child::before{
    background:#10b981;
}
.requirements-expirations-v2 .requirements-v2-expiration-row.is-soon td:first-child::before,
.requirements-expirations-v2 .requirements-v2-expiration-row.is-missing td:first-child::before{
    background:#f59e0b;
}
.requirements-expirations-v2 .requirements-v2-expiration-row.is-expired td:first-child::before{
    background:var(--danger);
}
.requirements-expirations-v2 .requirements-v2-expiration-row.is-ok,
.requirements-expirations-v2 .requirements-v2-expiration-row.is-soon,
.requirements-expirations-v2 .requirements-v2-expiration-row.is-missing,
.requirements-expirations-v2 .requirements-v2-expiration-row.is-expired,
.requirements-expirations-v2 .requirements-v2-expiration-row.is-completed,
.requirements-expirations-v2 .requirements-v2-expiration-row.is-inactive,
.requirements-expirations-v2 .requirements-v2-expiration-row.is-none{
    background:transparent;
}
.requirements-expirations-v2 .requirements-v2-expiration-row.is-ok .badge,
.requirements-expirations-v2 .requirements-v2-expiration-row.is-completed .badge,
.requirements-expirations-v2 .requirements-v2-expiration-mobile-card.is-ok .badge,
.requirements-expirations-v2 .requirements-v2-expiration-mobile-card.is-completed .badge{
    background:color-mix(in srgb,#10b981 15%,var(--card));
    color:#0f8f68;
    border-color:color-mix(in srgb,#10b981 30%,transparent);
}
.requirements-expirations-v2 .requirements-v2-expiration-row.is-soon .badge,
.requirements-expirations-v2 .requirements-v2-expiration-row.is-missing .badge,
.requirements-expirations-v2 .requirements-v2-expiration-mobile-card.is-soon .badge,
.requirements-expirations-v2 .requirements-v2-expiration-mobile-card.is-missing .badge{
    background:color-mix(in srgb,#f59e0b 18%,var(--card));
    color:#b45309;
    border-color:color-mix(in srgb,#f59e0b 34%,transparent);
}
.requirements-expirations-v2 .requirements-v2-expiration-row.is-expired .badge,
.requirements-expirations-v2 .requirements-v2-expiration-mobile-card.is-expired .badge{
    background:color-mix(in srgb,var(--danger) 16%,var(--card));
    color:var(--danger);
    border-color:color-mix(in srgb,var(--danger) 32%,transparent);
}
.requirements-expirations-v2 .requirements-v2-expiration-row.is-none .badge,
.requirements-expirations-v2 .requirements-v2-expiration-row.is-inactive .badge,
.requirements-expirations-v2 .requirements-v2-expiration-mobile-card.is-none .badge,
.requirements-expirations-v2 .requirements-v2-expiration-mobile-card.is-inactive .badge{
    background:color-mix(in srgb,var(--muted) 12%,var(--card));
    color:var(--muted);
    border-color:color-mix(in srgb,var(--muted) 26%,transparent);
}
.requirements-expirations-v2 .requirement-action-link{
    min-height:34px;
    padding:7px 10px;
    border-radius:13px;
    font-size:12px;
    font-weight:930;
}
.requirements-expirations-v2 .requirements-expiration-mobile-list{
    display:none;
}
.requirements-expirations-v2 .requirements-v2-expiration-mobile-card{
    gap:10px;
    padding:12px;
    border:1px solid color-mix(in srgb,var(--line) 72%,transparent);
    border-left:0;
    border-radius:22px;
    background:var(--v2-panel);
    box-shadow:0 16px 38px color-mix(in srgb,#020617 10%,transparent);
}
.requirements-expirations-v2 .requirements-v2-expiration-mobile-card::before{
    content:"";
    width:44px;
    height:5px;
    border-radius:999px;
    background:var(--muted);
}
.requirements-expirations-v2 .requirements-v2-expiration-mobile-card.is-ok::before,
.requirements-expirations-v2 .requirements-v2-expiration-mobile-card.is-completed::before{
    background:#10b981;
}
.requirements-expirations-v2 .requirements-v2-expiration-mobile-card.is-soon::before,
.requirements-expirations-v2 .requirements-v2-expiration-mobile-card.is-missing::before{
    background:#f59e0b;
}
.requirements-expirations-v2 .requirements-v2-expiration-mobile-card.is-expired::before{
    background:var(--danger);
}
.requirements-expirations-v2 .requirements-v2-expiration-mobile-card header{
    align-items:center;
}
.requirements-expirations-v2 .requirements-v2-expiration-mobile-card h2{
    color:var(--text);
    font-size:17px;
    line-height:1.15;
}
.requirements-expirations-v2 .requirements-v2-expiration-mobile-card p{
    color:var(--text);
    font-size:14px;
    line-height:1.2;
}
.requirements-expirations-v2 .requirements-v2-expiration-mobile-card .badge{
    flex:0 0 auto;
    max-width:48%;
    justify-content:center;
    text-align:center;
}
.requirements-expirations-v2 .requirement-expiration-mobile-meta{
    gap:7px;
}
.requirements-expirations-v2 .requirement-expiration-mobile-meta div{
    padding:9px;
    border-color:color-mix(in srgb,var(--line) 68%,transparent);
    border-radius:16px;
    background:color-mix(in srgb,var(--bg) 34%,transparent);
}
.requirements-expirations-v2 .requirement-expiration-mobile-meta strong{
    color:var(--text);
    font-size:13px;
    line-height:1.2;
}
.requirements-expirations-v2 .requirement-expiration-mobile-actions{
    gap:7px;
}
.requirements-expirations-v2 .requirements-v2-empty-state{
    display:grid;
    place-items:center;
    min-height:160px;
    padding:24px;
    border:1px dashed color-mix(in srgb,var(--primary) 26%,var(--line));
    border-radius:24px;
    background:color-mix(in srgb,var(--bg) 42%,transparent);
    color:var(--muted);
    font-weight:850;
    text-align:center;
}
@media (hover:hover) and (pointer:fine){
    .requirements-expirations-v2 .requirements-v2-expiration-row:hover{
        background:color-mix(in srgb,var(--primary) 7%,transparent);
        box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 14%,transparent);
    }
    .requirements-expirations-v2 .requirements-v2-expiration-mobile-card:hover{
        transform:translateY(-4px);
        box-shadow:0 24px 56px color-mix(in srgb,#020617 14%,transparent);
    }
}
@media (prefers-reduced-motion:no-preference){
    .requirements-expirations-v2 .requirements-v2-expiration-row,
    .requirements-expirations-v2 .requirements-v2-expiration-mobile-card,
    .requirements-expirations-v2 .requirements-v2-expiration-shell{
        animation:vehicles-v2-pop .34s cubic-bezier(.2,.8,.2,1) both;
    }
    .requirements-expirations-v2 .requirements-v2-expiration-row:nth-child(2),
    .requirements-expirations-v2 .requirements-v2-expiration-mobile-card:nth-child(2){animation-delay:.03s}
    .requirements-expirations-v2 .requirements-v2-expiration-row:nth-child(3),
    .requirements-expirations-v2 .requirements-v2-expiration-mobile-card:nth-child(3){animation-delay:.06s}
    .requirements-expirations-v2 .requirements-v2-expiration-row:nth-child(4),
    .requirements-expirations-v2 .requirements-v2-expiration-mobile-card:nth-child(4){animation-delay:.09s}
}
@media(max-width:1180px){
    .requirements-expirations-v2 .requirements-v2-expiration-summary{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .requirements-expirations-v2 .requirements-v2-search-row{
        grid-template-columns:1fr auto auto;
    }
    .requirements-expirations-v2 .requirements-v2-advanced-panel{
        left:0;
        right:auto;
        transform-origin:top left;
    }
}
@media(max-width:900px){
    .requirements-expirations-v2 .requirements-v2-table-wrap{
        display:none;
    }
    .requirements-expirations-v2 .requirements-expiration-mobile-list{
        display:grid;
        gap:10px;
    }
}
@media(max-width:760px){
    .requirements-expirations-v2 .requirements-v2-expiration-summary,
    .requirements-expirations-v2 .requirements-v2-search-row{
        grid-template-columns:1fr;
    }
    .requirements-expirations-v2 .requirements-v2-expiration-shell{
        padding:10px;
        border-radius:22px;
    }
    .requirements-expirations-v2 .requirements-v2-advanced{
        width:100%;
    }
    .requirements-expirations-v2 .requirements-v2-advanced summary,
    .requirements-expirations-v2 .requirements-v2-search-row > .btn,
    .requirements-expirations-v2 .requirements-v2-search-row > .link-btn{
        width:100%;
    }
    .requirements-expirations-v2 .requirements-v2-advanced-panel{
        position:static;
        width:100%;
        max-height:none;
        grid-template-columns:1fr;
        margin-top:8px;
        box-shadow:none;
    }
    .requirements-expirations-v2 .requirements-v2-expiration-mobile-card header{
        align-items:flex-start;
        flex-direction:column;
    }
    .requirements-expirations-v2 .requirements-v2-expiration-mobile-card .badge{
        max-width:100%;
    }
    .requirements-expirations-v2 .requirement-expiration-mobile-meta{
        grid-template-columns:1fr;
    }
    .requirements-expirations-v2 .requirement-expiration-mobile-actions .link-btn{
        width:100%;
        justify-content:center;
    }
}

/* Requirements Design System V2 - Index and resource folder. */
.requirements-index-v2,
.requirements-resource-v2{
    width:min(100%,1880px);
}
.requirements-index-v2 .requirements-v2-hero,
.requirements-resource-v2 .requirements-v2-resource-hero{
    min-height:0;
}
.requirements-index-v2 .requirements-v2-summary,
.requirements-resource-v2 .requirements-v2-summary{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.requirements-index-v2 .requirements-v2-search-row{
    grid-template-columns:minmax(320px,1fr) auto auto auto;
}
.requirements-resource-v2 .requirements-v2-search-row{
    grid-template-columns:minmax(320px,1fr) auto auto;
}
.requirements-index-v2 .requirements-v2-advanced-panel{
    width:min(360px,calc(100vw - 56px));
}
.requirements-index-v2 .requirements-v2-hero-menu div{
    top:calc(100% + 8px);
    bottom:auto;
}
.requirements-index-v2 .requirements-v2-resource-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
    gap:14px;
    margin:0;
}
.requirements-index-v2 .requirements-v2-resource-card{
    grid-template-columns:78px minmax(0,1fr);
    gap:12px;
    min-height:0;
    padding:12px;
    border:1px solid var(--v2-line);
    border-radius:24px;
    background:var(--v2-panel);
    box-shadow:0 16px 42px color-mix(in srgb,#020617 10%,transparent);
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.requirements-index-v2 .requirements-v2-resource-card::after{
    display:none;
}
.requirements-index-v2 .requirements-v2-resource-card .requirement-resource-avatar{
    width:78px;
    height:78px;
    border-radius:20px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,var(--card)),color-mix(in srgb,#10b981 10%,var(--card2)));
}
.requirements-index-v2 .requirements-v2-resource-card .requirement-resource-avatar span{
    font-size:24px;
}
.requirements-index-v2 .requirement-resource-body{
    gap:7px;
}
.requirements-index-v2 .requirement-resource-body h2{
    margin:0;
    color:var(--text);
    font-size:18px;
    line-height:1.12;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.requirements-index-v2 .requirement-resource-body p{
    margin:0;
    color:var(--muted);
    font-size:12px;
    font-weight:850;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.requirements-index-v2 .requirement-next{
    min-height:34px;
    align-items:center;
    padding:7px 9px;
    border-radius:15px;
    background:color-mix(in srgb,var(--bg) 38%,transparent);
}
.requirements-index-v2 .requirement-next .badge{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.requirements-index-v2 .requirements-v2-actions,
.requirements-resource-v2 .requirements-v2-actions{
    display:flex;
    align-items:center;
    gap:7px;
    min-width:0;
}
.requirements-index-v2 .requirements-v2-actions .link-btn,
.requirements-resource-v2 .requirements-v2-actions .link-btn{
    min-height:34px;
    padding:7px 10px;
    border-radius:13px;
    font-size:12px;
    font-weight:930;
}
.requirements-index-v2 .requirements-v2-list-view{
    display:grid;
    gap:10px;
}
.requirements-index-v2 .requirements-v2-list-row,
.requirements-resource-v2 .requirements-v2-folder-row{
    border:1px solid var(--v2-line);
    border-radius:22px;
    background:var(--v2-panel);
    box-shadow:0 14px 36px color-mix(in srgb,#020617 9%,transparent);
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.requirements-index-v2 .requirements-v2-list-row{
    grid-template-columns:minmax(240px,.9fr) minmax(420px,1.55fr) auto;
    padding:12px;
}
.requirements-index-v2 .requirement-list-metrics div,
.requirements-resource-v2 .requirement-folder-fields div,
.requirements-resource-v2 .requirement-detail-grid div,
.requirements-resource-v2 .requirement-custom-values div,
.requirements-resource-v2 .requirement-note{
    border-color:color-mix(in srgb,var(--line) 68%,transparent);
    border-radius:15px;
    background:color-mix(in srgb,var(--bg) 34%,transparent);
}
.requirements-resource-v2 .requirements-v2-folder-head{
    min-width:0;
}
.requirements-resource-v2 .requirements-v2-folder-head .requirement-resource-avatar{
    width:82px;
    height:82px;
    border-radius:24px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,var(--card)),color-mix(in srgb,#10b981 10%,var(--card2)));
}
.requirements-resource-v2 .requirements-v2-folder-head h1{
    margin:5px 0 4px;
    color:var(--text);
    font-size:clamp(32px,3.6vw,58px);
    line-height:.98;
}
.requirements-resource-v2 .requirements-v2-next-stat strong{
    min-width:0;
    font-size:14px;
    line-height:1.18;
    overflow:hidden;
    text-overflow:ellipsis;
}
.requirements-resource-v2 .requirements-v2-resource-list{
    display:grid;
    gap:12px;
}
.requirements-resource-v2 .requirements-v2-folder-list{
    display:grid;
    gap:10px;
}
.requirements-resource-v2 .requirements-v2-folder-row{
    grid-template-columns:minmax(230px,.9fr) minmax(460px,1.65fr) auto;
    padding:12px;
}
.requirements-resource-v2 .requirements-v2-folder-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(360px,1fr));
    gap:12px;
    margin:0;
}
.requirements-resource-v2 .requirements-v2-detail-card{
    gap:10px;
    padding:13px;
    border:1px solid var(--v2-line);
    border-radius:24px;
    background:var(--v2-panel);
    box-shadow:0 16px 42px color-mix(in srgb,#020617 10%,transparent);
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.requirements-resource-v2 .requirement-detail-head{
    align-items:center;
}
.requirements-resource-v2 .requirement-detail-head h2{
    margin:3px 0 0;
    color:var(--text);
    font-size:18px;
    line-height:1.14;
}
.requirements-resource-v2 .requirement-detail-grid,
.requirements-resource-v2 .requirement-custom-values{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
}
.requirements-resource-v2 .requirement-attachment-block{
    min-height:32px;
}
.requirements-resource-v2 .requirement-attachment-preview{
    gap:7px;
}
.requirements-resource-v2 .requirement-attachment-preview img{
    max-height:126px;
}
.requirements-resource-v2 .requirement-card-actions .vehicles-v2-actions-menu{
    margin-left:auto;
}
.requirements-resource-v2 .requirement-card-actions .vehicles-v2-actions-menu div{
    bottom:calc(100% + 8px);
}
.requirements-index-v2 .requirements-v2-empty-state,
.requirements-resource-v2 .requirements-v2-empty-state{
    display:grid;
    place-items:center;
    min-height:150px;
    padding:22px;
    border:1px dashed color-mix(in srgb,var(--primary) 26%,var(--line));
    border-radius:24px;
    background:color-mix(in srgb,var(--bg) 42%,transparent);
    color:var(--muted);
    font-weight:850;
    text-align:center;
}
@media (hover:hover) and (pointer:fine){
    .requirements-index-v2 .requirements-v2-resource-card:hover,
    .requirements-index-v2 .requirements-v2-list-row:hover,
    .requirements-resource-v2 .requirements-v2-folder-row:hover,
    .requirements-resource-v2 .requirements-v2-detail-card:hover{
        transform:translateY(-4px);
        border-color:color-mix(in srgb,var(--primary) 32%,var(--line));
        box-shadow:0 24px 58px color-mix(in srgb,#020617 14%,transparent);
    }
}
@media (prefers-reduced-motion:no-preference){
    .requirements-index-v2 .requirements-v2-resource-card,
    .requirements-index-v2 .requirements-v2-list-row,
    .requirements-resource-v2 .requirements-v2-folder-row,
    .requirements-resource-v2 .requirements-v2-detail-card{
        animation:vehicles-v2-pop .34s cubic-bezier(.2,.8,.2,1) both;
    }
    .requirements-index-v2 .requirements-v2-resource-card:nth-child(2),
    .requirements-resource-v2 .requirements-v2-detail-card:nth-child(2){animation-delay:.03s}
    .requirements-index-v2 .requirements-v2-resource-card:nth-child(3),
    .requirements-resource-v2 .requirements-v2-detail-card:nth-child(3){animation-delay:.06s}
    .requirements-index-v2 .requirements-v2-resource-card:nth-child(4),
    .requirements-resource-v2 .requirements-v2-detail-card:nth-child(4){animation-delay:.09s}
}
@media(max-width:1180px){
    .requirements-index-v2 .requirements-v2-summary,
    .requirements-resource-v2 .requirements-v2-summary{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .requirements-index-v2 .requirements-v2-search-row,
    .requirements-resource-v2 .requirements-v2-search-row{
        grid-template-columns:1fr auto auto;
    }
    .requirements-index-v2 .requirements-v2-list-row,
    .requirements-resource-v2 .requirements-v2-folder-row{
        grid-template-columns:1fr;
    }
    .requirements-index-v2 .requirements-v2-actions,
    .requirements-resource-v2 .requirements-v2-actions{
        justify-content:flex-start;
    }
}
@media(max-width:760px){
    .requirements-index-v2 .requirements-v2-summary,
    .requirements-resource-v2 .requirements-v2-summary,
    .requirements-index-v2 .requirements-v2-search-row,
    .requirements-resource-v2 .requirements-v2-search-row,
    .requirements-resource-v2 .requirement-detail-grid,
    .requirements-resource-v2 .requirement-custom-values{
        grid-template-columns:1fr;
    }
    .requirements-index-v2 .requirements-v2-resource-grid,
    .requirements-resource-v2 .requirements-v2-folder-grid{
        grid-template-columns:1fr;
    }
    .requirements-index-v2 .requirements-v2-resource-card{
        grid-template-columns:68px minmax(0,1fr);
        border-radius:22px;
    }
    .requirements-index-v2 .requirements-v2-resource-card .requirement-resource-avatar,
    .requirements-resource-v2 .requirements-v2-folder-head .requirement-resource-avatar{
        width:68px;
        height:68px;
        border-radius:18px;
    }
    .requirements-resource-v2 .requirements-v2-folder-head{
        align-items:flex-start;
    }
    .requirements-index-v2 .requirements-v2-advanced,
    .requirements-resource-v2 .requirements-v2-advanced{
        width:100%;
    }
    .requirements-index-v2 .requirements-v2-advanced summary,
    .requirements-index-v2 .requirements-v2-search-row > .btn,
    .requirements-index-v2 .requirements-v2-search-row > .link-btn,
    .requirements-resource-v2 .requirements-v2-search-row > .btn,
    .requirements-resource-v2 .requirements-v2-search-row > .link-btn{
        width:100%;
    }
    .requirements-index-v2 .requirements-v2-advanced-panel{
        position:static;
        width:100%;
        grid-template-columns:1fr;
        margin-top:8px;
        box-shadow:none;
    }
    .requirements-index-v2 .requirements-v2-actions,
    .requirements-resource-v2 .requirements-v2-actions{
        display:grid;
        grid-template-columns:1fr;
        width:100%;
    }
    .requirements-index-v2 .requirements-v2-actions .link-btn,
    .requirements-resource-v2 .requirements-v2-actions .link-btn,
    .requirements-resource-v2 .requirements-v2-actions .vehicles-v2-actions-menu,
    .requirements-resource-v2 .requirements-v2-actions .vehicles-v2-actions-menu summary{
        width:100%;
        justify-content:center;
    }
}

/* Requirements Design System V2 - Requirement forms. */
.requirements-form-v2{
    width:min(100%,1880px);
}
.requirements-form-v2 .requirements-v2-form-hero{
    min-height:82px;
}
.requirements-form-v2 .requirement-form-card{
    padding:14px!important;
    border:0;
    border-radius:30px;
    background:color-mix(in srgb,var(--card) 70%,transparent);
}
.requirements-form-v2 .ks-wide-form-grid{
    align-items:start;
    gap:14px;
}
.requirements-form-v2 .requirements-v2-panel-main::before{
    background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary2) 70%,#10b981 30%));
}
.requirements-form-v2 .requirements-v2-panel-dates::before{
    background:linear-gradient(90deg,#10b981,var(--primary));
}
.requirements-form-v2 .requirements-v2-panel-details::before{
    background:linear-gradient(90deg,#f59e0b,var(--primary2));
}
.requirements-form-v2 .requirements-v2-upload{
    min-height:134px!important;
}
.requirements-form-v2 .requirements-v2-current-attachment{
    display:flex;
    align-items:center;
    min-width:0;
    max-width:none;
    padding:10px;
    border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line));
    border-radius:16px;
    background:color-mix(in srgb,var(--bg) 38%,transparent);
}
.requirements-form-v2 .requirements-v2-current-attachment .link-btn{
    width:100%;
    min-height:36px;
    justify-content:flex-start;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.requirements-form-v2 .requirements-v2-custom-fields{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    min-width:0;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
}
.requirements-form-v2 .requirements-v2-custom-fields legend{
    margin:0 0 2px;
    color:var(--muted);
    font-size:10.5px;
    font-weight:950;
    text-transform:uppercase;
}
.requirements-form-v2 .requirements-v2-custom-field{
    min-width:0;
}
.requirements-form-v2 .requirements-v2-custom-fields .form-check-list{
    padding:0;
}
.requirements-form-v2 .ks-form-sticky-actions{
    background:color-mix(in srgb,var(--card) 86%,transparent);
    backdrop-filter:blur(12px);
}
@media (hover:hover) and (pointer:fine){
    .requirements-form-v2 .vehicles-v2-panel:hover{
        transform:translateY(-4px);
        border-color:color-mix(in srgb,var(--primary) 32%,var(--line));
        box-shadow:0 24px 58px color-mix(in srgb,#020617 14%,transparent);
    }
}
@media (prefers-reduced-motion:no-preference){
    .requirements-form-v2 .vehicles-v2-panel:nth-child(2){
        animation-delay:.03s;
    }
    .requirements-form-v2 .vehicles-v2-panel:nth-child(3){
        animation-delay:.06s;
    }
}
@media(max-width:1500px){
    .requirements-form-v2 .requirements-v2-panel-details{
        grid-column:1/-1;
    }
}
@media(max-width:820px){
    .requirements-form-v2 .requirements-v2-panel-details{
        grid-column:auto;
    }
    .requirements-form-v2 .requirement-form-card{
        padding:12px!important;
        border-radius:22px;
    }
    .requirements-form-v2 .requirements-v2-current-attachment .link-btn{
        white-space:normal;
    }
}

/* Requirements Design System V2 - Types and custom fields admin. */
.requirements-admin-v2,
.requirements-admin-form-v2{
    width:min(100%,1880px);
}
.requirements-admin-v2 .requirements-v2-admin-hero,
.requirements-admin-form-v2 .requirements-v2-admin-hero{
    min-height:82px;
}
.requirements-admin-v2 .requirements-v2-admin-summary{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.requirements-admin-v2 .requirements-v2-admin-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(330px,1fr));
    gap:12px;
    margin:0;
}
.requirements-types-v2 .requirements-v2-admin-grid{
    grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));
    min-width:0;
    max-width:100%;
    overflow:visible;
}
.requirements-admin-v2 .requirements-v2-admin-card{
    position:relative;
    display:grid;
    gap:10px;
    min-width:0;
    min-height:0;
    padding:13px;
    border:1px solid var(--v2-line);
    border-radius:24px;
    background:var(--v2-panel);
    box-shadow:0 18px 46px color-mix(in srgb,#020617 9%,transparent);
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.requirements-types-v2 .requirement-type-row{
    grid-template-columns:minmax(0,1fr);
    align-items:stretch;
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    overflow:visible;
}
.requirements-admin-v2 .requirement-type-main,
.requirements-admin-v2 .custom-field-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    min-width:0;
}
.requirements-admin-v2 .requirement-type-main{
    flex-direction:column;
}
.requirements-types-v2 .requirement-type-main,
.requirements-types-v2 .requirement-type-category,
.requirements-types-v2 .requirement-type-properties,
.requirements-types-v2 .requirements-v2-admin-actions{
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
}
.requirements-admin-v2 .requirement-type-main strong,
.requirements-admin-v2 .custom-field-name{
    margin:0;
    color:var(--text);
    font-size:18px;
    line-height:1.14;
}
.requirements-admin-v2 .requirement-type-main p{
    margin:0;
    color:var(--muted);
    font-size:12px;
    font-weight:820;
    line-height:1.35;
}
.requirements-admin-v2 .requirement-type-category,
.requirements-admin-v2 .custom-field-meta{
    display:grid;
    gap:3px;
    padding:9px;
    border:1px solid color-mix(in srgb,var(--line) 68%,transparent);
    border-radius:15px;
    background:color-mix(in srgb,var(--bg) 34%,transparent);
}
.requirements-admin-v2 .requirement-type-category span,
.requirements-admin-v2 .custom-field-meta span{
    color:var(--muted);
    font-size:10px;
    font-weight:950;
    text-transform:uppercase;
}
.requirements-admin-v2 .requirement-type-category strong,
.requirements-admin-v2 .custom-field-meta strong{
    color:var(--text);
    font-size:14px;
    line-height:1.2;
}
.requirements-admin-v2 .requirement-type-properties,
.requirements-admin-v2 .custom-field-badges{
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
}
.requirements-types-v2 .requirement-type-properties .badge{
    max-width:100%;
    white-space:normal;
    overflow-wrap:anywhere;
}
.requirements-admin-v2 .custom-field-key{
    display:inline-flex;
    width:fit-content;
    max-width:100%;
    margin-top:4px;
    padding:4px 7px;
    border-radius:999px;
    background:color-mix(in srgb,var(--bg) 46%,transparent);
    color:var(--muted);
    font-size:11px;
    font-weight:850;
    overflow:hidden;
    text-overflow:ellipsis;
}
.requirements-admin-v2 .requirements-v2-admin-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:7px;
    min-width:0;
    margin-top:2px;
}
.requirements-types-v2 .requirements-v2-admin-actions{
    justify-content:flex-start;
    flex-wrap:wrap;
    overflow:visible;
}
.requirements-types-v2 .requirements-v2-admin-actions .link-btn{
    min-width:0;
    max-width:100%;
    white-space:normal;
}
.requirements-admin-v2 .requirements-v2-admin-actions .link-btn,
.requirements-admin-v2 .requirements-v2-admin-actions .vehicles-v2-actions-menu summary{
    min-height:34px;
    padding:7px 10px;
    border-radius:13px;
    font-size:12px;
    font-weight:930;
}
.requirements-admin-v2 .requirements-v2-empty-state{
    display:grid;
    place-items:center;
    min-height:150px;
    border:1px solid var(--v2-line);
    border-radius:24px;
    background:var(--v2-panel);
    color:var(--muted);
    font-weight:900;
}
.requirements-admin-form-v2 .vehicles-v2-form-card{
    padding:14px!important;
    border:0;
    border-radius:30px;
    background:color-mix(in srgb,var(--card) 70%,transparent);
}
.requirements-admin-form-v2 .requirements-v2-admin-form-grid{
    align-items:start;
    gap:14px;
}
.requirements-admin-form-v2 .requirements-v2-rules-panel::before,
.requirements-admin-form-v2 .requirements-v2-options-panel::before{
    background:linear-gradient(90deg,#10b981,var(--primary));
}
.requirements-admin-form-v2 .requirements-v2-state-panel::before{
    background:linear-gradient(90deg,#f59e0b,var(--primary2));
}
.requirements-admin-form-v2 .requirements-v2-check-list{
    display:grid;
    gap:7px;
    margin:0;
}
.requirements-admin-form-v2 .requirements-v2-check-list .form-check-row{
    min-height:38px;
}
.requirements-admin-form-v2 .requirements-v2-admin-sticky-actions{
    width:min(100%,460px);
    margin:14px 0 0 auto;
    background:color-mix(in srgb,var(--card) 86%,transparent);
    backdrop-filter:blur(12px);
}
.requirements-v2 .requirements-v2-type-form{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px;
}
.requirements-v2 .requirements-v2-type-grid{
    grid-template-columns:minmax(300px,1.16fr) minmax(270px,1fr) minmax(220px,.72fr);
    gap:12px;
    align-items:stretch;
}
.requirements-v2 .requirements-v2-type-form .ks-form-panel{
    gap:10px;
    height:100%;
    padding:14px;
    border-radius:22px;
}
.requirements-v2 .requirements-v2-type-form .ks-form-panel-head{
    min-height:42px;
    padding-bottom:8px;
}
.requirements-v2 .requirements-v2-type-form .ks-form-panel-head h2{
    font-size:clamp(17px,1.3vw,21px);
}
.requirements-v2 .requirements-v2-type-form .ks-form-fields{
    gap:8px;
}
.requirements-v2 .requirements-v2-type-form .ks-form-fields > label{
    padding:9px;
    border-radius:14px;
}
.requirements-v2 .requirements-v2-type-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.requirements-v2 .requirements-v2-type-form textarea{
    min-height:38px;
    border-radius:12px;
}
.requirements-v2 .requirements-v2-type-form textarea[name="description"]{
    min-height:86px;
}
.requirements-v2 .requirements-v2-compact-checks{
    gap:6px;
}
.requirements-v2 .requirements-v2-compact-checks .form-check-row{
    display:grid;
    grid-template-columns:18px minmax(0,1fr);
    align-items:center;
    gap:8px;
    min-height:34px;
    padding:7px 9px;
    border-radius:13px;
}
.requirements-v2 .requirements-v2-compact-checks .form-check-input{
    width:16px;
    height:16px;
    min-height:16px;
    max-height:16px;
    min-width:16px;
    max-width:16px;
    padding:0;
    margin:0;
    accent-color:var(--primary);
}
.requirements-v2 .requirements-v2-compact-checks .form-check-input:focus-visible{
    outline:3px solid color-mix(in srgb,var(--primary) 35%,transparent);
    outline-offset:2px;
}
.requirements-v2 .requirements-v2-compact-checks .form-check-label{
    min-width:0;
    color:var(--text);
    font-size:12px;
    font-weight:880;
    line-height:1.25;
}
.requirements-v2 .requirements-v2-type-state-panel .ks-form-fields{
    align-content:start;
}
.requirements-v2 .requirements-v2-type-form .requirements-v2-admin-sticky-actions{
    position:static;
    width:min(100%,420px);
    margin:0 0 0 auto;
    padding:9px;
    border-radius:16px;
}
.requirements-v2 .requirements-v2-type-form .requirements-v2-admin-sticky-actions .btn,
.requirements-v2 .requirements-v2-type-form .requirements-v2-admin-sticky-actions .link-btn{
    min-height:38px;
    border-radius:13px;
}
.requirements-delete-v2 .requirements-v2-danger-panel{
    display:grid;
    gap:12px;
    width:min(100%,760px);
    margin-inline:auto;
    padding:22px;
    border:1px solid color-mix(in srgb,var(--danger) 30%,var(--line));
    border-radius:28px;
    background:linear-gradient(180deg,color-mix(in srgb,var(--danger) 8%,var(--card)),var(--card));
    box-shadow:0 24px 62px color-mix(in srgb,#020617 12%,transparent);
}
.requirements-delete-v2 .requirements-v2-danger-panel > strong{
    color:var(--text);
    font-size:24px;
    line-height:1.1;
}
.requirements-delete-v2 .requirements-v2-danger-panel > p{
    margin:0;
    color:var(--muted);
    font-weight:850;
}
.requirements-delete-v2 .requirements-v2-danger-actions{
    display:grid;
    grid-template-columns:minmax(0,180px) minmax(0,180px);
    gap:8px;
    justify-content:end;
}
.requirements-delete-v2 .requirements-v2-danger-actions .btn,
.requirements-delete-v2 .requirements-v2-danger-actions .link-btn{
    width:100%;
    justify-content:center;
}
@media (hover:hover) and (pointer:fine){
    .requirements-admin-v2 .requirements-v2-admin-card:hover,
    .requirements-admin-form-v2 .vehicles-v2-panel:hover{
        transform:translateY(-4px);
        border-color:color-mix(in srgb,var(--primary) 32%,var(--line));
        box-shadow:0 24px 58px color-mix(in srgb,#020617 14%,transparent);
    }
}
@media (prefers-reduced-motion:no-preference){
    .requirements-admin-v2 .requirements-v2-admin-card,
    .requirements-admin-form-v2 .vehicles-v2-panel,
    .requirements-delete-v2 .requirements-v2-danger-panel{
        animation:vehicles-v2-pop .34s cubic-bezier(.2,.8,.2,1) both;
    }
    .requirements-admin-v2 .requirements-v2-admin-card:nth-child(2),
    .requirements-admin-form-v2 .vehicles-v2-panel:nth-child(2){animation-delay:.03s}
    .requirements-admin-v2 .requirements-v2-admin-card:nth-child(3),
    .requirements-admin-form-v2 .vehicles-v2-panel:nth-child(3){animation-delay:.06s}
}
@media(max-width:1180px){
    .requirements-admin-v2 .requirements-v2-admin-summary{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .requirements-admin-form-v2 .requirements-v2-admin-form-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .requirements-v2 .requirements-v2-type-grid{
        grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    }
    .requirements-admin-form-v2 .requirements-v2-state-panel{
        grid-column:1/-1;
    }
    .requirements-v2 .requirements-v2-type-state-panel .ks-form-fields{
        grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    }
}
@media(max-width:760px){
    .requirements-admin-v2 .requirements-v2-admin-summary,
    .requirements-admin-form-v2 .requirements-v2-admin-form-grid,
    .requirements-delete-v2 .requirements-v2-danger-actions{
        grid-template-columns:1fr;
    }
    .requirements-v2 .requirements-v2-type-grid,
    .requirements-v2 .requirements-v2-type-state-panel .ks-form-fields{
        grid-template-columns:1fr;
    }
    .requirements-v2 .requirements-v2-type-form .requirements-v2-admin-sticky-actions{
        width:100%;
        grid-template-columns:1fr;
    }
    .requirements-admin-v2 .requirements-v2-admin-grid{
        grid-template-columns:1fr;
    }
    .requirements-admin-v2 .requirements-v2-admin-actions{
        display:grid;
        grid-template-columns:1fr auto;
        justify-content:stretch;
        width:100%;
    }
    .requirements-admin-form-v2 .requirements-v2-state-panel{
        grid-column:auto;
    }
    .requirements-admin-form-v2 .requirements-v2-admin-sticky-actions{
        position:static;
        width:100%;
        grid-template-columns:1fr;
    }
    .requirements-delete-v2 .requirements-v2-danger-panel{
        padding:16px;
        border-radius:22px;
    }
}

/* Requirements Design System V2 - Mail alerts and requirement delete. */
.requirements-mail-alerts-v2{
    width:min(100%,1880px);
}
.requirements-mail-alerts-v2 .requirements-v2-mail-hero{
    min-height:82px;
}
.requirements-mail-alerts-v2 .requirements-v2-mail-summary{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.requirements-mail-alerts-v2 .requirements-v2-mail-summary .vehicles-v2-stat strong{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.requirements-mail-alerts-v2 .requirements-v2-mail-grid{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);
    gap:14px;
    align-items:start;
}
.requirements-mail-alerts-v2 .requirements-v2-mail-panel{
    min-width:0;
    padding:16px;
    border:1px solid var(--v2-line);
    border-radius:26px;
    background:var(--v2-panel);
    box-shadow:0 18px 46px color-mix(in srgb,#020617 9%,transparent);
}
.requirements-mail-alerts-v2 .requirements-v2-mail-config,
.requirements-mail-alerts-v2 .requirements-v2-mail-history{
    grid-column:1;
}
.requirements-mail-alerts-v2 .requirements-v2-mail-tools,
.requirements-mail-alerts-v2 .requirements-v2-mail-cron{
    grid-column:2;
}
.requirements-mail-alerts-v2 .settings-section-heading{
    align-items:flex-start;
    margin-bottom:10px;
}
.requirements-mail-alerts-v2 .settings-section-heading h2{
    margin:0 0 4px;
    color:var(--text);
    font-size:20px;
    line-height:1.12;
}
.requirements-mail-alerts-v2 .settings-section-heading p{
    margin:0;
    color:var(--muted);
    font-size:12px;
    font-weight:820;
    line-height:1.35;
}
.requirements-mail-alerts-v2 .settings-grid{
    gap:9px;
}
.requirements-mail-alerts-v2 .settings-grid > div,
.requirements-mail-alerts-v2 .settings-grid > label{
    min-width:0;
    padding:10px;
    border:1px solid color-mix(in srgb,var(--line) 68%,transparent);
    border-radius:16px;
    background:color-mix(in srgb,var(--bg) 34%,transparent);
}
.requirements-mail-alerts-v2 .settings-grid > div span,
.requirements-mail-alerts-v2 .settings-grid > label{
    color:var(--muted);
    font-size:10.5px;
    font-weight:950;
    text-transform:uppercase;
}
.requirements-mail-alerts-v2 .settings-grid > div strong{
    display:block;
    margin-top:4px;
    color:var(--text);
    font-size:13px;
    line-height:1.2;
    overflow:hidden;
    text-overflow:ellipsis;
}
.requirements-mail-alerts-v2 .settings-grid input,
.requirements-mail-alerts-v2 .settings-grid textarea{
    margin-top:6px;
    text-transform:none;
}
.requirements-mail-alerts-v2 .settings-grid small{
    display:block;
    margin-top:5px;
    color:var(--muted);
    font-size:11px;
    font-weight:800;
    line-height:1.3;
    text-transform:none;
}
.requirements-mail-alerts-v2 .settings-checkboxes{
    margin-bottom:10px;
}
.requirements-mail-alerts-v2 .checkbox-modern{
    min-height:38px;
    border-radius:14px;
    background:color-mix(in srgb,var(--bg) 36%,transparent);
}
.requirements-mail-alerts-v2 .form-actions{
    gap:8px;
    margin-top:12px;
}
.requirements-mail-alerts-v2 .form-actions form{
    display:grid;
    gap:8px;
    min-width:0;
}
.requirements-mail-alerts-v2 .requirements-list-view{
    gap:8px;
}
.requirements-mail-alerts-v2 .requirement-list-row{
    grid-template-columns:minmax(190px,.8fr) minmax(0,1.4fr);
    padding:10px;
    border:1px solid color-mix(in srgb,var(--line) 68%,transparent);
    border-radius:18px;
    background:color-mix(in srgb,var(--bg) 34%,transparent);
}
.requirements-mail-alerts-v2 code{
    display:block;
    width:100%;
    margin-top:6px;
    padding:10px 12px;
    border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));
    border-radius:14px;
    background:color-mix(in srgb,#020617 7%,var(--bg));
    color:var(--text);
    font-size:12px;
    font-weight:850;
    line-height:1.45;
    overflow:auto;
    white-space:nowrap;
    text-transform:none;
}
.requirements-delete-requirement-v2 .requirements-v2-delete-summary{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}
.requirements-delete-requirement-v2 .requirements-v2-delete-summary div{
    display:grid;
    gap:3px;
    min-width:0;
    padding:10px;
    border:1px solid color-mix(in srgb,var(--danger) 18%,var(--line));
    border-radius:16px;
    background:color-mix(in srgb,var(--bg) 36%,transparent);
}
.requirements-delete-requirement-v2 .requirements-v2-delete-summary span{
    color:var(--muted);
    font-size:10px;
    font-weight:950;
    text-transform:uppercase;
}
.requirements-delete-requirement-v2 .requirements-v2-delete-summary strong{
    min-width:0;
    color:var(--text);
    font-size:14px;
    line-height:1.22;
    overflow:hidden;
    text-overflow:ellipsis;
}
@media (hover:hover) and (pointer:fine){
    .requirements-mail-alerts-v2 .requirements-v2-mail-panel:hover{
        transform:translateY(-3px);
        border-color:color-mix(in srgb,var(--primary) 28%,var(--line));
        box-shadow:0 24px 58px color-mix(in srgb,#020617 13%,transparent);
    }
}
@media (prefers-reduced-motion:no-preference){
    .requirements-mail-alerts-v2 .requirements-v2-mail-panel{
        animation:vehicles-v2-pop .34s cubic-bezier(.2,.8,.2,1) both;
    }
    .requirements-mail-alerts-v2 .requirements-v2-mail-panel:nth-child(2){animation-delay:.03s}
    .requirements-mail-alerts-v2 .requirements-v2-mail-panel:nth-child(3){animation-delay:.06s}
    .requirements-mail-alerts-v2 .requirements-v2-mail-panel:nth-child(4){animation-delay:.09s}
}
@media(max-width:1180px){
    .requirements-mail-alerts-v2 .requirements-v2-mail-summary,
    .requirements-delete-requirement-v2 .requirements-v2-delete-summary{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .requirements-mail-alerts-v2 .requirements-v2-mail-grid{
        grid-template-columns:1fr;
    }
    .requirements-mail-alerts-v2 .requirements-v2-mail-config,
    .requirements-mail-alerts-v2 .requirements-v2-mail-history,
    .requirements-mail-alerts-v2 .requirements-v2-mail-tools,
    .requirements-mail-alerts-v2 .requirements-v2-mail-cron{
        grid-column:auto;
    }
}
@media(max-width:760px){
    .requirements-mail-alerts-v2 .requirements-v2-mail-summary,
    .requirements-delete-requirement-v2 .requirements-v2-delete-summary,
    .requirements-mail-alerts-v2 .requirement-list-row{
        grid-template-columns:1fr;
    }
    .requirements-mail-alerts-v2 .requirements-v2-mail-panel{
        padding:12px;
        border-radius:22px;
    }
    .requirements-mail-alerts-v2 .form-actions,
    .requirements-mail-alerts-v2 .form-actions form{
        display:grid;
        grid-template-columns:1fr;
        width:100%;
    }
    .requirements-mail-alerts-v2 .form-actions .btn,
    .requirements-mail-alerts-v2 .form-actions .link-btn{
        width:100%;
        justify-content:center;
    }
}

/* Clothing Design System V2 - Index and resource folder. */
.clothing-v2{
    width:min(100%,1880px);
}
.clothing-v2 [hidden]{
    display:none!important;
}
.clothing-v2 .clothing-v2-hero,
.clothing-v2 .clothing-v2-resource-hero{
    min-height:0;
}
.clothing-v2 .clothing-v2-summary{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.clothing-v2 .clothing-v2-search-row{
    grid-template-columns:minmax(320px,1fr) auto auto auto;
}
.clothing-v2 .clothing-v2-advanced-panel{
    width:min(760px,calc(100vw - 56px));
}
.clothing-v2 .clothing-v2-advanced-panel label{
    display:grid;
    gap:6px;
    min-width:0;
    color:var(--muted);
    font-size:10px;
    font-weight:950;
    text-transform:uppercase;
}
.clothing-v2 .clothing-v2-advanced-panel select,
.clothing-v2 .clothing-v2-advanced-panel input{
    width:100%;
    min-height:40px;
    border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line));
    border-radius:14px;
    background:color-mix(in srgb,var(--bg) 72%,var(--card));
    color:var(--text);
    font-size:13px;
    font-weight:840;
}
.clothing-v2 .clothing-v2-hero-menu div{
    top:calc(100% + 8px);
    bottom:auto;
}
.clothing-v2 .clothing-v2-workspace{
    display:grid;
    grid-template-columns:minmax(0,1.65fr) minmax(310px,.45fr);
    gap:14px;
    align-items:start;
}
.clothing-v2 .clothing-rows{
    display:grid;
    gap:10px;
}
.clothing-v2 .clothing-v2-resource-card{
    grid-template-columns:minmax(260px,.85fr) minmax(360px,1.45fr) minmax(120px,.32fr);
    gap:12px;
    min-height:0;
    padding:12px;
    border:1px solid var(--v2-line);
    border-radius:24px;
    background:var(--v2-panel);
    box-shadow:0 16px 42px color-mix(in srgb,#020617 10%,transparent);
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.clothing-v2 .clothing-person-main{
    grid-template-columns:64px minmax(0,1fr);
    gap:11px;
    align-items:center;
}
.clothing-v2 .clothing-v2-avatar{
    display:grid;
    place-items:center;
    width:64px;
    height:64px;
    border-radius:20px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,var(--card)),color-mix(in srgb,#10b981 10%,var(--card2)));
    color:var(--text);
    font-size:20px;
    font-weight:950;
    box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 16%,transparent);
}
.clothing-v2 .clothing-v2-avatar.is-large{
    width:82px;
    height:82px;
    border-radius:24px;
    font-size:26px;
}
.clothing-v2 .clothing-person-title{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
}
.clothing-v2 .clothing-person-title strong{
    min-width:0;
    color:var(--text);
    font-size:17px;
    line-height:1.12;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.clothing-v2 .clothing-person-meta{
    display:flex;
    gap:6px;
    flex-wrap:wrap;
    margin-top:5px;
}
.clothing-v2 .clothing-person-meta span{
    min-width:0;
    max-width:180px;
    padding:5px 8px;
    border:1px solid color-mix(in srgb,var(--line) 70%,transparent);
    border-radius:999px;
    background:color-mix(in srgb,var(--bg) 34%,transparent);
    color:var(--muted);
    font-size:11px;
    font-weight:850;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.clothing-v2 .clothing-person-copy small{
    display:block;
    margin-top:5px;
    color:var(--muted);
    font-size:11px;
    font-weight:820;
}
.clothing-v2 .clothing-size-chips{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(142px,1fr));
    gap:7px;
    min-width:0;
}
.clothing-v2 .clothing-size-chip{
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    gap:8px;
    align-items:center;
    min-width:0;
    min-height:50px;
    padding:7px 9px;
    border:1px solid color-mix(in srgb,var(--primary) 13%,var(--line));
    border-radius:16px;
    background:color-mix(in srgb,var(--bg) 38%,transparent);
}
.clothing-v2 .clothing-size-chip.is-missing{
    border-color:color-mix(in srgb,#f59e0b 38%,var(--line));
    background:color-mix(in srgb,#f59e0b 8%,var(--card));
}
.clothing-v2 .clothing-size-chip img,
.clothing-v2 .clothing-summary-type img{
    width:34px;
    height:34px;
    object-fit:contain;
    border-radius:10px;
}
.clothing-v2 .clothing-size-chip-copy,
.clothing-v2 .clothing-size-chip > span{
    display:grid;
    gap:1px;
    min-width:0;
}
.clothing-v2 .clothing-size-chip b{
    min-width:0;
    color:var(--muted);
    font-size:10px;
    font-weight:950;
    text-transform:uppercase;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.clothing-v2 .clothing-size-chip em{
    min-width:0;
    color:var(--text);
    font-style:normal;
    font-size:13px;
    font-weight:950;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.clothing-v2 .clothing-size-chip small{
    color:var(--muted);
    font-size:10.5px;
    font-weight:820;
}
.clothing-v2 .clothing-row-actions{
    align-content:center;
    align-items:center;
    gap:7px;
}
.clothing-v2 .clothing-completion-meter{
    display:inline-flex;
    align-items:center;
    gap:2px;
    min-height:34px;
    padding:7px 10px;
    border:1px solid color-mix(in srgb,var(--line) 70%,transparent);
    border-radius:999px;
    background:color-mix(in srgb,var(--bg) 36%,transparent);
    color:var(--muted);
    font-size:12px;
    font-weight:900;
}
.clothing-v2 .clothing-completion-meter b{
    color:var(--text);
}
.clothing-v2 .clothing-v2-action-primary,
.clothing-v2 .clothing-row-actions .link-btn,
.clothing-v2 .inline-return-form .link-btn{
    min-height:34px;
    padding:7px 10px;
    border-radius:13px;
    font-size:12px;
    font-weight:930;
}
.clothing-v2 .clothing-v2-summary-card{
    position:sticky;
    top:88px;
    gap:10px;
    padding:14px;
    border:1px solid var(--v2-line);
    border-radius:24px;
    background:var(--v2-panel);
    box-shadow:0 16px 42px color-mix(in srgb,#020617 10%,transparent);
}
.clothing-v2 .clothing-summary-head h2{
    margin:3px 0;
    color:var(--text);
    font-size:20px;
    line-height:1.1;
}
.clothing-v2 .clothing-summary-head p{
    margin:0;
    color:var(--muted);
    font-size:12px;
    font-weight:820;
    line-height:1.35;
}
.clothing-v2 .clothing-summary-block{
    gap:7px;
    padding:10px;
    border-color:color-mix(in srgb,var(--line) 68%,transparent);
    border-radius:17px;
    background:color-mix(in srgb,var(--bg) 34%,transparent);
}
.clothing-v2 .clothing-summary-type{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
}
.clothing-v2 .clothing-summary-type strong{
    min-width:0;
    color:var(--text);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.clothing-v2 .clothing-summary-block > span{
    align-items:center;
    min-height:26px;
    padding:4px 0;
    border-top:1px solid color-mix(in srgb,var(--line) 58%,transparent);
}
.clothing-v2 .clothing-v2-empty-state{
    display:grid;
    place-items:center;
    min-height:130px;
    padding:20px;
    border:1px dashed color-mix(in srgb,var(--primary) 26%,var(--line));
    border-radius:24px;
    background:color-mix(in srgb,var(--bg) 42%,transparent);
    color:var(--muted);
    font-weight:850;
    text-align:center;
}
.clothing-v2 .clothing-v2-resource-head{
    display:grid;
    grid-template-columns:82px minmax(0,1fr);
    gap:14px;
    align-items:center;
    min-width:0;
}
.clothing-v2 .clothing-v2-resource-head h1{
    margin:5px 0 4px;
    color:var(--text);
    font-size:clamp(32px,3.6vw,58px);
    line-height:.98;
}
.clothing-v2 .clothing-v2-resource-head p,
.clothing-v2 .clothing-v2-resource-head small{
    display:block;
    margin:0;
    color:var(--muted);
    font-size:12px;
    font-weight:850;
    line-height:1.35;
}
.clothing-v2 .clothing-v2-panel{
    display:grid;
    gap:12px;
    padding:14px;
    border:1px solid var(--v2-line);
    border-radius:26px;
    background:var(--v2-panel);
    box-shadow:0 16px 42px color-mix(in srgb,#020617 10%,transparent);
}
.clothing-v2 .clothing-v2-panel-head{
    margin:0;
    align-items:flex-start;
}
.clothing-v2 .clothing-v2-panel-head h2{
    margin:3px 0;
    color:var(--text);
    font-size:20px;
    line-height:1.12;
}
.clothing-v2 .clothing-v2-panel-head p{
    margin:0;
    color:var(--muted);
    font-size:12px;
    font-weight:820;
    line-height:1.35;
}
.clothing-v2 .clothing-v2-resource-form{
    gap:12px;
}
.clothing-v2 .clothing-resource-grid{
    grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
    gap:9px;
}
.clothing-v2 .clothing-size-field{
    gap:7px;
    min-width:0;
    padding:10px;
    border:1px solid color-mix(in srgb,var(--line) 68%,transparent);
    border-radius:17px;
    background:color-mix(in srgb,var(--bg) 34%,transparent);
}
.clothing-v2 .clothing-size-field-head{
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:8px;
    align-items:center;
}
.clothing-v2 .clothing-size-field-head img{
    width:38px;
    height:38px;
    object-fit:contain;
    border-radius:11px;
}
.clothing-v2 .clothing-size-field-head span{
    color:var(--text);
    font-size:13px;
    font-weight:950;
    line-height:1.18;
    overflow:hidden;
    text-overflow:ellipsis;
}
.clothing-v2 .clothing-size-field select,
.clothing-v2 .clothing-size-field input{
    width:100%;
    min-height:38px;
    border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line));
    border-radius:13px;
    background:color-mix(in srgb,var(--bg) 72%,var(--card));
    color:var(--text);
    font-size:13px;
    font-weight:840;
}
.clothing-v2 .clothing-v2-sticky-actions{
    grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
    margin-top:2px;
}
.clothing-v2 .clothing-v2-resource-panels{
    display:grid;
    grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);
    gap:14px;
    align-items:start;
}
.clothing-v2 .clothing-delivery-missing{
    padding:10px;
    border-radius:17px;
}
.clothing-v2 .clothing-delivery-list,
.clothing-v2 .clothing-history-list{
    display:grid;
    gap:8px;
}
.clothing-v2 .clothing-v2-delivery-row,
.clothing-v2 .clothing-v2-history-row{
    border-color:color-mix(in srgb,var(--line) 68%,transparent);
    border-radius:18px;
    background:color-mix(in srgb,var(--bg) 34%,transparent);
    box-shadow:none;
}
.clothing-v2 .clothing-v2-delivery-row{
    grid-template-columns:minmax(180px,.8fr) minmax(170px,.65fr) minmax(190px,.8fr) auto;
    padding:10px;
}
.clothing-v2 .clothing-v2-history-row{
    grid-template-columns:minmax(190px,.95fr) minmax(180px,.85fr) auto;
    padding:10px;
}
.clothing-v2 .clothing-v2-delivery-row b,
.clothing-v2 .clothing-v2-history-row strong{
    color:var(--text);
    font-size:13px;
    line-height:1.18;
}
.clothing-v2 .clothing-v2-delivery-row small,
.clothing-v2 .clothing-v2-history-row small,
.clothing-v2 .clothing-v2-history-row span,
.clothing-v2 .clothing-v2-history-row time{
    color:var(--muted);
    font-size:11.5px;
    font-weight:830;
    line-height:1.3;
}
.clothing-v2 .vehicles-v2-actions-menu{
    z-index:3;
}
.clothing-v2 .clothing-row-actions .vehicles-v2-actions-menu{
    margin-left:0;
}
.clothing-v2 .clothing-row-actions .vehicles-v2-actions-menu div{
    bottom:calc(100% + 8px);
}
.clothing-v2 .clothing-v2-types-panel{
    gap:12px;
}
.clothing-v2 .clothing-v2-type-list{
    display:grid;
    gap:9px;
}
.clothing-v2 .clothing-v2-type-row{
    display:grid;
    grid-template-columns:minmax(240px,1.05fr) minmax(88px,.32fr) minmax(260px,.95fr) minmax(260px,1fr) auto;
    gap:10px;
    align-items:center;
    min-height:0;
    padding:11px;
    border:1px solid var(--v2-line);
    border-radius:22px;
    background:var(--v2-panel);
    box-shadow:0 14px 36px color-mix(in srgb,#020617 9%,transparent);
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.clothing-v2 .clothing-type-main{
    display:grid;
    grid-template-columns:54px minmax(0,1fr);
    gap:10px;
    align-items:center;
    min-width:0;
}
.clothing-v2 .clothing-type-main .clothing-type-thumb{
    display:grid;
    place-items:center;
    width:54px;
    height:54px;
    border-radius:18px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,var(--card)),color-mix(in srgb,#10b981 10%,var(--card2)));
    overflow:hidden;
}
.clothing-v2 .clothing-type-main .clothing-type-thumb img{
    width:100%;
    height:100%;
    object-fit:contain;
}
.clothing-v2 .clothing-type-main .clothing-type-thumb b{
    color:var(--text);
    font-size:17px;
    font-weight:950;
}
.clothing-v2 .clothing-type-main strong{
    display:block;
    color:var(--text);
    font-size:16px;
    line-height:1.14;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.clothing-v2 .clothing-type-main p{
    margin:4px 0 0;
    color:var(--muted);
    font-size:12px;
    font-weight:820;
    line-height:1.3;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.clothing-v2 .clothing-v2-type-row .requirement-type-category{
    min-width:0;
    padding:8px;
    border:1px solid color-mix(in srgb,var(--line) 68%,transparent);
    border-radius:15px;
    background:color-mix(in srgb,var(--bg) 34%,transparent);
}
.clothing-v2 .clothing-v2-type-row .requirement-type-category span{
    color:var(--muted);
    font-size:10px;
    font-weight:950;
    text-transform:uppercase;
}
.clothing-v2 .clothing-v2-type-row .requirement-type-category strong{
    color:var(--text);
    font-size:14px;
    line-height:1.15;
}
.clothing-v2 .clothing-v2-type-row .requirement-type-properties{
    gap:6px;
    min-width:0;
}
.clothing-v2 .clothing-v2-type-row .requirement-type-status{
    display:block;
    min-width:0;
    color:var(--muted);
    font-size:12px;
    font-weight:830;
    line-height:1.35;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.clothing-v2 .clothing-v2-type-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:7px;
    min-width:0;
}
.clothing-v2 .clothing-v2-type-actions .link-btn,
.clothing-v2 .clothing-v2-type-actions .vehicles-v2-actions-menu summary{
    min-height:34px;
    padding:7px 10px;
    border-radius:13px;
    font-size:12px;
    font-weight:930;
}
.clothing-v2 .clothing-v2-type-actions .vehicles-v2-actions-menu{
    margin-left:0;
}
.clothing-v2 .clothing-v2-type-actions .vehicles-v2-actions-menu div{
    bottom:calc(100% + 8px);
}
.clothing-v2 .clothing-v2-form-card{
    padding:14px!important;
    border:0;
    border-radius:30px;
}
.clothing-v2 .clothing-v2-type-form-grid{
    align-items:start;
    gap:14px;
}
.clothing-v2 .clothing-v2-type-panel::before{
    background:linear-gradient(90deg,#10b981,var(--primary));
}
.clothing-v2 .clothing-v2-type-media-panel::before{
    background:linear-gradient(90deg,#f59e0b,var(--primary2));
}
.clothing-v2 .clothing-v2-check-list{
    display:grid;
    gap:7px;
    margin:0;
}
.clothing-v2 .clothing-v2-check-list .form-check-row{
    min-height:38px;
    border-radius:14px;
    background:color-mix(in srgb,var(--bg) 36%,transparent);
}
.clothing-v2 .clothing-v2-type-preview{
    display:grid;
    place-items:center;
    min-height:120px;
    padding:10px;
    border:1px dashed color-mix(in srgb,var(--primary) 28%,var(--line));
    border-radius:18px;
    background:color-mix(in srgb,var(--bg) 38%,transparent);
}
.clothing-v2 .clothing-v2-type-preview .clothing-type-thumb{
    display:grid;
    place-items:center;
    width:96px;
    height:96px;
    border-radius:24px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,var(--card)),color-mix(in srgb,#10b981 10%,var(--card2)));
    overflow:hidden;
}
.clothing-v2 .clothing-v2-type-preview .clothing-type-thumb img{
    width:100%;
    height:100%;
    object-fit:contain;
}
.clothing-v2 .clothing-v2-upload{
    min-height:126px!important;
}
.clothing-v2 .clothing-v2-upload input[type="file"]{
    max-width:100%;
}
.clothing-v2 .clothing-v2-danger-panel{
    display:grid;
    gap:12px;
    width:min(100%,760px);
    margin:0 auto;
    padding:22px;
    border:1px solid color-mix(in srgb,var(--danger) 28%,var(--line));
    border-radius:28px;
    background:linear-gradient(180deg,color-mix(in srgb,var(--danger) 7%,var(--card)),var(--card));
    box-shadow:0 22px 60px color-mix(in srgb,#020617 14%,transparent);
}
.clothing-v2 .clothing-v2-danger-panel > strong{
    color:var(--text);
    font-size:24px;
    line-height:1.1;
}
.clothing-v2 .clothing-v2-danger-panel > p{
    margin:0;
    color:var(--muted);
    font-weight:850;
}
.clothing-v2 .clothing-v2-delete-summary{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}
.clothing-v2 .clothing-v2-delete-summary div{
    display:grid;
    gap:3px;
    min-width:0;
    padding:10px;
    border:1px solid color-mix(in srgb,var(--danger) 18%,var(--line));
    border-radius:16px;
    background:color-mix(in srgb,var(--bg) 36%,transparent);
}
.clothing-v2 .clothing-v2-delete-summary span{
    color:var(--muted);
    font-size:10px;
    font-weight:950;
    text-transform:uppercase;
}
.clothing-v2 .clothing-v2-delete-summary strong{
    min-width:0;
    color:var(--text);
    font-size:14px;
    line-height:1.22;
    overflow:hidden;
    text-overflow:ellipsis;
}
.clothing-deliveries-v2 .clothing-v2-delivery-summary{
    grid-template-columns:repeat(6,minmax(0,1fr));
}
.clothing-v2 .clothing-v2-delivery-list{
    display:grid;
    gap:10px;
    margin-top:0;
}
.clothing-v2 .clothing-v2-employee-delivery-card{
    padding:0;
    overflow:visible;
    border:1px solid var(--v2-line);
    border-radius:24px;
    background:var(--v2-panel);
    box-shadow:0 16px 42px color-mix(in srgb,#020617 10%,transparent);
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.clothing-v2 .clothing-v2-employee-delivery-card > summary{
    grid-template-columns:28px minmax(260px,1fr) auto;
    gap:12px;
    min-height:70px;
    padding:12px 14px;
}
.clothing-v2 .clothing-v2-employee-delivery-card > summary::before{
    width:28px;
    height:28px;
    border-color:color-mix(in srgb,var(--primary) 18%,var(--line));
    background:color-mix(in srgb,var(--bg) 38%,transparent);
}
.clothing-v2 .clothing-employee-delivery-title strong{
    color:var(--text);
    font-size:17px;
    line-height:1.12;
}
.clothing-v2 .clothing-employee-delivery-title small{
    color:var(--muted);
    font-size:12px;
    font-weight:820;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.clothing-v2 .clothing-employee-delivery-counts{
    gap:6px;
}
.clothing-v2 .clothing-employee-delivery-counts span:not(.badge){
    min-height:30px;
    padding:6px 9px;
    border-color:color-mix(in srgb,var(--line) 68%,transparent);
    background:color-mix(in srgb,var(--bg) 34%,transparent);
    font-size:11px;
}
.clothing-v2 .clothing-bulk-delivery-form,
.clothing-v2 .clothing-delivery-history{
    padding:0 14px 14px;
}
.clothing-v2 .clothing-v2-bulk-toolbar{
    grid-template-columns:180px minmax(240px,1fr) auto;
    gap:8px;
    padding:10px;
    border:1px solid color-mix(in srgb,var(--line) 64%,transparent);
    border-radius:18px;
    background:color-mix(in srgb,var(--bg) 32%,transparent);
}
.clothing-v2 .clothing-v2-bulk-toolbar label,
.clothing-v2 .clothing-v2-delivery-item label{
    gap:5px;
    color:var(--muted);
    font-size:10px;
    font-weight:950;
    text-transform:uppercase;
}
.clothing-v2 .clothing-v2-bulk-toolbar input,
.clothing-v2 .clothing-v2-delivery-item input{
    min-height:38px;
    border-color:color-mix(in srgb,var(--primary) 14%,var(--line));
    border-radius:13px;
}
.clothing-v2 .clothing-v2-delivery-item{
    grid-template-columns:minmax(210px,1.05fr) minmax(170px,.62fr) 96px minmax(150px,.56fr) minmax(150px,.56fr);
    gap:8px;
    min-height:0;
    padding:10px;
    border-color:color-mix(in srgb,var(--line) 68%,transparent);
    border-radius:18px;
    background:color-mix(in srgb,var(--bg) 34%,transparent);
}
.clothing-v2 .clothing-v2-delivery-item.is-missing{
    border-color:color-mix(in srgb,#f59e0b 38%,var(--line));
    background:color-mix(in srgb,#f59e0b 7%,var(--card));
}
.clothing-v2 .clothing-v2-delivery-item.is-partial{
    border-color:color-mix(in srgb,#f59e0b 48%,var(--line));
}
.clothing-v2 .clothing-v2-delivery-item.is-delivered{
    border-color:color-mix(in srgb,#10b981 32%,var(--line));
    background:color-mix(in srgb,#10b981 6%,var(--card));
}
.clothing-v2 .clothing-delivery-check b{
    color:var(--text);
    font-size:13px;
    line-height:1.14;
}
.clothing-v2 .clothing-delivery-check small,
.clothing-v2 .clothing-delivery-item-state small{
    font-size:11px;
}
.clothing-v2 .clothing-v2-inline-actions{
    justify-content:flex-end;
    gap:8px;
}
.clothing-v2 .clothing-v2-delivery-history{
    border-top:1px solid color-mix(in srgb,var(--line) 68%,transparent);
}
.clothing-v2 .clothing-v2-delivery-history h3{
    color:var(--text);
    font-size:17px;
    line-height:1.15;
}
.clothing-v2 .clothing-v2-delivery-history-row{
    grid-template-columns:96px minmax(0,1fr) auto;
    gap:10px;
    padding:10px;
    border-color:color-mix(in srgb,var(--line) 68%,transparent);
    border-radius:18px;
    background:color-mix(in srgb,var(--bg) 34%,transparent);
}
.clothing-v2 .clothing-v2-delivery-history-row time{
    color:var(--text);
    font-size:12px;
    font-weight:950;
}
.clothing-v2 .clothing-v2-delivery-history-row b{
    color:var(--text);
    font-size:13px;
    line-height:1.18;
}
.clothing-v2 .clothing-v2-delivery-history-row small{
    color:var(--muted);
    font-size:11.5px;
    font-weight:830;
    line-height:1.3;
}
.clothing-v2 .clothing-v2-delivery-history-row .vehicles-v2-actions-menu{
    margin-left:0;
}
.clothing-v2 .clothing-v2-delivery-history-row .vehicles-v2-actions-menu div{
    bottom:calc(100% + 8px);
}
.clothing-v2 .clothing-v2-delivery-form-grid{
    align-items:start;
    gap:14px;
}
.clothing-v2 .clothing-v2-delivery-panel::before{
    background:linear-gradient(90deg,#10b981,var(--primary));
}
.clothing-v2 .clothing-v2-delivery-panel:nth-child(2)::before{
    background:linear-gradient(90deg,#f59e0b,var(--primary2));
}
.clothing-v2 .clothing-v2-delivery-form .clothing-force-reassign{
    margin:0;
}
.clothing-v2 .clothing-v2-history-panel{
    gap:10px;
}
.clothing-v2 .clothing-v2-history-panel .clothing-history-list{
    display:grid;
    gap:8px;
}
.clothing-v2 .clothing-v2-history-panel .clothing-v2-history-row{
    grid-template-columns:minmax(210px,.9fr) minmax(240px,1fr) minmax(190px,.8fr) auto;
    padding:10px;
    border:1px solid color-mix(in srgb,var(--line) 68%,transparent);
    border-radius:18px;
    background:color-mix(in srgb,var(--bg) 34%,transparent);
    box-shadow:none;
}
.clothing-v2 .clothing-v2-history-panel .clothing-v2-history-row strong{
    color:var(--text);
    font-size:13px;
    line-height:1.18;
}
.clothing-v2 .clothing-v2-history-panel .clothing-v2-history-row span,
.clothing-v2 .clothing-v2-history-panel .clothing-v2-history-row small,
.clothing-v2 .clothing-v2-history-panel .clothing-v2-history-row time{
    color:var(--muted);
    font-size:11.5px;
    font-weight:830;
    line-height:1.3;
}
.clothing-v2 .clothing-v2-supplier-summary{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.clothing-v2 .clothing-v2-supplier-intro{
    padding:14px;
}
.clothing-v2 .clothing-v2-supplier-intro strong{
    color:var(--text);
    font-size:16px;
    line-height:1.18;
}
.clothing-v2 .clothing-v2-supplier-intro p{
    margin:0;
    color:var(--muted);
    font-size:12px;
    font-weight:820;
    line-height:1.35;
}
.clothing-v2 .clothing-v2-supplier-form{
    gap:12px;
}
.clothing-v2 .clothing-v2-supplier-command{
    margin:0;
}
.clothing-v2 .clothing-v2-supplier-quantities{
    gap:12px;
}
.clothing-v2 .supplier-order-qty-grid{
    grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
    gap:8px;
    margin-top:0;
}
.clothing-v2 .supplier-order-qty-grid label{
    min-width:0;
    min-height:0;
    padding:9px;
    border-color:color-mix(in srgb,var(--line) 68%,transparent);
    border-radius:16px;
    background:color-mix(in srgb,var(--bg) 34%,transparent);
}
.clothing-v2 .supplier-order-qty-grid label span{
    gap:8px;
    min-width:0;
}
.clothing-v2 .supplier-order-qty-grid .clothing-type-thumb{
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border-radius:11px;
    background:color-mix(in srgb,var(--primary) 10%,var(--card));
    overflow:hidden;
}
.clothing-v2 .supplier-order-qty-grid .clothing-type-thumb img{
    width:100%;
    height:100%;
    object-fit:contain;
}
.clothing-v2 .supplier-order-qty-grid strong{
    min-width:0;
    color:var(--text);
    font-size:12px;
    line-height:1.15;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.clothing-v2 .supplier-order-qty-grid input{
    min-height:38px;
    border-color:color-mix(in srgb,var(--primary) 14%,var(--line));
    border-radius:13px;
}
.clothing-v2 .clothing-v2-supplier-print-area{
    grid-template-columns:minmax(0,1fr) minmax(300px,.34fr);
    gap:14px;
    margin-top:0;
}
.clothing-v2 .supplier-order-total-card,
.clothing-v2 .supplier-order-detail-card{
    grid-column:1/2;
}
.clothing-v2 .supplier-order-total-card{
    border-color:var(--v2-line);
}
.clothing-v2 .supplier-order-kpis{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    margin:10px 0;
}
.clothing-v2 .supplier-order-kpis article{
    padding:10px;
    border-color:color-mix(in srgb,var(--line) 68%,transparent);
    border-radius:15px;
    background:color-mix(in srgb,var(--bg) 34%,transparent);
}
.clothing-v2 .supplier-order-kpis strong{
    font-size:22px;
}
.clothing-v2 .supplier-order-table-wrap{
    margin-top:8px;
}
.clothing-v2 .supplier-order-table th,
.clothing-v2 .supplier-order-table td{
    padding:9px 10px;
    font-size:12px;
}
.clothing-v2 .clothing-v2-supplier-detail-row{
    grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);
    gap:10px;
    padding:10px;
    border-color:color-mix(in srgb,var(--line) 68%,transparent);
    border-radius:18px;
    background:color-mix(in srgb,var(--bg) 34%,transparent);
}
.clothing-v2 .clothing-v2-supplier-detail-row strong{
    color:var(--text);
    font-size:13px;
    line-height:1.18;
}
.clothing-v2 .clothing-v2-supplier-detail-row span,
.clothing-v2 .clothing-v2-supplier-detail-row small,
.clothing-v2 .clothing-v2-supplier-detail-row li{
    color:var(--muted);
    font-size:11.5px;
    font-weight:820;
}
.clothing-v2 .supplier-order-missing{
    grid-column:2/3;
    top:88px;
}
.clothing-v2 .supplier-order-missing strong{
    font-size:34px;
}
.clothing-v2.clothing-print-v2{
    width:min(100%,1400px);
}
.clothing-v2 .clothing-v2-print-area{
    padding:20px;
    border:1px solid var(--v2-line);
    border-radius:26px;
    background:var(--v2-panel);
    box-shadow:0 16px 42px color-mix(in srgb,#020617 10%,transparent);
}
.clothing-v2 .clothing-v2-print-head{
    margin:0 0 12px;
}
.clothing-v2 .clothing-v2-print-head h2{
    margin:3px 0;
    color:var(--text);
    font-size:24px;
    line-height:1.1;
}
.clothing-v2 .clothing-v2-print-area .table-wrap{
    max-height:none;
    overflow:auto;
}
.clothing-v2 .clothing-v2-print-area table{
    width:100%;
    border-collapse:collapse;
}
.clothing-v2 .clothing-v2-print-area th,
.clothing-v2 .clothing-v2-print-area td{
    padding:8px 9px;
    border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);
    font-size:11.5px;
    line-height:1.25;
}
.clothing-v2 .clothing-v2-print-area th{
    color:var(--muted);
    font-size:10px;
    font-weight:950;
    text-transform:uppercase;
}
.clothing-v2 .clothing-v2-print-summary{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:8px;
}
.clothing-v2 .clothing-v2-print-summary p{
    margin:0;
    padding:9px;
    border:1px solid color-mix(in srgb,var(--line) 68%,transparent);
    border-radius:14px;
    background:color-mix(in srgb,var(--bg) 34%,transparent);
    color:var(--muted);
    font-size:12px;
    font-weight:820;
    line-height:1.35;
}
.clothing-v2 .clothing-v2-print-summary strong{
    color:var(--text);
}
@media (hover:hover) and (pointer:fine){
    .clothing-v2 .clothing-v2-resource-card:hover,
    .clothing-v2 .clothing-v2-panel:hover,
    .clothing-v2 .clothing-v2-type-row:hover,
    .clothing-v2 .clothing-v2-employee-delivery-card:hover{
        transform:translateY(-4px);
        border-color:color-mix(in srgb,var(--primary) 32%,var(--line));
        box-shadow:0 24px 58px color-mix(in srgb,#020617 14%,transparent);
    }
}
@media (prefers-reduced-motion:no-preference){
    .clothing-v2 .clothing-v2-resource-card,
    .clothing-v2 .clothing-v2-panel,
    .clothing-v2 .clothing-v2-type-row,
    .clothing-v2 .clothing-v2-employee-delivery-card,
    .clothing-v2 .clothing-v2-danger-panel{
        animation:vehicles-v2-pop .34s cubic-bezier(.2,.8,.2,1) both;
    }
    .clothing-v2 .clothing-v2-resource-card:nth-child(2),
    .clothing-v2 .clothing-v2-panel:nth-child(2){animation-delay:.03s}
    .clothing-v2 .clothing-v2-resource-card:nth-child(3){animation-delay:.06s}
    .clothing-v2 .clothing-v2-resource-card:nth-child(4){animation-delay:.09s}
}
@media(max-width:1180px){
    .clothing-v2 .clothing-v2-summary{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .clothing-v2 .clothing-v2-search-row,
    .clothing-v2 .clothing-v2-workspace,
    .clothing-v2 .clothing-v2-resource-card,
    .clothing-v2 .clothing-v2-type-row,
    .clothing-v2 .clothing-v2-employee-delivery-card > summary,
    .clothing-v2 .clothing-v2-bulk-toolbar,
    .clothing-v2 .clothing-v2-delivery-item,
    .clothing-v2 .clothing-v2-delivery-history-row,
    .clothing-v2 .clothing-v2-history-panel .clothing-v2-history-row,
    .clothing-v2 .clothing-v2-supplier-print-area,
    .clothing-v2 .clothing-v2-resource-panels,
    .clothing-v2 .clothing-v2-delivery-row,
    .clothing-v2 .clothing-v2-history-row{
        grid-template-columns:1fr;
    }
    .clothing-v2 .clothing-row-actions{
        justify-content:flex-start;
    }
    .clothing-deliveries-v2 .clothing-v2-delivery-summary{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .clothing-v2 .clothing-v2-type-actions{
        justify-content:flex-start;
    }
    .clothing-v2 .clothing-v2-summary-card{
        position:static;
    }
}
@media(max-width:760px){
    .clothing-v2 .clothing-v2-summary,
    .clothing-v2 .clothing-v2-search-row,
    .clothing-v2 .clothing-resource-grid,
    .clothing-v2 .clothing-size-chips,
    .clothing-v2 .clothing-v2-type-form-grid,
    .clothing-v2 .clothing-v2-delivery-form-grid,
    .clothing-v2 .clothing-v2-supplier-summary,
    .clothing-v2 .clothing-v2-supplier-print-area,
    .clothing-v2 .supplier-order-kpis,
    .clothing-v2 .clothing-v2-print-summary,
    .clothing-v2 .clothing-v2-delete-summary{
        grid-template-columns:1fr;
    }
    .clothing-v2 .clothing-v2-advanced{
        width:100%;
    }
    .clothing-v2 .clothing-v2-advanced summary,
    .clothing-v2 .clothing-v2-search-row > .btn,
    .clothing-v2 .clothing-v2-search-row > .link-btn{
        width:100%;
    }
    .clothing-v2 .clothing-v2-advanced-panel{
        position:static;
        width:100%;
        grid-template-columns:1fr;
        margin-top:8px;
        box-shadow:none;
    }
    .clothing-v2 .clothing-person-main,
    .clothing-v2 .clothing-v2-resource-head{
        grid-template-columns:58px minmax(0,1fr);
    }
    .clothing-v2 .clothing-v2-avatar,
    .clothing-v2 .clothing-v2-avatar.is-large{
        width:58px;
        height:58px;
        border-radius:18px;
        font-size:19px;
    }
    .clothing-v2 .clothing-v2-resource-head h1{
        font-size:30px;
    }
    .clothing-v2 .clothing-row-actions,
    .clothing-v2 .clothing-v2-hero-actions,
    .clothing-v2 .clothing-v2-type-actions,
    .clothing-v2 .requirements-v2-danger-actions{
        display:grid;
        grid-template-columns:1fr;
        width:100%;
        justify-content:stretch;
    }
    .clothing-v2 .clothing-row-actions .link-btn,
    .clothing-v2 .clothing-row-actions .inline-return-form,
    .clothing-v2 .clothing-row-actions .inline-return-form .link-btn,
    .clothing-v2 .clothing-row-actions .vehicles-v2-actions-menu,
    .clothing-v2 .clothing-row-actions .vehicles-v2-actions-menu summary,
    .clothing-v2 .clothing-v2-hero-actions .btn,
    .clothing-v2 .clothing-v2-hero-actions .link-btn,
    .clothing-v2 .clothing-v2-hero-actions .vehicles-v2-actions-menu,
    .clothing-v2 .clothing-v2-hero-actions .vehicles-v2-actions-menu summary,
    .clothing-v2 .clothing-v2-type-actions .link-btn,
    .clothing-v2 .clothing-v2-type-actions .vehicles-v2-actions-menu,
    .clothing-v2 .clothing-v2-type-actions .vehicles-v2-actions-menu summary,
    .clothing-v2 .requirements-v2-danger-actions .btn,
    .clothing-v2 .requirements-v2-danger-actions .link-btn{
        width:100%;
        justify-content:center;
    }
    .clothing-v2 .clothing-v2-danger-panel{
        padding:16px;
        border-radius:22px;
    }
}
@media print{
    body:has(.clothing-print-v2) .page,
    body:has(.clothing-supplier-order-v2) .page{
        padding:0!important;
        background:#fff!important;
    }
    .clothing-print-v2,
    .clothing-supplier-order-v2{
        width:100%!important;
        margin:0!important;
        color:#111827!important;
    }
    .clothing-v2 .clothing-v2-print-area,
    .clothing-v2 .clothing-v2-panel,
    .clothing-v2 .supplier-order-total-card,
    .clothing-v2 .supplier-order-detail-card,
    .clothing-v2 .supplier-order-missing{
        border-color:#d1d5db!important;
        border-radius:0!important;
        box-shadow:none!important;
        background:#fff!important;
    }
    .clothing-v2 .clothing-v2-print-area th,
    .clothing-v2 .clothing-v2-print-area td,
    .clothing-v2 .supplier-order-table th,
    .clothing-v2 .supplier-order-table td{
        color:#111827!important;
        font-size:9.5pt!important;
    }
    .clothing-v2 .clothing-v2-print-summary p,
    .clothing-v2 .supplier-order-kpis article,
    .clothing-v2 .clothing-v2-supplier-detail-row{
        border-color:#d1d5db!important;
        background:#fff!important;
        break-inside:avoid;
    }
    .clothing-v2 .clothing-v2-supplier-print-area{
        display:block!important;
    }
    .clothing-v2 .supplier-order-detail-card,
    .clothing-v2 .supplier-order-missing{
        margin-top:10px!important;
    }
}

/* KronoSender Design System V2 - Company Management index and expirations. */
.company-v2{
    width:min(100%,1880px);
    gap:14px;
}
.company-v2 .company-v2-summary{
    grid-template-columns:repeat(5,minmax(0,1fr));
}
.company-v2 .company-v2-command{
    position:relative;
}
.company-v2 .company-v2-advanced-panel{
    min-width:min(860px,calc(100vw - 72px));
    grid-template-columns:repeat(3,minmax(180px,1fr));
}
.company-v2 .company-v2-advanced-panel label{
    min-width:0;
}
.company-v2 .company-v2-filter-chips{
    margin-top:10px;
}
.company-v2-practice-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(330px,1fr));
    gap:14px;
    align-items:start;
}
.company-v2-practice-card,
.company-v2-expiration-shell{
    min-width:0;
    border:1px solid var(--v2-line);
    background:linear-gradient(160deg,var(--v2-panel),color-mix(in srgb,var(--v2-panel-strong) 95%,var(--primary) 4%));
    box-shadow:0 18px 46px color-mix(in srgb,#020617 9%,transparent),inset 0 1px 0 color-mix(in srgb,#ffffff 12%,transparent);
}
.company-v2-practice-card{
    display:grid;
    gap:12px;
    min-height:0;
    padding:14px;
    border-radius:28px;
}
.company-v2-practice-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    min-width:0;
}
.company-v2-practice-head > div{
    min-width:0;
}
.company-v2-practice-head h2{
    margin:4px 0 0;
    color:var(--text);
    font-size:clamp(19px,1.4vw,25px);
    line-height:1.06;
    letter-spacing:0;
    overflow-wrap:anywhere;
}
.company-v2-category{
    display:inline-flex;
    max-width:100%;
    color:var(--muted);
    font-size:11px;
    font-weight:930;
    line-height:1.15;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.company-v2-next-deadline{
    display:grid;
    gap:4px;
    min-width:0;
    padding:10px 12px;
    border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));
    border-radius:18px;
    background:color-mix(in srgb,var(--bg) 36%,transparent);
}
.company-v2-next-deadline span,
.company-v2-next-deadline small{
    color:var(--muted);
    font-size:11px;
    font-weight:850;
    line-height:1.25;
}
.company-v2-next-deadline strong{
    color:var(--text);
    font-size:13px;
    line-height:1.2;
}
.company-v2-practice-badges{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    min-width:0;
}
.company-v2-practice-badges .badge{
    max-width:100%;
    min-height:26px;
    border-radius:999px;
    font-size:11px;
    font-weight:900;
    line-height:1.12;
}
.company-v2-actions,
.company-v2-table-actions,
.company-v2-mobile-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:7px;
    min-width:0;
    flex-wrap:wrap;
}
.company-v2-actions .link-btn,
.company-v2-table-actions .link-btn,
.company-v2-mobile-actions .link-btn,
.company-v2-actions .vehicles-v2-actions-menu summary,
.company-v2-table-actions .vehicles-v2-actions-menu summary,
.company-v2-mobile-actions .vehicles-v2-actions-menu summary{
    min-height:34px;
    padding:7px 11px;
    border-radius:13px;
    font-size:12px;
    font-weight:920;
}
.company-v2-actions .vehicles-v2-actions-menu,
.company-v2-table-actions .vehicles-v2-actions-menu,
.company-v2-mobile-actions .vehicles-v2-actions-menu{
    position:relative;
}
.company-v2-actions .vehicles-v2-actions-menu div,
.company-v2-table-actions .vehicles-v2-actions-menu div,
.company-v2-mobile-actions .vehicles-v2-actions-menu div,
.company-v2-hero-menu div{
    min-width:230px;
    z-index:20;
}
.company-v2 .inline-form{
    display:inline-flex;
    margin:0;
}
.company-v2-expiration-shell{
    padding:14px;
    border-radius:30px;
}
.company-v2-expiration-results{
    display:grid;
    gap:12px;
}
.company-v2-table-wrap{
    border-radius:24px;
}
.company-v2-expiration-table{
    font-size:13px;
}
.company-v2-expiration-row td{
    vertical-align:middle;
}
.company-v2-expiration-mobile-card{
    border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line));
    background:linear-gradient(160deg,var(--v2-panel),color-mix(in srgb,var(--v2-panel-strong) 95%,var(--primary) 3%));
    box-shadow:0 14px 34px color-mix(in srgb,#020617 8%,transparent);
}
.company-v2-empty-state{
    display:grid;
    gap:6px;
    min-height:96px;
    align-content:center;
    padding:22px;
    border:1px dashed color-mix(in srgb,var(--primary) 24%,var(--line));
    border-radius:28px;
    background:linear-gradient(160deg,color-mix(in srgb,var(--primary) 6%,var(--card)),var(--card2));
    color:var(--muted);
}
.company-v2-empty-state strong{
    color:var(--text);
    font-size:18px;
}
@media (hover:hover) and (pointer:fine){
    .company-v2-practice-card:hover,
    .company-v2-expiration-shell:hover{
        transform:translateY(-3px);
        border-color:color-mix(in srgb,var(--primary) 30%,var(--line));
        box-shadow:0 28px 68px color-mix(in srgb,#020617 13%,transparent);
    }
    .company-v2-expiration-table tbody tr:hover{
        background:color-mix(in srgb,var(--primary) 8%,transparent);
    }
}
@media (prefers-reduced-motion:no-preference){
    .company-v2-practice-card,
    .company-v2-expiration-shell{
        animation:vehicles-ds-enter .42s cubic-bezier(.2,.8,.2,1) both;
        transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
    }
    .company-v2-practice-card:nth-child(2){animation-delay:.04s}
    .company-v2-practice-card:nth-child(3){animation-delay:.08s}
    .company-v2-practice-card:nth-child(4){animation-delay:.12s}
    .company-v2-practice-card:nth-child(5){animation-delay:.16s}
}
@media(max-width:1180px){
    .company-v2 .company-v2-summary{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .company-v2 .company-v2-advanced-panel{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:760px){
    .company-v2{
        gap:14px;
    }
    .company-v2 .company-v2-summary,
    .company-v2-practice-grid,
    .company-v2 .company-v2-advanced-panel{
        grid-template-columns:1fr;
    }
    .company-v2 .company-v2-advanced-panel{
        min-width:min(100%,calc(100vw - 42px));
    }
    .company-v2-practice-card,
    .company-v2-expiration-shell{
        padding:12px;
        border-radius:24px;
    }
    .company-v2-practice-head{
        display:grid;
        grid-template-columns:1fr;
    }
    .company-v2-actions,
    .company-v2-mobile-actions,
    .company-v2 .company-v2-hero-actions{
        display:grid;
        grid-template-columns:1fr;
        width:100%;
        justify-content:stretch;
    }
    .company-v2-actions .link-btn,
    .company-v2-mobile-actions .link-btn,
    .company-v2-actions .vehicles-v2-actions-menu,
    .company-v2-actions .vehicles-v2-actions-menu summary,
    .company-v2-mobile-actions .vehicles-v2-actions-menu,
    .company-v2-mobile-actions .vehicles-v2-actions-menu summary,
    .company-v2 .company-v2-hero-actions .btn,
    .company-v2 .company-v2-hero-actions .link-btn,
    .company-v2 .company-v2-hero-actions .vehicles-v2-actions-menu,
    .company-v2 .company-v2-hero-actions .vehicles-v2-actions-menu summary{
        width:100%;
        justify-content:center;
    }
}

/* KronoSender Design System V2 - Company Management forms and deadlines. */
.company-v2.company-form-v2{
    width:min(100%,1880px);
}
.company-v2 .company-v2-form-hero{
    margin-bottom:0;
}
.company-v2 .company-v2-form-card{
    padding:16px;
    border:1px solid var(--v2-line);
    border-radius:34px;
    background:linear-gradient(150deg,var(--v2-panel),color-mix(in srgb,var(--v2-panel-strong) 94%,var(--primary) 4%));
    box-shadow:0 20px 60px color-mix(in srgb,#020617 10%,transparent),inset 0 1px 0 color-mix(in srgb,#ffffff 12%,transparent);
}
.company-v2 .company-v2-form-grid > .form-field,
.company-v2 .company-v2-form-grid > .company-v2-panel{
    min-width:0;
}
.company-v2 .company-v2-form-grid,
.company-v2 .company-v2-deadline-form-grid{
    display:grid;
    grid-template-columns:1.05fr 1fr .95fr;
    gap:14px;
    align-items:start;
}
.company-v2 .company-v2-panel{
    min-width:0;
    height:100%;
    padding:16px;
    border:1px solid color-mix(in srgb,var(--primary) 11%,var(--line));
    border-radius:28px;
    background:linear-gradient(160deg,color-mix(in srgb,var(--card) 84%,var(--v2-panel)),color-mix(in srgb,var(--card2) 90%,var(--primary) 4%));
    box-shadow:0 14px 38px color-mix(in srgb,#020617 8%,transparent);
}
.company-v2 .company-v2-panel .ks-form-panel-head,
.company-v2 .company-v2-section-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
}
.company-v2 .company-v2-panel .ks-form-panel-head h2,
.company-v2 .company-v2-section-head h2{
    margin:3px 0 0;
    color:var(--text);
    font-size:18px;
    line-height:1.12;
    letter-spacing:0;
}
.company-v2 .company-v2-panel .form-field,
.company-v2 .company-v2-custom-fields .form-field{
    gap:6px;
    margin:0 0 10px;
}
.company-v2 .company-v2-panel input,
.company-v2 .company-v2-panel select,
.company-v2 .company-v2-panel textarea,
.company-v2 .company-v2-custom-fields input,
.company-v2 .company-v2-custom-fields select,
.company-v2 .company-v2-custom-fields textarea{
    min-height:42px;
    border-radius:14px;
}
.company-v2 .company-v2-panel textarea{
    resize:vertical;
}
.company-v2 .company-v2-upload-field input[type="file"]{
    width:100%;
    min-height:46px;
    padding:10px;
    border:1px dashed color-mix(in srgb,var(--primary) 28%,var(--line));
    border-radius:16px;
    background:color-mix(in srgb,var(--bg) 45%,transparent);
}
.company-v2-current-attachment{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    padding:10px;
    border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line));
    border-radius:16px;
    background:color-mix(in srgb,var(--bg) 42%,transparent);
}
.company-v2-current-attachment span{
    color:var(--muted);
    font-size:12px;
    font-weight:850;
}
.company-v2-custom-fields{
    display:grid;
    gap:10px;
}
.company-v2-compact-empty{
    min-height:74px;
    padding:14px;
    border-radius:20px;
    font-size:13px;
}
.company-v2-sticky-actions{
    position:sticky;
    bottom:14px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
    gap:9px;
    margin-top:12px;
    padding:10px;
    border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));
    border-radius:18px;
    background:color-mix(in srgb,var(--card) 88%,transparent);
    box-shadow:0 16px 38px color-mix(in srgb,#020617 10%,transparent);
    z-index:2;
}
.company-v2 .company-v2-check-list{
    display:grid;
    gap:9px;
    margin-top:2px;
}
.company-v2 .company-v2-check-card{
    min-height:44px;
    padding:10px 12px;
    border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));
    border-radius:16px;
    background:color-mix(in srgb,var(--bg) 40%,transparent);
}
.company-v2-deadlines-panel{
    display:grid;
    gap:14px;
    margin-top:16px;
    padding:16px;
    border:1px solid var(--v2-line);
    border-radius:30px;
    background:linear-gradient(150deg,var(--v2-panel),color-mix(in srgb,var(--v2-panel-strong) 95%,var(--primary) 3%));
    box-shadow:0 18px 48px color-mix(in srgb,#020617 9%,transparent);
}
.company-v2-deadline-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(290px,1fr));
    gap:12px;
}
.company-v2-deadline-card{
    display:grid;
    gap:10px;
    min-width:0;
    padding:13px;
    border:1px solid color-mix(in srgb,var(--primary) 13%,var(--line));
    border-radius:24px;
    background:linear-gradient(160deg,var(--card),color-mix(in srgb,var(--card2) 92%,var(--primary) 4%));
    box-shadow:0 14px 34px color-mix(in srgb,#020617 8%,transparent);
}
.company-v2-deadline-context{
    display:grid;
    gap:6px;
    padding:10px 12px;
    border:1px solid color-mix(in srgb,var(--primary) 13%,var(--line));
    border-radius:18px;
    background:color-mix(in srgb,var(--bg) 40%,transparent);
}
.company-v2-deadline-context span{
    color:var(--muted);
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
}
.company-v2-deadline-context strong{
    color:var(--text);
    font-size:14px;
    line-height:1.25;
}
.company-v2 .company-custom-recurrence-field[hidden]{
    display:none!important;
}
@media (hover:hover) and (pointer:fine){
    .company-v2 .company-v2-panel:hover,
    .company-v2-deadline-card:hover{
        border-color:color-mix(in srgb,var(--primary) 26%,var(--line));
        box-shadow:0 22px 54px color-mix(in srgb,#020617 12%,transparent);
    }
}
@media (prefers-reduced-motion:no-preference){
    .company-v2 .company-v2-panel,
    .company-v2-deadline-card,
    .company-v2-deadlines-panel{
        animation:vehicles-ds-enter .38s cubic-bezier(.2,.8,.2,1) both;
        transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
    }
}
@media(max-width:1360px){
    .company-v2 .company-v2-form-grid,
    .company-v2 .company-v2-deadline-form-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:860px){
    .company-v2 .company-v2-form-card,
    .company-v2-deadlines-panel{
        padding:12px;
        border-radius:26px;
    }
    .company-v2 .company-v2-form-grid,
    .company-v2 .company-v2-deadline-form-grid,
    .company-v2-deadline-grid{
        grid-template-columns:1fr;
    }
    .company-v2 .company-v2-panel,
    .company-v2-deadline-card{
        padding:13px;
        border-radius:22px;
    }
    .company-v2-sticky-actions{
        position:static;
        display:grid;
        grid-template-columns:1fr;
    }
    .company-v2-sticky-actions .btn,
    .company-v2-sticky-actions .link-btn{
        width:100%;
        justify-content:center;
    }
}

/* KronoSender Design System V2 - Company categories and custom fields. */
.company-v2.company-admin-v2,
.company-v2.company-admin-form-v2,
.company-v2.company-delete-v2{
    width:min(100%,1880px);
}
.company-v2 .company-v2-admin-summary{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.company-v2 .company-v2-fields-kpis{
    align-items:stretch;
}
.company-v2 .company-v2-fields-kpi{
    grid-template-columns:38px auto minmax(0,1fr);
    grid-template-rows:auto auto;
    column-gap:10px;
    row-gap:2px;
    min-width:0;
    min-height:66px;
    padding:10px 12px;
}
.company-v2 .company-v2-fields-kpi .vehicles-v2-stat-icon,
.company-v2 .company-v2-fields-kpi .ui-kpi-value{
    grid-row:1 / 3;
}
.company-v2 .company-v2-fields-kpi .vehicles-v2-stat-icon{
    align-self:center;
}
.company-v2 .company-v2-fields-kpi .ui-kpi-value{
    align-self:center;
    min-width:1.4ch;
    font-variant-numeric:tabular-nums;
}
.company-v2 .company-v2-fields-kpi-title,
.company-v2 .company-v2-fields-kpi-desc{
    grid-column:3;
    min-width:0;
    overflow-wrap:anywhere;
}
.company-v2 .company-v2-fields-kpi-title{
    align-self:end;
    color:var(--text);
    font-size:12px;
    font-weight:950;
    line-height:1.1;
}
.company-v2 .company-v2-fields-kpi-desc{
    align-self:start;
    color:var(--muted);
    font-size:11px;
    font-weight:820;
    line-height:1.2;
}
.company-v2-admin-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(310px,1fr));
    gap:14px;
    align-items:start;
}
.company-v2-admin-card{
    min-height:0;
}
.company-v2-code-key{
    display:inline-flex;
    max-width:100%;
    padding:5px 8px;
    border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line));
    border-radius:10px;
    background:color-mix(in srgb,var(--bg) 44%,transparent);
    color:var(--muted);
    font-size:11px;
    font-weight:900;
    line-height:1.2;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.company-v2 .company-v2-admin-form-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    align-items:start;
}
.company-v2 .company-v2-field-form-grid{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:14px;
    align-items:start;
}
.company-v2 .company-v2-field-form > .company-v2-sticky-actions{
    width:fit-content;
    margin-left:auto;
}
.company-v2-danger-panel{
    display:grid;
    gap:14px;
    max-width:920px;
    padding:18px;
    border:1px solid color-mix(in srgb,var(--danger) 28%,var(--line));
    border-radius:32px;
    background:linear-gradient(150deg,color-mix(in srgb,var(--danger) 7%,var(--card)),var(--card2));
    box-shadow:0 22px 58px color-mix(in srgb,#020617 12%,transparent);
}
.company-v2-danger-panel p{
    margin:0;
    color:var(--muted);
    line-height:1.45;
}
.company-v2-danger-summary{
    display:grid;
    gap:10px;
    padding:14px;
    border:1px solid color-mix(in srgb,var(--danger) 18%,var(--line));
    border-radius:24px;
    background:color-mix(in srgb,var(--bg) 42%,transparent);
}
.company-v2-danger-summary h2{
    margin:0;
    color:var(--text);
    font-size:clamp(22px,2vw,30px);
    line-height:1.08;
    letter-spacing:0;
    overflow-wrap:anywhere;
}
.company-v2-danger-facts{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    color:var(--muted);
    font-size:12px;
    font-weight:850;
}
.company-v2-danger-facts span{
    display:inline-flex;
    align-items:center;
    gap:4px;
    min-height:26px;
    padding:5px 8px;
    border:1px solid color-mix(in srgb,var(--danger) 12%,var(--line));
    border-radius:999px;
    background:color-mix(in srgb,var(--bg) 36%,transparent);
}
.company-v2-danger-facts strong{
    color:var(--text);
}
.company-v2-danger-actions{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:9px;
    margin:0;
}
@media (hover:hover) and (pointer:fine){
    .company-v2-admin-card:hover{
        transform:translateY(-3px);
        border-color:color-mix(in srgb,var(--primary) 30%,var(--line));
        box-shadow:0 28px 68px color-mix(in srgb,#020617 13%,transparent);
    }
}

/* KronoSender Design System V2 - Company mail alerts. */
.company-v2.company-mail-v2{
    width:min(100%,1880px);
}
.company-v2 .company-v2-mail-summary{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.company-v2-mail-grid{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);
    gap:14px;
    align-items:start;
}
.company-v2-mail-panel{
    min-width:0;
    padding:16px;
    border:1px solid var(--v2-line);
    border-radius:30px;
    background:linear-gradient(150deg,var(--v2-panel),color-mix(in srgb,var(--v2-panel-strong) 95%,var(--primary) 4%));
    box-shadow:0 18px 48px color-mix(in srgb,#020617 9%,transparent);
}
.company-v2-mail-config{
    grid-row:span 2;
}
.company-v2-mail-panel .company-v2-section-head p{
    margin:4px 0 0;
    color:var(--muted);
    font-size:13px;
    line-height:1.35;
}
.company-v2-mail-form-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:12px;
}
.company-v2-mail-wide{
    grid-column:1/-1;
}
.company-v2-mail-form-grid .form-field{
    gap:6px;
    margin:0;
}
.company-v2-mail-form-grid input,
.company-v2-mail-form-grid textarea,
.company-v2-code-list input{
    min-height:42px;
    border-radius:14px;
}
.company-v2-mail-stats{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
}
.company-v2-mail-stats div{
    min-width:0;
    padding:10px;
    border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));
    border-radius:16px;
    background:color-mix(in srgb,var(--bg) 38%,transparent);
}
.company-v2-mail-stats span{
    display:block;
    color:var(--muted);
    font-size:11px;
    font-weight:900;
    line-height:1.2;
    text-transform:uppercase;
}
.company-v2-mail-stats strong{
    display:block;
    min-width:0;
    margin-top:4px;
    color:var(--text);
    font-size:13px;
    line-height:1.25;
    overflow-wrap:anywhere;
}
.company-v2-mail-actions{
    display:grid;
    gap:9px;
    margin-top:12px;
}
.company-v2-mail-actions form{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
    gap:9px;
    margin:0;
}
.company-v2-code-list{
    display:grid;
    gap:10px;
}
.company-v2-code-list > div{
    display:grid;
    gap:6px;
    min-width:0;
}
.company-v2-code-list strong{
    color:var(--muted);
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
}
.company-v2-code-list code{
    display:block;
    min-width:0;
    padding:10px 12px;
    border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line));
    border-radius:14px;
    background:color-mix(in srgb,var(--bg) 46%,transparent);
    color:var(--text);
    font-size:12px;
    line-height:1.45;
    overflow:auto;
    user-select:all;
}
.company-v2-mail-history{
    margin-top:14px;
}
.company-v2-mail-history-list{
    display:grid;
    gap:10px;
}
.company-v2-mail-log{
    display:grid;
    gap:10px;
    padding:12px;
    border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));
    border-radius:22px;
    background:linear-gradient(160deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 3%));
}
.company-v2-mail-log .company-v2-practice-head h2{
    font-size:17px;
}
@media (hover:hover) and (pointer:fine){
    .company-v2-mail-panel:hover,
    .company-v2-mail-log:hover{
        border-color:color-mix(in srgb,var(--primary) 26%,var(--line));
        box-shadow:0 24px 58px color-mix(in srgb,#020617 12%,transparent);
    }
}
@media (prefers-reduced-motion:no-preference){
    .company-v2-mail-panel,
    .company-v2-mail-log{
        animation:vehicles-ds-enter .38s cubic-bezier(.2,.8,.2,1) both;
        transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
    }
}
@media(max-width:1180px){
    .company-v2 .company-v2-mail-summary,
    .company-v2-mail-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .company-v2-mail-config{
        grid-column:1/-1;
        grid-row:auto;
    }
}
@media(max-width:760px){
    .company-v2 .company-v2-mail-summary,
    .company-v2-mail-grid,
    .company-v2-mail-form-grid,
    .company-v2-mail-stats{
        grid-template-columns:1fr;
    }
    .company-v2-mail-panel{
        padding:12px;
        border-radius:24px;
    }
    .company-v2-mail-actions form{
        display:grid;
        grid-template-columns:1fr;
        justify-content:stretch;
    }
    .company-v2-mail-actions .btn{
        width:100%;
        justify-content:center;
    }
}

/* KronoSender Design System V2 - Settings center and base forms. */
.settings-v2{
    width:min(100%,1880px);
    margin:0 auto;
    display:grid;
    gap:14px;
}
.settings-v2-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    min-width:0;
    padding:18px;
    border:1px solid var(--v2-line, var(--line));
    border-radius:30px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--card) 88%,var(--primary) 6%),var(--card2));
    box-shadow:0 18px 50px color-mix(in srgb,#020617 10%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 12%,transparent);
}
.settings-v2-title{
    min-width:0;
}
.settings-v2-title h1{
    margin:4px 0;
    color:var(--text);
    font-size:clamp(30px,3vw,52px);
    line-height:1.02;
    letter-spacing:0;
}
.settings-v2-title p,
.settings-v2-group-head p,
.settings-v2-panel-head p{
    max-width:760px;
    margin:0;
    color:var(--muted);
    font-size:14px;
    line-height:1.4;
}
.settings-v2-hero-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
    gap:9px;
}
.settings-v2-summary{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}
.settings-v2-summary article{
    min-width:0;
    padding:12px 14px;
    border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));
    border-radius:22px;
    background:linear-gradient(150deg,var(--card),color-mix(in srgb,var(--card2) 92%,var(--primary) 4%));
    box-shadow:0 12px 30px color-mix(in srgb,#020617 7%,transparent);
}
.settings-v2-summary span,
.settings-v2-summary small{
    display:block;
    color:var(--muted);
    font-size:11px;
    font-weight:900;
    line-height:1.2;
    text-transform:uppercase;
}
.settings-v2-summary strong{
    display:block;
    margin:4px 0;
    color:var(--text);
    font-size:clamp(22px,2vw,32px);
    line-height:1.05;
    overflow-wrap:anywhere;
}
.settings-v2-nav{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    padding:8px;
    border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));
    border-radius:20px;
    background:color-mix(in srgb,var(--card) 82%,transparent);
}
.settings-v2-nav a{
    min-height:34px;
    padding:8px 12px;
    border:1px solid color-mix(in srgb,var(--primary) 12%,transparent);
    border-radius:999px;
    color:var(--text);
    font-size:12px;
    font-weight:900;
    text-decoration:none;
}
.settings-v2-group,
.settings-v2-form-card{
    min-width:0;
    padding:16px;
    border:1px solid var(--v2-line, var(--line));
    border-radius:30px;
    background:linear-gradient(150deg,var(--card),color-mix(in srgb,var(--card2) 95%,var(--primary) 3%));
    box-shadow:0 18px 48px color-mix(in srgb,#020617 9%,transparent);
}
.settings-v2-group-head,
.settings-v2-panel-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
}
.settings-v2-group-head h2,
.settings-v2-panel-head h2{
    margin:3px 0 0;
    color:var(--text);
    font-size:clamp(20px,1.8vw,30px);
    line-height:1.08;
    letter-spacing:0;
}
.settings-v2-card-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
    gap:10px;
}
.settings-v2-card{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    min-width:0;
    min-height:88px;
    padding:12px;
    border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));
    border-radius:22px;
    background:linear-gradient(145deg,color-mix(in srgb,var(--card) 88%,var(--primary) 4%),var(--card2));
    color:var(--text);
    text-decoration:none;
    box-shadow:0 10px 26px color-mix(in srgb,#020617 7%,transparent);
}
.settings-v2-card-icon{
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    border-radius:16px;
    background:color-mix(in srgb,var(--primary) 12%,transparent);
    color:var(--primary);
}
.settings-v2-card-icon svg{
    width:22px;
    height:22px;
}
.settings-v2-card strong,
.settings-v2-card small{
    display:block;
    min-width:0;
}
.settings-v2-card strong{
    font-size:15px;
    line-height:1.15;
}
.settings-v2-card small{
    margin-top:4px;
    color:var(--muted);
    font-size:12px;
    line-height:1.3;
}
.settings-v2-card em{
    color:var(--muted);
    font-style:normal;
    font-weight:900;
}
.settings-v2-panel-grid{
    display:grid;
    gap:14px;
    align-items:start;
}
.settings-v2-panel-grid-2{
    grid-template-columns:1fr 1fr;
}
.settings-v2-panel-grid-3{
    grid-template-columns:1fr 1fr 1fr;
}
.settings-v2-panel{
    min-width:0;
    height:100%;
    padding:15px;
    border:1px solid color-mix(in srgb,var(--primary) 11%,var(--line));
    border-radius:26px;
    background:linear-gradient(160deg,color-mix(in srgb,var(--card) 86%,var(--primary) 3%),var(--card2));
    box-shadow:0 12px 34px color-mix(in srgb,#020617 8%,transparent);
}
.settings-v2-panel .form-field,
.settings-v2-form .form-field{
    gap:6px;
    margin:0 0 10px;
}
.settings-v2-panel input,
.settings-v2-panel select,
.settings-v2-panel textarea{
    min-height:42px;
    border-radius:14px;
}
.settings-v2-upload input[type="file"]{
    width:100%;
    padding:10px;
    border:1px dashed color-mix(in srgb,var(--primary) 28%,var(--line));
    border-radius:16px;
    background:color-mix(in srgb,var(--bg) 44%,transparent);
}
.settings-v2-logo-preview{
    display:grid;
    gap:8px;
    margin-top:8px;
    padding:12px;
    border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));
    border-radius:18px;
    background:color-mix(in srgb,var(--bg) 40%,transparent);
}
.settings-v2-logo-preview span{
    color:var(--muted);
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
}
.settings-v2-logo-preview img{
    max-width:180px;
    max-height:86px;
    object-fit:contain;
}
.settings-v2-empty{
    padding:14px;
    border:1px dashed color-mix(in srgb,var(--primary) 22%,var(--line));
    border-radius:18px;
    color:var(--muted);
    font-size:13px;
}
.settings-v2-sticky-actions{
    position:sticky;
    bottom:14px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
    gap:9px;
    margin-top:12px;
    padding:10px;
    border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));
    border-radius:18px;
    background:color-mix(in srgb,var(--card) 90%,transparent);
    box-shadow:0 16px 38px color-mix(in srgb,#020617 10%,transparent);
    z-index:2;
}
.settings-v2-choice-grid,
.settings-v2-toggle-grid{
    display:grid;
    gap:9px;
}
.settings-v2-choice-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
}
.settings-v2-choice-card,
.settings-v2-toggle-card{
    min-width:0;
    padding:10px;
    border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));
    border-radius:18px;
    background:color-mix(in srgb,var(--bg) 38%,transparent);
}
.settings-v2-color-field input[type="color"]{
    width:100%;
    min-height:56px;
    padding:6px;
}
.settings-v2-term-grid,
.settings-v2-module-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:14px;
}
.settings-v2-term-fields{
    display:grid;
    gap:10px;
}
.settings-v2-term-row{
    display:grid;
    grid-template-columns:minmax(130px,.8fr) 1fr 1fr;
    gap:8px;
    align-items:end;
    min-width:0;
    padding:10px;
    border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));
    border-radius:18px;
    background:color-mix(in srgb,var(--bg) 36%,transparent);
}
.settings-v2-term-row strong{
    color:var(--text);
    font-size:13px;
    line-height:1.2;
    overflow-wrap:anywhere;
}
.settings-v2-privacy .settings-v2-privacy-summary{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.settings-v2-privacy .settings-v2-privacy-form{
    padding:14px;
}
.settings-v2-privacy .settings-v2-privacy-text-panel{
    display:flex;
    flex-direction:column;
}
.settings-v2-privacy .settings-v2-privacy-text-panel .form-field{
    flex:1;
    display:flex;
    flex-direction:column;
}
.settings-v2-privacy .settings-v2-privacy-text-panel textarea{
    flex:1;
    min-height:320px;
    resize:vertical;
    line-height:1.45;
}
.settings-v2-privacy .settings-v2-privacy-consents{
    height:auto;
}
.settings-v2-privacy .settings-v2-panel-head p{
    margin:4px 0 0;
    color:var(--muted);
    font-size:13px;
    line-height:1.35;
}
.settings-v2-privacy .settings-v2-privacy-table-wrap{
    border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));
    border-radius:20px;
    background:color-mix(in srgb,var(--card) 82%,transparent);
    overflow:auto;
}
.settings-v2-privacy .settings-v2-privacy-table{
    margin:0;
    min-width:900px;
}
.settings-v2-privacy .settings-v2-privacy-table th{
    position:sticky;
    top:0;
    z-index:1;
    background:color-mix(in srgb,var(--card2) 92%,var(--primary) 4%);
}
.settings-v2-privacy .settings-v2-privacy-table td{
    vertical-align:top;
}
.settings-v2-privacy .settings-v2-privacy-table td:last-child{
    max-width:360px;
    color:var(--muted);
    font-size:12px;
    overflow-wrap:anywhere;
}
.settings-v2-feedback .settings-v2-feedback-summary{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.settings-v2-feedback .settings-v2-feedback-grid{
    grid-template-columns:minmax(280px,.42fr) minmax(0,1fr);
}
.settings-v2-feedback .settings-v2-feedback-distribution,
.settings-v2-feedback .settings-v2-feedback-list{
    height:auto;
}
.settings-v2-feedback .settings-v2-feedback-bars{
    display:grid;
    gap:10px;
}
.settings-v2-feedback .settings-v2-feedback-bars div{
    display:grid;
    grid-template-columns:42px minmax(0,1fr) 34px;
    align-items:center;
    gap:10px;
    min-width:0;
    padding:9px 10px;
    border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));
    border-radius:16px;
    background:color-mix(in srgb,var(--bg) 36%,transparent);
}
.settings-v2-feedback .settings-v2-feedback-bars span,
.settings-v2-feedback .settings-v2-feedback-bars strong{
    color:var(--text);
    font-size:12px;
    font-weight:900;
}
.settings-v2-feedback .settings-v2-feedback-bars meter{
    width:100%;
    height:10px;
}
.settings-v2-feedback .settings-v2-feedback-list{
    display:grid;
    gap:10px;
}
.settings-v2-feedback .settings-v2-feedback-row{
    display:grid;
    grid-template-columns:minmax(180px,.24fr) minmax(120px,.14fr) minmax(220px,1fr);
    gap:12px;
    min-width:0;
    padding:12px;
    border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));
    border-radius:20px;
    background:linear-gradient(145deg,color-mix(in srgb,var(--card) 88%,var(--primary) 3%),var(--card2));
}
.settings-v2-feedback .settings-v2-feedback-user,
.settings-v2-feedback .settings-v2-feedback-rating{
    min-width:0;
}
.settings-v2-feedback .settings-v2-feedback-user strong,
.settings-v2-feedback .settings-v2-feedback-user small{
    display:block;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.settings-v2-feedback .settings-v2-feedback-user small{
    margin-top:3px;
    color:var(--muted);
    font-size:12px;
}
.settings-v2-feedback .settings-v2-feedback-rating{
    display:grid;
    align-content:start;
    gap:3px;
}
.settings-v2-feedback .settings-v2-feedback-rating strong{
    color:var(--text);
    font-size:13px;
}
.settings-v2-feedback .feedback-stars{
    color:#f59e0b;
    letter-spacing:0;
}
.settings-v2-feedback .settings-v2-feedback-row p{
    min-width:0;
    margin:0;
    color:var(--text);
    font-size:13px;
    line-height:1.4;
    overflow-wrap:anywhere;
}
.settings-v2-feedback .settings-v2-feedback-meta{
    grid-column:1/-1;
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}
.settings-v2-feedback .settings-v2-feedback-meta span{
    min-width:0;
    padding:6px 9px;
    border:1px solid color-mix(in srgb,var(--primary) 9%,var(--line));
    border-radius:999px;
    background:color-mix(in srgb,var(--bg) 42%,transparent);
    color:var(--muted);
    font-size:11px;
    font-weight:800;
    overflow-wrap:anywhere;
}
.settings-v2-import-export .settings-v2-import-summary{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.settings-v2-import-export .settings-v2-import-grid{
    align-items:stretch;
}
.settings-v2-import-export .settings-v2-import-card{
    display:grid;
    grid-template-rows:auto auto 1fr;
    gap:12px;
    height:auto;
}
.settings-v2-import-export .settings-v2-import-card-head{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:start;
    gap:12px;
}
.settings-v2-import-export .settings-v2-import-card-head h2{
    margin:3px 0 0;
    color:var(--text);
    font-size:clamp(20px,1.8vw,28px);
    line-height:1.08;
}
.settings-v2-import-export .settings-v2-import-card-head p,
.settings-v2-import-export .settings-v2-import-backup p{
    margin:5px 0 0;
    color:var(--muted);
    font-size:13px;
    line-height:1.35;
}
.settings-v2-import-export .settings-v2-import-icon{
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    border-radius:18px;
    background:color-mix(in srgb,var(--primary) 14%,transparent);
    color:var(--primary);
    font-size:12px;
    font-weight:950;
}
.settings-v2-import-export .settings-v2-import-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.settings-v2-import-export .settings-v2-import-actions .btn,
.settings-v2-import-export .settings-v2-import-actions .link-btn{
    min-height:38px;
    padding:8px 12px;
    border-radius:14px;
}
.settings-v2-import-export .settings-v2-import-form{
    display:grid;
    align-content:start;
    gap:10px;
    min-width:0;
}
.settings-v2-import-export .settings-v2-import-form .form-field{
    margin:0;
}
.settings-v2-import-export .settings-v2-import-form input,
.settings-v2-import-export .settings-v2-import-form select{
    min-height:42px;
    border-radius:14px;
}
.settings-v2-import-export .settings-v2-import-file input[type="file"]{
    width:100%;
    padding:10px;
    border:1px dashed color-mix(in srgb,var(--primary) 30%,var(--line));
    border-radius:16px;
    background:color-mix(in srgb,var(--bg) 42%,transparent);
}
.settings-v2-import-export .settings-v2-import-columns{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.settings-v2-import-export .settings-v2-import-columns div{
    min-width:0;
    padding:12px;
    border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));
    border-radius:18px;
    background:color-mix(in srgb,var(--bg) 36%,transparent);
}
.settings-v2-import-export .settings-v2-import-columns strong,
.settings-v2-import-export .settings-v2-import-columns code{
    display:block;
    min-width:0;
}
.settings-v2-import-export .settings-v2-import-columns strong{
    margin-bottom:7px;
    color:var(--text);
    font-size:13px;
}
.settings-v2-import-export .settings-v2-import-columns code{
    padding:9px 10px;
    border-radius:14px;
    background:color-mix(in srgb,var(--card2) 76%,#020617 8%);
    color:var(--text);
    font-size:12px;
    line-height:1.35;
    overflow-x:auto;
}
.settings-v2-license .settings-v2-license-summary{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.settings-v2-license .settings-v2-license-grid{
    align-items:stretch;
}
.settings-v2-license .settings-v2-license-panel,
.settings-v2-license .settings-v2-license-request{
    height:auto;
}
.settings-v2-license .settings-v2-license-facts{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:10px;
}
.settings-v2-license .settings-v2-license-facts div{
    min-width:0;
    padding:12px;
    border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));
    border-radius:18px;
    background:color-mix(in srgb,var(--bg) 36%,transparent);
}
.settings-v2-license .settings-v2-license-facts strong,
.settings-v2-license .settings-v2-license-facts small{
    display:block;
    min-width:0;
}
.settings-v2-license .settings-v2-license-facts strong{
    color:var(--text);
    font-size:15px;
    line-height:1.2;
    overflow-wrap:anywhere;
}
.settings-v2-license .settings-v2-license-facts small{
    margin-top:5px;
    color:var(--muted);
    font-size:11px;
    font-weight:900;
    line-height:1.2;
    text-transform:uppercase;
}
.settings-v2-license .settings-v2-license-limits div:nth-last-child(-n+2) strong{
    color:#f59e0b;
}
.settings-v2-license .settings-v2-license-form{
    padding:14px;
}
.settings-v2-license .settings-v2-license-form textarea{
    min-height:148px;
    font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
    line-height:1.45;
    resize:vertical;
}
.settings-v2-license .settings-v2-license-request{
    display:flex;
    flex-direction:column;
}
.settings-v2-license .settings-v2-license-request .settings-v2-license-facts{
    flex:1;
}
.settings-v2-changelog .settings-v2-changelog-summary{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.settings-v2-changelog .settings-v2-changelog-current{
    height:auto;
}
.settings-v2-changelog .settings-v2-changelog-current .settings-v2-panel-head p{
    margin:5px 0 0;
    color:var(--muted);
    font-size:13px;
    line-height:1.35;
}
.settings-v2-changelog .settings-v2-changelog-timeline{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(420px,1fr));
    gap:12px;
}
.settings-v2-changelog .settings-v2-changelog-entry{
    position:relative;
    height:auto;
    overflow:hidden;
}
.settings-v2-changelog .settings-v2-changelog-entry.is-current{
    border-color:color-mix(in srgb,var(--primary) 34%,var(--line));
    box-shadow:0 20px 52px color-mix(in srgb,var(--primary) 12%,transparent);
}
.settings-v2-changelog .settings-v2-changelog-entry::before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:4px;
    background:color-mix(in srgb,var(--primary) 34%,transparent);
}
.settings-v2-changelog .settings-v2-changelog-entry header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    padding-left:6px;
    margin-bottom:12px;
}
.settings-v2-changelog .settings-v2-changelog-entry header h2{
    margin:3px 0 0;
    color:var(--text);
    font-size:clamp(22px,2vw,34px);
    line-height:1;
}
.settings-v2-changelog .changelog-section-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:10px;
}
.settings-v2-changelog .changelog-section-grid section{
    min-width:0;
    padding:11px;
    border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));
    border-radius:18px;
    background:color-mix(in srgb,var(--bg) 36%,transparent);
}
.settings-v2-changelog .changelog-section-grid h3{
    margin:0 0 8px;
    color:var(--text);
    font-size:13px;
    line-height:1.2;
}
.settings-v2-changelog .changelog-section-grid ul{
    display:grid;
    gap:6px;
    margin:0;
    padding-left:17px;
}
.settings-v2-changelog .changelog-section-grid li{
    color:var(--muted);
    font-size:12px;
    line-height:1.35;
    overflow-wrap:anywhere;
}
.settings-v2-info .settings-v2-info-summary{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.settings-v2-info .settings-v2-info-grid{
    align-items:stretch;
}
.settings-v2-info .settings-v2-info-panel{
    height:auto;
}
.settings-v2-info .settings-v2-panel-head p{
    margin:5px 0 0;
    color:var(--muted);
    font-size:13px;
    line-height:1.35;
}
.settings-v2-info .settings-v2-info-facts{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
    gap:10px;
}
.settings-v2-info .settings-v2-info-facts article{
    min-width:0;
    padding:12px;
    border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));
    border-radius:18px;
    background:color-mix(in srgb,var(--bg) 36%,transparent);
}
.settings-v2-info .settings-v2-info-facts strong,
.settings-v2-info .settings-v2-info-facts span{
    display:block;
    min-width:0;
}
.settings-v2-info .settings-v2-info-facts strong{
    color:var(--text);
    font-size:clamp(18px,1.6vw,28px);
    line-height:1.08;
    overflow-wrap:anywhere;
}
.settings-v2-info .settings-v2-info-facts span{
    margin-top:6px;
    color:var(--muted);
    font-size:11px;
    font-weight:900;
    line-height:1.2;
    text-transform:uppercase;
}
.settings-v2 .settings-v2-author-panel{
    position:relative;
    overflow:hidden;
    border-color:color-mix(in srgb,var(--primary) 24%,var(--line));
    background:
        radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 34%),
        linear-gradient(150deg,color-mix(in srgb,var(--card) 86%,var(--primary) 7%),var(--card2));
    box-shadow:0 20px 54px color-mix(in srgb,#020617 12%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 13%,transparent);
}
.settings-v2 .settings-v2-author-card{
    position:relative;
    z-index:1;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    min-width:0;
}
.settings-v2 .settings-v2-author-copy{
    min-width:0;
    display:grid;
    gap:8px;
}
.settings-v2 .settings-v2-author-pill{
    width:max-content;
    max-width:100%;
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:7px 11px;
    border:1px solid color-mix(in srgb,var(--primary) 26%,var(--line));
    border-radius:999px;
    background:color-mix(in srgb,var(--primary) 12%,transparent);
    color:color-mix(in srgb,var(--primary) 82%,#fff);
    font-size:11px;
    font-weight:950;
    line-height:1;
    text-transform:uppercase;
}
.settings-v2 .settings-v2-author-card h2{
    margin:0;
    color:var(--text);
    font-size:clamp(30px,3.4vw,54px);
    line-height:.98;
    letter-spacing:0;
    overflow-wrap:anywhere;
}
.settings-v2 .settings-v2-author-card strong{
    color:color-mix(in srgb,var(--text) 92%,var(--primary));
    font-size:clamp(15px,1.2vw,19px);
    line-height:1.25;
}
.settings-v2 .settings-v2-author-card p{
    max-width:620px;
    margin:0;
    color:var(--muted);
    font-size:14px;
    line-height:1.45;
}
.settings-v2 .settings-v2-coffee-button{
    flex:0 0 auto;
    min-height:44px;
    padding:11px 16px;
    border:1px solid color-mix(in srgb,#f59e0b 44%,var(--primary));
    border-radius:16px;
    background:linear-gradient(135deg,color-mix(in srgb,#f59e0b 86%,#fff 14%),color-mix(in srgb,#f97316 78%,var(--primary) 22%));
    color:#111827;
    box-shadow:0 12px 28px color-mix(in srgb,#f59e0b 20%,transparent);
    font-weight:950;
    text-decoration:none;
}
.settings-v2 .settings-v2-coffee-button span{
    font-size:16px;
    line-height:1;
}
.settings-v2 .settings-v2-coffee-button:hover{
    filter:saturate(1.04) brightness(1.03);
    transform:translateY(-1px);
}
html[data-theme="light"] .settings-v2 .settings-v2-author-panel{
    background:
        radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--primary) 13%,transparent),transparent 34%),
        linear-gradient(150deg,rgba(255,255,255,.96),color-mix(in srgb,#f8fafc 88%,var(--primary) 4%));
}
html[data-theme="light"] .settings-v2 .settings-v2-author-pill{
    color:#1d4ed8;
}
@media(max-width:760px){
    .settings-v2 .settings-v2-author-card{
        align-items:flex-start;
        flex-direction:column;
    }
    .settings-v2 .settings-v2-coffee-button{
        width:100%;
        justify-content:center;
    }
}
.settings-v2-maintenance .settings-v2-maintenance-summary{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.settings-v2-maintenance .settings-v2-maintenance-layout{
    align-items:start;
}
.settings-v2-maintenance .settings-v2-maintenance-form,
.settings-v2-maintenance .settings-v2-maintenance-list{
    height:auto;
}
.settings-v2-maintenance .settings-v2-panel-head p{
    margin:5px 0 0;
    color:var(--muted);
    font-size:13px;
    line-height:1.35;
}
.settings-v2-maintenance .settings-v2-maintenance-toggles{
    grid-template-columns:repeat(3,minmax(0,1fr));
    margin-bottom:12px;
}
.settings-v2-maintenance .settings-v2-maintenance-fields{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}
.settings-v2-maintenance .settings-v2-maintenance-full{
    grid-column:1/-1;
}
.settings-v2-maintenance .settings-v2-maintenance-fields input,
.settings-v2-maintenance .settings-v2-maintenance-fields textarea{
    min-height:42px;
    border-radius:14px;
}
.settings-v2-maintenance .settings-v2-maintenance-rows{
    display:grid;
    gap:10px;
}
.settings-v2-maintenance .settings-v2-maintenance-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(150px,.28fr) auto;
    align-items:start;
    gap:12px;
    min-width:0;
    padding:12px;
    border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));
    border-left-width:4px;
    border-radius:20px;
    background:linear-gradient(145deg,color-mix(in srgb,var(--card) 88%,var(--primary) 3%),var(--card2));
}
.settings-v2-maintenance .settings-v2-maintenance-row.is-now{border-left-color:#f59e0b}
.settings-v2-maintenance .settings-v2-maintenance-row.is-future{border-left-color:var(--primary)}
.settings-v2-maintenance .settings-v2-maintenance-row.is-past{border-left-color:var(--muted)}
.settings-v2-maintenance .settings-v2-maintenance-row strong,
.settings-v2-maintenance .settings-v2-maintenance-row small,
.settings-v2-maintenance .settings-v2-maintenance-row p{
    display:block;
    min-width:0;
}
.settings-v2-maintenance .settings-v2-maintenance-row strong{
    margin-top:6px;
    color:var(--text);
    font-size:15px;
    line-height:1.2;
    overflow-wrap:anywhere;
}
.settings-v2-maintenance .settings-v2-maintenance-row small,
.settings-v2-maintenance .settings-v2-maintenance-row p{
    margin:5px 0 0;
    color:var(--muted);
    font-size:12px;
    line-height:1.35;
    overflow-wrap:anywhere;
}
.settings-v2-maintenance .maintenance-notice-admin-meta{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}
.settings-v2-maintenance .maintenance-notice-admin-meta span{
    padding:6px 8px;
    border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));
    border-radius:999px;
    color:var(--muted);
    font-size:11px;
    font-weight:900;
}
.settings-v2-maintenance .settings-v2-maintenance-actions{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:7px;
}
.settings-v2-maintenance .settings-v2-maintenance-actions form{
    margin:0;
}
.settings-v2-maintenance .settings-v2-maintenance-actions .btn,
.settings-v2-maintenance .settings-v2-maintenance-actions .link-btn{
    min-height:34px;
    padding:7px 10px;
    border-radius:13px;
}
.settings-v2-help .settings-v2-help-summary{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.settings-v2-help .settings-v2-help-intro{
    display:grid;
    grid-template-columns:minmax(280px,.42fr) minmax(0,1fr);
    align-items:end;
    gap:14px;
    height:auto;
}
.settings-v2-help .settings-v2-help-intro p{
    margin:0;
    color:var(--muted);
    font-size:13px;
    line-height:1.45;
}
.settings-v2-help .settings-v2-help-search{
    display:grid;
    gap:7px;
    min-width:0;
}
.settings-v2-help .settings-v2-help-search span{
    color:var(--muted);
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
}
.settings-v2-help .settings-v2-help-search input{
    min-height:46px;
    border-radius:16px;
}
.settings-v2-help .settings-v2-help-list{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(420px,1fr));
    gap:12px;
}
.settings-v2-help .settings-v2-help-topic{
    height:auto;
    padding:0;
    overflow:hidden;
}
.settings-v2-help .settings-v2-help-topic summary{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:10px;
    min-height:58px;
    padding:14px 16px;
    cursor:pointer;
    list-style:none;
}
.settings-v2-help .settings-v2-help-topic summary::-webkit-details-marker{
    display:none;
}
.settings-v2-help .settings-v2-help-topic summary::after{
    content:"+";
    justify-self:end;
    color:var(--muted);
    font-weight:900;
}
.settings-v2-help .settings-v2-help-topic[open] summary::after{
    content:"-";
}
.settings-v2-help .settings-help-badge{
    padding:6px 9px;
    border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));
    border-radius:999px;
    color:var(--primary);
    font-size:11px;
    font-weight:900;
}
.settings-v2-help .settings-v2-help-topic summary strong{
    min-width:0;
    color:var(--text);
    font-size:15px;
    line-height:1.2;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.settings-v2-help .settings-help-topic-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    padding:0 16px 16px;
}
.settings-v2-help .settings-help-topic-grid > section,
.settings-v2-help .settings-help-columns > div,
.settings-v2-help .settings-help-detail-card{
    min-width:0;
    padding:12px;
    border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));
    border-radius:18px;
    background:color-mix(in srgb,var(--bg) 36%,transparent);
}
.settings-v2-help .settings-help-topic-grid h2,
.settings-v2-help .settings-help-detail-card h3{
    margin:0 0 8px;
    color:var(--text);
    font-size:13px;
    line-height:1.2;
}
.settings-v2-help .settings-help-topic-grid p,
.settings-v2-help .settings-help-topic-grid li{
    color:var(--muted);
    font-size:12px;
    line-height:1.42;
    overflow-wrap:anywhere;
}
.settings-v2-help .settings-help-topic-grid p{
    margin:0;
}
.settings-v2-help .settings-help-topic-grid ol,
.settings-v2-help .settings-help-topic-grid ul{
    display:grid;
    gap:6px;
    margin:0;
    padding-left:18px;
}
.settings-v2-help .settings-help-columns,
.settings-v2-help .settings-help-detail-block{
    grid-column:1/-1;
}
.settings-v2-help .settings-help-columns{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    padding:0;
    border:0;
    background:transparent;
}
.settings-v2-help .settings-help-detail-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:10px;
}
.settings-v2-import-preview .settings-v2-import-preview-summary{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.settings-v2-import-preview .settings-v2-import-preview-result{
    height:auto;
}
.settings-v2-import-preview .settings-v2-import-preview-table-wrap{
    border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));
    border-radius:20px;
    background:color-mix(in srgb,var(--card) 82%,transparent);
    overflow:auto;
}
.settings-v2-import-preview .settings-v2-import-preview-table{
    width:100%;
    min-width:760px;
    margin:0;
    border-collapse:collapse;
}
.settings-v2-import-preview .settings-v2-import-preview-table th{
    position:sticky;
    top:0;
    z-index:1;
    background:color-mix(in srgb,var(--card2) 92%,var(--primary) 4%);
}
.settings-v2-import-preview .settings-v2-import-preview-table th,
.settings-v2-import-preview .settings-v2-import-preview-table td{
    padding:10px 12px;
    border-bottom:1px solid color-mix(in srgb,var(--primary) 8%,var(--line));
    text-align:left;
    vertical-align:top;
}
.settings-v2-import-preview .settings-v2-import-preview-table td{
    color:var(--text);
    font-size:13px;
    overflow-wrap:anywhere;
}
.settings-v2-import-preview .settings-v2-import-preview-confirm{
    display:grid;
    gap:10px;
    margin-top:12px;
}
.settings-v2-import-preview .settings-v2-import-preview-confirm input{
    min-height:42px;
    border-radius:14px;
}
@media (hover:hover) and (pointer:fine){
    .settings-v2-card:hover,
    .settings-v2-panel:hover,
    .settings-v2-group:hover{
        transform:translateY(-3px);
        border-color:color-mix(in srgb,var(--primary) 28%,var(--line));
        box-shadow:0 26px 62px color-mix(in srgb,#020617 12%,transparent);
    }
    .settings-v2-nav a:hover{
        background:color-mix(in srgb,var(--primary) 10%,transparent);
    }
}
@media (prefers-reduced-motion:no-preference){
    .settings-v2-card,
    .settings-v2-panel,
    .settings-v2-group,
    .settings-v2-summary article{
        animation:vehicles-ds-enter .38s cubic-bezier(.2,.8,.2,1) both;
        transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
    }
    .settings-v2-card:nth-child(2){animation-delay:.04s}
    .settings-v2-card:nth-child(3){animation-delay:.08s}
    .settings-v2-card:nth-child(4){animation-delay:.12s}
}
@media(max-width:1180px){
    .settings-v2-panel-grid-3,
    .settings-v2-summary{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .settings-v2-info .settings-v2-info-summary{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .settings-v2-maintenance .settings-v2-maintenance-toggles,
    .settings-v2-maintenance .settings-v2-maintenance-fields,
    .settings-v2-maintenance .settings-v2-maintenance-row{
        grid-template-columns:1fr;
    }
    .settings-v2-help .settings-v2-help-intro,
    .settings-v2-help .settings-help-topic-grid,
    .settings-v2-help .settings-help-columns{
        grid-template-columns:1fr;
    }
    .settings-v2-feedback .settings-v2-feedback-grid{
        grid-template-columns:1fr;
    }
    .settings-v2-feedback .settings-v2-feedback-row{
        grid-template-columns:minmax(180px,.4fr) minmax(120px,.2fr) minmax(220px,1fr);
    }
    .settings-v2-term-row{
        grid-template-columns:1fr;
    }
}
@media(max-width:760px){
    .settings-v2{
        gap:12px;
    }
    .settings-v2-hero,
    .settings-v2-group-head,
    .settings-v2-panel-head{
        display:grid;
        grid-template-columns:1fr;
    }
    .settings-v2-hero{
        padding:14px;
        border-radius:24px;
    }
    .settings-v2-title h1{
        font-size:32px;
    }
    .settings-v2-summary,
    .settings-v2-panel-grid-2,
    .settings-v2-panel-grid-3,
    .settings-v2-choice-grid,
    .settings-v2-term-grid,
    .settings-v2-module-grid,
    .settings-v2-feedback .settings-v2-feedback-summary,
    .settings-v2-feedback .settings-v2-feedback-row,
    .settings-v2-import-export .settings-v2-import-summary,
    .settings-v2-import-export .settings-v2-import-columns,
    .settings-v2-info .settings-v2-info-summary,
    .settings-v2-maintenance .settings-v2-maintenance-summary,
    .settings-v2-help .settings-v2-help-summary,
    .settings-v2-help .settings-v2-help-list,
    .settings-v2-import-preview .settings-v2-import-preview-summary{
        grid-template-columns:1fr;
    }
    .settings-v2-group,
    .settings-v2-form-card,
    .settings-v2-panel{
        padding:12px;
        border-radius:22px;
    }
    .settings-v2-card{
        grid-template-columns:auto minmax(0,1fr);
    }
    .settings-v2-card em{
        display:none;
    }
    .settings-v2-sticky-actions{
        position:static;
        display:grid;
        grid-template-columns:1fr;
    }
    .settings-v2-sticky-actions .btn,
    .settings-v2-sticky-actions .link-btn{
        width:100%;
        justify-content:center;
    }
}

/* KronoSender Design System V2 - Settings cron and mobile. */
.settings-v2-cron-summary,
.settings-v2-mobile-summary{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.settings-v2-mobile-summary{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.settings-v2-cron-guide,
.settings-v2-cron-cpanel,
.settings-v2-cron-note,
.settings-v2-mobile .mobile-settings-card{
    border:1px solid var(--v2-line, var(--line));
    background:linear-gradient(150deg,var(--card),color-mix(in srgb,var(--card2) 95%,var(--primary) 3%));
    box-shadow:0 18px 48px color-mix(in srgb,#020617 9%,transparent);
}
.settings-v2-cron-guide{
    display:grid;
    grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
    gap:14px;
    align-items:start;
}
.settings-v2-cron-guide h2,
.settings-v2-cron-cpanel h2,
.settings-v2-mobile .mobile-diagnostics-head h2{
    margin:3px 0 0;
    color:var(--text);
    font-size:clamp(20px,1.8vw,30px);
    line-height:1.08;
    letter-spacing:0;
}
.settings-v2-cron-guide p,
.settings-v2-cron-cpanel p,
.settings-v2-cron-note p,
.settings-v2-mobile .mobile-diagnostics-head p{
    margin:4px 0 0;
    color:var(--muted);
    font-size:13px;
    line-height:1.4;
}
.settings-v2-cron-guide .cron-center-guide-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}
.settings-v2-cron-guide .cron-center-guide-grid article,
.settings-v2-cron-cpanel .cron-center-steps li{
    min-width:0;
    padding:10px 12px;
    border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));
    border-radius:18px;
    background:color-mix(in srgb,var(--bg) 38%,transparent);
}
.settings-v2-cron-guide .cron-center-guide-grid strong,
.settings-v2-cron-guide .cron-center-guide-grid span{
    display:block;
}
.settings-v2-cron-guide .cron-center-guide-grid strong{
    color:var(--text);
    font-size:13px;
}
.settings-v2-cron-guide .cron-center-guide-grid span{
    margin-top:4px;
    color:var(--muted);
    font-size:12px;
    line-height:1.35;
}
.settings-v2-cron-cpanel .cron-center-steps{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin:12px 0 0;
    padding:0;
    list-style-position:inside;
}
.settings-v2-cron-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(420px,1fr));
    gap:14px;
}
.settings-v2-cron-card{
    display:grid;
    gap:12px;
    min-width:0;
    padding:14px;
    border:1px solid var(--v2-line, var(--line));
    border-radius:28px;
    background:linear-gradient(150deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 4%));
    box-shadow:0 16px 42px color-mix(in srgb,#020617 8%,transparent);
}
.settings-v2-cron-card .cron-center-card-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}
.settings-v2-cron-card .cron-center-card-head h2{
    margin:3px 0 0;
    color:var(--text);
    font-size:20px;
    line-height:1.1;
}
.settings-v2-cron-card .cron-center-card-head p{
    margin:5px 0 0;
    color:var(--muted);
    font-size:13px;
    line-height:1.35;
}
.settings-v2-cron-card .cron-center-badges{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:6px;
}
.settings-v2-cron-card .cron-center-meta{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}
.settings-v2-cron-card .cron-center-meta span{
    min-width:0;
    padding:9px;
    border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));
    border-radius:16px;
    background:color-mix(in srgb,var(--bg) 36%,transparent);
    color:var(--muted);
    font-size:12px;
    line-height:1.3;
    overflow-wrap:anywhere;
}
.settings-v2-cron-card .cron-center-meta strong{
    display:block;
    color:var(--text);
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
}
.settings-v2-cron-card .cron-center-command-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
}
.settings-v2-cron-card .krono-link-field,
.settings-v2-mobile .krono-link-field{
    display:grid;
    gap:7px;
    min-width:0;
}
.settings-v2-cron-card .krono-link-field input,
.settings-v2-mobile .krono-link-field input{
    min-height:42px;
    border-radius:14px;
    font-size:12px;
}
.settings-v2-cron-card .krono-link-field .btn{
    justify-self:end;
}
.settings-v2-cron-card .cron-center-actions{
    display:flex;
    justify-content:flex-end;
    gap:8px;
}
.settings-v2-mobile .mobile-diagnostics-head,
.settings-v2-mobile .shift-reminder-cron-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}
.settings-v2-mobile .operational-settings-block{
    display:grid;
    gap:12px;
    margin-top:12px;
    padding:14px;
    border:1px solid color-mix(in srgb,var(--primary) 11%,var(--line));
    border-radius:24px;
    background:color-mix(in srgb,var(--bg) 32%,transparent);
}
.settings-v2-mobile .operational-settings-block-head h3{
    margin:3px 0 0;
    color:var(--text);
    font-size:18px;
    line-height:1.15;
}
.settings-v2-mobile .operational-settings-block-head p{
    margin:4px 0 0;
    color:var(--muted);
    font-size:13px;
    line-height:1.35;
}
.settings-v2-mobile .operational-settings-feature-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:9px;
}
.settings-v2-mobile .checkbox-modern{
    min-width:0;
    padding:10px 12px;
    border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));
    border-radius:18px;
    background:color-mix(in srgb,var(--card) 72%,transparent);
}
.settings-v2-mobile .checkbox-modern span{
    display:grid;
    gap:2px;
}
.settings-v2-mobile .checkbox-modern small{
    color:var(--muted);
    font-size:12px;
    line-height:1.3;
}
.settings-v2-mobile .operational-control-grid,
.settings-v2-mobile .settings-grid-form{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:10px;
}
.settings-v2-mobile .operational-control-grid label,
.settings-v2-mobile .settings-grid-form label{
    display:grid;
    gap:6px;
    min-width:0;
}
.settings-v2-mobile input,
.settings-v2-mobile select,
.settings-v2-mobile textarea{
    min-height:42px;
    border-radius:14px;
}
.settings-v2-mobile .operational-settings-panel,
.settings-v2-mobile .mobile-apple-box{
    display:grid;
    gap:8px;
    padding:12px;
    border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));
    border-radius:20px;
    background:color-mix(in srgb,var(--bg) 38%,transparent);
}
.settings-v2-mobile .mobile-app-actions{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:8px;
    margin-top:12px;
}
.settings-v2-mobile code{
    display:block;
    padding:10px 12px;
    border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line));
    border-radius:14px;
    background:color-mix(in srgb,var(--bg) 46%,transparent);
    color:var(--text);
    overflow:auto;
    user-select:all;
}
@media (hover:hover) and (pointer:fine){
    .settings-v2-cron-card:hover,
    .settings-v2-cron-guide:hover,
    .settings-v2-cron-cpanel:hover,
    .settings-v2-mobile .mobile-settings-card:hover{
        transform:translateY(-3px);
        border-color:color-mix(in srgb,var(--primary) 28%,var(--line));
        box-shadow:0 26px 62px color-mix(in srgb,#020617 12%,transparent);
    }
}
@media (prefers-reduced-motion:no-preference){
    .settings-v2-cron-card,
    .settings-v2-cron-guide,
    .settings-v2-cron-cpanel,
    .settings-v2-mobile .mobile-settings-card{
        animation:vehicles-ds-enter .38s cubic-bezier(.2,.8,.2,1) both;
        transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
    }
}
@media(max-width:1180px){
    .settings-v2-cron-summary{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .settings-v2-cron-guide,
    .settings-v2-cron-cpanel .cron-center-steps{
        grid-template-columns:1fr;
    }
}
@media(max-width:760px){
    .settings-v2-cron-summary,
    .settings-v2-mobile-summary,
    .settings-v2-cron-grid,
    .settings-v2-cron-guide .cron-center-guide-grid,
    .settings-v2-cron-card .cron-center-meta{
        grid-template-columns:1fr;
    }
    .settings-v2-cron-card,
    .settings-v2-mobile .mobile-settings-card{
        padding:12px;
        border-radius:22px;
    }
    .settings-v2-cron-card .cron-center-card-head,
    .settings-v2-mobile .mobile-diagnostics-head,
    .settings-v2-mobile .shift-reminder-cron-head{
        display:grid;
        grid-template-columns:1fr;
    }
    .settings-v2-mobile .mobile-app-actions,
    .settings-v2-cron-card .cron-center-actions{
        display:grid;
        grid-template-columns:1fr;
    }
    .settings-v2-mobile .mobile-app-actions .btn,
    .settings-v2-cron-card .cron-center-actions .btn,
    .settings-v2-cron-card .krono-link-field .btn{
        width:100%;
        justify-content:center;
    }
}
@media (prefers-reduced-motion:no-preference){
    .company-v2-admin-card,
    .company-v2-danger-panel{
        animation:vehicles-ds-enter .38s cubic-bezier(.2,.8,.2,1) both;
        transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
    }
    .company-v2-admin-card:nth-child(2){animation-delay:.04s}
    .company-v2-admin-card:nth-child(3){animation-delay:.08s}
    .company-v2-admin-card:nth-child(4){animation-delay:.12s}
}
@media(max-width:1180px){
    .company-v2 .company-v2-field-form-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:760px){
    .company-v2 .company-v2-admin-summary,
    .company-v2-admin-grid,
    .company-v2 .company-v2-admin-form-grid,
    .company-v2 .company-v2-field-form-grid{
        grid-template-columns:1fr;
    }
    .company-v2 .company-v2-fields-kpi{
        grid-template-columns:34px auto minmax(0,1fr);
        min-height:62px;
    }
    .company-v2 .company-v2-fields-kpi .vehicles-v2-stat-icon{
        width:34px;
        height:34px;
        border-radius:12px;
    }
    .company-v2 .company-v2-field-form > .company-v2-sticky-actions{
        width:100%;
        margin-left:0;
    }
    .company-v2-danger-panel{
        padding:13px;
        border-radius:24px;
    }
    .company-v2-danger-actions{
        display:grid;
        grid-template-columns:1fr;
    }
    .company-v2-danger-actions .btn,
    .company-v2-danger-actions .link-btn{
        width:100%;
        justify-content:center;
    }
}

/* KronoSender UI V3.5 - System module V2. */
.system-design-v2{
    width:min(100vw - 32px,1660px);
    margin-left:50%;
    transform:translateX(-50%);
    display:grid;
    gap:16px;
}
.system-design-v2 .system-v2-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    gap:18px;
    padding:22px;
    border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line));
    border-radius:28px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--card) 96%,var(--primary) 4%),var(--card2));
    box-shadow:0 20px 52px color-mix(in srgb,#020617 12%,transparent);
}
.system-design-v2 .system-v2-title{
    display:grid;
    gap:6px;
    min-width:0;
}
.system-design-v2 .system-v2-title h1{
    margin:0;
    color:var(--text);
    font-size:clamp(34px,3.6vw,58px);
    line-height:1;
    letter-spacing:0;
}
.system-design-v2 .system-v2-title p{
    max-width:820px;
    margin:0;
    color:var(--muted);
    font-size:14px;
    font-weight:780;
    line-height:1.45;
}
.system-design-v2 .system-v2-hero-actions,
.system-design-v2 .system-v2-actions,
.system-design-v2 .system-v2-row-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:8px;
}
.system-design-v2 .system-v2-row-actions form{
    margin:0;
}
.system-design-v2 .system-v2-summary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}
.system-design-v2 .system-v2-summary article{
    min-width:0;
    min-height:86px;
    display:grid;
    align-content:end;
    gap:4px;
    padding:14px;
    border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));
    border-radius:22px;
    background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));
    box-shadow:0 14px 34px color-mix(in srgb,#020617 9%,transparent);
}
.system-design-v2 .system-v2-summary span,
.system-design-v2 .system-v2-summary small{
    color:var(--muted);
    font-size:11px;
    font-weight:920;
    line-height:1.25;
    text-transform:uppercase;
}
.system-design-v2 .system-v2-summary strong{
    min-width:0;
    color:var(--text);
    font-size:clamp(26px,2vw,34px);
    line-height:1;
    overflow-wrap:anywhere;
}
.system-design-v2 .system-v2-grid,
.system-design-v2 .system-v2-card-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.system-design-v2 .system-v2-panel-wide{
    grid-column:1 / -1;
}
.system-design-v2 .system-v2-panel{
    min-width:0;
    display:grid;
    gap:12px;
    padding:16px;
    border-radius:26px;
    border-color:color-mix(in srgb,var(--primary) 14%,var(--line));
    background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 4%));
    box-shadow:0 18px 46px color-mix(in srgb,#020617 10%,transparent);
}
.system-design-v2 .system-v2-panel-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    min-width:0;
}
.system-design-v2 .system-v2-panel-head h2{
    margin:4px 0 0;
    color:var(--text);
    font-size:clamp(20px,1.6vw,28px);
    line-height:1.12;
    letter-spacing:0;
}
.system-design-v2 .system-v2-panel p{
    margin:0;
    line-height:1.45;
}
.system-design-v2 .system-v2-info-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:10px;
}
.system-design-v2 .system-v2-info-grid label,
.system-design-v2 .system-v2-form label,
.system-design-v2 .system-v2-cron label{
    display:grid;
    gap:6px;
    min-width:0;
    color:var(--muted);
    font-size:12px;
    font-weight:900;
}
.system-design-v2 input,
.system-design-v2 select{
    min-height:42px;
    width:100%;
    border-radius:14px;
}
.system-design-v2 input[readonly]{
    color:var(--text);
    font-weight:820;
    background:color-mix(in srgb,var(--bg) 40%,transparent);
}
.system-design-v2 .system-v2-form{
    display:grid;
    gap:10px;
    min-width:0;
}
.system-design-v2 .system-v2-form strong{
    color:var(--text);
    font-size:13px;
}
.system-design-v2 .system-v2-split{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.system-design-v2 .system-v2-split .system-v2-form,
.system-design-v2 .system-v2-cron{
    padding:12px;
    border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));
    border-radius:20px;
    background:color-mix(in srgb,var(--bg) 38%,transparent);
}
.system-design-v2 .system-v2-danger-panel{
    border-color:color-mix(in srgb,#ef4444 34%,var(--line));
    background:linear-gradient(135deg,color-mix(in srgb,#ef4444 7%,var(--card)),var(--card));
}
.system-design-v2 .system-v2-danger-panel .backup-warning{
    padding:10px 12px;
    border:1px solid color-mix(in srgb,#ef4444 24%,var(--line));
    border-radius:16px;
    background:color-mix(in srgb,#ef4444 10%,transparent);
    color:color-mix(in srgb,#ef4444 78%,var(--text));
    font-weight:900;
}
.system-design-v2 .system-v2-cron{
    display:grid;
    gap:9px;
    min-width:0;
}
.system-design-v2 .system-v2-cron strong{
    color:var(--text);
}
.system-design-v2 .system-v2-cron span{
    color:var(--muted);
    font-size:12px;
    font-weight:820;
    line-height:1.35;
}
.system-design-v2 .system-v2-cron code,
.system-design-v2 .system-v2-log{
    display:block;
    max-width:100%;
    padding:10px 12px;
    border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line));
    border-radius:16px;
    background:color-mix(in srgb,var(--bg) 50%,transparent);
    color:var(--text);
    font-size:12px;
    line-height:1.45;
    overflow:auto;
    overflow-wrap:anywhere;
    user-select:all;
}
.system-design-v2 .system-v2-log{
    max-height:360px;
    white-space:pre-wrap;
}
.system-design-v2 .system-v2-table-card{
    overflow:hidden;
}
.system-design-v2 .system-v2-table-wrap{
    border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));
    border-radius:20px;
    background:color-mix(in srgb,var(--bg) 36%,transparent);
}
.system-design-v2 .system-v2-table{
    min-width:860px;
    border-spacing:0;
}
.system-design-v2 .system-v2-table th{
    background:color-mix(in srgb,var(--card) 94%,var(--primary) 6%);
    color:var(--muted);
    font-size:11px;
    font-weight:950;
    text-transform:uppercase;
}
.system-design-v2 .system-v2-table td{
    padding:10px 12px;
    font-size:13px;
    vertical-align:middle;
}
.system-design-v2 .system-v2-table td strong,
.system-design-v2 .system-v2-table time{
    color:var(--text);
    font-weight:900;
}
.system-design-v2 .system-v2-empty{
    padding:26px!important;
    color:var(--muted);
    text-align:center;
    font-weight:850;
}
@media (hover:hover) and (pointer:fine){
    .system-design-v2 .system-v2-panel:hover,
    .system-design-v2 .system-v2-summary article:hover{
        transform:translateY(-2px);
        border-color:color-mix(in srgb,var(--primary) 28%,var(--line));
        box-shadow:0 24px 58px color-mix(in srgb,#020617 12%,transparent);
    }
}
@media (prefers-reduced-motion:no-preference){
    .system-design-v2 .system-v2-panel,
    .system-design-v2 .system-v2-summary article{
        animation:vehicles-ds-enter .38s cubic-bezier(.2,.8,.2,1) both;
        transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
    }
    .system-design-v2 .system-v2-summary article:nth-child(2),
    .system-design-v2 .system-v2-card-grid .system-v2-panel:nth-child(2){animation-delay:.04s}
    .system-design-v2 .system-v2-summary article:nth-child(3),
    .system-design-v2 .system-v2-card-grid .system-v2-panel:nth-child(3){animation-delay:.08s}
    .system-design-v2 .system-v2-summary article:nth-child(4),
    .system-design-v2 .system-v2-card-grid .system-v2-panel:nth-child(4){animation-delay:.12s}
}
@media (prefers-reduced-motion:reduce){
    .system-design-v2 .system-v2-panel,
    .system-design-v2 .system-v2-summary article{
        animation:none!important;
        transition:none!important;
    }
    .system-design-v2 .system-v2-panel:hover,
    .system-design-v2 .system-v2-summary article:hover{
        transform:none!important;
    }
}
@media(max-width:1180px){
    .system-design-v2 .system-v2-hero,
    .system-design-v2 .system-v2-grid,
    .system-design-v2 .system-v2-card-grid{
        grid-template-columns:1fr;
    }
    .system-design-v2 .system-v2-summary{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .system-design-v2 .system-v2-hero-actions{
        justify-content:flex-start;
    }
}
@media(max-width:760px){
    .system-design-v2{
        width:min(100vw - 24px,100%);
        gap:13px;
    }
    .system-design-v2 .system-v2-hero,
    .system-design-v2 .system-v2-panel-head,
    .system-design-v2 .system-v2-row-actions{
        grid-template-columns:1fr;
        flex-direction:column;
    }
    .system-design-v2 .system-v2-hero{
        padding:18px;
        border-radius:22px;
    }
    .system-design-v2 .system-v2-title h1{
        font-size:34px;
    }
    .system-design-v2 .system-v2-summary,
    .system-design-v2 .system-v2-info-grid,
    .system-design-v2 .system-v2-split{
        grid-template-columns:1fr;
    }
    .system-design-v2 .system-v2-panel{
        padding:12px;
        border-radius:20px;
    }
    .system-design-v2 .system-v2-actions,
    .system-design-v2 .system-v2-row-actions{
        display:grid;
        grid-template-columns:1fr;
        align-items:stretch;
        justify-content:stretch;
    }
    .system-design-v2 .system-v2-actions .btn,
    .system-design-v2 .system-v2-row-actions .btn,
    .system-design-v2 .system-v2-row-actions .link-btn,
    .system-design-v2 .system-v2-row-actions button{
        width:100%;
        justify-content:center;
    }
}

/* KronoSender UI V3.6 - Users and roles V2. */
.users-design-v2,
.roles-design-v2{
    width:min(100vw - 32px,1660px);
    margin-left:50%;
    transform:translateX(-50%);
    display:grid;
    gap:16px;
}
.users-design-v2 .users-v2-hero,
.roles-design-v2 .roles-v2-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    gap:18px;
    margin-top:0;
    padding:22px;
    border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line));
    border-radius:28px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--card) 96%,var(--primary) 4%),var(--card2));
    box-shadow:0 20px 52px color-mix(in srgb,#020617 12%,transparent);
}
.users-design-v2 .users-v2-hero h1,
.roles-design-v2 .roles-v2-hero h1{
    margin:0;
    color:var(--text);
    font-size:clamp(34px,3.6vw,58px);
    line-height:1;
    letter-spacing:0;
}
.users-design-v2 .users-v2-hero p,
.roles-design-v2 .roles-v2-hero p{
    max-width:820px;
    margin:6px 0 0;
    color:var(--muted);
    font-size:14px;
    font-weight:780;
    line-height:1.45;
}
.users-design-v2 .users-v2-hero-actions,
.roles-design-v2 .roles-v2-hero-actions{
    display:flex;
    gap:8px;
    justify-content:flex-end;
    flex-wrap:wrap;
}
.users-design-v2 .users-v2-summary,
.roles-design-v2 .roles-v2-summary{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:12px;
    margin:0;
}
.roles-design-v2 .roles-v2-summary,
.users-design-v2 .users-v2-form-summary{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.users-design-v2 .security-kpi,
.roles-design-v2 .security-kpi{
    min-height:86px;
    align-content:end;
    padding:14px;
    border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));
    border-radius:22px;
    background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));
    box-shadow:0 14px 34px color-mix(in srgb,#020617 9%,transparent);
}
.users-design-v2 .security-kpi small,
.roles-design-v2 .security-kpi small{
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:color-mix(in srgb,var(--primary) 13%,var(--card2));
    color:var(--primary);
    font-size:0;
    font-weight:950;
}
.users-design-v2 .security-kpi small::before,
.roles-design-v2 .security-kpi small::before{
    font-size:11px;
    letter-spacing:0;
}
.users-design-v2 .security-kpi:nth-child(1) small::before{content:"US"}
.users-design-v2 .security-kpi:nth-child(2) small::before{content:"AD"}
.users-design-v2 .security-kpi:nth-child(3) small::before{content:"AM"}
.users-design-v2 .security-kpi:nth-child(4) small::before{content:"MA"}
.users-design-v2 .security-kpi:nth-child(5) small::before{content:"BA"}
.users-design-v2 .security-kpi:nth-child(6) small::before{content:"RS"}
.roles-design-v2 .security-kpi:nth-child(1) small::before{content:"RL"}
.roles-design-v2 .security-kpi:nth-child(2) small::before{content:"PR"}
.roles-design-v2 .security-kpi:nth-child(3) small::before{content:"AD"}
.users-design-v2 .security-kpi strong,
.roles-design-v2 .security-kpi strong{
    min-width:0;
    font-size:clamp(24px,2vw,34px);
    line-height:1;
    overflow-wrap:anywhere;
}
.users-design-v2 .security-kpi span,
.roles-design-v2 .security-kpi span{
    color:var(--muted);
    font-size:11px;
    font-weight:920;
    line-height:1.25;
    text-transform:uppercase;
}
.users-design-v2 .users-v2-filter-card,
.users-design-v2 .users-v2-table-card,
.users-design-v2 .users-v2-form-card,
.users-design-v2 .users-v2-danger-panel,
.roles-design-v2 .roles-v2-card,
.roles-design-v2 .roles-v2-permission-group{
    padding:14px;
    border-radius:26px;
    border-color:color-mix(in srgb,var(--primary) 14%,var(--line));
    background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 4%));
    box-shadow:0 18px 46px color-mix(in srgb,#020617 10%,transparent);
}
.users-design-v2 .users-v2-section-head,
.roles-design-v2 .roles-v2-section-head,
.roles-design-v2 .roles-v2-permission-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    min-width:0;
    margin-bottom:12px;
}
.users-design-v2 .users-v2-section-head h2,
.roles-design-v2 .roles-v2-section-head h2,
.roles-design-v2 .roles-v2-permission-head h2{
    margin:3px 0 0;
    color:var(--text);
    font-size:clamp(20px,1.6vw,28px);
    line-height:1.12;
    letter-spacing:0;
}
.users-design-v2 .users-v2-filters{
    display:grid;
    grid-template-columns:minmax(260px,1fr) repeat(3,minmax(150px,.42fr)) auto;
    gap:10px;
    align-items:end;
}
.users-design-v2 .users-v2-filters input,
.users-design-v2 .users-v2-filters select,
.users-design-v2 .users-v2-form input,
.users-design-v2 .users-v2-form select{
    width:100%;
    min-height:42px;
    border-radius:14px;
}
.users-design-v2 .users-v2-table-card,
.roles-design-v2 .roles-v2-card{
    overflow:hidden;
}
.users-design-v2 .users-v2-table-wrap,
.roles-design-v2 .roles-v2-table-wrap{
    border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));
    border-radius:20px;
    background:color-mix(in srgb,var(--bg) 36%,transparent);
}
.users-design-v2 .users-v2-table,
.roles-design-v2 .roles-v2-table{
    min-width:980px;
    border-spacing:0;
}
.users-design-v2 .users-v2-table th,
.roles-design-v2 .roles-v2-table th{
    background:color-mix(in srgb,var(--card) 94%,var(--primary) 6%);
    color:var(--muted);
    font-size:11px;
    font-weight:950;
    text-transform:uppercase;
}
.users-design-v2 .users-v2-table td,
.roles-design-v2 .roles-v2-table td{
    padding:10px 12px;
    font-size:13px;
    vertical-align:middle;
}
.users-design-v2 .users-v2-actions,
.roles-design-v2 .roles-v2-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    min-width:0;
}
.users-design-v2 .users-v2-actions-menu{
    position:relative;
}
.users-design-v2 .users-v2-actions-menu summary{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border:1px solid color-mix(in srgb,var(--primary) 15%,var(--line));
    border-radius:12px;
    background:color-mix(in srgb,var(--card) 82%,transparent);
    color:var(--text);
    cursor:pointer;
    font-weight:950;
    list-style:none;
}
.users-design-v2 .users-v2-actions-menu summary::-webkit-details-marker{display:none}
.users-design-v2 .users-v2-actions-menu div{
    position:absolute;
    right:0;
    top:calc(100% + 8px);
    z-index:20;
    width:max-content;
    min-width:220px;
    display:grid;
    gap:6px;
    padding:8px;
    border:1px solid color-mix(in srgb,var(--primary) 15%,var(--line));
    border-radius:16px;
    background:var(--card);
    box-shadow:0 18px 40px color-mix(in srgb,#020617 18%,transparent);
}
.users-design-v2 .users-v2-actions-menu form{
    margin:0;
}
.users-design-v2 .users-v2-actions-menu .link-btn{
    width:100%;
    justify-content:center;
}
.users-design-v2 .users-v2-empty{
    padding:26px;
    color:var(--muted);
    text-align:center;
    font-weight:850;
}
.users-design-v2 .users-v2-credentials{
    padding:14px;
    border-color:color-mix(in srgb,#10b981 24%,var(--line));
    border-radius:22px;
    background:linear-gradient(135deg,color-mix(in srgb,#10b981 8%,var(--card)),var(--card));
}
.users-design-v2 .users-v2-form-card{
    display:grid;
    gap:12px;
}
.users-design-v2 .users-v2-form{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}
.users-design-v2 .users-v2-form > label,
.users-design-v2 .users-v2-checks{
    min-width:0;
    padding:12px;
    border:1px solid color-mix(in srgb,var(--primary) 11%,var(--line));
    border-radius:18px;
    background:color-mix(in srgb,var(--bg) 35%,transparent);
}
.users-design-v2 .users-v2-checks{
    display:grid;
    gap:8px;
}
.users-design-v2 .users-v2-sticky-actions,
.roles-design-v2 .roles-v2-sticky-actions{
    position:sticky;
    bottom:14px;
    z-index:5;
    grid-column:1/-1;
    display:flex;
    justify-content:flex-end;
    gap:10px;
    padding:12px;
    border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line));
    border-radius:20px;
    background:color-mix(in srgb,var(--card) 88%,transparent);
    box-shadow:0 18px 42px color-mix(in srgb,#020617 12%,transparent);
}
.users-design-v2 .users-v2-danger-panel{
    border-color:color-mix(in srgb,#ef4444 34%,var(--line));
    background:linear-gradient(135deg,color-mix(in srgb,#ef4444 7%,var(--card)),var(--card));
}
.users-design-v2 .users-v2-danger-panel p{
    margin:0 0 12px;
    color:var(--muted);
    font-weight:820;
}
.roles-design-v2 .roles-v2-permissions-form{
    display:grid;
    gap:14px;
}
.roles-design-v2 .roles-v2-permission-group{
    padding:0;
    overflow:hidden;
}
.roles-design-v2 .roles-v2-permission-head{
    position:sticky;
    top:0;
    z-index:2;
    margin:0;
    padding:14px 16px;
    border-bottom:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--card)),var(--card));
}
.roles-design-v2 .roles-v2-permission-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    padding:14px;
}
.roles-design-v2 .roles-v2-permission-check{
    min-width:0;
    min-height:0;
    padding:11px;
    border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));
    border-radius:16px;
    background:color-mix(in srgb,var(--bg) 36%,transparent);
}
.roles-design-v2 .roles-v2-permission-check strong{
    color:var(--text);
    font-size:12px;
    overflow-wrap:anywhere;
}
.roles-design-v2 .roles-v2-permission-check small{
    color:var(--muted);
    line-height:1.35;
}
@media (hover:hover) and (pointer:fine){
    .users-design-v2 .security-kpi:hover,
    .users-design-v2 .users-v2-table-card:hover,
    .users-design-v2 .users-v2-form-card:hover,
    .roles-design-v2 .security-kpi:hover,
    .roles-design-v2 .roles-v2-card:hover,
    .roles-design-v2 .roles-v2-permission-group:hover{
        transform:translateY(-2px);
        border-color:color-mix(in srgb,var(--primary) 28%,var(--line));
        box-shadow:0 24px 58px color-mix(in srgb,#020617 12%,transparent);
    }
}
@media (prefers-reduced-motion:no-preference){
    .users-design-v2 .security-kpi,
    .users-design-v2 .users-v2-table-card,
    .users-design-v2 .users-v2-form-card,
    .roles-design-v2 .security-kpi,
    .roles-design-v2 .roles-v2-card,
    .roles-design-v2 .roles-v2-permission-group{
        animation:vehicles-ds-enter .38s cubic-bezier(.2,.8,.2,1) both;
        transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
    }
}
@media (prefers-reduced-motion:reduce){
    .users-design-v2 .security-kpi,
    .users-design-v2 .users-v2-table-card,
    .users-design-v2 .users-v2-form-card,
    .roles-design-v2 .security-kpi,
    .roles-design-v2 .roles-v2-card,
    .roles-design-v2 .roles-v2-permission-group{
        animation:none!important;
        transition:none!important;
    }
}
@media(max-width:1180px){
    .users-design-v2 .users-v2-hero,
    .roles-design-v2 .roles-v2-hero,
    .users-design-v2 .users-v2-filters,
    .users-design-v2 .users-v2-form{
        grid-template-columns:1fr;
    }
    .users-design-v2 .users-v2-summary{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .roles-design-v2 .roles-v2-permission-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .users-design-v2 .users-v2-hero-actions,
    .roles-design-v2 .roles-v2-hero-actions{
        justify-content:flex-start;
    }
}
@media(max-width:760px){
    .users-design-v2,
    .roles-design-v2{
        width:min(100vw - 24px,100%);
        gap:13px;
    }
    .users-design-v2 .users-v2-hero,
    .roles-design-v2 .roles-v2-hero{
        padding:18px;
        border-radius:22px;
    }
    .users-design-v2 .users-v2-summary,
    .roles-design-v2 .roles-v2-summary,
    .roles-design-v2 .roles-v2-permission-grid{
        grid-template-columns:1fr;
    }
    .users-design-v2 .users-v2-section-head,
    .roles-design-v2 .roles-v2-section-head,
    .roles-design-v2 .roles-v2-permission-head,
    .users-design-v2 .users-v2-actions{
        display:grid;
        grid-template-columns:1fr;
    }
    .users-design-v2 .users-v2-actions{
        justify-content:flex-start;
    }
    .users-design-v2 .users-v2-actions-menu div{
        left:0;
        right:auto;
    }
    .users-design-v2 .users-v2-sticky-actions,
    .roles-design-v2 .roles-v2-sticky-actions{
        position:static;
        display:grid;
        grid-template-columns:1fr;
    }
    .users-design-v2 .users-v2-sticky-actions .btn,
    .users-design-v2 .users-v2-sticky-actions .link-btn,
    .roles-design-v2 .roles-v2-sticky-actions .btn,
    .roles-design-v2 .roles-v2-sticky-actions .link-btn{
        width:100%;
        justify-content:center;
    }
}

/* KronoSender UI V3.7 - Teams module V2. */
.teams-design-v2{
    width:min(100%,1660px);
    margin:0 auto;
    display:grid;
    gap:16px;
}
.teams-design-v2 .teams-v2-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    gap:18px;
    margin:0;
    padding:22px;
    border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line));
    border-radius:28px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--card) 96%,var(--primary) 4%),var(--card2));
    box-shadow:0 20px 52px color-mix(in srgb,#020617 12%,transparent);
}
.teams-design-v2 .teams-v2-hero h1{
    margin:0;
    color:var(--text);
    font-size:clamp(34px,3.6vw,58px);
    line-height:1;
    letter-spacing:0;
}
.teams-design-v2 .teams-v2-hero p{
    max-width:820px;
    margin:6px 0 0;
    color:var(--muted);
    font-size:14px;
    font-weight:780;
    line-height:1.45;
}
.teams-design-v2 .teams-v2-hero-actions{
    display:flex;
    gap:8px;
    justify-content:flex-end;
    align-items:center;
    flex-wrap:wrap;
}
.teams-design-v2 .teams-v2-summary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin:0;
}
.teams-design-v2 .teams-v2-form-summary{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.teams-design-v2 .teams-v2-summary div{
    min-width:0;
    min-height:86px;
    display:grid;
    align-content:end;
    gap:4px;
    padding:14px;
    border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));
    border-radius:22px;
    background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 5%));
    box-shadow:0 14px 34px color-mix(in srgb,#020617 9%,transparent);
}
.teams-design-v2 .teams-v2-summary strong{
    min-width:0;
    color:var(--text);
    font-size:clamp(24px,2vw,34px);
    line-height:1;
    overflow-wrap:anywhere;
}
.teams-design-v2 .teams-v2-summary span{
    color:var(--muted);
    font-size:11px;
    font-weight:920;
    line-height:1.25;
    text-transform:uppercase;
}
.teams-design-v2 .teams-v2-filter-card,
.teams-design-v2 .teams-v2-card,
.teams-design-v2 .teams-v2-mini-card,
.teams-design-v2 .teams-v2-form-card,
.teams-design-v2 .teams-v2-detail-card,
.teams-design-v2 .teams-v2-members-card,
.teams-design-v2 .teams-v2-danger-panel{
    border-radius:26px;
    border-color:color-mix(in srgb,var(--primary) 14%,var(--line));
    background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 94%,var(--primary) 4%));
    box-shadow:0 18px 46px color-mix(in srgb,#020617 10%,transparent);
}
.teams-design-v2 .teams-v2-filter-card{
    margin:0;
    padding:14px;
}
.teams-design-v2 .teams-v2-filters{
    display:grid;
    grid-template-columns:minmax(260px,1fr) minmax(150px,.26fr) auto auto auto;
    gap:10px;
    align-items:center;
}
.teams-design-v2 .teams-v2-filters input,
.teams-design-v2 .teams-v2-filters select,
.teams-design-v2 .teams-v2-form input,
.teams-design-v2 .teams-v2-form select,
.teams-design-v2 .teams-v2-form textarea{
    width:100%;
    min-height:42px;
    border-radius:14px;
}
.teams-design-v2 .teams-v2-toolbar{
    margin:0;
}
.teams-design-v2 .teams-results{
    margin-top:0;
    overflow:visible;
}
.teams-design-v2 .teams-list{
    gap:10px;
    overflow:visible;
}
.teams-design-v2 .teams-grid{
    overflow:visible;
}
.teams-design-v2 .teams-v2-card{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:14px;
    padding:14px;
}
.teams-design-v2 .teams-v2-card,
.teams-design-v2 .teams-v2-mini-card{
    overflow:visible;
}
.teams-design-v2 .teams-v2-card:has(.teams-v2-actions-menu[open]),
.teams-design-v2 .teams-v2-mini-card:has(.teams-v2-actions-menu[open]){
    z-index:30;
}
.teams-design-v2 .team-card-main{
    min-width:0;
}
.teams-design-v2 .team-card-copy,
.teams-design-v2 .team-mini-body{
    min-width:0;
}
.teams-design-v2 .team-card-copy p,
.teams-design-v2 .team-mini-body p{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.teams-design-v2 .team-meta,
.teams-design-v2 .team-mini-meta{
    gap:6px;
}
.teams-design-v2 .teams-v2-actions{
    display:flex;
    gap:8px;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    min-width:0;
}
.teams-design-v2 .teams-v2-actions form{
    margin:0;
}
.teams-design-v2 .teams-v2-actions-menu{
    position:relative;
    z-index:5;
}
.teams-design-v2 .teams-v2-actions-menu[open]{
    z-index:80;
}
.teams-design-v2 .teams-v2-actions-menu summary{
    position:relative;
    z-index:2;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border:1px solid color-mix(in srgb,var(--primary) 15%,var(--line));
    border-radius:12px;
    background:color-mix(in srgb,var(--card) 82%,transparent);
    color:var(--text);
    cursor:pointer;
    font-weight:950;
    list-style:none;
}
.teams-design-v2 .teams-v2-actions-menu summary::-webkit-details-marker{display:none}
.teams-design-v2 .teams-v2-actions-menu div{
    position:absolute;
    right:0;
    bottom:calc(100% + 8px);
    z-index:90;
    width:max-content;
    min-width:210px;
    display:grid;
    gap:6px;
    padding:8px;
    border:1px solid color-mix(in srgb,var(--primary) 15%,var(--line));
    border-radius:16px;
    background:var(--card);
    box-shadow:0 18px 40px color-mix(in srgb,#020617 18%,transparent);
}
.teams-design-v2 .teams-v2-actions-menu .link-btn{
    width:100%;
    justify-content:center;
}
.teams-design-v2 .teams-v2-form-card{
    padding:16px;
}
.teams-design-v2 .teams-v2-form{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}
.teams-design-v2 .teams-v2-form > label,
.teams-design-v2 .teams-v2-fieldset,
.teams-design-v2 .teams-v2-toggle-panel,
.teams-design-v2 .teams-v2-photo-current,
.teams-design-v2 .teams-v2-resource-picker{
    min-width:0;
    padding:12px;
    border:1px solid color-mix(in srgb,var(--primary) 11%,var(--line));
    border-radius:18px;
    background:color-mix(in srgb,var(--bg) 35%,transparent);
}
.teams-design-v2 .teams-v2-resource-picker{
    display:grid;
    gap:12px;
}
.teams-design-v2 .team-resource-options{
    grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
    gap:10px;
}
.teams-design-v2 .team-resource-option{
    min-width:0;
    min-height:0;
    padding:10px;
    border-radius:16px;
}
.teams-design-v2 .team-resource-copy strong,
.teams-design-v2 .team-resource-copy small{
    overflow-wrap:anywhere;
}
.teams-design-v2 .teams-v2-sticky-actions{
    position:sticky;
    bottom:14px;
    z-index:5;
    display:flex;
    justify-content:flex-end;
    gap:10px;
    padding:12px;
    border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line));
    border-radius:20px;
    background:color-mix(in srgb,var(--card) 88%,transparent);
    box-shadow:0 18px 42px color-mix(in srgb,#020617 12%,transparent);
}
.teams-design-v2 .teams-v2-detail-grid{
    grid-template-columns:minmax(340px,.42fr) minmax(0,1fr);
    gap:14px;
}
.teams-design-v2 .teams-v2-section-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}
.teams-design-v2 .teams-v2-section-head h2{
    margin:3px 0 0;
    color:var(--text);
    font-size:clamp(20px,1.6vw,28px);
    line-height:1.12;
}
.teams-design-v2 .teams-v2-members-card{
    padding:16px;
}
.teams-design-v2 .team-members-grid{
    grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
    gap:10px;
}
.teams-design-v2 .teams-v2-member-card{
    min-width:0;
    padding:12px;
    border-radius:18px;
    background:color-mix(in srgb,var(--bg) 35%,transparent);
}
.teams-design-v2 .teams-v2-member-card h3,
.teams-design-v2 .teams-v2-member-card p{
    overflow-wrap:anywhere;
}
.teams-design-v2 .teams-v2-danger-panel{
    padding:16px;
    border-color:color-mix(in srgb,#ef4444 34%,var(--line));
    background:linear-gradient(135deg,color-mix(in srgb,#ef4444 7%,var(--card)),var(--card));
}
.teams-design-v2 .teams-v2-empty{
    padding:24px;
    color:var(--muted);
    text-align:center;
    font-weight:850;
}
@media (hover:hover) and (pointer:fine){
    .teams-design-v2 .teams-v2-card:hover,
    .teams-design-v2 .teams-v2-mini-card:hover,
    .teams-design-v2 .teams-v2-form-card:hover,
    .teams-design-v2 .teams-v2-detail-card:hover,
    .teams-design-v2 .teams-v2-members-card:hover{
        transform:translateY(-2px);
        border-color:color-mix(in srgb,var(--primary) 28%,var(--line));
        box-shadow:0 24px 58px color-mix(in srgb,#020617 12%,transparent);
    }
}
@media (prefers-reduced-motion:no-preference){
    .teams-design-v2 .teams-v2-card,
    .teams-design-v2 .teams-v2-mini-card,
    .teams-design-v2 .teams-v2-form-card,
    .teams-design-v2 .teams-v2-detail-card,
    .teams-design-v2 .teams-v2-members-card,
    .teams-design-v2 .teams-v2-summary div{
        animation:vehicles-ds-enter .38s cubic-bezier(.2,.8,.2,1) both;
        transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
    }
}
@media (prefers-reduced-motion:reduce){
    .teams-design-v2 .teams-v2-card,
    .teams-design-v2 .teams-v2-mini-card,
    .teams-design-v2 .teams-v2-form-card,
    .teams-design-v2 .teams-v2-detail-card,
    .teams-design-v2 .teams-v2-members-card,
    .teams-design-v2 .teams-v2-summary div{
        animation:none!important;
        transition:none!important;
    }
}
@media(max-width:1180px){
    .teams-design-v2 .teams-v2-hero,
    .teams-design-v2 .teams-v2-filters,
    .teams-design-v2 .teams-v2-form,
    .teams-design-v2 .teams-v2-detail-grid{
        grid-template-columns:1fr;
    }
    .teams-design-v2 .teams-v2-summary{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .teams-design-v2 .teams-v2-hero-actions{
        justify-content:flex-start;
    }
}
@media(max-width:760px){
    .teams-design-v2{
        gap:13px;
    }
    .teams-design-v2 .teams-v2-hero{
        padding:18px;
        border-radius:22px;
    }
    .teams-design-v2 .teams-v2-hero h1{
        font-size:34px;
    }
    .teams-design-v2 .teams-v2-summary,
    .teams-design-v2 .team-resource-options,
    .teams-design-v2 .team-members-grid{
        grid-template-columns:1fr;
    }
    .teams-design-v2 .teams-v2-card{
        grid-template-columns:1fr;
    }
    .teams-design-v2 .team-card-main{
        flex-direction:column;
    }
    .teams-design-v2 .teams-v2-actions{
        justify-content:flex-start;
    }
    .teams-design-v2 .teams-v2-actions-menu div{
        left:0;
        right:auto;
    }
    .teams-design-v2 .teams-v2-sticky-actions{
        position:static;
        display:grid;
        grid-template-columns:1fr;
    }
    .teams-design-v2 .teams-v2-sticky-actions .btn,
    .teams-design-v2 .teams-v2-sticky-actions .link-btn{
        width:100%;
        justify-content:center;
    }
}

/* KronoSender UI V3.8 - Communications module V2. */
.communications-design-v2{
    width:min(100%,1760px);
    margin:0 auto;
    display:grid;
    gap:18px;
}
.communications-design-v2 .communications-v2-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:20px;
    padding:24px;
    border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line));
    border-radius:28px;
    background:
        radial-gradient(circle at 0 0,color-mix(in srgb,var(--primary) 13%,transparent),transparent 38%),
        linear-gradient(135deg,color-mix(in srgb,var(--card) 94%,#fff 6%),color-mix(in srgb,var(--card) 88%,var(--primary2) 7%));
    box-shadow:0 24px 58px color-mix(in srgb,#020617 10%,transparent);
}
.communications-design-v2 .communications-v2-hero h1{
    margin:4px 0;
    font-size:clamp(34px,4vw,58px);
    line-height:.95;
    letter-spacing:0;
}
.communications-design-v2 .communications-v2-hero p{
    max-width:780px;
    margin:0;
    color:var(--muted);
}
.communications-design-v2 .communications-v2-hero-actions{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
}
.communications-design-v2 .communications-v2-nav{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    align-items:center;
    padding:8px;
    border:1px solid var(--line);
    border-radius:999px;
    background:color-mix(in srgb,var(--card) 92%,transparent);
    box-shadow:0 12px 30px color-mix(in srgb,#020617 7%,transparent);
}
.communications-design-v2 .communications-v2-nav a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 16px;
    border-radius:999px;
    color:var(--muted);
    text-decoration:none;
    font-weight:800;
}
.communications-design-v2 .communications-v2-nav a.is-active{
    color:var(--text);
    background:color-mix(in srgb,var(--primary) 13%,var(--card));
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 22%,transparent);
}
.communications-design-v2 .communications-v2-summary{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}
.communications-design-v2 .communications-v2-summary article{
    min-width:0;
    padding:16px 18px;
    border:1px solid var(--line);
    border-radius:22px;
    background:var(--card);
    box-shadow:0 16px 36px color-mix(in srgb,#020617 8%,transparent);
}
.communications-design-v2 .communications-v2-summary span{
    display:block;
    color:var(--muted);
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.communications-design-v2 .communications-v2-summary strong{
    display:block;
    margin-top:6px;
    color:var(--text);
    font-size:clamp(22px,2.3vw,34px);
    line-height:1.05;
    overflow-wrap:anywhere;
}
.communications-design-v2 .communications-v2-summary article.is-ok{
    border-color:color-mix(in srgb,#10b981 32%,var(--line));
}
.communications-design-v2 .communications-v2-summary article.is-warning{
    border-color:color-mix(in srgb,#f59e0b 36%,var(--line));
}
.communications-design-v2 .communications-v2-summary article.is-danger{
    border-color:color-mix(in srgb,#ef4444 36%,var(--line));
}
.communications-design-v2 .communications-v2-hub-grid{
    grid-template-columns:repeat(3,minmax(260px,1fr));
    gap:16px;
}
.communications-design-v2 .communications-v2-hub-card,
.communications-design-v2 .communications-v2-panel,
.communications-design-v2 .communications-v2-form-card,
.communications-design-v2 .communications-v2-compose-panel{
    border:1px solid var(--line);
    border-radius:24px;
    background:var(--card);
    box-shadow:0 18px 42px color-mix(in srgb,#020617 8%,transparent);
}
.communications-design-v2 .communications-v2-hub-card{
    min-height:180px;
    padding:20px;
}
.communications-design-v2 .communications-v2-panel,
.communications-design-v2 .communications-v2-form-card{
    max-width:none;
    padding:18px;
}
.communications-design-v2 .communications-v2-section-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:14px;
    margin-bottom:14px;
}
.communications-design-v2 .communications-v2-section-head h2,
.communications-design-v2 .communications-v2-section-head h3{
    margin:0;
    color:var(--text);
    line-height:1.1;
}
.communications-design-v2 .communications-v2-compose-grid{
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
    gap:16px;
}
.communications-design-v2 .communications-v2-compose-panel{
    padding:18px;
}
.communications-design-v2 .communications-v2-recipients-panel{
    display:grid;
    gap:16px;
}
.communications-design-v2 .comm-message-grid,
.communications-design-v2 .comm-unified-filters{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.communications-design-v2 .comm-message-body{
    grid-column:1 / -1;
}
.communications-design-v2 label,
.communications-design-v2 .comm-fieldset{
    min-width:0;
}
.communications-design-v2 input,
.communications-design-v2 select,
.communications-design-v2 textarea{
    width:100%;
}
.communications-design-v2 .comm-target-options{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}
.communications-design-v2 .comm-pill,
.communications-design-v2 .communications-v2-file-input{
    border:1px solid var(--line);
    border-radius:18px;
    background:color-mix(in srgb,var(--card) 92%,var(--bg));
}
.communications-design-v2 .comm-pill{
    padding:12px;
}
.communications-design-v2 .comm-recipient-toolbar{
    border:1px solid var(--line);
    border-radius:18px;
    padding:12px;
    background:color-mix(in srgb,var(--card) 94%,var(--bg));
}
.communications-design-v2 .comm-toolbar-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.communications-design-v2 .comm-user-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    max-height:min(52vh,560px);
    overflow:auto;
    padding:4px;
}
.communications-design-v2 .communications-v2-user-choice{
    min-width:0;
    border:1px solid var(--line);
    border-radius:18px;
    padding:12px;
    background:color-mix(in srgb,var(--card) 94%,var(--bg));
}
.communications-design-v2 .comm-user-main,
.communications-design-v2 .comm-user-main strong,
.communications-design-v2 .comm-user-main small{
    min-width:0;
    overflow-wrap:anywhere;
}
.communications-design-v2 .communications-v2-file-input{
    display:block;
    padding:16px;
}
.communications-design-v2 .communications-v2-sticky-actions{
    position:sticky;
    bottom:12px;
    z-index:2;
    margin-top:4px;
    padding:12px;
    border:1px solid var(--line);
    border-radius:18px;
    background:color-mix(in srgb,var(--card) 94%,transparent);
    backdrop-filter:blur(14px);
    box-shadow:0 16px 34px color-mix(in srgb,#020617 12%,transparent);
}
.communications-design-v2 .communications-v2-message-list{
    display:grid;
    gap:10px;
}
.communications-design-v2 .communications-v2-message-card{
    border:1px solid var(--line);
    border-radius:20px;
    padding:14px 16px;
    background:color-mix(in srgb,var(--card) 94%,var(--bg));
    text-decoration:none;
    color:var(--text);
}
.communications-design-v2 .communications-v2-message-card.is-unread{
    border-color:color-mix(in srgb,var(--primary) 38%,var(--line));
    background:color-mix(in srgb,var(--primary) 8%,var(--card));
}
.communications-design-v2 .communications-v2-message-card .inbox-preview,
.communications-design-v2 .message-body{
    overflow-wrap:anywhere;
}
.communications-design-v2 .communications-v2-table-wrap{
    overflow:auto;
}
.communications-design-v2 .communications-v2-table{
    min-width:860px;
}
.communications-design-v2 .communications-v2-table th{
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.04em;
    color:var(--muted);
}
.communications-design-v2 .communications-v2-table td{
    vertical-align:middle;
}
.communications-design-v2 .communications-v2-message-detail .message-body{
    padding:18px;
    border:1px solid var(--line);
    border-radius:18px;
    background:color-mix(in srgb,var(--card) 92%,var(--bg));
    line-height:1.65;
}
.communications-design-v2 .attachment-list{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:10px;
}
.communications-design-v2 .attachment-chip{
    border-radius:16px;
    border:1px solid var(--line);
    background:color-mix(in srgb,var(--card) 94%,var(--bg));
}
.communications-design-v2 .communications-v2-empty{
    display:grid;
    place-items:center;
    min-height:180px;
    padding:28px;
    text-align:center;
    border:1px dashed color-mix(in srgb,var(--muted) 32%,var(--line));
    border-radius:22px;
    background:color-mix(in srgb,var(--card) 90%,var(--bg));
}
.communications-design-v2 .comm-preview-modal{
    backdrop-filter:blur(10px);
}
.communications-design-v2 .comm-preview-panel{
    border:1px solid var(--line);
    border-radius:24px;
    box-shadow:0 28px 70px color-mix(in srgb,#020617 25%,transparent);
}
.communications-design-v2 a:focus-visible,
.communications-design-v2 button:focus-visible,
.communications-design-v2 input:focus-visible,
.communications-design-v2 select:focus-visible,
.communications-design-v2 textarea:focus-visible{
    outline:3px solid color-mix(in srgb,var(--primary) 42%,transparent);
    outline-offset:3px;
}
@media (prefers-reduced-motion:no-preference){
    .communications-design-v2 .communications-v2-hub-card,
    .communications-design-v2 .communications-v2-panel,
    .communications-design-v2 .communications-v2-form-card,
    .communications-design-v2 .communications-v2-compose-panel,
    .communications-design-v2 .communications-v2-summary article{
        animation:vehicles-ds-enter .36s cubic-bezier(.2,.8,.2,1) both;
        transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
    }
    .communications-design-v2 .communications-v2-hub-card:hover,
    .communications-design-v2 .communications-v2-message-card:hover,
    .communications-design-v2 .communications-v2-compose-panel:hover{
        transform:translateY(-2px);
        border-color:color-mix(in srgb,var(--primary) 28%,var(--line));
        box-shadow:0 24px 58px color-mix(in srgb,#020617 12%,transparent);
    }
}
@media (prefers-reduced-motion:reduce){
    .communications-design-v2 .communications-v2-hub-card,
    .communications-design-v2 .communications-v2-panel,
    .communications-design-v2 .communications-v2-form-card,
    .communications-design-v2 .communications-v2-compose-panel,
    .communications-design-v2 .communications-v2-summary article{
        animation:none!important;
        transition:none!important;
    }
}
@media(max-width:1120px){
    .communications-design-v2 .communications-v2-hero,
    .communications-design-v2 .communications-v2-compose-grid{
        grid-template-columns:1fr;
    }
    .communications-design-v2 .communications-v2-hero-actions{
        justify-content:flex-start;
    }
    .communications-design-v2 .comm-user-list{
        grid-template-columns:1fr;
    }
}
@media(max-width:820px){
    .communications-design-v2{
        gap:13px;
    }
    .communications-design-v2 .communications-v2-hero{
        padding:18px;
        border-radius:22px;
    }
    .communications-design-v2 .communications-v2-summary,
    .communications-design-v2 .communications-v2-hub-grid,
    .communications-design-v2 .comm-message-grid,
    .communications-design-v2 .comm-unified-filters,
    .communications-design-v2 .comm-target-options{
        grid-template-columns:1fr;
    }
    .communications-design-v2 .communications-v2-nav{
        border-radius:22px;
    }
    .communications-design-v2 .communications-v2-nav a{
        flex:1 1 150px;
    }
    .communications-design-v2 .communications-v2-sticky-actions{
        position:static;
        display:grid;
        grid-template-columns:1fr;
    }
    .communications-design-v2 .communications-v2-sticky-actions .btn,
    .communications-design-v2 .communications-v2-sticky-actions .link-btn{
        width:100%;
        justify-content:center;
    }
}

/* KronoSender UI V3.9 - Requests module V2. */
.requests-design-v2{
    width:min(100%,1760px);
    margin:0 auto;
    display:grid;
    gap:18px;
}
.requests-design-v2 .requests-v2-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:20px;
    padding:24px;
    border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line));
    border-radius:28px;
    background:
        radial-gradient(circle at 0 0,color-mix(in srgb,#f59e0b 12%,transparent),transparent 38%),
        linear-gradient(135deg,color-mix(in srgb,var(--card) 94%,#fff 6%),color-mix(in srgb,var(--card) 88%,var(--primary) 7%));
    box-shadow:0 24px 58px color-mix(in srgb,#020617 10%,transparent);
}
.requests-design-v2 .requests-v2-hero h1{
    margin:4px 0;
    font-size:clamp(34px,4vw,58px);
    line-height:.95;
    letter-spacing:0;
}
.requests-design-v2 .requests-v2-hero p{
    max-width:780px;
    margin:0;
    color:var(--muted);
}
.requests-design-v2 .requests-v2-hero-actions{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
}
.requests-design-v2 .requests-v2-nav{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    align-items:center;
    padding:8px;
    border:1px solid var(--line);
    border-radius:999px;
    background:color-mix(in srgb,var(--card) 92%,transparent);
    box-shadow:0 12px 30px color-mix(in srgb,#020617 7%,transparent);
}
.requests-design-v2 .requests-v2-nav a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 16px;
    border-radius:999px;
    color:var(--muted);
    text-decoration:none;
    font-weight:800;
}
.requests-design-v2 .requests-v2-nav a.is-active{
    color:var(--text);
    background:color-mix(in srgb,var(--primary) 13%,var(--card));
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 22%,transparent);
}
.requests-design-v2 .requests-v2-summary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}
.requests-design-v2 .requests-v2-summary article{
    min-width:0;
    padding:16px 18px;
    border:1px solid var(--line);
    border-radius:22px;
    background:var(--card);
    box-shadow:0 16px 36px color-mix(in srgb,#020617 8%,transparent);
}
.requests-design-v2 .requests-v2-summary span{
    display:block;
    color:var(--muted);
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.requests-design-v2 .requests-v2-summary strong{
    display:block;
    margin-top:6px;
    color:var(--text);
    font-size:clamp(20px,2.2vw,32px);
    line-height:1.05;
    overflow-wrap:anywhere;
}
.requests-design-v2 .requests-v2-summary article.is-ok{
    border-color:color-mix(in srgb,#10b981 32%,var(--line));
}
.requests-design-v2 .requests-v2-summary article.is-warning{
    border-color:color-mix(in srgb,#f59e0b 36%,var(--line));
}
.requests-design-v2 .requests-v2-summary article.is-danger{
    border-color:color-mix(in srgb,#ef4444 36%,var(--line));
}
.requests-design-v2 .requests-v2-filter-card,
.requests-design-v2 .requests-v2-panel,
.requests-design-v2 .requests-v2-form-card,
.requests-design-v2 .requests-v2-column,
.requests-design-v2 .requests-v2-card,
.requests-design-v2 .requests-v2-danger-panel{
    border:1px solid var(--line);
    border-radius:24px;
    background:var(--card);
    box-shadow:0 18px 42px color-mix(in srgb,#020617 8%,transparent);
}
.requests-design-v2 .requests-v2-filter-card,
.requests-design-v2 .requests-v2-panel,
.requests-design-v2 .requests-v2-form-card,
.requests-design-v2 .requests-v2-danger-panel{
    padding:18px;
}
.requests-design-v2 .requests-v2-filter-card input{
    min-height:46px;
    border-radius:16px;
    background:color-mix(in srgb,var(--card) 92%,var(--bg));
}
.requests-design-v2 .requests-v2-shell{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:16px;
    align-items:start;
}
.requests-design-v2 .requests-v2-column{
    min-width:0;
    padding:16px;
}
.requests-design-v2 .requests-v2-column h2{
    margin:0;
    color:var(--text);
    font-size:1.05rem;
}
.requests-design-v2 .requests-v2-card{
    padding:14px;
}
.requests-design-v2 .requests-v2-card h3,
.requests-design-v2 .request-detail-card h2,
.requests-design-v2 .request-timeline-card h2,
.requests-design-v2 .requests-v2-section-head h2,
.requests-design-v2 .requests-v2-section-head h3{
    margin:0;
    color:var(--text);
    line-height:1.1;
}
.requests-design-v2 .requests-v2-card p,
.requests-design-v2 .requests-v2-card small{
    overflow-wrap:anywhere;
}
.requests-design-v2 .requests-v2-section-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:14px;
    margin-bottom:14px;
}
.requests-design-v2 .requests-v2-form{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    align-items:start;
}
.requests-design-v2 .requests-v2-form > .requests-v2-panel,
.requests-design-v2 .requests-v2-form > .request-type-rules{
    min-width:0;
    height:100%;
}
.requests-design-v2 .requests-v2-form label,
.requests-design-v2 .requests-v2-mail-form label{
    min-width:0;
}
.requests-design-v2 .requests-v2-form input,
.requests-design-v2 .requests-v2-form select,
.requests-design-v2 .requests-v2-form textarea,
.requests-design-v2 .requests-v2-mail-form input,
.requests-design-v2 .requests-v2-mail-form textarea{
    width:100%;
}
.requests-design-v2 .requests-v2-sticky-actions{
    position:sticky;
    bottom:12px;
    z-index:2;
    grid-column:1 / -1;
    margin-top:4px;
    padding:12px;
    border:1px solid var(--line);
    border-radius:18px;
    background:color-mix(in srgb,var(--card) 94%,transparent);
    backdrop-filter:blur(14px);
    box-shadow:0 16px 34px color-mix(in srgb,#020617 12%,transparent);
}
.requests-design-v2 .requests-v2-detail-grid{
    grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
    gap:16px;
}
.requests-design-v2 .request-detail-list div,
.requests-design-v2 .request-note,
.requests-design-v2 .request-approvers div,
.requests-design-v2 .request-timeline div,
.requests-design-v2 .request-preview-summary div{
    border-radius:16px;
    background:color-mix(in srgb,var(--card) 92%,var(--bg));
}
.requests-design-v2 .request-action-form{
    border:1px solid var(--line);
    border-radius:18px;
    padding:14px;
    background:color-mix(in srgb,var(--card) 94%,var(--bg));
}
.requests-design-v2 .request-type-rules-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
}
.requests-design-v2 .request-type-rule-card,
.requests-design-v2 .requests-v2-type-row{
    border:1px solid var(--line);
    border-radius:18px;
    background:color-mix(in srgb,var(--card) 94%,var(--bg));
}
.requests-design-v2 .requests-v2-type-row{
    padding:14px;
}
.requests-design-v2 .requests-v2-danger-panel{
    border-color:color-mix(in srgb,#ef4444 38%,var(--line));
    background:linear-gradient(135deg,color-mix(in srgb,#ef4444 8%,var(--card)),var(--card));
}
.requests-design-v2 .requests-v2-empty{
    display:grid;
    place-items:center;
    min-height:120px;
    padding:22px;
    text-align:center;
    border:1px dashed color-mix(in srgb,var(--muted) 32%,var(--line));
    border-radius:18px;
    background:color-mix(in srgb,var(--card) 90%,var(--bg));
}
.requests-design-v2 .requests-v2-mail-log{
    display:grid;
    gap:10px;
}
.requests-design-v2 a:focus-visible,
.requests-design-v2 button:focus-visible,
.requests-design-v2 input:focus-visible,
.requests-design-v2 select:focus-visible,
.requests-design-v2 textarea:focus-visible{
    outline:3px solid color-mix(in srgb,var(--primary) 42%,transparent);
    outline-offset:3px;
}
@media (prefers-reduced-motion:no-preference){
    .requests-design-v2 .requests-v2-card,
    .requests-design-v2 .requests-v2-panel,
    .requests-design-v2 .requests-v2-form-card,
    .requests-design-v2 .requests-v2-column,
    .requests-design-v2 .requests-v2-summary article,
    .requests-design-v2 .requests-v2-danger-panel{
        animation:vehicles-ds-enter .36s cubic-bezier(.2,.8,.2,1) both;
        transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
    }
    .requests-design-v2 .requests-v2-card:hover,
    .requests-design-v2 .requests-v2-panel:hover,
    .requests-design-v2 .requests-v2-column:hover{
        transform:translateY(-2px);
        border-color:color-mix(in srgb,var(--primary) 28%,var(--line));
        box-shadow:0 24px 58px color-mix(in srgb,#020617 12%,transparent);
    }
}
@media (prefers-reduced-motion:reduce){
    .requests-design-v2 .requests-v2-card,
    .requests-design-v2 .requests-v2-panel,
    .requests-design-v2 .requests-v2-form-card,
    .requests-design-v2 .requests-v2-column,
    .requests-design-v2 .requests-v2-summary article,
    .requests-design-v2 .requests-v2-danger-panel{
        animation:none!important;
        transition:none!important;
    }
}
@media(max-width:1120px){
    .requests-design-v2 .requests-v2-hero,
    .requests-design-v2 .requests-v2-form,
    .requests-design-v2 .requests-v2-detail-grid{
        grid-template-columns:1fr;
    }
    .requests-design-v2 .requests-v2-hero-actions{
        justify-content:flex-start;
    }
    .requests-design-v2 .requests-v2-summary{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:760px){
    .requests-design-v2{
        gap:13px;
    }
    .requests-design-v2 .requests-v2-hero{
        padding:18px;
        border-radius:22px;
    }
    .requests-design-v2 .requests-v2-summary,
    .requests-design-v2 .requests-v2-shell,
    .requests-design-v2 .request-detail-list,
    .requests-design-v2 .request-type-rules-grid{
        grid-template-columns:1fr;
    }
    .requests-design-v2 .requests-v2-nav{
        border-radius:22px;
    }
    .requests-design-v2 .requests-v2-nav a{
        flex:1 1 150px;
    }
    .requests-design-v2 .requests-v2-sticky-actions{
        position:static;
        display:grid;
        grid-template-columns:1fr;
    }
    .requests-design-v2 .requests-v2-sticky-actions .btn,
    .requests-design-v2 .requests-v2-sticky-actions .link-btn{
        width:100%;
        justify-content:center;
    }
}

/* KronoSender UI V3.10 - Reports module V2. */
.reports-design-v2{
    width:min(100%,1760px);
    margin:0 auto;
    display:grid;
    gap:18px;
}
.reports-design-v2 > header.report-card,
.reports-design-v2 .report-filters,
.reports-design-v2 .report-card,
.reports-design-v2 .report-kpi,
.reports-design-v2 .report-home-grid > a{
    border:1px solid var(--line);
    background:var(--card);
    box-shadow:0 18px 42px color-mix(in srgb,#020617 8%,transparent);
}
.reports-design-v2 > header.report-card{
    display:grid;
    gap:8px;
    padding:24px;
    border-radius:28px;
    background:
        radial-gradient(circle at 0 0,color-mix(in srgb,var(--primary) 13%,transparent),transparent 38%),
        linear-gradient(135deg,color-mix(in srgb,var(--card) 94%,#fff 6%),color-mix(in srgb,var(--card) 88%,var(--primary2) 7%));
}
.reports-design-v2 > header.report-card h1{
    margin:0;
    font-size:clamp(34px,4vw,58px);
    line-height:.95;
    letter-spacing:0;
}
.reports-design-v2 > header.report-card p{
    max-width:760px;
    color:var(--muted);
}
.reports-design-v2 .report-home-grid{
    grid-template-columns:repeat(3,minmax(260px,1fr));
    gap:16px;
}
.reports-design-v2 .report-home-grid > a{
    min-height:220px;
    border-radius:24px;
    padding:20px;
    text-decoration:none;
}
.reports-design-v2 .report-home-grid > a > .report-home-icon{
    width:54px;
    height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    border:1px solid color-mix(in srgb,#2563eb 24%,var(--line));
    background:linear-gradient(135deg,color-mix(in srgb,#eff6ff 88%,var(--card) 12%),color-mix(in srgb,#dbeafe 58%,var(--card) 42%));
    color:#2563eb;
    box-shadow:0 8px 18px color-mix(in srgb,#2563eb 9%,transparent);
}
.reports-design-v2 .report-home-grid > a > .report-home-icon svg{
    width:26px;
    height:26px;
    display:block;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}
html[data-theme="dark"] .reports-design-v2 .report-home-grid > a > .report-home-icon{
    border-color:color-mix(in srgb,#60a5fa 28%,var(--line));
    background:linear-gradient(135deg,color-mix(in srgb,#60a5fa 14%,var(--card)),color-mix(in srgb,#38bdf8 9%,var(--card2)));
    color:#93c5fd;
    box-shadow:0 8px 18px color-mix(in srgb,#60a5fa 8%,transparent);
}
.reports-design-v2 .report-home-grid strong{
    font-size:1.25rem;
}
.reports-design-v2 .report-home-grid button,
.reports-design-v2 .report-form-actions button,
.reports-design-v2 .report-print-area > header button,
.reports-design-v2 .report-print-area > header a{
    min-height:40px;
    border-radius:999px;
    border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line));
    background:color-mix(in srgb,var(--primary) 12%,var(--card));
    color:var(--text);
    font-weight:900;
    text-decoration:none;
}
.reports-design-v2 .report-layout{
    grid-template-columns:minmax(280px,360px) minmax(0,1fr);
    gap:18px;
    align-items:start;
}
.reports-design-v2 .report-filters{
    position:sticky;
    top:96px;
    border-radius:24px;
    padding:18px;
}
.reports-design-v2 .report-filters h1{
    margin:4px 0;
    font-size:clamp(28px,3vw,44px);
    line-height:1;
}
.reports-design-v2 .report-filters p{
    margin:0;
    color:var(--muted);
}
.reports-design-v2 .report-back-link{
    display:inline-flex;
    margin-top:12px;
    color:var(--primary);
    font-weight:900;
    text-decoration:none;
}
.reports-design-v2 .report-filters form{
    display:grid;
    gap:12px;
    margin-top:16px;
}
.reports-design-v2 .report-filters label{
    display:grid;
    gap:6px;
    min-width:0;
    color:var(--muted);
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.reports-design-v2 .report-filters input,
.reports-design-v2 .report-filters select{
    width:100%;
    min-height:42px;
    border:1px solid var(--line);
    border-radius:14px;
    background:color-mix(in srgb,var(--card) 92%,var(--bg));
    color:var(--text);
    padding:10px 12px;
    text-transform:none;
    letter-spacing:0;
}
.reports-design-v2 .report-select-search{
    margin-bottom:2px;
}
.reports-design-v2 .report-form-actions{
    position:sticky;
    bottom:12px;
    z-index:2;
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    padding:10px;
    border:1px solid var(--line);
    border-radius:18px;
    background:color-mix(in srgb,var(--card) 94%,transparent);
    backdrop-filter:blur(14px);
    box-shadow:0 16px 34px color-mix(in srgb,#020617 12%,transparent);
}
.reports-design-v2 .report-reset-link{
    min-height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    color:var(--muted);
    font-weight:900;
    text-decoration:none;
}
.reports-design-v2 .report-result{
    min-width:0;
}
.reports-design-v2 .report-print-area{
    display:grid;
    gap:16px;
}
.reports-design-v2 .report-print-area > header{
    position:sticky;
    top:82px;
    z-index:3;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:16px;
    padding:18px;
    border:1px solid var(--line);
    border-radius:24px;
    background:color-mix(in srgb,var(--card) 94%,transparent);
    backdrop-filter:blur(14px);
    box-shadow:0 18px 42px color-mix(in srgb,#020617 10%,transparent);
}
.reports-design-v2 .report-print-area > header h2{
    margin:4px 0;
    font-size:clamp(28px,3vw,44px);
    line-height:1.02;
}
.reports-design-v2 .report-print-area > header p{
    margin:0;
    color:var(--muted);
}
.reports-design-v2 .report-print-area > header > div:last-child{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:8px;
}
.reports-design-v2 .report-card{
    border-radius:24px;
    padding:18px;
}
.reports-design-v2 .report-card > div:last-child{
    overflow:auto;
}
.reports-design-v2 .report-kpi-grid{
    grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
    gap:12px;
}
.reports-design-v2 .report-kpi{
    min-width:0;
    border-radius:20px;
    padding:16px;
}
.reports-design-v2 .report-kpi span{
    color:var(--muted);
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.reports-design-v2 .report-kpi strong{
    display:block;
    margin-top:6px;
    font-size:clamp(20px,2vw,30px);
    line-height:1.05;
    overflow-wrap:anywhere;
}
.reports-design-v2 .report-kpi-on-call-worked{
    border-color:color-mix(in srgb,#f59e0b 38%,var(--line));
}
.reports-design-v2 .report-table{
    min-width:860px;
    border-collapse:separate;
    border-spacing:0;
}
.reports-design-v2 .report-table th{
    position:sticky;
    top:0;
    z-index:1;
    background:color-mix(in srgb,var(--card) 94%,var(--bg));
    color:var(--muted);
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.reports-design-v2 .report-table th,
.reports-design-v2 .report-table td{
    padding:12px;
    border-bottom:1px solid var(--line);
    vertical-align:middle;
}
.reports-design-v2 .report-table .report-col-number,
.reports-design-v2 .report-table .report-col-hours,
.reports-design-v2 .report-table .report-col-pauses,
.reports-design-v2 .report-table .report-col-duration{
    width:1%;
    min-width:92px;
    max-width:132px;
    text-align:right;
    white-space:nowrap;
    box-sizing:border-box;
    font-variant-numeric:tabular-nums;
    font-feature-settings:"tnum" 1;
}
.reports-design-v2 .report-table .report-col-hours,
.reports-design-v2 .report-table .report-col-duration{
    min-width:108px;
}
.reports-design-v2 .report-table .report-col-pauses{
    min-width:96px;
}
.reports-design-v2 .report-table td strong,
.reports-design-v2 .report-table td small{
    display:block;
    overflow-wrap:anywhere;
}
.reports-design-v2 .report-table td small{
    color:var(--muted);
    font-size:12px;
}
.reports-design-v2 .report-destination-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:10px 0 0;
}
.reports-design-v2 .report-destination-meta div{
    padding:8px 10px;
    border:1px solid var(--line);
    border-radius:14px;
    background:color-mix(in srgb,var(--card) 92%,var(--bg));
}
.reports-design-v2 .report-destination-meta dt{
    color:var(--muted);
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
}
.reports-design-v2 .report-destination-meta dd{
    margin:2px 0 0;
    font-weight:900;
}
.reports-design-v2 a:focus-visible,
.reports-design-v2 button:focus-visible,
.reports-design-v2 input:focus-visible,
.reports-design-v2 select:focus-visible{
    outline:3px solid color-mix(in srgb,var(--primary) 42%,transparent);
    outline-offset:3px;
}
@media (prefers-reduced-motion:no-preference){
    .reports-design-v2 .report-card,
    .reports-design-v2 .report-kpi,
    .reports-design-v2 .report-home-grid > a{
        animation:vehicles-ds-enter .36s cubic-bezier(.2,.8,.2,1) both;
        transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
    }
    .reports-design-v2 .report-card:hover,
    .reports-design-v2 .report-home-grid > a:hover{
        transform:translateY(-2px);
        border-color:color-mix(in srgb,var(--primary) 28%,var(--line));
        box-shadow:0 24px 58px color-mix(in srgb,#020617 12%,transparent);
    }
}
@media (prefers-reduced-motion:reduce){
    .reports-design-v2 .report-card,
    .reports-design-v2 .report-kpi,
    .reports-design-v2 .report-home-grid > a{
        animation:none!important;
        transition:none!important;
    }
}
@media(max-width:1120px){
    .reports-design-v2 .report-layout{
        grid-template-columns:1fr;
    }
    .reports-design-v2 .report-filters,
    .reports-design-v2 .report-print-area > header{
        position:static;
    }
}
@media(max-width:760px){
    .reports-design-v2{
        gap:13px;
    }
    .reports-design-v2 > header.report-card,
    .reports-design-v2 .report-filters,
    .reports-design-v2 .report-card{
        border-radius:20px;
        padding:16px;
    }
    .reports-design-v2 .report-home-grid{
        grid-template-columns:1fr;
    }
    .reports-design-v2 .report-print-area > header{
        display:grid;
    }
    .reports-design-v2 .report-print-area > header > div:last-child{
        justify-content:flex-start;
    }
}
@media print{
    .reports-design-v2,
    .reports-design-v2 .report-print-area,
    .reports-design-v2 .report-print-area > header,
    .reports-design-v2 .report-card,
    .reports-design-v2 .report-kpi{
        width:auto;
        margin:0;
        box-shadow:none!important;
        animation:none!important;
    }
    .reports-design-v2 .report-filters{
        display:none!important;
    }
    .reports-design-v2 .report-print-area > header{
        position:static;
        border-radius:0;
        padding:0 0 10px;
    }
    .reports-design-v2 .report-table .report-col-number,
    .reports-design-v2 .report-table .report-col-hours,
    .reports-design-v2 .report-table .report-col-pauses,
    .reports-design-v2 .report-table .report-col-duration{
        min-width:20mm;
        max-width:28mm;
        text-align:right!important;
        white-space:nowrap!important;
        font-variant-numeric:tabular-nums;
    }
}

/* Fase UI V3.17 - Krono-App Mobile Design System V2. */
.mobile-app-mode.mobile-design-v2{
    min-height:100dvh;
    overflow-x:hidden;
    -webkit-tap-highlight-color:transparent;
    background:
        radial-gradient(circle at 12% -8%,color-mix(in srgb,var(--primary) 13%,transparent),transparent 32%),
        radial-gradient(circle at 92% 0,color-mix(in srgb,#10b981 10%,transparent),transparent 28%),
        linear-gradient(180deg,color-mix(in srgb,var(--bg) 92%,var(--primary) 4%),var(--bg));
}
.mobile-design-v2 .app-shell{
    width:100%;
    overflow-x:hidden;
}
.mobile-design-v2 .page{
    width:min(100%,980px);
    max-width:100%;
    display:grid;
    gap:14px;
    padding:14px max(14px,env(safe-area-inset-right)) max(92px,calc(20px + env(safe-area-inset-bottom))) max(14px,env(safe-area-inset-left));
}
body.mobile-app-mode.mobile-design-v2:has(.mobile-app-hero-premium) .page{
    padding-top:max(12px,env(safe-area-inset-top));
    padding-bottom:max(28px,calc(20px + env(safe-area-inset-bottom)));
}
.mobile-design-v2 .mobile-app-shell-header{
    position:sticky;
    top:0;
    z-index:60;
    min-height:62px;
    padding:9px max(14px,env(safe-area-inset-right)) 9px max(14px,env(safe-area-inset-left));
    border-bottom:1px solid color-mix(in srgb,var(--primary) 16%,var(--line));
    background:color-mix(in srgb,var(--bg2) 88%,transparent);
    backdrop-filter:blur(20px) saturate(1.2);
    box-shadow:0 12px 34px color-mix(in srgb,#020617 8%,transparent);
}
body.mobile-app-mode.mobile-design-v2:has(.mobile-app-hero-premium) .mobile-app-shell-header{
    top:max(0px,env(safe-area-inset-top));
    width:100%;
    border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line));
    border-radius:22px;
}
.mobile-design-v2 .mobile-app-brand{
    gap:9px;
}
.mobile-design-v2 .mobile-app-logo,
.mobile-design-v2 .mobile-menu-button,
.mobile-design-v2 .mobile-menu-close{
    width:44px;
    height:44px;
    border-radius:16px;
}
.mobile-design-v2 .mobile-app-logo{
    box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 18%,transparent);
}
.mobile-design-v2 .mobile-app-brand strong{
    font-size:15px;
    line-height:1.05;
}
.mobile-design-v2 .mobile-app-brand small{
    color:var(--muted);
    font-size:11px;
    font-weight:850;
}
.mobile-design-v2 .mobile-header-logout .btn{
    min-height:40px;
    padding:8px 12px;
    font-size:12px;
}
.mobile-design-v2 .mobile-side-menu{
    width:min(390px,92vw);
    display:flex;
    flex-direction:column;
    gap:12px;
    padding:14px;
    padding-bottom:max(18px,env(safe-area-inset-bottom));
    border-right:1px solid color-mix(in srgb,var(--primary) 16%,var(--line));
    background:linear-gradient(180deg,color-mix(in srgb,var(--card) 94%,var(--primary) 4%),var(--bg2));
    box-shadow:26px 0 70px color-mix(in srgb,#020617 24%,transparent);
}
.mobile-design-v2 .mobile-side-head{
    padding:12px;
    border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line));
    border-radius:24px;
    background:color-mix(in srgb,var(--card2) 76%,transparent);
}
.mobile-design-v2 .mobile-side-avatar{
    width:48px;
    height:48px;
    border-radius:18px;
    box-shadow:0 12px 28px color-mix(in srgb,var(--primary) 16%,transparent);
}
.mobile-design-v2 .mobile-side-nav{
    display:grid;
    gap:7px;
    padding-right:4px;
}
.mobile-design-v2 .mobile-side-group{
    margin:12px 6px 2px;
    color:var(--muted);
    font-size:10px;
    font-weight:950;
    letter-spacing:.07em;
    text-transform:uppercase;
}
.mobile-design-v2 .mobile-side-nav a,
.mobile-design-v2 .mobile-side-action{
    min-height:50px;
    padding:9px 10px;
    border:1px solid transparent;
    border-radius:18px;
    background:transparent;
    transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.mobile-design-v2 .mobile-side-nav a.active,
.mobile-design-v2 .mobile-side-nav a:hover,
.mobile-design-v2 .mobile-side-action:hover{
    border-color:color-mix(in srgb,var(--primary) 26%,var(--line));
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 14%,var(--card)),color-mix(in srgb,var(--card2) 86%,transparent));
    box-shadow:0 12px 28px color-mix(in srgb,#020617 10%,transparent);
}
.mobile-design-v2 .mobile-side-icon{
    flex-basis:34px;
    width:34px;
    height:34px;
    border-radius:14px;
    background:color-mix(in srgb,var(--primary) 10%,var(--bg));
}
.mobile-design-v2 .mobile-side-nav b,
.mobile-design-v2 .mobile-quick-card span{
    display:inline-grid;
    min-width:24px;
    min-height:24px;
    place-items:center;
    border-radius:999px;
    background:color-mix(in srgb,#ef4444 90%,var(--primary) 10%);
    color:#fff;
    font-size:11px;
    font-weight:950;
}
.mobile-design-v2 .mobile-app-hero,
.mobile-design-v2 .mobile-hero,
.mobile-design-v2 .mobile-app-hero-premium{
    display:grid;
    gap:14px;
    margin:0;
    padding:18px;
    border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));
    border-radius:26px;
    background:
        linear-gradient(135deg,color-mix(in srgb,var(--primary) 13%,var(--card)),color-mix(in srgb,#10b981 7%,var(--card2)) 58%,var(--card));
    box-shadow:0 18px 44px color-mix(in srgb,#020617 13%,transparent),inset 0 1px 0 rgba(255,255,255,.06);
}
.mobile-design-v2 .mobile-app-hero h1,
.mobile-design-v2 .mobile-hero h1,
.mobile-design-v2 .mobile-app-hero-premium h1{
    margin:5px 0 4px;
    color:var(--text);
    font-size:clamp(28px,9vw,42px);
    line-height:1;
    letter-spacing:0;
}
.mobile-design-v2 .mobile-app-hero p,
.mobile-design-v2 .mobile-hero p,
.mobile-design-v2 .mobile-app-hero-premium p{
    margin:0;
    color:var(--muted);
    font-size:13px;
    font-weight:850;
    line-height:1.38;
}
.mobile-design-v2 .mobile-hero-status,
.mobile-design-v2 .mobile-home-signal-row{
    border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line));
    border-radius:20px;
    background:color-mix(in srgb,var(--bg) 42%,transparent);
}
.mobile-design-v2 .mobile-home-signal-row{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    padding:8px;
}
.mobile-design-v2 .mobile-home-signal-row a{
    min-height:66px;
    padding:9px;
    border-radius:16px;
}
.mobile-design-v2 .mobile-card,
.mobile-design-v2 .mobile-info-card,
.mobile-design-v2 .mobile-message-card,
.mobile-design-v2 .mobile-notification-card,
.mobile-design-v2 .mobile-request-card,
.mobile-design-v2 .mobile-profile-card,
.mobile-design-v2 .mobile-shift-card,
.mobile-design-v2 .mobile-calendar-day,
.mobile-design-v2 .mobile-operational-live-card,
.mobile-design-v2 .mobile-operational-diary-card,
.mobile-design-v2 .mobile-operational-wizard-card,
.mobile-design-v2 .mobile-shift-confirm-card,
.mobile-design-v2 .mobile-shift-issue-card,
.mobile-design-v2 .mobile-clothing-card,
.mobile-design-v2 .mobile-useful-link-card,
.mobile-design-v2 .mobile-vehicle-card,
.mobile-design-v2 .mobile-requirement-card,
.mobile-design-v2 .mobile-share-card,
.mobile-design-v2 .mobile-diagnostics{
    min-width:0;
    border:1px solid color-mix(in srgb,var(--primary) 15%,var(--line));
    border-radius:22px;
    background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 92%,var(--primary) 4%));
    box-shadow:0 14px 34px color-mix(in srgb,#020617 10%,transparent);
}
.mobile-design-v2 .mobile-card,
.mobile-design-v2 .mobile-info-card,
.mobile-design-v2 .mobile-message-card,
.mobile-design-v2 .mobile-notification-card,
.mobile-design-v2 .mobile-request-card,
.mobile-design-v2 .mobile-profile-card,
.mobile-design-v2 .mobile-share-card,
.mobile-design-v2 .mobile-diagnostics{
    padding:14px;
}
.mobile-design-v2 .mobile-shift-section{
    display:grid;
    gap:10px;
    margin:0;
}
.mobile-design-v2 .mobile-shift-section h2,
.mobile-design-v2 .mobile-section-heading-row h2{
    margin:0;
    color:var(--text);
    font-size:18px;
    line-height:1.12;
}
.mobile-design-v2 .mobile-shift-list,
.mobile-design-v2 .mobile-list,
.mobile-design-v2 .mobile-requirements-grid,
.mobile-design-v2 .mobile-vehicles-grid,
.mobile-design-v2 .mobile-useful-links-grid,
.mobile-design-v2 .mobile-request-list{
    display:grid;
    gap:10px;
}
.mobile-design-v2 .mobile-shift-card{
    display:grid;
    gap:10px;
    padding:13px;
    overflow:hidden;
}
.mobile-design-v2 .mobile-shift-card-premium::after{
    opacity:.55;
}
.mobile-design-v2 .mobile-shift-time{
    color:var(--text);
    font-size:clamp(25px,8vw,34px);
    line-height:.98;
    letter-spacing:0;
}
.mobile-design-v2 .mobile-shift-place strong,
.mobile-design-v2 .mobile-shift-destination{
    color:var(--text);
    font-size:clamp(18px,5.5vw,23px);
    line-height:1.08;
    overflow-wrap:break-word;
}
.mobile-design-v2 .mobile-shift-place span,
.mobile-design-v2 .shift-meta,
.mobile-design-v2 .mobile-notification-card p,
.mobile-design-v2 .mobile-message-card p,
.mobile-design-v2 .mobile-request-card p,
.mobile-design-v2 .mobile-info-card p{
    color:var(--muted);
    font-size:13px;
    font-weight:830;
    line-height:1.34;
}
.mobile-design-v2 .mobile-shift-badges,
.mobile-design-v2 .shift-card-pills,
.mobile-design-v2 .mobile-request-meta{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}
.mobile-design-v2 .mobile-badge,
.mobile-design-v2 .mobile-status,
.mobile-design-v2 .mobile-type,
.mobile-design-v2 .shift-pill,
.mobile-design-v2 .shift-info-pill,
.mobile-design-v2 .badge{
    min-height:28px;
    align-items:center;
    border-radius:999px;
    font-size:11px;
    font-weight:900;
    line-height:1.1;
}
.mobile-design-v2 .mobile-shift-actions,
.mobile-design-v2 .mobile-app-actions,
.mobile-design-v2 .mobile-notification-actions,
.mobile-design-v2 .mobile-shift-reminder-actions,
.mobile-design-v2 .form-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.mobile-design-v2 .btn,
.mobile-design-v2 .btn-secondary,
.mobile-design-v2 .link-btn,
.mobile-design-v2 button,
.mobile-design-v2 input,
.mobile-design-v2 select,
.mobile-design-v2 textarea{
    max-width:100%;
}
.mobile-design-v2 .btn,
.mobile-design-v2 .btn-secondary,
.mobile-design-v2 .link-btn{
    min-height:46px;
    border-radius:999px;
    padding:10px 14px;
    font-size:13px;
    font-weight:930;
}
.mobile-design-v2 input,
.mobile-design-v2 select,
.mobile-design-v2 textarea{
    min-height:46px;
    border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line));
    border-radius:16px;
    background:color-mix(in srgb,var(--bg) 78%,var(--card));
    color:var(--text);
    font-size:16px;
}
.mobile-design-v2 textarea{
    min-height:118px;
    line-height:1.45;
}
.mobile-design-v2 .mobile-quick-grid-premium{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
    margin:0;
}
.mobile-design-v2 .mobile-quick-grid-premium .mobile-quick-card{
    min-height:86px;
    padding:10px;
    border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line));
    border-radius:20px;
    background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 90%,var(--primary) 5%));
    box-shadow:0 12px 28px color-mix(in srgb,#020617 9%,transparent);
}
.mobile-design-v2 .mobile-quick-grid-premium .mobile-quick-card i{
    width:38px;
    height:38px;
    border-radius:15px;
    font-size:20px;
}
.mobile-design-v2 .mobile-quick-grid-premium .mobile-quick-card strong{
    color:var(--text);
    font-size:12px;
    line-height:1.12;
}
.mobile-design-v2 .mobile-timeline{
    display:grid;
    gap:12px;
    padding-left:12px;
}
.mobile-design-v2 .mobile-timeline::before{
    left:5px;
    background:color-mix(in srgb,var(--primary) 22%,var(--line));
}
.mobile-design-v2 .mobile-timeline-day{
    padding-left:12px;
}
.mobile-design-v2 .mobile-timeline-day-head{
    min-height:40px;
    margin-bottom:8px;
    padding:8px 10px;
    border-radius:16px;
    background:color-mix(in srgb,var(--card2) 76%,transparent);
}
.mobile-design-v2 .mobile-calendar-month-grid{
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:6px;
}
.mobile-design-v2 .mobile-calendar-day{
    min-height:92px;
    padding:8px;
    border-radius:16px;
    box-shadow:none;
}
.mobile-design-v2 .mobile-calendar-day-number{
    font-size:18px;
    line-height:1;
}
.mobile-design-v2 .mobile-calendar-chip{
    min-height:20px;
    padding:3px 5px;
    border-radius:8px;
    font-size:10px;
}
.mobile-design-v2 .mobile-calendar-chip em{
    max-width:100%;
}
.mobile-design-v2 .calendar-mobile-toolbar{
    display:grid;
    gap:9px;
    margin:0;
    padding:12px;
}
.mobile-design-v2 .calendar-mobile-nav,
.mobile-design-v2 .calendar-mobile-switch{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
}
.mobile-design-v2 .calendar-mobile-toolbar .btn{
    min-height:42px;
    padding:8px 9px;
}
.mobile-design-v2 .mobile-detail-premium{
    display:grid;
    gap:12px;
}
.mobile-design-v2 .mobile-detail-premium .mobile-detail-photo{
    max-height:220px;
    border-radius:24px;
}
.mobile-design-v2 .mobile-detail-card,
.mobile-design-v2 .mobile-detail-premium .mobile-info-card{
    padding:14px;
    border-radius:22px;
}
.mobile-design-v2 .mobile-detail-hero-card h1{
    font-size:clamp(25px,8vw,34px);
}
.mobile-design-v2 .mobile-operational-live-card,
.mobile-design-v2 .mobile-operational-diary-card,
.mobile-design-v2 .mobile-operational-wizard-card,
.mobile-design-v2 .mobile-shift-confirm-card,
.mobile-design-v2 .mobile-shift-issue-card{
    padding:14px;
}
.mobile-design-v2 .mobile-operational-wizard{
    display:grid;
    gap:11px;
}
.mobile-design-v2 .mobile-operational-wizard-head,
.mobile-design-v2 .mobile-operational-live-head,
.mobile-design-v2 .mobile-operational-diary-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
}
.mobile-design-v2 .mobile-operational-wizard-check{
    grid-template-columns:36px minmax(0,1fr);
    padding:10px;
    border-radius:16px;
}
.mobile-design-v2 .mobile-operational-qr-panel,
.mobile-design-v2 .mobile-operational-nfc-panel,
.mobile-design-v2 .mobile-operational-reason{
    padding:10px;
    border-radius:16px;
}
.mobile-design-v2 .mobile-clothing-save-bar{
    position:sticky;
    bottom:max(10px,env(safe-area-inset-bottom));
    z-index:20;
    padding:10px;
    border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line));
    border-radius:20px;
    background:color-mix(in srgb,var(--card) 86%,transparent);
    backdrop-filter:blur(16px);
}
.mobile-design-v2 .mobile-empty-card{
    padding:16px;
    border:1px dashed color-mix(in srgb,var(--primary) 20%,var(--line));
    border-radius:20px;
    background:color-mix(in srgb,var(--card2) 58%,transparent);
    color:var(--muted);
    font-weight:880;
}
.mobile-design-v2 .mobile-maintenance-banner,
.mobile-design-v2 .mobile-clothing-reminder,
.mobile-design-v2 .mobile-feedback-reminder-card,
.mobile-design-v2 .mobile-shift-reminder-card{
    border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));
    border-radius:22px;
    background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card2) 92%,var(--primary) 4%));
    box-shadow:0 18px 48px color-mix(in srgb,#020617 15%,transparent);
}
.mobile-design-v2 .mobile-shift-reminder-popup,
.mobile-design-v2 .mobile-feedback-reminder{
    left:max(12px,env(safe-area-inset-left));
    right:max(12px,env(safe-area-inset-right));
    bottom:max(12px,env(safe-area-inset-bottom));
}
.mobile-design-v2 .mobile-notification-card.is-unread,
.mobile-design-v2 .mobile-message-card.is-unread{
    border-color:color-mix(in srgb,var(--primary) 34%,var(--line));
    background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 10%,var(--card)),var(--card2));
}
.mobile-design-v2 .mobile-profile-head,
.mobile-design-v2 .mobile-notification-title,
.mobile-design-v2 .mobile-request-card-head,
.mobile-design-v2 .mobile-clothing-status,
.mobile-design-v2 .mobile-diagnostics-head{
    gap:10px;
}
.mobile-design-v2 .mobile-profile-avatar{
    width:78px;
    height:78px;
    flex-basis:78px;
    border-radius:26px;
}
.mobile-design-v2 .mobile-profile-details,
.mobile-design-v2 .mobile-info-grid,
.mobile-design-v2 .mobile-diagnostics-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
    gap:9px;
}
.mobile-design-v2 .mobile-vehicle-image,
.mobile-design-v2 .mobile-requirement-image,
.mobile-design-v2 .mobile-useful-link-image{
    border-radius:16px;
}
.mobile-design-v2 :is(a,button,input,select,textarea):focus-visible{
    outline:3px solid color-mix(in srgb,var(--primary) 50%,#fff);
    outline-offset:3px;
}
@media (hover:hover) and (pointer:fine){
    .mobile-design-v2 .mobile-card:hover,
    .mobile-design-v2 .mobile-info-card:hover,
    .mobile-design-v2 .mobile-message-card:hover,
    .mobile-design-v2 .mobile-notification-card:hover,
    .mobile-design-v2 .mobile-request-card:hover,
    .mobile-design-v2 .mobile-profile-card:hover,
    .mobile-design-v2 .mobile-shift-card:hover,
    .mobile-design-v2 .mobile-quick-card:hover{
        transform:translateY(-2px);
        border-color:color-mix(in srgb,var(--primary) 34%,var(--line));
        box-shadow:0 20px 46px color-mix(in srgb,#020617 14%,transparent);
    }
}
@media(max-width:560px){
    .mobile-design-v2 .page{
        gap:12px;
        padding-left:max(12px,env(safe-area-inset-left));
        padding-right:max(12px,env(safe-area-inset-right));
    }
    .mobile-design-v2 .mobile-app-shell-header{
        min-height:58px;
        gap:8px;
    }
    .mobile-design-v2 .mobile-app-brand small{
        display:none;
    }
    .mobile-design-v2 .mobile-home-signal-row,
    .mobile-design-v2 .mobile-quick-grid-premium{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .mobile-design-v2 .mobile-quick-grid-premium .mobile-quick-card{
        min-height:78px;
    }
    .mobile-design-v2 .mobile-calendar-month-grid{
        gap:4px;
    }
    .mobile-design-v2 .mobile-calendar-day{
        min-height:78px;
        padding:6px;
        border-radius:13px;
    }
    .mobile-design-v2 .mobile-calendar-chip{
        font-size:9px;
    }
    .mobile-design-v2 .calendar-mobile-nav,
    .mobile-design-v2 .calendar-mobile-switch{
        grid-template-columns:1fr;
    }
    .mobile-design-v2 .mobile-operational-wizard-head,
    .mobile-design-v2 .mobile-operational-live-head,
    .mobile-design-v2 .mobile-operational-diary-head,
    .mobile-design-v2 .mobile-diagnostics-head{
        display:grid;
    }
}
@media(max-width:380px){
    .mobile-design-v2 .mobile-home-signal-row,
    .mobile-design-v2 .mobile-quick-grid-premium{
        grid-template-columns:1fr;
    }
    .mobile-design-v2 .mobile-side-menu{
        width:min(330px,94vw);
        padding:12px;
    }
}
@media (prefers-reduced-motion:reduce){
    .mobile-design-v2 *,
    .mobile-design-v2 *::before,
    .mobile-design-v2 *::after{
        transition:none!important;
        animation:none!important;
        scroll-behavior:auto!important;
    }
}

/* Fase UI V3.18 - completamento Veicoli V2. */
body:has(.vehicles-design-v2.vehicles-admin-v2) .page,
body:has(.vehicles-design-v2.vehicles-delete-v2) .page,
body:has(.vehicles-design-v2.vehicles-mail-alerts-v2) .page{
    max-width:none;
    width:100%;
}
.vehicles-design-v2.vehicles-admin-v2,
.vehicles-design-v2.vehicles-delete-v2,
.vehicles-design-v2.vehicles-mail-alerts-v2{
    width:min(100%,1880px);
    margin:0 auto;
    display:grid;
    gap:14px;
}
.vehicles-design-v2 .vehicles-v2-fields-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
    gap:12px;
    margin:0;
}
.vehicles-design-v2 .vehicles-v2-field-card{
    min-width:0;
    min-height:0;
    padding:14px;
    border:0;
    border-radius:24px;
    background:linear-gradient(145deg,color-mix(in srgb,var(--card) 92%,#fff 8%),var(--card2));
    box-shadow:0 20px 48px color-mix(in srgb,#020617 11%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--line) 82%,transparent);
}
.vehicles-design-v2 .vehicles-v2-field-card .custom-field-header{
    gap:10px;
    align-items:flex-start;
}
.vehicles-design-v2 .vehicles-v2-field-card .custom-field-name{
    margin:0 0 4px;
    color:var(--text);
    font-size:18px;
    line-height:1.2;
}
.vehicles-design-v2 .vehicles-v2-field-card .custom-field-key{
    display:inline-flex;
    max-width:100%;
    padding:4px 8px;
    border-radius:999px;
    border:1px solid var(--v2-line);
    background:color-mix(in srgb,var(--card2) 78%,var(--primary) 8%);
    color:var(--muted);
    font-size:11px;
    overflow-wrap:anywhere;
}
.vehicles-design-v2 .vehicles-v2-field-card .custom-field-meta{
    margin-top:12px;
    padding:10px;
    border-radius:16px;
    border:1px solid var(--v2-line);
    background:color-mix(in srgb,var(--card2) 86%,transparent);
}
.vehicles-design-v2 .vehicles-v2-field-card .custom-field-badges{
    min-height:30px;
    gap:6px;
}
.vehicles-design-v2 .vehicles-v2-field-card .custom-field-actions{
    margin-top:4px;
    padding-top:10px;
    border-top:1px solid var(--v2-line);
}
.vehicles-design-v2.vehicles-field-form-v2{
    width:min(100%,1880px);
    margin:0 auto;
    display:grid;
    gap:14px;
}
.vehicles-design-v2 .vehicles-v2-field-form{
    display:grid;
    gap:12px;
}
.vehicles-design-v2 .vehicles-v2-field-form-grid{
    grid-template-columns:minmax(260px,1fr) minmax(260px,.9fr) minmax(260px,.9fr);
    align-items:start;
}
.vehicles-design-v2 .vehicles-v2-switch-list{
    display:grid;
    gap:8px;
    margin:0;
}
.vehicles-design-v2 .vehicles-v2-switch-list .form-check-row{
    min-height:40px;
    padding:9px 10px;
    border:1px solid var(--v2-line);
    border-radius:14px;
    background:color-mix(in srgb,var(--card2) 86%,transparent);
}
.vehicles-design-v2 .vehicles-v2-danger-panel{
    position:relative;
    width:min(100%,980px);
    margin:0 auto;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:16px;
    padding:20px;
    border:0;
    border-radius:28px;
    background:linear-gradient(135deg,color-mix(in srgb,#ef4444 8%,var(--card)),var(--card2));
    box-shadow:0 26px 66px color-mix(in srgb,#020617 14%,transparent),inset 0 0 0 1px color-mix(in srgb,#ef4444 28%,var(--line));
}
.vehicles-design-v2 .vehicles-v2-danger-panel::before{
    content:"";
    position:absolute;
    inset:0 0 auto;
    height:4px;
    border-radius:28px 28px 0 0;
    background:linear-gradient(90deg,#ef4444,#f59e0b);
}
.vehicles-design-v2 .vehicles-v2-danger-icon{
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    border-radius:16px;
    background:color-mix(in srgb,#ef4444 14%,var(--card));
    color:#ef4444;
    font-weight:900;
}
.vehicles-design-v2 .vehicles-v2-danger-content{
    min-width:0;
    display:grid;
    gap:10px;
}
.vehicles-design-v2 .vehicles-v2-danger-content h2{
    margin:0;
    color:var(--text);
    font-size:26px;
    line-height:1.1;
}
.vehicles-design-v2 .vehicles-v2-danger-content p{
    margin:0;
    color:var(--muted);
}
.vehicles-design-v2 .vehicles-v2-danger-facts{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
}
.vehicles-design-v2 .vehicles-v2-danger-facts div{
    min-width:0;
    padding:10px;
    border:1px solid var(--v2-line);
    border-radius:16px;
    background:color-mix(in srgb,var(--card) 82%,transparent);
}
.vehicles-design-v2 .vehicles-v2-danger-facts span{
    display:block;
    color:var(--muted);
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
}
.vehicles-design-v2 .vehicles-v2-danger-facts strong{
    display:block;
    margin-top:4px;
    color:var(--text);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.vehicles-design-v2 .vehicles-v2-danger-actions{
    justify-content:flex-end;
    margin-top:4px;
}
.vehicles-design-v2 .vehicles-v2-mail-summary{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.vehicles-design-v2 .vehicles-v2-mail-summary .vehicles-v2-stat strong{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.vehicles-design-v2 .vehicles-v2-mail-grid{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);
    gap:12px;
    align-items:start;
}
.vehicles-design-v2 .vehicles-v2-mail-side{
    display:grid;
    gap:12px;
    min-width:0;
}
.vehicles-design-v2 .vehicles-v2-mail-panel{
    min-width:0;
    padding:16px;
    border:0;
    border-radius:26px;
    background:linear-gradient(145deg,color-mix(in srgb,var(--card) 92%,#fff 8%),var(--card2));
    box-shadow:0 20px 52px color-mix(in srgb,#020617 11%,transparent),inset 0 0 0 1px var(--v2-line);
}
.vehicles-design-v2 .vehicles-v2-mail-form-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
}
.vehicles-design-v2 .vehicles-v2-mail-form-grid .settings-grid-full{
    grid-column:1/-1;
}
.vehicles-design-v2 .vehicles-v2-mail-form-grid label,
.vehicles-design-v2 .vehicles-v2-mail-panel .settings-grid > div,
.vehicles-design-v2 .vehicles-v2-mail-panel .settings-grid > label{
    min-width:0;
    padding:10px;
    border-radius:16px;
}
.vehicles-design-v2 .vehicles-v2-mail-panel input,
.vehicles-design-v2 .vehicles-v2-mail-panel textarea{
    min-height:40px;
    border-radius:13px;
}
.vehicles-design-v2 .vehicles-v2-mail-panel code{
    display:block;
    width:100%;
    padding:10px;
    border:1px solid var(--v2-line);
    border-radius:14px;
    background:color-mix(in srgb,var(--card2) 88%,transparent);
    color:var(--text);
    overflow:auto;
    white-space:nowrap;
}
.vehicles-design-v2 .vehicles-v2-mail-sticky-actions{
    position:sticky;
    bottom:10px;
    justify-content:flex-end;
    padding-top:10px;
    border-top:1px solid var(--v2-line);
    background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--card) 92%,transparent) 28%,var(--card));
}
.vehicles-design-v2 .vehicles-v2-mail-stats{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}
.vehicles-design-v2 .vehicles-v2-mail-stats div{
    min-width:0;
    padding:10px;
    border:1px solid var(--v2-line);
    border-radius:16px;
    background:color-mix(in srgb,var(--card2) 86%,transparent);
}
.vehicles-design-v2 .vehicles-v2-mail-stats span{
    display:block;
    color:var(--muted);
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
}
.vehicles-design-v2 .vehicles-v2-mail-stats strong{
    display:block;
    margin-top:4px;
    color:var(--text);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.vehicles-design-v2 .vehicles-v2-mail-actions{
    display:grid;
    gap:8px;
}
.vehicles-design-v2 .vehicles-v2-mail-actions form{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
}
.vehicles-design-v2 .vehicles-v2-mail-history-list{
    display:grid;
    gap:8px;
}
.vehicles-design-v2 .vehicles-v2-mail-log{
    grid-template-columns:minmax(220px,.85fr) minmax(0,1.4fr);
    padding:10px;
    border:1px solid var(--v2-line);
    border-radius:18px;
    background:color-mix(in srgb,var(--card2) 82%,transparent);
}
.vehicles-design-v2 .vehicles-v2-empty-state{
    padding:22px;
    border-radius:24px;
    border:1px dashed color-mix(in srgb,var(--primary) 28%,var(--line));
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 7%,var(--card)),var(--card2));
    color:var(--muted);
}
@media (hover:hover) and (pointer:fine){
    .vehicles-design-v2 .vehicles-v2-field-card:hover,
    .vehicles-design-v2 .vehicles-v2-mail-panel:hover,
    .vehicles-design-v2 .vehicles-v2-mail-log:hover{
        transform:translateY(-3px);
        border-color:color-mix(in srgb,var(--primary) 30%,var(--line));
        box-shadow:0 24px 58px color-mix(in srgb,#020617 13%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--primary) 18%,var(--line));
    }
}
@media (prefers-reduced-motion:no-preference){
    .vehicles-design-v2 .vehicles-v2-field-card,
    .vehicles-design-v2 .vehicles-v2-mail-panel,
    .vehicles-design-v2 .vehicles-v2-mail-log,
    .vehicles-design-v2 .vehicles-v2-danger-panel{
        animation:vehicles-ds-enter .36s cubic-bezier(.2,.8,.2,1) both;
        transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
    }
}
@media(max-width:1180px){
    .vehicles-design-v2 .vehicles-v2-field-form-grid,
    .vehicles-design-v2 .vehicles-v2-mail-grid{
        grid-template-columns:1fr;
    }
    .vehicles-design-v2 .vehicles-v2-mail-summary,
    .vehicles-design-v2 .vehicles-v2-danger-facts{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:720px){
    .vehicles-design-v2 .vehicles-v2-fields-grid,
    .vehicles-design-v2 .vehicles-v2-mail-summary,
    .vehicles-design-v2 .vehicles-v2-danger-facts,
    .vehicles-design-v2 .vehicles-v2-mail-form-grid,
    .vehicles-design-v2 .vehicles-v2-mail-stats,
    .vehicles-design-v2 .vehicles-v2-mail-log{
        grid-template-columns:1fr;
    }
    .vehicles-design-v2 .vehicles-v2-danger-panel{
        grid-template-columns:1fr;
        padding:16px;
        border-radius:24px;
    }
    .vehicles-design-v2 .vehicles-v2-danger-actions,
    .vehicles-design-v2 .vehicles-v2-mail-sticky-actions,
    .vehicles-design-v2 .vehicles-v2-mail-actions form{
        display:grid;
        grid-template-columns:1fr;
    }
    .vehicles-design-v2 .vehicles-v2-danger-actions .btn,
    .vehicles-design-v2 .vehicles-v2-danger-actions .link-btn,
    .vehicles-design-v2 .vehicles-v2-mail-sticky-actions .btn,
    .vehicles-design-v2 .vehicles-v2-mail-actions .btn{
        width:100%;
        justify-content:center;
    }
}

/* Fase UI V3.19 - Planning desktop workspace stabile. */
body:has(.planning-design-v2) .page{
    width:100%;
    max-width:none;
    padding-left:clamp(10px,1.25vw,24px);
    padding-right:clamp(10px,1.25vw,24px);
}
.planning-design-v2{
    width:min(100%,1960px);
}
.planning-design-v2 .planning-wow-page{
    gap:clamp(10px,.9vw,14px);
}
.planning-design-v2 .planning-board-hero{
    padding:clamp(16px,1.25vw,22px) clamp(18px,1.5vw,24px);
    gap:clamp(12px,1vw,18px);
}
.planning-design-v2 .planning-board{
    grid-template-columns:clamp(232px,19vw,318px) minmax(520px,1fr) clamp(212px,16vw,292px);
    gap:clamp(8px,.8vw,14px);
    min-width:0;
}
.planning-design-v2 .planning-resources-panel,
.planning-design-v2 .planning-destinations-board,
.planning-design-v2 .planning-summary-panel{
    min-width:0;
    padding:clamp(10px,.85vw,14px);
    border-radius:clamp(20px,1.5vw,26px);
}
.planning-design-v2 .planning-resources-panel,
.planning-design-v2 .planning-summary-panel{
    position:sticky;
    top:78px;
    max-height:calc(100vh - 92px);
}
.planning-design-v2 .planning-panel-head{
    gap:8px;
    margin-bottom:10px;
}
.planning-design-v2 .planning-panel-head h2{
    font-size:clamp(18px,1.35vw,24px);
}
.planning-design-v2 .planning-board-stats{
    gap:clamp(7px,.7vw,10px);
}
.planning-design-v2 .planning-board-stats div{
    min-height:clamp(72px,6vw,92px);
    padding:clamp(10px,.85vw,14px);
    border-radius:clamp(16px,1.35vw,22px);
}
.planning-design-v2 .planning-board-stats strong{
    font-size:clamp(23px,2vw,36px);
}
.planning-design-v2 .planning-board-stats span,
.planning-design-v2 .planning-stat-breakdown{
    font-size:clamp(9.5px,.72vw,11px);
}
.planning-design-v2 .planning-resource-filters{
    gap:6px;
    padding:8px;
    border-radius:16px;
}
.planning-design-v2 .planning-resource-filters label,
.planning-design-v2 .planning-destination-search{
    min-width:0;
}
.planning-design-v2 .planning-resource-filters input,
.planning-design-v2 .planning-resource-filters select,
.planning-design-v2 .planning-destination-search input{
    min-height:34px;
    padding:7px 9px;
    border-radius:12px;
}
.planning-design-v2 .planning-source-tabs{
    padding:4px;
    border-radius:15px;
}
.planning-design-v2 .planning-source-tabs button{
    min-height:34px;
    border-radius:12px;
}
.planning-design-v2 .planning-board-resource{
    min-height:50px;
    gap:7px;
    padding:7px 8px;
    border-radius:14px;
}
.planning-design-v2 .planning-board-resource img,
.planning-design-v2 .planning-board-resource .planning-avatar{
    width:36px;
    height:36px;
    border-radius:12px;
}
.planning-design-v2 .planning-resource-main strong{
    font-size:13px;
}
.planning-design-v2 .planning-resource-main small{
    font-size:11px;
}
.planning-design-v2 .planning-resource-badges{
    gap:4px;
    margin-top:4px;
}
.planning-design-v2 .planning-resource-badges em{
    padding:2px 5px;
    font-size:10px;
}
.planning-design-v2 .planning-destination-section{
    gap:8px;
    padding:10px;
    border-radius:18px;
}
.planning-design-v2 .planning-destination-grid{
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:8px;
}
.planning-design-v2 .planning-destination-dropzone{
    min-height:150px;
    padding:10px;
    border-radius:16px;
}
.planning-design-v2 .planning-destination-top{
    gap:8px;
}
.planning-design-v2 .planning-destination-top h3{
    font-size:15px;
}
.planning-design-v2 .planning-destination-top p,
.planning-design-v2 .planning-existing-shifts span{
    font-size:11px;
}
.planning-design-v2 .planning-destination-thumb{
    width:38px;
    height:38px;
    border-radius:12px;
}
.planning-design-v2 .planning-destination-tags{
    gap:5px;
}
.planning-design-v2 .planning-drop-list{
    min-height:40px;
    border-radius:13px;
}
.planning-design-v2 .planning-destination-dropzone > .link-btn{
    min-height:34px;
    padding:7px 10px;
    border-radius:12px;
}
.planning-design-v2 .planning-summary-list{
    max-height:calc(100vh - 250px);
}
.planning-design-v2 .planning-summary-panel .btn{
    min-height:40px;
    border-radius:14px;
}
@media(max-width:1560px){
    .planning-design-v2 .planning-board{
        grid-template-columns:clamp(218px,18vw,286px) minmax(486px,1fr) clamp(198px,15.5vw,260px);
        gap:8px;
    }
    .planning-design-v2 .planning-summary-panel{
        grid-column:auto;
        position:sticky;
        top:74px;
        max-height:calc(100vh - 88px);
    }
    .planning-design-v2 .planning-summary-list{
        max-height:calc(100vh - 242px);
    }
    .planning-design-v2 .planning-destination-grid{
        grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    }
    .planning-design-v2 .planning-destination-dropzone{
        min-height:136px;
    }
}
@media(max-width:1280px){
    .planning-design-v2 .planning-board{
        grid-template-columns:clamp(204px,18vw,238px) minmax(452px,1fr) clamp(184px,16vw,220px);
        gap:7px;
        font-size:12px;
    }
    .planning-design-v2 .planning-resources-panel,
    .planning-design-v2 .planning-destinations-board,
    .planning-design-v2 .planning-summary-panel{
        padding:8px;
        border-radius:16px;
    }
    .planning-design-v2 .planning-resource-filters{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .planning-design-v2 .planning-resource-filters label:nth-child(n+5){
        display:grid;
    }
    .planning-design-v2 .planning-destination-grid{
        grid-template-columns:repeat(auto-fit,minmax(205px,1fr));
    }
    .planning-design-v2 .planning-destination-dropzone{
        min-height:124px;
    }
    .planning-design-v2 .planning-existing-shifts span:nth-child(n+3){
        display:none;
    }
}
@media(min-width:1024px) and (max-width:1100px){
    .planning-design-v2 .planning-board{
        grid-template-columns:clamp(190px,18vw,208px) minmax(420px,1fr) clamp(174px,16vw,190px);
    }
    .planning-design-v2 .planning-board-hero{
        grid-template-columns:minmax(0,1fr) minmax(260px,auto);
    }
    .planning-design-v2 .planning-board-stats{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
    .planning-design-v2 .planning-resources-panel{
        position:sticky;
        max-height:calc(100vh - 86px);
    }
    .planning-design-v2 .planning-summary-panel{
        position:sticky;
        max-height:calc(100vh - 86px);
    }
    .planning-design-v2 .planning-modal-tools,
    .planning-design-v2 .planning-modal-resource-fields{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:1023px){
    .planning-design-v2 .planning-board{
        grid-template-columns:1fr;
    }
    .planning-design-v2 .planning-resources-panel,
    .planning-design-v2 .planning-summary-panel{
        position:static;
        max-height:none;
    }
    .planning-design-v2 .planning-summary-list{
        max-height:none;
    }
}

/* Planning modal team select containment fix - V3.24. */
.planning-design-v2 .planning-modal-panel:has([data-planning-modal-resources]){
    width:min(1120px,calc(100% - 24px));
    overflow-x:hidden;
}
.planning-design-v2 .planning-modal-resource{
    grid-template-columns:minmax(230px,.72fr) minmax(330px,1fr);
    gap:12px;
    align-items:start;
    overflow:hidden;
    min-width:0;
    max-width:100%;
}
.planning-design-v2 .planning-modal-team-group-list,
.planning-design-v2 .planning-resource-meta,
.planning-design-v2 .planning-resource-calendar{
    min-width:0;
    max-width:100%;
}
.planning-design-v2 .planning-resource-meta{
    width:100%;
    overflow:hidden;
}
.planning-design-v2 .planning-modal-resource-head{
    min-width:0;
    max-width:100%;
}
.planning-design-v2 .planning-modal-resource-head > div{
    min-width:0;
    max-width:100%;
}
.planning-design-v2 .planning-modal-resource-head strong{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.planning-design-v2 .planning-modal-resource-fields{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    width:100%;
    min-width:0;
    max-width:100%;
    overflow:hidden;
}
.planning-design-v2 .planning-modal-resource-fields > label{
    min-width:0;
    max-width:100%;
    overflow:hidden;
}
.planning-design-v2 .planning-modal-resource-fields > label:first-child{
    grid-column:1/-1;
}
.planning-design-v2 .planning-modal-resource-fields input,
.planning-design-v2 .planning-modal-resource-fields select{
    width:100%;
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
}
.planning-design-v2 .planning-modal-resource-fields [data-modal-team]{
    display:block;
    inline-size:100%;
    max-inline-size:100%;
}
.planning-design-v2 .planning-resource-calendar{
    justify-self:stretch;
    overflow:hidden;
}
.planning-design-v2 .planning-calendar-weekdays,
.planning-design-v2 .planning-calendar-grid{
    grid-template-columns:repeat(7,minmax(0,34px));
    max-width:100%;
}
@media(min-width:1024px) and (max-width:1280px){
    .planning-design-v2 .planning-modal-resource{
        grid-template-columns:minmax(214px,.62fr) minmax(318px,1fr);
        gap:10px;
        padding:12px;
    }
    .planning-design-v2 .planning-resource-calendar,
    .planning-design-v2 .planning-calendar{
        padding:10px;
    }
    .planning-design-v2 .planning-calendar-weekdays,
    .planning-design-v2 .planning-calendar-grid{
        gap:5px;
    }
    .planning-design-v2 .planning-calendar-day{
        width:32px;
        height:32px;
        min-height:32px;
        border-radius:10px;
    }
}
@media(max-width:1023px){
    .planning-design-v2 .planning-modal-resource{
        grid-template-columns:1fr;
        overflow:visible;
    }
    .planning-design-v2 .planning-modal-resource-fields{
        grid-template-columns:1fr;
    }
    .planning-design-v2 .planning-modal-resource-fields > label:first-child{
        grid-column:auto;
    }
    .planning-design-v2 .planning-resource-calendar{
        overflow:hidden;
    }
}

/* GLOBAL DESKTOP WORKSPACE OPTIMIZATION V2. */
@media(min-width:1024px) and (max-width:1560px){
    body:has(.dashboard-design-v2) .page,
    body:has(.requests-design-v2) .page,
    body:has(.reports-design-v2) .page,
    body:has(.on-call-design-v2) .page,
    body:has(.operational-attendance-design-v2) .page,
    body:has(.assignments-design-v2) .page,
    body:has(.calendar-design-v2) .page,
    body:has(.vehicles-design-v2) .page,
    body:has(.teams-design-v2) .page,
    body:has(.communications-design-v2) .page,
    body:has(.settings-v2) .page,
    body:has(.planning-design-v2) .page{
        width:100%;
        max-width:none;
        padding-left:clamp(10px,1.1vw,18px);
        padding-right:clamp(10px,1.1vw,18px);
    }
    .dashboard-design-v2,
    .requests-design-v2,
    .reports-design-v2,
    .on-call-design-v2,
    .operational-attendance-design-v2,
    .assignments-design-v2,
    .calendar-design-v2,
    .vehicles-design-v2,
    .teams-design-v2,
    .communications-design-v2,
    .settings-v2{
        width:min(100%,1960px);
        gap:clamp(10px,.85vw,14px);
    }
    .dashboard-design-v2 .dashboard-manager-hero,
    .dashboard-design-v2 .dashboard-priority-card,
    .dashboard-design-v2 .dashboard-week-card,
    .requests-design-v2 .requests-v2-hero,
    .reports-design-v2 .report-hero,
    .on-call-design-v2 .on-call-v2-hero,
    .operational-attendance-design-v2 .operational-v2-hero,
    .assignments-design-v2 .assignments-v2-hero,
    .calendar-design-v2 .calendar-v2-hero,
    .vehicles-design-v2 .vehicles-v2-hero,
    .teams-design-v2 .teams-v2-hero,
    .communications-design-v2 .communications-v2-hero,
    .settings-v2 .settings-v2-hero{
        padding:clamp(14px,1.2vw,22px) clamp(16px,1.45vw,26px);
        gap:clamp(10px,.9vw,16px);
    }
    .dashboard-design-v2 .dashboard-kpi-grid{
        grid-template-columns:repeat(6,minmax(118px,1fr));
        gap:8px;
    }
    .dashboard-design-v2 .dashboard-kpi-card{
        min-height:98px;
        padding:11px;
    }
    .dashboard-design-v2 .dashboard-manager-grid{
        grid-template-columns:minmax(0,1.15fr) minmax(252px,.55fr);
        gap:10px;
    }
    .dashboard-design-v2 .dashboard-module-grid{
        grid-template-columns:repeat(auto-fit,minmax(148px,1fr));
        gap:8px;
    }
    .dashboard-design-v2 .dashboard-card{
        min-height:108px;
        padding:11px;
    }
    .dashboard-design-v2 .dashboard-week-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:8px;
    }
    .requests-design-v2 .requests-v2-summary{
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:8px;
    }
    .requests-design-v2 .requests-v2-form{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:10px;
    }
    .requests-design-v2 .requests-v2-detail-grid{
        grid-template-columns:minmax(0,1.15fr) minmax(264px,.85fr);
        gap:10px;
    }
    .reports-design-v2 .report-layout,
    .report-wow-page .report-layout{
        grid-template-columns:minmax(226px,286px) minmax(0,1fr);
        gap:10px;
    }
    .reports-design-v2 .report-home-grid,
    .report-wow-page .report-home-grid{
        grid-template-columns:repeat(3,minmax(200px,1fr));
        gap:10px;
    }
    .reports-design-v2 .report-kpi-grid,
    .report-wow-page .report-kpi-grid{
        grid-template-columns:repeat(auto-fit,minmax(132px,1fr));
        gap:8px;
    }
    .reports-design-v2 .report-filters,
    .report-wow-page .report-filters{
        padding:12px;
        position:sticky;
        top:76px;
    }
    .on-call-design-v2 .on-call-v2-form{
        grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(226px,.88fr);
        gap:10px;
    }
    .on-call-design-v2 .on-call-v2-panel:last-of-type{
        grid-column:auto;
    }
    .on-call-design-v2 .on-call-enterprise-list{
        grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
        gap:10px;
    }
    .on-call-design-v2 .on-call-v2-filters{
        grid-template-columns:minmax(164px,1.25fr) repeat(5,minmax(98px,1fr)) auto;
        gap:8px;
    }
    .operational-attendance-design-v2 .operational-admin-overview,
    .operational-wow-page .operational-admin-overview{
        grid-template-columns:minmax(0,1.35fr) minmax(266px,.65fr);
        gap:10px;
    }
    .operational-attendance-design-v2 .operational-live-layout,
    .operational-wow-page .operational-live-layout{
        grid-template-columns:minmax(0,1.55fr) minmax(268px,.72fr);
        gap:10px;
    }
    .operational-attendance-design-v2 .operational-kpi-grid,
    .operational-wow-page .operational-kpi-grid{
        grid-template-columns:repeat(auto-fit,minmax(132px,1fr));
        gap:8px;
    }
    .operational-attendance-design-v2 .operational-filter-head + .filters-bar{
        grid-template-columns:repeat(auto-fit,minmax(116px,1fr));
        gap:8px;
    }
    .assignments-design-v2 .assignments-filters{
        grid-template-columns:repeat(auto-fit,minmax(126px,1fr));
        gap:8px;
    }
    .assignments-design-v2 .assignments-search,
    .assignments-design-v2 .assignments-view-switch,
    .assignments-design-v2 .assignments-range-nav{
        grid-column:auto;
    }
    .assignments-design-v2 .assignments-destination-grid{
        grid-template-columns:repeat(auto-fit,minmax(390px,1fr));
        gap:10px;
    }
    .calendar-design-v2 .calendar-filters{
        grid-template-columns:repeat(auto-fit,minmax(128px,1fr));
        gap:8px;
    }
    .calendar-design-v2 .calendar-search{
        grid-column:auto;
    }
    .calendar-design-v2 .calendar-mini-kpis{
        grid-template-columns:repeat(auto-fit,minmax(142px,1fr));
        gap:8px;
    }
    .calendar-design-v2 .calendar-days-week{
        grid-template-columns:repeat(7,minmax(104px,1fr));
    }
    .calendar-design-v2 .calendar-timeline{
        grid-template-columns:56px minmax(0,1fr);
        gap:8px;
    }
    .vehicles-design-v2 .vehicles-v2-summary{
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:8px;
    }
    .vehicles-design-v2 .vehicles-v2-grid{
        grid-template-columns:repeat(auto-fill,minmax(248px,1fr));
        gap:10px;
    }
    .vehicles-design-v2 .vehicle-filter-grid{
        grid-template-columns:minmax(210px,1.35fr) repeat(auto-fit,minmax(120px,1fr));
        gap:8px;
    }
    .vehicles-design-v2 .ks-wide-form-grid,
    .vehicles-design-v2 .vehicles-v2-field-form-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:10px;
    }
    .teams-design-v2 .teams-v2-filters{
        grid-template-columns:minmax(210px,1fr) minmax(124px,.32fr) auto auto auto;
        gap:8px;
    }
    .teams-design-v2 .teams-v2-form{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:10px;
    }
    .teams-design-v2 .teams-v2-detail-grid{
        grid-template-columns:minmax(248px,.38fr) minmax(0,1fr);
        gap:10px;
    }
    .teams-design-v2 .team-resource-options,
    .teams-design-v2 .team-members-grid{
        grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
    }
    .communications-design-v2 .communications-v2-hero{
        grid-template-columns:minmax(0,1fr) auto;
    }
    .communications-design-v2 .communications-v2-compose-grid{
        grid-template-columns:minmax(0,1.22fr) minmax(264px,.78fr);
        gap:10px;
    }
    .communications-design-v2 .communications-v2-hub-grid{
        grid-template-columns:repeat(3,minmax(200px,1fr));
        gap:10px;
    }
    .communications-design-v2 .comm-user-list{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }
    .settings-v2 .settings-v2-summary,
    .settings-v2 .settings-v2-panel-grid-3{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:8px;
    }
    .settings-v2 .settings-v2-panel-grid-2,
    .settings-v2 .settings-help-intro,
    .settings-v2 .settings-help-topic-grid,
    .settings-v2 .settings-help-columns,
    .settings-v2 .settings-help-detail-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
    }
    .settings-v2 .settings-v2-term-grid,
    .settings-v2 .settings-v2-module-grid,
    .settings-v2 .settings-v2-cron-grid,
    .settings-v2 .cron-center-guide-grid{
        grid-template-columns:repeat(auto-fit,minmax(268px,1fr));
        gap:10px;
    }
    .settings-v2 .cron-center-meta,
    .settings-v2 .import-export-stats{
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:8px;
    }
}

@media(min-width:1024px) and (max-width:1366px){
    .dashboard-design-v2,
    .requests-design-v2,
    .reports-design-v2,
    .on-call-design-v2,
    .operational-attendance-design-v2,
    .assignments-design-v2,
    .calendar-design-v2,
    .vehicles-design-v2,
    .teams-design-v2,
    .communications-design-v2,
    .settings-v2{
        gap:8px;
    }
    .dashboard-design-v2 .dashboard-manager-hero,
    .requests-design-v2 .requests-v2-hero,
    .reports-design-v2 .report-hero,
    .on-call-design-v2 .on-call-v2-hero,
    .operational-attendance-design-v2 .operational-v2-hero,
    .assignments-design-v2 .assignments-v2-hero,
    .calendar-design-v2 .calendar-v2-hero,
    .vehicles-design-v2 .vehicles-v2-hero,
    .teams-design-v2 .teams-v2-hero,
    .communications-design-v2 .communications-v2-hero,
    .settings-v2 .settings-v2-hero{
        padding:14px 16px;
    }
    .dashboard-design-v2 .dashboard-kpi-grid{
        grid-template-columns:repeat(6,minmax(104px,1fr));
    }
    .dashboard-design-v2 .dashboard-module-grid{
        grid-template-columns:repeat(auto-fit,minmax(132px,1fr));
    }
    .dashboard-design-v2 .dashboard-card,
    .dashboard-design-v2 .dashboard-kpi-card{
        min-height:92px;
        padding:10px;
    }
    .reports-design-v2 .report-layout,
    .report-wow-page .report-layout{
        grid-template-columns:minmax(208px,252px) minmax(0,1fr);
    }
    .operational-attendance-design-v2 .operational-admin-overview,
    .operational-wow-page .operational-admin-overview,
    .operational-attendance-design-v2 .operational-live-layout,
    .operational-wow-page .operational-live-layout{
        grid-template-columns:minmax(0,1.5fr) minmax(238px,.68fr);
    }
    .assignments-design-v2 .assignments-destination-grid{
        grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
    }
    .calendar-design-v2 .calendar-days-week{
        grid-template-columns:repeat(7,minmax(92px,1fr));
    }
    .vehicles-design-v2 .vehicles-v2-grid{
        grid-template-columns:repeat(auto-fill,minmax(226px,1fr));
    }
    .vehicles-design-v2 .vehicle-v2-card{
        min-height:0;
    }
    .teams-design-v2 .teams-v2-form,
    .vehicles-design-v2 .ks-wide-form-grid,
    .vehicles-design-v2 .vehicles-v2-field-form-grid,
    .requests-design-v2 .requests-v2-form,
    .on-call-design-v2 .on-call-v2-form{
        gap:8px;
    }
    .communications-design-v2 .communications-v2-compose-grid{
        grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);
    }
    .settings-v2 .settings-v2-term-grid,
    .settings-v2 .settings-v2-module-grid,
    .settings-v2 .settings-v2-cron-grid,
    .settings-v2 .cron-center-guide-grid{
        grid-template-columns:repeat(auto-fit,minmax(238px,1fr));
    }
}

/* Fase UI V3.21 - audit responsive pagina per pagina. */
@media(min-width:1024px) and (max-width:1560px){
    .vehicles-design-v2.vehicles-v2-form-page{
        width:min(100%,1880px);
    }
    .vehicles-design-v2.vehicles-v2-form-page .vehicles-v2-form-card,
    .vehicles-design-v2.vehicles-field-form-v2 .vehicles-v2-form-card{
        padding:clamp(12px,1vw,16px);
    }
    .vehicles-design-v2.vehicles-v2-form-page .ks-wide-form-grid{
        grid-template-columns:minmax(0,1fr) minmax(220px,.82fr) minmax(240px,.92fr);
        gap:clamp(8px,.7vw,12px);
    }
    .vehicles-design-v2.vehicles-v2-form-page .ks-form-panel-actions{
        grid-column:auto;
    }
    .vehicles-design-v2.vehicles-v2-form-page .ks-form-panel-actions .ks-form-fields{
        grid-template-columns:1fr;
    }
    .vehicles-design-v2.vehicles-v2-form-page .ks-form-panel-actions .vehicle-custom-fields-form,
    .vehicles-design-v2.vehicles-v2-form-page .ks-form-panel-actions label:has(textarea){
        grid-column:auto;
    }
    .vehicles-design-v2.vehicles-v2-form-page .ks-form-sticky-actions{
        grid-column:auto;
        grid-template-columns:1fr 1fr;
        justify-content:stretch;
        bottom:10px;
    }
    .vehicles-design-v2.vehicles-v2-form-page .ks-form-panel{
        padding:clamp(10px,.85vw,14px);
        border-radius:clamp(18px,1.4vw,24px);
    }
    .vehicles-design-v2.vehicles-v2-form-page .ks-wide-form .ks-form-fields label,
    .vehicles-design-v2.vehicles-v2-form-page .ks-wide-form .vehicle-custom-fields-form .form-field{
        padding:8px 9px;
    }
    .vehicles-design-v2.vehicles-v2-form-page .ks-wide-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    .vehicles-design-v2.vehicles-v2-form-page .ks-wide-form select,
    .vehicles-design-v2.vehicles-v2-form-page .ks-wide-form textarea{
        min-height:36px;
        padding:8px 10px;
    }
    .vehicles-design-v2.vehicles-v2-form-page .ks-wide-form textarea{
        min-height:74px;
    }
    .vehicles-design-v2.vehicles-v2-form-page .ks-form-media-preview{
        min-height:98px;
    }
    .vehicles-design-v2.vehicles-v2-form-page .ks-form-media-preview img{
        max-height:94px;
    }
    .vehicles-design-v2 .vehicles-v2-field-form-grid{
        grid-template-columns:minmax(230px,1fr) minmax(210px,.85fr) minmax(210px,.85fr);
        gap:10px;
    }
    .vehicles-design-v2 .vehicles-v2-mail-grid{
        grid-template-columns:minmax(0,1.38fr) minmax(280px,.62fr);
    }
    .vehicles-design-v2 .vehicles-v2-mail-summary{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
    .reports-design-v2 .report-layout,
    .report-wow-page .report-layout{
        grid-template-columns:minmax(210px,276px) minmax(0,1fr);
    }
    .reports-design-v2 .report-filters,
    .report-wow-page .report-filters{
        position:sticky;
        top:76px;
        padding:12px;
    }
    .reports-design-v2 .report-home-grid,
    .report-wow-page .report-home-grid{
        grid-template-columns:repeat(3,minmax(190px,1fr));
    }
    .reports-design-v2 .report-home-grid > a,
    .report-wow-page .report-home-grid .report-card{
        min-height:clamp(160px,13vw,210px);
        padding:clamp(13px,1vw,18px);
    }
    .operational-attendance-design-v2 .operational-admin-overview,
    .operational-wow-page .operational-admin-overview{
        grid-template-columns:minmax(0,1.42fr) minmax(250px,.58fr);
    }
    .operational-attendance-design-v2 .operational-live-layout,
    .operational-wow-page .operational-live-layout{
        grid-template-columns:minmax(0,1.62fr) minmax(250px,.68fr);
    }
    .operational-wow-page .operational-attendance-hero{
        grid-template-columns:minmax(0,1fr) minmax(250px,auto);
    }
    .operational-wow-page .operational-attendance-hero-actions{
        min-width:0;
    }
    .operational-wow-page .operational-watch-list{
        grid-template-columns:1fr;
    }
    .operational-wow-page .operational-kpi-card{
        min-height:118px;
        padding:14px;
    }
    .operational-wow-page .operational-live-map{
        min-height:420px;
    }
    .calendar-design-v2 .calendar-hero{
        grid-template-columns:minmax(0,1fr) minmax(300px,auto);
    }
    .calendar-design-v2 .calendar-hero-actions{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .calendar-design-v2 .calendar-mini-kpis{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .calendar-gantt-design-v2 .calendar-timeline{
        grid-template-columns:56px minmax(0,1fr);
    }
    .calendar-gantt-design-v2 .calendar-time-rail{
        display:block;
    }
    .assignments-design-v2 .assignments-filters{
        grid-template-columns:repeat(8,minmax(104px,1fr));
        gap:7px;
    }
    .assignments-design-v2 .assignments-view-switch,
    .assignments-design-v2 .assignments-range-nav{
        grid-column:span 3;
    }
    .assignments-design-v2 .assignments-search{
        grid-column:span 2;
    }
    .assignments-form-v2 .assignment-form,
    .assignments-form-v2 .form-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .assignments-split-v2 .assignment-split-row{
        grid-template-columns:repeat(5,minmax(104px,1fr));
    }
    .communications-design-v2 .communications-v2-hero{
        grid-template-columns:minmax(0,1fr) auto;
    }
    .communications-design-v2 .communications-v2-compose-grid{
        grid-template-columns:minmax(0,1.28fr) minmax(260px,.72fr);
    }
    .communications-design-v2 .comm-user-list{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .communications-design-v2 .communications-v2-hub-grid{
        grid-template-columns:repeat(3,minmax(190px,1fr));
    }
    .requests-design-v2 .requests-v2-hero{
        grid-template-columns:minmax(0,1fr) auto;
    }
    .requests-design-v2 .requests-v2-form{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:10px;
    }
    .requests-design-v2 .requests-v2-detail-grid{
        grid-template-columns:minmax(0,1.18fr) minmax(270px,.82fr);
    }
    .system-design-v2 .system-v2-hero{
        grid-template-columns:minmax(0,1fr) auto;
    }
    .system-design-v2 .system-v2-grid,
    .system-design-v2 .system-v2-card-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .system-design-v2 .system-v2-summary{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
    .users-design-v2 .users-v2-hero,
    .roles-design-v2 .roles-v2-hero{
        grid-template-columns:minmax(0,1fr) auto;
    }
    .users-design-v2 .users-v2-filters{
        grid-template-columns:minmax(210px,1fr) repeat(3,minmax(118px,.42fr)) auto;
    }
    .users-design-v2 .users-v2-form{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .users-design-v2 .users-v2-summary{
        grid-template-columns:repeat(6,minmax(0,1fr));
    }
    .roles-design-v2 .roles-v2-permission-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .teams-design-v2 .teams-v2-hero{
        grid-template-columns:minmax(0,1fr) auto;
    }
    .teams-design-v2 .teams-v2-filters{
        grid-template-columns:minmax(210px,1fr) minmax(124px,.32fr) auto auto auto;
    }
    .teams-design-v2 .teams-v2-form{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .teams-design-v2 .teams-v2-detail-grid{
        grid-template-columns:minmax(248px,.38fr) minmax(0,1fr);
    }
    .settings-v2-hero{
        display:flex;
    }
    .settings-v2-panel-grid-3,
    .settings-v2-summary,
    .settings-v2-info .settings-v2-info-summary{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .settings-v2-help .settings-v2-help-intro,
    .settings-v2-help .settings-help-topic-grid,
    .settings-v2-help .settings-help-columns,
    .settings-v2-feedback .settings-v2-feedback-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .settings-v2-cron-guide{
        grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
    }
    .settings-v2-cron-cpanel .cron-center-steps{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .settings-v2-cron-summary,
    .settings-v2-mobile-summary{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
    .settings-v2-mobile-summary{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .audit-design-v2 .audit-v2-hero{
        grid-template-columns:minmax(0,1fr) auto;
    }
    .audit-design-v2 .audit-v2-filters{
        grid-template-columns:repeat(6,minmax(112px,1fr));
    }
    .audit-design-v2 .audit-v2-summary{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
    .useful-links-v2 .useful-links-v2-form{
        grid-template-columns:minmax(0,1.12fr) minmax(230px,.84fr) minmax(220px,.7fr);
        gap:10px;
    }
    .useful-links-v2 .useful-links-v2-grid{
        grid-template-columns:repeat(auto-fill,minmax(226px,1fr));
        gap:10px;
    }
}

@media(min-width:1024px) and (max-width:1366px){
    .vehicles-design-v2.vehicles-v2-form-page .ks-wide-form-grid{
        grid-template-columns:minmax(0,1fr) minmax(198px,.72fr) minmax(216px,.82fr);
    }
    .vehicles-design-v2 .vehicles-v2-field-form-grid{
        grid-template-columns:minmax(210px,1fr) minmax(188px,.8fr) minmax(188px,.8fr);
    }
    .vehicles-design-v2 .vehicles-v2-mail-grid{
        grid-template-columns:minmax(0,1.45fr) minmax(250px,.6fr);
    }
    .reports-design-v2 .report-layout,
    .report-wow-page .report-layout{
        grid-template-columns:minmax(198px,238px) minmax(0,1fr);
    }
    .reports-design-v2 .report-table,
    .report-wow-page .report-table{
        min-width:700px;
    }
    .operational-attendance-design-v2 .operational-admin-overview,
    .operational-wow-page .operational-admin-overview,
    .operational-attendance-design-v2 .operational-live-layout,
    .operational-wow-page .operational-live-layout{
        grid-template-columns:minmax(0,1.58fr) minmax(226px,.62fr);
    }
    .operational-wow-page .operational-live-map{
        min-height:360px;
    }
    .assignments-design-v2 .assignments-filters{
        grid-template-columns:repeat(8,minmax(88px,1fr));
    }
    .assignments-design-v2 .assignments-ops-row{
        grid-template-columns:84px minmax(190px,1.25fr) minmax(112px,.58fr) minmax(178px,.88fr) max-content;
        gap:7px;
    }
    .calendar-design-v2 .calendar-hero{
        grid-template-columns:minmax(0,1fr) minmax(250px,auto);
    }
    .calendar-design-v2 .calendar-filters{
        grid-template-columns:repeat(8,minmax(104px,1fr));
    }
    .communications-design-v2 .communications-v2-compose-grid{
        grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);
    }
    .requests-design-v2 .requests-v2-form,
    .users-design-v2 .users-v2-form,
    .teams-design-v2 .teams-v2-form{
        gap:8px;
    }
    .system-design-v2 .system-v2-panel,
    .settings-v2-panel,
    .communications-design-v2 .communications-v2-compose-panel,
    .requests-design-v2 .requests-v2-panel,
    .teams-design-v2 .teams-v2-form-card,
    .users-design-v2 .users-v2-form-card,
    .roles-design-v2 .roles-v2-permission-group{
        padding:12px;
    }
    .users-design-v2 .users-v2-filters{
        grid-template-columns:minmax(190px,1fr) repeat(3,minmax(104px,.38fr)) auto;
    }
    .roles-design-v2 .roles-v2-permission-grid{
        gap:8px;
    }
    .settings-v2-cron-grid{
        grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    }
    .audit-design-v2 .audit-v2-filters{
        grid-template-columns:repeat(6,minmax(96px,1fr));
    }
    .useful-links-v2 .useful-links-v2-form{
        grid-template-columns:minmax(0,1.18fr) minmax(200px,.76fr) minmax(196px,.66fr);
    }
}

/* 1.26.66 - High-risk desktop responsive stabilization (1024-1366 CSS px). */
@media(min-width:1024px) and (max-width:1366px){
    .planning-design-v2 .planning-board,
    .planning-design-v2 .planning-resources-panel,
    .planning-design-v2 .planning-calendar-panel,
    .planning-design-v2 .planning-summary-panel,
    .planning-design-v2 .planning-destination-card,
    .calendar-gantt-design-v2 .calendar-group-card,
    .calendar-gantt-design-v2 .calendar-days-week,
    .calendar-gantt-design-v2 .calendar-month-day,
    .assignments-design-v2 .assignments-ops-row,
    .assignments-wow-page .assignments-ops-row,
    .assignments-wow-page .assignments-ops-table-head,
    .operational-attendance-design-v2 .operational-admin-overview,
    .operational-wow-page .operational-admin-overview,
    .operational-attendance-design-v2 .operational-live-layout,
    .operational-wow-page .operational-live-layout,
    .vehicles-design-v2.vehicles-v2-form-page,
    .requirements-wow-page.vehicles-v2-form-page,
    .vehicles-design-v2.vehicles-v2-form-page .ks-wide-form-grid,
    .requirements-wow-page.vehicles-v2-form-page .ks-wide-form-grid,
    .vehicles-design-v2.vehicles-v2-form-page .ks-form-panel,
    .requirements-wow-page.vehicles-v2-form-page .ks-form-panel{
        min-width:0;
        max-width:100%;
    }

    .planning-design-v2 .planning-destination-grid{
        grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
    }

    .planning-design-v2 .planning-destination-dropzone{
        min-height:118px;
    }

    .calendar-gantt-design-v2 .calendar-group-card{
        overflow-x:auto;
    }

    .calendar-gantt-design-v2 .calendar-days-week{
        grid-template-columns:repeat(7,minmax(86px,1fr));
        min-width:0;
    }

    .calendar-gantt-design-v2 .calendar-event,
    .calendar-gantt-design-v2 .calendar-event-main,
    .calendar-gantt-design-v2 .calendar-event-meta,
    .calendar-gantt-design-v2 .calendar-event-time{
        min-width:0;
        max-width:100%;
    }

    .assignments-design-v2 .assignments-filters,
    .assignments-wow-page .assignments-filters{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }

    .assignments-design-v2 .assignments-view-switch,
    .assignments-design-v2 .assignments-range-nav,
    .assignments-design-v2 .assignments-search,
    .assignments-wow-page .assignments-view-switch,
    .assignments-wow-page .assignments-range-nav,
    .assignments-wow-page .assignments-search{
        grid-column:span 2;
        min-width:0;
    }

    .assignments-design-v2 .assignments-ops-row,
    .assignments-wow-page .assignments-ops-row,
    .assignments-wow-page .assignments-ops-table-head{
        grid-template-columns:76px minmax(0,1.28fr) minmax(96px,.58fr) minmax(0,.9fr) minmax(92px,auto);
        gap:6px;
    }

    .assignments-design-v2 .assignments-ops-actions,
    .assignments-wow-page .assignments-ops-actions{
        justify-content:flex-end;
        min-width:0;
    }

    .assignments-design-v2 .assignments-ops-team,
    .assignments-design-v2 .assignments-ops-badges,
    .assignments-wow-page .assignments-ops-team,
    .assignments-wow-page .assignments-ops-badges{
        min-width:0;
    }

    .operational-attendance-design-v2 .operational-admin-overview,
    .operational-wow-page .operational-admin-overview,
    .operational-attendance-design-v2 .operational-live-layout,
    .operational-wow-page .operational-live-layout{
        grid-template-columns:minmax(0,1fr);
    }

    .operational-attendance-design-v2 .operational-filter-head + .filters-bar,
    .operational-wow-page .operational-filter-head + .filters-bar{
        grid-template-columns:repeat(auto-fit,minmax(118px,1fr));
    }

    .operational-attendance-design-v2 .table-responsive,
    .operational-wow-page .table-responsive{
        max-width:100%;
        overflow-x:auto;
    }

    .operational-attendance-design-v2 .data-table,
    .operational-wow-page .data-table{
        min-width:860px;
    }

    .operational-wow-page .operational-attendance-hero-actions{
        min-width:0;
    }

    .vehicles-design-v2.vehicles-v2-form-page .ks-wide-form-grid,
    .requirements-wow-page.vehicles-v2-form-page .ks-wide-form-grid{
        grid-template-columns:minmax(0,1fr) minmax(0,1fr);
        gap:10px;
    }

    .vehicles-design-v2.vehicles-v2-form-page .ks-form-panel-actions,
    .requirements-wow-page.vehicles-v2-form-page .ks-form-panel-actions{
        grid-column:1 / -1;
    }

    .vehicles-design-v2.vehicles-v2-form-page .ks-form-panel-actions .ks-form-fields,
    .requirements-wow-page.vehicles-v2-form-page .ks-form-panel-actions .ks-form-fields,
    .vehicles-design-v2.vehicles-v2-form-page .ks-form-sticky-actions,
    .requirements-wow-page.vehicles-v2-form-page .ks-form-sticky-actions{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(min-width:1281px) and (max-width:1366px){
    .planning-design-v2 .planning-board{
        grid-template-columns:clamp(190px,16vw,226px) minmax(390px,1fr) clamp(174px,14vw,210px);
        gap:10px;
    }
}

@media(min-width:1024px) and (max-width:1280px){
    .planning-design-v2 .planning-board{
        grid-template-columns:minmax(190px,.34fr) minmax(0,1fr);
        gap:10px;
    }

    .planning-design-v2 .planning-summary-panel{
        grid-column:1 / -1;
        max-height:none;
        position:static;
    }

    .planning-design-v2 .planning-summary-list{
        max-height:none;
    }
}

@media(min-width:1024px) and (max-width:1200px){
    .assignments-design-v2 .assignments-view-switch,
    .assignments-design-v2 .assignments-range-nav,
    .assignments-design-v2 .assignments-search,
    .assignments-wow-page .assignments-view-switch,
    .assignments-wow-page .assignments-range-nav,
    .assignments-wow-page .assignments-search{
        grid-column:1 / -1;
    }

    .assignments-design-v2 .assignments-ops-table-head,
    .assignments-wow-page .assignments-ops-table-head{
        display:none;
    }

    .assignments-design-v2 .assignments-ops-row,
    .assignments-wow-page .assignments-ops-row{
        grid-template-columns:78px minmax(0,1fr) minmax(86px,auto);
        align-items:start;
    }

    .assignments-design-v2 .assignments-ops-person,
    .assignments-wow-page .assignments-ops-person{
        min-width:0;
    }

    .assignments-design-v2 .assignments-ops-team,
    .assignments-design-v2 .assignments-ops-badges,
    .assignments-wow-page .assignments-ops-team,
    .assignments-wow-page .assignments-ops-badges{
        grid-column:2 / -1;
    }

    .assignments-design-v2 .assignments-ops-actions,
    .assignments-wow-page .assignments-ops-actions{
        grid-column:3;
        grid-row:1;
    }

    .calendar-gantt-design-v2 .calendar-days-week{
        min-width:760px;
    }
}

/* 1.26.63 - Teams member picker scalability. */
.teams-design-v2 .teams-v2-resource-picker{
    align-self:stretch;
    overflow:visible;
}
.teams-design-v2 .team-resource-picker-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(260px,360px);
    gap:12px;
    align-items:end;
}
.teams-design-v2 .team-resource-picker-head input{
    width:100%;
    max-width:none;
    box-sizing:border-box;
}
.teams-design-v2 .team-resource-options{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    grid-auto-rows:minmax(78px,auto);
    align-items:stretch;
    gap:10px;
    max-height:min(520px,calc(100vh - 300px));
    min-height:0;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:4px 6px 4px 2px;
    scroll-padding:8px;
    scrollbar-width:thin;
}
.teams-design-v2 .team-resource-option{
    position:relative;
    display:grid;
    grid-template-columns:22px 48px minmax(0,1fr);
    align-items:center;
    gap:10px;
    min-width:0;
    min-height:78px;
    height:auto;
    padding:10px 12px;
    box-sizing:border-box;
    overflow:hidden;
    border-radius:16px;
    line-height:1.25;
}
.teams-design-v2 .team-resource-option input[type="checkbox"]{
    width:18px;
    height:18px;
    margin:0;
    justify-self:center;
    align-self:center;
}
.teams-design-v2 .team-resource-avatar{
    width:48px;
    height:48px;
    min-width:48px;
    border-radius:16px;
}
.teams-design-v2 .team-resource-copy{
    display:grid;
    gap:3px;
    min-width:0;
}
.teams-design-v2 .team-resource-copy strong{
    display:-webkit-box;
    overflow:hidden;
    line-height:1.18;
    text-overflow:clip;
    white-space:normal;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.teams-design-v2 .team-resource-copy small{
    min-height:15px;
    margin-top:0;
    overflow:hidden;
    line-height:1.2;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.teams-design-v2 .team-resource-option:has(input:checked){
    border-color:color-mix(in srgb,var(--primary) 58%,var(--line));
    background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 16%,var(--card)),color-mix(in srgb,#10b981 8%,var(--card2)));
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 24%,transparent);
}
.teams-design-v2 .team-resource-options .teams-empty{
    grid-column:1/-1;
}

@media(max-width:1024px){
    .teams-design-v2 .team-resource-picker-head{
        grid-template-columns:1fr;
    }
    .teams-design-v2 .team-resource-options{
        grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
        max-height:min(480px,calc(100vh - 260px));
    }
}

@media(max-width:560px){
    .teams-design-v2 .team-resource-options{
        grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
        max-height:min(460px,calc(100vh - 230px));
        padding-right:4px;
    }
    .teams-design-v2 .team-resource-option{
        grid-template-columns:20px 40px minmax(0,1fr);
        min-height:72px;
    }
    .teams-design-v2 .team-resource-avatar{
        width:40px;
        height:40px;
        min-width:40px;
    }
}

/* Teams create/edit overflow containment. */
body:has(.teams-design-v2.teams-v2-form-page) .page{
    min-width:0;
    overflow-x:clip;
}
.teams-design-v2.teams-v2-form-page,
.teams-design-v2.teams-v2-form-page .teams-v2-form-card,
.teams-design-v2.teams-v2-form-page .teams-v2-form,
.teams-design-v2.teams-v2-form-page .team-form-wide,
.teams-design-v2.teams-v2-form-page .teams-v2-resource-picker,
.teams-design-v2.teams-v2-form-page .team-resource-options,
.teams-design-v2.teams-v2-form-page .teams-v2-sticky-actions{
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
}
.teams-design-v2.teams-v2-form-page .teams-v2-form-card{
    width:100%;
    overflow:clip;
}
.teams-design-v2.teams-v2-form-page .teams-v2-form{
    width:100%;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:start;
}
.teams-design-v2.teams-v2-form-page .teams-v2-form > *,
.teams-design-v2.teams-v2-form-page .team-resource-picker-head > *,
.teams-design-v2.teams-v2-form-page .team-resource-option > *,
.teams-design-v2.teams-v2-form-page .teams-v2-sticky-actions > *{
    min-width:0;
    max-width:100%;
}
.teams-design-v2.teams-v2-form-page .teams-v2-resource-picker{
    width:100%;
    overflow:hidden;
    contain:inline-size;
}
.teams-design-v2.teams-v2-form-page .team-resource-picker-head{
    grid-template-columns:minmax(0,1fr) minmax(0,360px);
    width:100%;
}
.teams-design-v2.teams-v2-form-page .team-resource-picker-head input{
    min-width:0;
    max-width:100%;
}
.teams-design-v2.teams-v2-form-page .team-resource-options{
    width:100%;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
    overflow-x:clip;
}
.teams-design-v2.teams-v2-form-page .team-resource-option{
    width:100%;
    max-width:100%;
}
.teams-design-v2.teams-v2-form-page .team-resource-copy{
    min-width:0;
    max-width:100%;
}
.teams-design-v2.teams-v2-form-page .team-resource-copy strong,
.teams-design-v2.teams-v2-form-page .team-resource-copy small{
    max-width:100%;
}
.teams-design-v2.teams-v2-form-page .color-palette{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,118px),1fr));
}
.teams-design-v2.teams-v2-form-page .color-option{
    min-width:0;
}
.teams-design-v2.teams-v2-form-page .teams-v2-sticky-actions{
    width:100%;
    flex-wrap:wrap;
}
@media(min-width:1024px) and (max-width:1366px){
    .teams-design-v2.teams-v2-form-page .teams-v2-form{
        gap:8px;
    }
    .teams-design-v2.teams-v2-form-page .team-resource-options{
        grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));
    }
    .teams-design-v2.teams-v2-form-page .team-resource-option{
        grid-template-columns:20px 42px minmax(0,1fr);
        gap:8px;
        padding:9px 10px;
    }
    .teams-design-v2.teams-v2-form-page .team-resource-avatar{
        width:42px;
        height:42px;
        min-width:42px;
    }
}
@media(max-width:760px){
    .teams-design-v2.teams-v2-form-page .teams-v2-form,
    .teams-design-v2.teams-v2-form-page .team-resource-picker-head{
        grid-template-columns:1fr;
    }
    .teams-design-v2.teams-v2-form-page .team-resource-options{
        grid-template-columns:1fr;
    }
}

/* Assignment Excel import wizard. */
.assignment-import-v2{
    width:min(1760px, calc(100vw - 32px));
    margin:0 auto 36px;
}
.assignment-import-v2 *,
.assignment-import-v2 *::before,
.assignment-import-v2 *::after{
    box-sizing:border-box;
}
.assignment-import-hero{
    align-items:center;
}
.assignment-import-panel{
    margin-top:16px;
    padding:18px;
    border-radius:22px;
    overflow:hidden;
}
.assignment-import-panel-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:14px;
}
.assignment-import-panel-head h2{
    margin:2px 0 0;
}
.assignment-import-upload{
    display:grid;
    grid-template-columns:minmax(0, 1.2fr) minmax(260px, .8fr) auto;
    gap:14px;
    align-items:end;
}
.assignment-import-safety{
    padding:14px;
    border-radius:18px;
    background:color-mix(in srgb, var(--primary) 9%, var(--card));
    border:1px solid color-mix(in srgb, var(--primary) 18%, var(--border));
}
.assignment-import-safety p{
    margin:4px 0 0;
    color:var(--muted);
}
.assignment-import-summary{
    grid-template-columns:repeat(6, minmax(0, 1fr));
}
.assignment-import-table-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
    gap:12px;
}
.assignment-import-table-grid article,
.assignment-import-history-row{
    min-width:0;
    padding:14px;
    border-radius:18px;
    background:var(--surface);
    border:1px solid var(--border);
}
.assignment-import-table-grid strong,
.assignment-import-history-row h3{
    display:block;
    overflow-wrap:anywhere;
}
.assignment-import-table-grid span,
.assignment-import-table-grid em{
    display:block;
    color:var(--muted);
    font-size:.9rem;
}
.assignment-import-period{
    display:grid;
    grid-template-columns:repeat(2, minmax(180px, 260px)) auto;
    gap:12px;
    align-items:end;
    margin-bottom:14px;
}
.assignment-import-period-apply{
    min-height:36px;
    white-space:nowrap;
}
.assignment-import-bulk-actions{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));
    gap:12px;
    margin:0 0 14px;
}
.assignment-import-bulk-card{
    display:grid;
    gap:12px;
    min-width:0;
    padding:14px;
    border:1px solid color-mix(in srgb, var(--primary) 14%, var(--border));
    border-radius:18px;
    background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 6%, var(--surface)), var(--card));
    box-shadow:0 14px 34px color-mix(in srgb, #020617 8%, transparent);
}
.assignment-import-bulk-card header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    min-width:0;
}
.assignment-import-bulk-card strong{
    display:block;
    overflow-wrap:anywhere;
}
.assignment-import-bulk-row{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    gap:10px;
    align-items:end;
    min-width:0;
}
.assignment-import-bulk-row .form-field,
.assignment-import-bulk-row select{
    min-width:0;
}
.assignment-import-bulk-row .btn{
    min-height:36px;
    padding:8px 13px;
    border-radius:11px;
    white-space:nowrap;
}
.assignment-import-ambiguities,
.assignment-import-v2 .assignment-import-specials{
    display:grid;
    gap:12px;
    margin:0 0 14px;
    padding:14px;
    border:1px solid color-mix(in srgb, #f59e0b 28%, var(--border));
    border-radius:20px;
    background:
        linear-gradient(135deg, color-mix(in srgb, #f59e0b 8%, transparent), transparent 58%),
        color-mix(in srgb, var(--surface) 86%, var(--card));
    box-shadow:0 14px 32px color-mix(in srgb, #020617 7%, transparent);
}
.assignment-import-v2 .assignment-import-specials{
    border-color:color-mix(in srgb, var(--primary) 24%, var(--border));
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--primary) 8%, transparent), transparent 58%),
        color-mix(in srgb, var(--surface) 88%, var(--card));
}
.assignment-import-v2 .assignment-import-specials.is-resolved{
    border-color:color-mix(in srgb, #22c55e 24%, var(--border));
    background:
        linear-gradient(135deg, color-mix(in srgb, #22c55e 8%, transparent), transparent 58%),
        color-mix(in srgb, var(--surface) 88%, var(--card));
}
.assignment-import-ambiguities-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
}
.assignment-import-ambiguities-head h3{
    margin:2px 0 0;
    font-size:1rem;
}
.assignment-import-ambiguity-list{
    display:grid;
    gap:8px;
}
.assignment-import-ambiguity-row{
    display:grid;
    grid-template-columns:minmax(170px, 1fr) minmax(240px, 340px) auto;
    gap:10px;
    align-items:end;
    min-width:0;
    padding:10px;
    border:1px solid color-mix(in srgb, var(--primary) 11%, var(--border));
    border-radius:16px;
    background:color-mix(in srgb, var(--card) 92%, var(--surface));
}
.assignment-import-v2 .assignment-import-special-row{
    grid-template-columns:minmax(220px, 1fr) minmax(260px, 380px) auto;
    border-color:color-mix(in srgb, var(--primary) 16%, var(--border));
}
.assignment-import-ambiguity-source{
    min-width:0;
}
.assignment-import-ambiguity-source strong{
    display:block;
    color:var(--text);
    font-size:.95rem;
    overflow-wrap:anywhere;
}
.assignment-import-ambiguity-source span,
.assignment-import-ambiguity-source small,
.assignment-import-ambiguity-select small,
.assignment-import-ambiguity-debug{
    display:block;
    margin-top:3px;
    color:var(--muted);
    font-size:.78rem;
}
.assignment-import-v2 .assignment-import-special-debug-table{
    min-width:1180px;
}
.assignment-import-v2 .assignment-import-match-score{
    display:inline-flex;
    align-items:center;
    width:max-content;
    min-height:24px;
    margin-top:6px;
    padding:4px 8px;
    border:1px solid color-mix(in srgb, var(--primary) 18%, var(--border));
    border-radius:999px;
    background:color-mix(in srgb, var(--primary) 8%, var(--card));
    color:color-mix(in srgb, var(--primary) 76%, var(--text));
    font-size:.74rem;
    font-weight:800;
}
.assignment-import-v2 .assignment-import-participant-candidates{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    margin-top:8px;
    min-width:0;
}
.assignment-import-v2 .assignment-import-participant-candidates span{
    flex-basis:100%;
    color:var(--text);
    font-size:.76rem;
    font-weight:800;
}
.assignment-import-v2 .assignment-import-participant-candidates small{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    margin:0;
    padding:3px 8px;
    border:1px solid color-mix(in srgb, var(--primary) 13%, var(--border));
    border-radius:999px;
    background:color-mix(in srgb, var(--primary) 7%, var(--card));
    color:var(--muted);
    overflow-wrap:anywhere;
}
.assignment-import-v2 .assignment-import-resolved-list{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
    gap:8px;
}
.assignment-import-v2 .assignment-import-resolved-list article{
    min-width:0;
    padding:10px 12px;
    border:1px solid color-mix(in srgb, #22c55e 18%, var(--border));
    border-radius:16px;
    background:color-mix(in srgb, var(--card) 92%, var(--surface));
}
.assignment-import-v2 .assignment-import-resolved-list strong,
.assignment-import-v2 .assignment-import-resolved-list span,
.assignment-import-v2 .assignment-import-resolved-list em{
    display:block;
    overflow-wrap:anywhere;
}
.assignment-import-v2 .assignment-import-resolved-list span,
.assignment-import-v2 .assignment-import-resolved-list em{
    margin-top:3px;
    color:var(--muted);
    font-size:.8rem;
}
.assignment-import-ambiguity-select{
    min-width:0;
}
.assignment-import-ambiguity-row .btn{
    min-height:36px;
    padding:8px 13px;
    border-radius:11px;
    white-space:nowrap;
}
.assignment-import-ambiguity-debug{
    grid-column:1 / -1;
    padding:7px 9px;
    border-radius:12px;
    background:color-mix(in srgb, var(--primary) 8%, var(--card));
    overflow-wrap:anywhere;
}
.assignment-import-table-wrap{
    width:100%;
    overflow:auto;
    border:1px solid var(--border);
    border-radius:18px;
}
.assignment-import-table{
    width:100%;
    min-width:1220px;
    border-collapse:separate;
    border-spacing:0;
    table-layout:fixed;
}
.assignment-import-col-enabled{width:74px;}
.assignment-import-col-date{width:142px;}
.assignment-import-col-resource{width:20%;}
.assignment-import-col-time{width:230px;}
.assignment-import-col-destination{width:22%;}
.assignment-import-col-type{width:130px;}
.assignment-import-col-status{width:20%;}
.assignment-import-col-origin{width:18%;}
.assignment-import-table th,
.assignment-import-table td{
    padding:10px;
    border-bottom:1px solid var(--border);
    vertical-align:top;
    background:var(--card);
}
.assignment-import-table th{
    position:sticky;
    top:0;
    z-index:1;
    text-align:left;
    font-size:.78rem;
    text-transform:uppercase;
    letter-spacing:.04em;
    color:var(--muted);
    background:var(--surface);
}
.assignment-import-v2 .assignment-import-table-separator td{
    padding:0;
    border-bottom:1px solid color-mix(in srgb, var(--primary) 18%, var(--border));
    background:linear-gradient(90deg,
        color-mix(in srgb, var(--primary) 9%, var(--card)),
        color-mix(in srgb, var(--surface) 76%, var(--card))
    );
}
.assignment-import-v2 .assignment-import-table-separator-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    min-height:58px;
    padding:12px 14px;
    border-left:4px solid color-mix(in srgb, var(--primary) 70%, var(--border));
}
.assignment-import-v2 .assignment-import-table-separator-inner > div{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}
.assignment-import-v2 .assignment-import-table-separator strong{
    min-width:0;
    color:var(--text);
    font-size:.95rem;
    overflow-wrap:anywhere;
}
.assignment-import-v2 .assignment-import-table-separator small{
    margin:0;
    color:var(--muted);
    white-space:nowrap;
}
.assignment-import-v2 .assignment-import-table-pill,
.assignment-import-v2 .assignment-import-table-count{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:6px 10px;
    border:1px solid color-mix(in srgb, var(--primary) 22%, var(--border));
    border-radius:999px;
    background:color-mix(in srgb, var(--card) 88%, var(--primary));
    color:color-mix(in srgb, var(--primary) 72%, var(--text));
    font-size:.76rem;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
    white-space:nowrap;
}
.assignment-import-v2 .assignment-import-table-count{
    color:var(--muted);
    background:color-mix(in srgb, var(--surface) 72%, var(--card));
    border-color:var(--border);
}
.assignment-import-table input,
.assignment-import-table select{
    width:100%;
    min-width:0;
}
.assignment-import-v2 .assignment-import-period input,
.assignment-import-v2 .assignment-import-bulk-card select,
.assignment-import-v2 .assignment-import-ambiguity-select select,
.assignment-import-v2 .assignment-import-table input:not([type="checkbox"]):not([type="hidden"]),
.assignment-import-v2 .assignment-import-table select{
    min-height:36px;
    border:1px solid color-mix(in srgb, var(--primary) 24%, var(--muted));
    border-radius:10px;
    background-color:color-mix(in srgb, var(--card) 94%, var(--primary));
    color:var(--text);
    font:inherit;
    font-size:.88rem;
    line-height:1.2;
    box-shadow:
        0 1px 0 color-mix(in srgb, #ffffff 24%, transparent),
        inset 0 1px 0 color-mix(in srgb, #ffffff 42%, transparent);
    transition:border-color .16s ease, box-shadow .16s ease, background-color .16s ease, transform .16s ease;
}
.assignment-import-v2 .assignment-import-period input,
.assignment-import-v2 .assignment-import-table input:not([type="checkbox"]):not([type="hidden"]){
    padding:7px 10px;
}
.assignment-import-v2 .assignment-import-bulk-card select,
.assignment-import-v2 .assignment-import-ambiguity-select select,
.assignment-import-v2 .assignment-import-table select{
    appearance:none;
    padding:7px 32px 7px 10px;
    background-image:
        linear-gradient(45deg, transparent 50%, color-mix(in srgb, var(--text) 68%, transparent) 50%),
        linear-gradient(135deg, color-mix(in srgb, var(--text) 68%, transparent) 50%, transparent 50%);
    background-position:calc(100% - 17px) 50%, calc(100% - 12px) 50%;
    background-size:5px 5px, 5px 5px;
    background-repeat:no-repeat;
}
.assignment-import-v2 .assignment-import-period input:hover,
.assignment-import-v2 .assignment-import-bulk-card select:hover,
.assignment-import-v2 .assignment-import-ambiguity-select select:hover,
.assignment-import-v2 .assignment-import-table input:not([type="checkbox"]):not([type="hidden"]):hover,
.assignment-import-v2 .assignment-import-table select:hover{
    border-color:color-mix(in srgb, var(--primary) 48%, var(--muted));
    background-color:color-mix(in srgb, var(--card) 88%, var(--primary));
    box-shadow:
        0 2px 8px color-mix(in srgb, #020617 6%, transparent),
        inset 0 1px 0 color-mix(in srgb, #ffffff 44%, transparent);
}
.assignment-import-v2 .assignment-import-period input:focus,
.assignment-import-v2 .assignment-import-bulk-card select:focus,
.assignment-import-v2 .assignment-import-ambiguity-select select:focus,
.assignment-import-v2 .assignment-import-table input:not([type="checkbox"]):not([type="hidden"]):focus,
.assignment-import-v2 .assignment-import-table select:focus{
    outline:none;
    border-color:var(--primary);
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent),
        0 2px 10px color-mix(in srgb, var(--primary) 10%, transparent),
        inset 0 1px 0 color-mix(in srgb, #ffffff 44%, transparent);
    background-color:var(--card);
}
.assignment-import-v2 .assignment-import-period input:disabled,
.assignment-import-v2 .assignment-import-period input[readonly],
.assignment-import-v2 .assignment-import-bulk-card select:disabled,
.assignment-import-v2 .assignment-import-ambiguity-select select:disabled,
.assignment-import-v2 .assignment-import-table input:not([type="checkbox"]):not([type="hidden"]):disabled,
.assignment-import-v2 .assignment-import-table input:not([type="checkbox"]):not([type="hidden"])[readonly],
.assignment-import-v2 .assignment-import-table select:disabled{
    opacity:.72;
    cursor:not-allowed;
    background-color:color-mix(in srgb, var(--muted) 8%, var(--surface));
}
.assignment-import-v2 .assignment-import-bulk-card .form-field span{
    margin-bottom:5px;
    font-size:.76rem;
    letter-spacing:.02em;
    color:var(--muted);
}
.assignment-import-time{
    display:grid;
    grid-template-columns:74px 74px 64px;
    gap:6px;
}
.assignment-import-table tr.is-ok td{
    background:color-mix(in srgb, #22c55e 5%, var(--card));
}
.assignment-import-table tr.is-verify td{
    background:color-mix(in srgb, #f59e0b 8%, var(--card));
}
.assignment-import-table tr.is-blocking td{
    background:color-mix(in srgb, #ef4444 7%, var(--card));
}
.assignment-import-table small{
    display:block;
    max-width:220px;
    margin-top:4px;
    color:var(--muted);
    overflow-wrap:anywhere;
}
.assignment-import-final{
    position:sticky;
    bottom:14px;
    z-index:5;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-top:16px;
    padding:16px;
    border-radius:22px;
    box-shadow:0 18px 50px rgba(15, 23, 42, .16);
}
.assignment-import-final h2{
    margin:2px 0 4px;
}
.assignment-import-final p{
    margin:0;
    color:var(--muted);
}
.assignment-import-final-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
}
.assignment-import-history{
    display:grid;
    gap:10px;
}
.assignment-import-history-row{
    display:grid;
    grid-template-columns:minmax(0, 1.2fr) minmax(240px, .8fr) auto auto;
    gap:12px;
    align-items:center;
}
.assignment-import-history-row p{
    margin:3px 0 0;
    color:var(--muted);
}
.assignment-import-history-kpis{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}
.assignment-import-history-kpis span{
    padding:6px 9px;
    border-radius:999px;
    background:var(--card);
    border:1px solid var(--border);
    color:var(--muted);
    font-size:.86rem;
}
.assignment-import-v2 .badge.is-success{background:rgba(34,197,94,.14);color:#16a34a;}
.assignment-import-v2 .badge.is-warning{background:rgba(245,158,11,.16);color:#b45309;}
.assignment-import-v2 .badge.is-danger{background:rgba(239,68,68,.14);color:#dc2626;}
.assignment-import-v2 .badge.is-muted{background:rgba(148,163,184,.16);color:var(--muted);}
.assignment-import-v2 .badge.is-info{background:rgba(59,130,246,.14);color:#2563eb;}
@media(max-width:1180px){
    .assignment-import-upload,
    .assignment-import-history-row{
        grid-template-columns:1fr;
        align-items:stretch;
    }
    .assignment-import-summary{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }
    .assignment-import-final{
        position:static;
        flex-direction:column;
        align-items:stretch;
    }
    .assignment-import-final-actions{
        justify-content:flex-start;
    }
}
@media(max-width:720px){
    .assignment-import-v2{
        width:min(100%, calc(100vw - 18px));
    }
    .assignment-import-summary,
    .assignment-import-period{
        grid-template-columns:1fr;
    }
    .assignment-import-bulk-actions,
    .assignment-import-bulk-row,
    .assignment-import-ambiguity-row{
        grid-template-columns:1fr;
    }
    .assignment-import-ambiguities-head{
        flex-direction:column;
    }
    .assignment-import-bulk-row .btn{
        width:100%;
    }
    .assignment-import-ambiguity-row .btn{
        width:100%;
    }
    .assignment-import-panel{
        padding:14px;
        border-radius:18px;
    }
    .assignment-import-v2 .assignment-import-table-separator-inner{
        align-items:flex-start;
        flex-direction:column;
        gap:8px;
        min-height:0;
    }
    .assignment-import-v2 .assignment-import-table-separator-inner > div{
        align-items:flex-start;
        flex-direction:column;
        gap:6px;
    }
}

/* 1.26.64 - Calendar long-view bottom actions. */
.calendar-design-v2 .calendar-bottom-actions,
.calendar-design-v2 .calendar-day-bottom-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    min-width:0;
    margin-top:12px;
    padding:12px;
    border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line));
    border-radius:18px;
    background:color-mix(in srgb,var(--card) 88%,transparent);
    box-shadow:0 14px 34px color-mix(in srgb,#020617 10%,transparent);
}
.calendar-design-v2 .calendar-bottom-actions{
    justify-self:end;
}
.calendar-design-v2 .calendar-day-bottom-actions{
    justify-content:flex-end;
    background:color-mix(in srgb,var(--bg) 38%,transparent);
}
.calendar-design-v2 .calendar-bottom-actions .link-btn,
.calendar-design-v2 .calendar-day-bottom-actions .link-btn{
    min-height:38px;
    border-radius:14px;
    justify-content:center;
}
.calendar-design-v2 .calendar-day-bottom-close{
    color:var(--text);
}

@media(max-width:760px){
    .calendar-design-v2 .calendar-bottom-actions,
    .calendar-design-v2 .calendar-day-bottom-actions{
        display:grid;
        grid-template-columns:1fr;
        justify-self:stretch;
    }
    .calendar-design-v2 .calendar-bottom-actions .link-btn,
    .calendar-design-v2 .calendar-day-bottom-actions .link-btn{
        width:100%;
    }
}

/* 1.26.65 - Company hero actions menu opens downward. */
.company-v2 .company-v2-hero{
    position:relative;
    overflow:visible;
    z-index:10;
}
.company-v2 .company-v2-hero-actions{
    position:relative;
    overflow:visible;
    z-index:20;
}
.company-v2 .company-v2-hero-menu{
    position:relative;
    z-index:30;
}
.company-v2 .company-v2-hero-menu[open]{
    z-index:80;
}
.company-v2 .company-v2-hero-menu > div{
    top:calc(100% + 8px);
    right:0;
    bottom:auto;
    left:auto;
    z-index:90;
    width:max-content;
    min-width:230px;
    max-width:calc(100vw - 32px);
}

@media(max-width:760px){
    .company-v2 .company-v2-hero-menu > div{
        width:100%;
        min-width:0;
        max-width:100%;
    }
}

/* 1.26.66 - Login 2026 premium visual refresh. */
.login-design-v2{
    --login-ink:#eef6ff;
    --login-muted:rgba(226,232,240,.70);
    --login-panel:rgba(10,18,38,.66);
    --login-panel-strong:rgba(15,23,42,.78);
    --login-line:rgba(203,213,225,.20);
    --login-accent:#7dd3fc;
    --login-accent-2:#a78bfa;
    --login-accent-3:#34d399;
    min-height:100vh;
    min-height:100dvh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:clamp(12px,2.4vw,38px);
    overflow-x:hidden;
    overflow-y:auto;
    isolation:isolate;
    color:var(--login-ink);
    background:
        radial-gradient(circle at 17% 15%,rgba(125,211,252,.18),transparent 28%),
        radial-gradient(circle at 82% 20%,rgba(167,139,250,.15),transparent 30%),
        radial-gradient(circle at 52% 92%,rgba(52,211,153,.10),transparent 32%),
        linear-gradient(140deg,#07111f 0%,#0a1022 46%,#100b20 100%);
    background-size:130% 130%,120% 120%,120% 120%,100% 100%;
    animation:loginAmbientDrift 28s ease-in-out infinite alternate;
}
.login-design-v2::before,
.login-design-v2::after{
    content:"";
    position:fixed;
    inset:auto;
    z-index:0;
    pointer-events:none;
    border-radius:999px;
    filter:blur(2px);
    opacity:.72;
    transform:translate3d(0,0,0);
}
.login-design-v2::before{
    width:min(42vw,560px);
    height:min(42vw,560px);
    left:-12vw;
    top:-14vh;
    background:radial-gradient(circle,rgba(96,165,250,.22),rgba(45,212,191,.08) 46%,transparent 70%);
    animation:loginOrbDrift 24s ease-in-out infinite alternate;
}
.login-design-v2::after{
    width:min(38vw,500px);
    height:min(38vw,500px);
    right:-10vw;
    bottom:-12vh;
    background:radial-gradient(circle,rgba(167,139,250,.20),rgba(244,114,182,.07) 48%,transparent 72%);
    animation:loginOrbDriftAlt 30s ease-in-out infinite alternate;
}
.login-design-v2 .login-backdrop{
    z-index:0;
    opacity:.82;
}
.login-design-v2 .login-shape{
    border-radius:40px;
    border-color:rgba(255,255,255,.10);
    background:
        linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.03)),
        radial-gradient(circle at 25% 20%,rgba(125,211,252,.22),transparent 44%);
    box-shadow:0 36px 110px rgba(2,6,23,.24);
    animation:loginPanelFloat 22s ease-in-out infinite alternate;
}
.login-design-v2 .login-shape-two{
    background:
        linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025)),
        radial-gradient(circle at 30% 22%,rgba(167,139,250,.19),transparent 46%);
}
.login-design-v2 .login-grid-glow{
    opacity:.16;
    transform:rotate(-1deg);
    animation:loginGridBreathe 26s ease-in-out infinite alternate;
}
.login-design-v2 .login-shell{
    width:min(1040px,100%);
    max-width:none;
    min-height:min(720px,calc(100dvh - clamp(24px,4.8vw,76px)));
    align-content:center;
    animation:loginShellIn .7s cubic-bezier(.2,.8,.2,1) both;
}
.login-design-v2 .login-intro{
    align-content:center;
    gap:16px;
}
.login-design-v2 .login-logo{
    position:relative;
    overflow:hidden;
    border-radius:26px;
    background:
        linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,255,255,.05)),
        radial-gradient(circle at 30% 20%,rgba(125,211,252,.28),transparent 55%);
    border-color:rgba(255,255,255,.22);
    box-shadow:0 22px 52px rgba(2,6,23,.28),inset 0 1px 0 rgba(255,255,255,.18);
    animation:loginLogoIn .78s cubic-bezier(.2,.8,.2,1) .08s both;
}
.login-design-v2 .login-logo::after{
    content:"";
    position:absolute;
    inset:1px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.08);
    pointer-events:none;
}
.login-design-v2 .login-intro h1{
    text-wrap:balance;
}
.login-design-v2 .login-intro p,
.login-design-v2 .login-brand p{
    color:var(--login-muted);
}
.login-design-v2 .login-meta-strip{
    border-color:rgba(255,255,255,.16);
    background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.045));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}
.login-design-v2 .login-card-premium{
    position:relative;
    padding:clamp(22px,2.6vw,32px);
    border-radius:32px;
    border-color:var(--login-line);
    background:
        linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03)),
        linear-gradient(155deg,var(--login-panel-strong),var(--login-panel));
    box-shadow:
        0 30px 90px rgba(2,6,23,.46),
        0 0 0 1px rgba(255,255,255,.035),
        inset 0 1px 0 rgba(255,255,255,.14);
    backdrop-filter:blur(26px) saturate(1.12);
    animation:loginCardIn .72s cubic-bezier(.2,.8,.2,1) .12s both;
}
.login-design-v2 .login-card-premium::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    background:
        radial-gradient(circle at 20% 0%,rgba(125,211,252,.16),transparent 34%),
        linear-gradient(180deg,rgba(255,255,255,.075),transparent 42%);
    opacity:.80;
}
.login-design-v2 .login-card-premium:before{
    z-index:1;
    opacity:.30;
    animation:loginSheen 11s ease-in-out infinite;
}
.login-design-v2 .login-brand,
.login-design-v2 .login-form,
.login-design-v2 .login-tools,
.login-design-v2 .login-powered,
.login-design-v2 .login-card .alert{
    position:relative;
    z-index:2;
}
.login-design-v2 .login-brand{
    margin-bottom:18px;
}
.login-design-v2 .login-kicker{
    color:var(--login-accent);
    font-size:11px;
    letter-spacing:.18em;
}
.login-design-v2 .login-brand h2{
    font-size:clamp(27px,2.35vw,36px);
    letter-spacing:0;
}
.login-design-v2 .login-form{
    gap:10px;
}
.login-design-v2 .login-form label{
    margin-top:2px;
    color:rgba(226,232,240,.72);
    font-size:11px;
    letter-spacing:.10em;
}
.login-design-v2 .login-field{
    min-height:54px;
    padding:0 12px;
    border-radius:18px;
    border-color:rgba(203,213,225,.18);
    background:rgba(2,6,23,.38);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease;
}
.login-design-v2 .login-field:hover{
    border-color:rgba(125,211,252,.34);
}
.login-design-v2 .login-field:focus-within{
    transform:translateY(-1px);
    border-color:rgba(125,211,252,.70);
    background:rgba(2,6,23,.52);
    box-shadow:
        0 0 0 4px rgba(125,211,252,.12),
        0 18px 36px rgba(2,6,23,.18),
        inset 0 1px 0 rgba(255,255,255,.08);
}
.login-design-v2 .login-field-icon{
    width:32px;
    min-width:32px;
    height:32px;
    border-radius:12px;
    color:#cffafe;
    background:linear-gradient(135deg,rgba(125,211,252,.16),rgba(167,139,250,.10));
}
.login-design-v2 .login-form .login-field input{
    height:52px;
    padding:0;
    color:#f8fafc;
    font-weight:820;
}
.login-design-v2 .login-password-toggle{
    min-width:54px;
    height:34px;
    border-color:rgba(203,213,225,.18);
    background:rgba(255,255,255,.07);
    transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;
}
.login-design-v2 .login-password-toggle:hover,
.login-design-v2 .login-password-toggle:focus-visible{
    transform:translateY(-1px);
    background:rgba(125,211,252,.13);
}
.login-design-v2 .login-card-premium .btn-primary{
    position:relative;
    overflow:hidden;
    min-height:52px;
    border-radius:18px;
    background:linear-gradient(135deg,#38bdf8,#6366f1 52%,#8b5cf6);
    box-shadow:0 18px 38px rgba(59,130,246,.28),0 0 0 1px rgba(255,255,255,.10) inset;
}
.login-design-v2 .login-card-premium .btn-primary::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),transparent);
    translate:-110% 0;
    transition:translate .42s ease;
}
.login-design-v2 .login-card-premium .btn-primary:hover::after,
.login-design-v2 .login-card-premium .btn-primary:focus-visible::after{
    translate:110% 0;
}
.login-design-v2 .login-card-premium .btn-primary:hover{
    filter:saturate(1.08) brightness(1.04);
    transform:translateY(-2px);
    box-shadow:0 22px 44px rgba(59,130,246,.34),0 0 0 1px rgba(255,255,255,.12) inset;
}
.login-design-v2 .login-card-premium .btn-primary:focus-visible{
    outline:3px solid rgba(125,211,252,.40);
    outline-offset:3px;
}
.login-design-v2 .login-tools{
    margin-top:15px;
}
.login-design-v2 .login-tools form{
    margin:0;
}
.login-design-v2 .login-tools .link-btn{
    min-height:38px;
    padding:0 13px;
    border-color:rgba(203,213,225,.16);
    background:rgba(255,255,255,.065);
    color:rgba(226,232,240,.78);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
    transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease;
}
.login-design-v2 .login-tools .link-btn:hover,
.login-design-v2 .login-tools .link-btn:focus-visible{
    transform:translateY(-1px);
    background:rgba(125,211,252,.10);
    color:#fff;
}
.login-design-v2 .alert-error{
    display:grid;
    gap:4px;
    margin-bottom:14px;
    border:1px solid rgba(248,113,113,.34);
    background:
        linear-gradient(135deg,rgba(127,29,29,.88),rgba(190,18,60,.76)),
        radial-gradient(circle at 8% 0%,rgba(254,202,202,.20),transparent 34%);
    box-shadow:0 18px 38px rgba(127,29,29,.26);
    color:#fff;
    font-weight:850;
    line-height:1.35;
}
.login-design-v2 .login-powered{
    margin-top:16px;
    color:rgba(226,232,240,.48);
    font-size:11px;
    letter-spacing:.02em;
}

html[data-theme="light"] .login-design-v2{
    --login-ink:#10203e;
    --login-muted:#52647f;
    --login-panel:rgba(255,255,255,.70);
    --login-panel-strong:rgba(255,255,255,.86);
    --login-line:rgba(37,99,235,.15);
    --login-accent:#2563eb;
    --login-accent-2:#7c3aed;
    background:
        radial-gradient(circle at 17% 15%,rgba(37,99,235,.16),transparent 28%),
        radial-gradient(circle at 82% 20%,rgba(124,58,237,.11),transparent 30%),
        radial-gradient(circle at 52% 92%,rgba(20,184,166,.10),transparent 32%),
        linear-gradient(140deg,#eef5ff 0%,#f9fbff 50%,#f4edff 100%);
}
html[data-theme="light"] .login-design-v2::before{
    background:radial-gradient(circle,rgba(37,99,235,.13),rgba(20,184,166,.07) 46%,transparent 70%);
}
html[data-theme="light"] .login-design-v2::after{
    background:radial-gradient(circle,rgba(124,58,237,.12),rgba(14,165,233,.06) 48%,transparent 72%);
}
html[data-theme="light"] .login-design-v2 .login-card-premium{
    background:
        linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.38)),
        linear-gradient(155deg,var(--login-panel-strong),var(--login-panel));
    box-shadow:0 28px 76px rgba(15,23,42,.14),0 0 0 1px rgba(255,255,255,.45) inset;
}
html[data-theme="light"] .login-design-v2 .login-card-premium::after{
    background:
        radial-gradient(circle at 20% 0%,rgba(37,99,235,.09),transparent 34%),
        linear-gradient(180deg,rgba(255,255,255,.42),transparent 48%);
}
html[data-theme="light"] .login-design-v2 .login-logo{
    border-color:rgba(37,99,235,.14);
    background:
        linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.48)),
        radial-gradient(circle at 30% 20%,rgba(37,99,235,.14),transparent 55%);
    color:#1d4ed8;
    box-shadow:0 20px 50px rgba(37,99,235,.12),inset 0 1px 0 rgba(255,255,255,.88);
}
html[data-theme="light"] .login-design-v2 .login-field{
    background:rgba(255,255,255,.68);
    border-color:rgba(37,99,235,.14);
}
html[data-theme="light"] .login-design-v2 .login-field:focus-within{
    background:rgba(255,255,255,.88);
    border-color:rgba(37,99,235,.48);
    box-shadow:0 0 0 4px rgba(37,99,235,.10),0 18px 34px rgba(15,23,42,.08);
}
html[data-theme="light"] .login-design-v2 .login-field-icon{
    color:#1d4ed8;
    background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(124,58,237,.07));
}
html[data-theme="light"] .login-design-v2 .login-form .login-field input{
    color:#10203e;
}
html[data-theme="light"] .login-design-v2 .login-password-toggle,
html[data-theme="light"] .login-design-v2 .login-tools .link-btn{
    background:rgba(255,255,255,.72);
    color:#1e3a8a;
    border-color:rgba(37,99,235,.14);
}

@keyframes loginAmbientDrift{
    from{background-position:0% 0%,100% 0%,50% 100%,0 0}
    to{background-position:8% 5%,92% 8%,54% 92%,0 0}
}
@keyframes loginOrbDrift{
    from{translate:0 0;scale:1}
    to{translate:28px 24px;scale:1.04}
}
@keyframes loginOrbDriftAlt{
    from{translate:0 0;scale:1}
    to{translate:-24px -18px;scale:1.05}
}
@keyframes loginGridBreathe{
    from{opacity:.12;background-position:0 0}
    to{opacity:.20;background-position:28px 18px}
}
@keyframes loginShellIn{
    from{opacity:0;transform:translateY(10px)}
    to{opacity:1;transform:translateY(0)}
}
@keyframes loginCardIn{
    from{opacity:0;transform:translateY(14px) scale(.985)}
    to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes loginLogoIn{
    from{opacity:0;transform:translateY(10px) scale(.94)}
    to{opacity:1;transform:translateY(0) scale(1)}
}

@media(max-width:900px){
    .login-design-v2 .login-shell{
        width:min(480px,100%);
        min-height:calc(100dvh - clamp(24px,5vw,56px));
        gap:14px;
    }
    .login-design-v2 .login-intro{
        gap:10px;
    }
    .login-design-v2 .login-intro p{
        margin-top:6px;
        font-size:14px;
    }
}

@media(max-width:560px){
    .login-design-v2{
        padding:10px;
    }
    .login-design-v2 .login-shell{
        min-height:calc(100dvh - 20px);
    }
    .login-design-v2 .login-intro{
        gap:8px;
    }
    .login-design-v2 .login-logo{
        width:56px;
        height:56px;
        border-radius:18px;
    }
    .login-design-v2 .login-intro h1{
        font-size:clamp(27px,9vw,38px);
    }
    .login-design-v2 .login-intro p{
        display:none;
    }
    .login-design-v2 .login-meta-strip{
        padding:9px 10px;
        border-radius:15px;
    }
    .login-design-v2 .login-card-premium{
        padding:18px;
        border-radius:24px;
    }
    .login-design-v2 .login-brand{
        margin-bottom:14px;
    }
    .login-design-v2 .login-brand h2{
        font-size:24px;
    }
    .login-design-v2 .login-brand p{
        font-size:13px;
        line-height:1.35;
    }
    .login-design-v2 .login-field{
        min-height:48px;
        border-radius:16px;
    }
    .login-design-v2 .login-form .login-field input{
        height:48px;
    }
    .login-design-v2 .login-card-premium .btn-primary{
        min-height:48px;
    }
}

@media(max-height:760px) and (min-width:901px){
    .login-design-v2{
        padding-block:10px;
    }
    .login-design-v2 .login-shell{
        min-height:calc(100dvh - 20px);
        grid-template-columns:minmax(230px,.80fr) minmax(340px,400px);
        gap:24px;
    }
    .login-design-v2 .login-intro{
        gap:10px;
    }
    .login-design-v2 .login-logo{
        width:62px;
        height:62px;
        border-radius:20px;
    }
    .login-design-v2 .login-intro h1{
        font-size:40px;
    }
    .login-design-v2 .login-intro p{
        margin-top:6px;
        font-size:14px;
        line-height:1.42;
    }
    .login-design-v2 .login-meta-strip{
        padding:9px 11px;
    }
    .login-design-v2 .login-card-premium{
        padding:22px;
    }
    .login-design-v2 .login-brand{
        margin-bottom:14px;
    }
    .login-design-v2 .login-brand h2{
        font-size:28px;
    }
    .login-design-v2 .login-field{
        min-height:46px;
    }
    .login-design-v2 .login-form .login-field input{
        height:46px;
    }
    .login-design-v2 .login-card-premium .btn-primary{
        min-height:48px;
    }
    .login-design-v2 .login-powered{
        margin-top:12px;
    }
}

@media(max-height:680px) and (min-width:901px){
    .login-design-v2 .login-intro p,
    .login-design-v2 .login-brand p{
        display:none;
    }
    .login-design-v2 .login-card-premium{
        padding:20px;
    }
    .login-design-v2 .login-tools{
        margin-top:12px;
    }
}

@media(prefers-reduced-motion:reduce){
    .login-design-v2,
    .login-design-v2::before,
    .login-design-v2::after,
    .login-design-v2 .login-shape,
    .login-design-v2 .login-grid-glow,
    .login-design-v2 .login-logo,
    .login-design-v2 .login-shell,
    .login-design-v2 .login-card-premium,
    .login-design-v2 .login-card-premium:before,
    .login-design-v2 .login-card-premium .btn-primary::after{
        animation:none!important;
    }
    .login-design-v2 .login-field,
    .login-design-v2 .login-password-toggle,
    .login-design-v2 .login-card-premium .btn-primary,
    .login-design-v2 .login-tools .link-btn{
        transition:none!important;
    }
}