*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f7fb;color:#1e293b}
.layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#173b70;padding:22px 16px;display:flex;flex-direction:column;gap:4px}
.sidebar a,.sidebar button{color:white;text-decoration:none;padding:10px 12px;border-radius:8px;border:0;background:none;text-align:left;font:inherit}.sidebar a:hover,.sidebar button:hover{background:rgba(255,255,255,.12)}
.brand{color:white;font-weight:700;font-size:18px;margin-bottom:16px}.nav-title{color:#b9c9e3;font-size:11px;text-transform:uppercase;margin:14px 12px 4px}.logout{margin-top:auto}
.content{padding:28px}.page-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.page-header h1{margin:0}.muted{color:#64748b;margin-top:5px}
.card{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:18px}.button{display:inline-block;background:#2F6BC2;color:white!important;text-decoration:none;border:0;border-radius:8px;padding:10px 14px;cursor:pointer}.button.secondary{background:#64748b}.button.success{background:#16803b}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.stats.compact{margin-bottom:20px}.stats .card{display:flex;flex-direction:column;gap:6px}.stats strong{font-size:28px}.danger strong,.error{color:#dc2626}.stat-link{text-decoration:none;color:inherit}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #e2e8f0;white-space:nowrap}th{font-size:12px;color:#64748b}.table-wrap{overflow-x:auto}
a{color:#2F6BC2}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.filters,.filter-grid{margin-bottom:20px}.filter-grid{display:grid;grid-template-columns:minmax(240px,2fr) repeat(3,minmax(150px,1fr)) auto;gap:12px;align-items:end}
label{display:block;font-weight:600;margin-bottom:5px}input,select,textarea{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px;background:white}textarea{min-height:100px}.filter-actions{display:flex;gap:8px}
.badge{display:inline-block;padding:5px 9px;border-radius:20px;font-size:12px;font-weight:700}.s-new{background:#eef4ff;color:#2F6BC2}.s-assigned{background:#fef3c7;color:#92400e}.s-in_progress{background:#fff3cd;color:#8a6500;border:1px solid #f1d982}.s-waiting{background:#f3f4f6;color:#4b5563}.s-completed{background:#dcfce7;color:#166534}.s-cancelled{background:#fee2e2;color:#b91c1c}
.actions{display:flex;flex-wrap:wrap;gap:8px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.photo-grid img{width:100%;height:140px;object-fit:cover;border-radius:8px}
.login-page{display:grid;place-items:center;min-height:100vh}.login-card{width:min(420px,92vw);background:white;padding:28px;border-radius:14px;border:1px solid #e2e8f0}
@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{position:static}.grid2{grid-template-columns:1fr}.filter-grid{grid-template-columns:1fr 1fr}.filter-actions{grid-column:1/-1}}
@media(max-width:600px){.content{padding:16px}.filter-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column}}


/* ===== CRM v1.1 additions ===== */
.message{
    background:#eef4ff;
    border:1px solid #bfdbfe;
    padding:12px 14px;
    border-radius:10px;
    margin-bottom:15px;
}

.active-stat{
    border-color:#2F6BC2!important;
    box-shadow:0 0 0 2px rgba(47,107,194,.08);
}

.active-danger{
    border-color:#dc2626!important;
}

.overdue-row{
    background:#fff6f6;
}

.overdue-date{
    color:#dc2626;
    font-weight:700;
}

.overdue-label{
    color:#dc2626;
    font-weight:700;
    font-size:11px;
    margin-top:4px;
    text-transform:uppercase;
}

.section-card{
    margin-top:16px;
}

.assignment-box{
    margin-bottom:16px;
}

.assignment-row{
    display:grid;
    grid-template-columns:minmax(220px,1fr) auto;
    gap:8px;
}

.complete-form{
    display:grid;
    grid-template-columns:minmax(220px,1fr) auto;
    gap:8px;
}

.hint{
    margin-top:14px;
    color:#64748b;
    font-size:13px;
}

.photo-card{
    border:1px solid #e2e8f0;
    border-radius:10px;
    overflow:hidden;
    background:#fff;
}

.photo-card img{
    display:block;
    width:100%;
    height:170px;
    object-fit:cover;
}

.photo-meta{
    padding:10px;
    display:flex;
    flex-direction:column;
    gap:6px;
}

.link-danger{
    background:none;
    border:0;
    padding:0;
    color:#dc2626;
    cursor:pointer;
    text-align:left;
}

.history-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.history-item{
    border-left:3px solid #dbeafe;
    padding:8px 12px;
    background:#f8fafc;
    border-radius:0 8px 8px 0;
}

.form-row{
    margin-bottom:16px;
}

.form-actions{
    display:flex;
    gap:8px;
}

.danger-btn{
    background:#dc2626!important;
}

@media(max-width:600px){
    .assignment-row,
    .complete-form{
        grid-template-columns:1fr;
    }

    .actions form,
    .actions .button{
        width:100%;
    }
}


/* ===== CRM v1.2: acts and optional photo reports ===== */
.required-section{
    border-color:#f59e0b;
}

.required-warning{
    margin-top:14px;
    padding:12px 14px;
    border-radius:10px;
    background:#fff7ed;
    border:1px solid #fdba74;
    color:#9a3412;
    font-weight:600;
}

.empty-required{
    padding:16px;
    border-radius:10px;
    background:#fff7ed;
    color:#9a3412;
    border:1px dashed #fb923c;
}

.document-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.document-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    padding:14px;
    border:1px solid #e2e8f0;
    border-radius:10px;
    background:#f8fafc;
}

.document-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.photo-report-filter{
    display:grid;
    grid-template-columns:minmax(260px,2fr) minmax(180px,1fr) auto;
    gap:12px;
    align-items:end;
    margin-bottom:20px;
}

.photo-report-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
    gap:14px;
}

.photo-report-card{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.photo-report-card img{
    width:100%;
    height:190px;
    object-fit:cover;
    border-radius:8px;
}

@media(max-width:700px){
    .document-row{
        align-items:flex-start;
        flex-direction:column;
    }

    .photo-report-filter{
        grid-template-columns:1fr;
    }
}


/* ===== CRM v1.3: act status in workorder lists ===== */
.quick-links{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin:0 0 16px 0;
}

.filter-active{
    box-shadow:0 0 0 2px rgba(47,107,194,.12);
    border-color:#2F6BC2!important;
}

.act-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:54px;
    padding:5px 9px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
}

.act-ok{
    background:#dcfce7;
    color:#166534;
    border:1px solid #86efac;
}

.act-missing{
    background:#fee2e2;
    color:#991b1b;
    border:1px solid #fca5a5;
}


/* ===== CRM v1.5: archive acts ===== */
.archive-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:5px 9px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
    background:#f1f5f9;
    color:#475569;
    border:1px solid #cbd5e1;
}


/* ===== CRM v1.6: bulk archive acts ===== */
.header-actions{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    justify-content:flex-end;
}

.info-box{
    margin-bottom:16px;
    background:#eff6ff;
    border-color:#bfdbfe;
}

.bulk-act-table{
    min-width:1500px;
}

.bulk-act-table input{
    min-width:120px;
}

.bulk-act-table td:nth-child(4) input{
    min-width:220px;
}

.bulk-act-table td:nth-child(8) input{
    min-width:180px;
}

.bulk-submit-bar{
    position:sticky;
    bottom:0;
    padding:12px 0;
    background:rgba(248,250,252,.95);
    backdrop-filter:blur(5px);
}

.import-instructions ul{
    margin-bottom:0;
}

@media(max-width:700px){
    .header-actions{
        width:100%;
        justify-content:stretch;
    }

    .header-actions .button{
        flex:1;
        text-align:center;
    }
}


/* ===== CRM v1.7.1: two-stage signed act workflow ===== */
.act-stage-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin-top:16px;
}
.act-stage{
    border:1px solid #dbe3ef;
    border-radius:12px;
    padding:16px;
    background:#fff;
}
.act-stage-title{
    font-weight:700;
    margin-bottom:10px;
}
.act-stage-status{
    padding:9px 12px;
    border-radius:8px;
    margin-bottom:12px;
    font-weight:600;
}
.status-ready{
    background:#dcfce7;
    color:#166534;
}
.status-waiting{
    background:#fef3c7;
    color:#92400e;
}
.status-original-waiting{
    background:#f1f5f9;
    color:#475569;
}
@media(max-width:800px){
    .act-stage-grid{grid-template-columns:1fr;}
}


/* ===== CRM v1.8: originals registry ===== */
.originals-kpi{
    margin-bottom:16px;
}
.originals-kpi .kpi-card{
    text-decoration:none;
    color:inherit;
}
.originals-kpi .kpi-card.active{
    outline:2px solid #2f6bc2;
}
.originals-filter{
    display:flex;
    gap:10px;
    align-items:center;
    margin-bottom:16px;
}
.filter-grow{
    flex:1;
}
.filter-grow input{
    width:100%;
}
.original-status{
    display:inline-block;
    padding:5px 9px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
}
.original-status.received{
    background:#dcfce7;
    color:#166534;
}
.original-status.waiting{
    background:#fef3c7;
    color:#92400e;
}
.original-waiting-row{
    background:#fffdf5;
}
@media(max-width:800px){
    .originals-filter{
        align-items:stretch;
        flex-direction:column;
    }
}


/* =========================================================
   CRM v1.9 — LIGHT BLUE NAVIGATION
   Corporate palette: #6C99DB / #2F6BC2 / white
   ========================================================= */

:root{
    --crm-blue:#2F6BC2;
    --crm-blue-soft:#6C99DB;
    --crm-blue-pale:#EEF5FF;
    --crm-blue-pale-2:#F6F9FE;
    --crm-border:#DCE8F8;
    --crm-text:#1F3654;
    --crm-muted:#71839A;
    --crm-white:#FFFFFF;
}

body{
    background:#F5F8FC;
    color:var(--crm-text);
}

.layout{
    background:#F5F8FC;
}

.sidebar{
    width:270px;
    min-width:270px;
    min-height:100vh;
    background:var(--crm-white) !important;
    color:var(--crm-text) !important;
    border-right:1px solid var(--crm-border);
    box-shadow:8px 0 28px rgba(47,107,194,.06);
    padding:18px 14px;
    display:flex;
    flex-direction:column;
}

.brand{
    display:flex;
    align-items:center;
    gap:11px;
    padding:5px 8px 19px;
    margin-bottom:8px;
    border-bottom:1px solid #EDF3FB;
    color:var(--crm-text) !important;
}

.brand-mark{
    width:42px;
    height:42px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#6C99DB,#2F6BC2);
    color:#fff;
    font-weight:800;
    letter-spacing:.4px;
    box-shadow:0 6px 16px rgba(47,107,194,.18);
}

.brand-text{
    display:flex;
    flex-direction:column;
    line-height:1.05;
}
.brand-text strong{
    font-size:15px;
    color:#24476E;
}
.brand-text span{
    margin-top:4px;
    font-size:13px;
    color:#6C99DB;
}

.sidebar-nav{
    display:flex;
    flex-direction:column;
    gap:5px;
}

.sidebar a,
.sidebar .nav-link{
    color:#395A7F !important;
    text-decoration:none;
}

.nav-link,
.nav-group > summary{
    min-height:44px;
    box-sizing:border-box;
    border-radius:10px;
    padding:10px 11px;
    display:flex;
    align-items:center;
    gap:10px;
    cursor:pointer;
    font-weight:600;
    font-size:14px;
    transition:background .15s ease,color .15s ease;
}

.nav-link:hover,
.nav-group > summary:hover{
    background:var(--crm-blue-pale);
    color:var(--crm-blue) !important;
}

.nav-icon{
    width:22px;
    min-width:22px;
    height:22px;
    border-radius:7px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--crm-blue);
    background:#EAF2FD;
    font-size:14px;
    font-weight:800;
}

.nav-group{
    border:0;
    margin:0;
}
.nav-group > summary{
    list-style:none;
    justify-content:space-between;
}
.nav-group > summary::-webkit-details-marker{
    display:none;
}
.nav-summary-main{
    display:flex;
    align-items:center;
    gap:10px;
}
.nav-chevron{
    color:#8EA7C5;
    font-size:22px;
    line-height:1;
    transition:transform .15s ease;
}
.nav-group[open] > summary{
    background:var(--crm-blue-pale);
    color:var(--crm-blue);
}
.nav-group[open] .nav-chevron{
    transform:rotate(90deg);
}

.nav-submenu{
    margin:5px 0 7px 31px;
    padding:5px 0 5px 12px;
    border-left:2px solid #DCE9F9;
    display:flex;
    flex-direction:column;
    gap:2px;
}
.nav-submenu a{
    padding:8px 10px !important;
    border-radius:8px;
    font-size:13px;
    font-weight:500;
    background:transparent !important;
}
.nav-submenu a:hover{
    background:#F0F6FE !important;
    color:var(--crm-blue) !important;
}

.sidebar-bottom{
    margin-top:auto;
    padding-top:18px;
}
.logout{
    margin:0 !important;
}
.logout button{
    width:100%;
    border:1px solid #D8E5F5 !important;
    background:#F6F9FE !important;
    color:#557494 !important;
    border-radius:10px !important;
    padding:10px 12px !important;
    cursor:pointer;
    font-weight:600;
}
.logout button:hover{
    background:#EAF2FD !important;
    color:var(--crm-blue) !important;
}

.content{
    background:#F5F8FC;
}

.button{
    background:var(--crm-blue);
    border-color:var(--crm-blue);
}
.button:hover{
    filter:brightness(.97);
}
.button.secondary{
    background:#EEF5FF;
    border-color:#D8E7FA;
    color:#2F6BC2;
}

.card{
    border-color:#E2EBF6;
    box-shadow:0 5px 18px rgba(48,86,130,.05);
}

@media(max-width:900px){
    .sidebar{
        width:230px;
        min-width:230px;
    }
}

@media(max-width:700px){
    .layout{
        display:block;
    }
    .sidebar{
        width:auto;
        min-width:0;
        min-height:auto;
        border-right:0;
        border-bottom:1px solid var(--crm-border);
    }
    .sidebar-bottom{
        margin-top:10px;
    }
}


/* CRM v1.9.1 — navigation compatibility fix */
.sidebar .sidebar-nav > a.nav-link{
    display:flex !important;
    width:100% !important;
    box-sizing:border-box !important;
    margin:0 !important;
}
.sidebar .nav-group{
    display:block !important;
    width:100% !important;
}
.sidebar .nav-group > summary{
    display:flex !important;
    width:100% !important;
    box-sizing:border-box !important;
}
.sidebar .nav-submenu a{
    display:block !important;
    width:100% !important;
    box-sizing:border-box !important;
}
.sidebar .brand{
    display:flex !important;
    width:auto !important;
}
.sidebar .brand-mark{
    display:flex !important;
}


/* ==========================================================
   CRM v1.10 — unified light interface
   ========================================================== */
:root{
    --blue:#2F6BC2;
    --blue-soft:#6C99DB;
    --blue-50:#F4F8FE;
    --blue-75:#EDF4FD;
    --blue-100:#E5EFFB;
    --line:#DDE8F5;
    --text:#203B5A;
    --muted:#7890A8;
    --white:#FFFFFF;
    --sidebar-width:268px;
    --topbar-height:66px;
}

*{box-sizing:border-box}
html,body{min-height:100%}
body{
    margin:0;
    background:#F5F8FC !important;
    color:var(--text);
}
.layout{
    min-height:100vh;
    display:flex !important;
    background:#F5F8FC !important;
}

/* Sidebar */
.sidebar{
    position:fixed !important;
    inset:0 auto 0 0;
    z-index:50;
    width:var(--sidebar-width) !important;
    min-width:var(--sidebar-width) !important;
    height:100vh;
    min-height:100vh !important;
    overflow-y:auto;
    padding:18px 14px !important;
    display:flex !important;
    flex-direction:column !important;
    background:#fff !important;
    color:var(--text) !important;
    border-right:1px solid var(--line) !important;
    box-shadow:8px 0 28px rgba(47,107,194,.055) !important;
}
.brand{
    display:flex !important;
    align-items:center;
    gap:11px;
    padding:4px 7px 18px !important;
    margin:0 0 9px !important;
    border-bottom:1px solid #EDF3FA;
}
.brand-mark{
    width:42px !important;height:42px !important;min-width:42px;
    display:flex !important;align-items:center;justify-content:center;
    border-radius:12px;
    background:linear-gradient(135deg,var(--blue-soft),var(--blue)) !important;
    color:#fff !important;font-weight:800;
    box-shadow:0 6px 16px rgba(47,107,194,.17);
}
.brand-text{display:flex;flex-direction:column;line-height:1.05}
.brand-text strong{font-size:15px;color:#24476E}
.brand-text span{font-size:13px;color:var(--blue-soft);margin-top:4px}

.sidebar-nav{display:flex !important;flex-direction:column !important;gap:5px;width:100%}
.sidebar a{color:#426381 !important;text-decoration:none !important}
.nav-link,.nav-group>summary{
    width:100% !important;min-height:44px;
    display:flex !important;align-items:center;
    gap:10px;padding:10px 11px !important;margin:0 !important;
    border-radius:10px;cursor:pointer;
    font-size:14px;font-weight:600;
}
.nav-link:hover,.nav-group>summary:hover{background:var(--blue-50) !important;color:var(--blue) !important}
.nav-link.active,.nav-submenu a.active{
    background:var(--blue-75) !important;
    color:var(--blue) !important;
    font-weight:700 !important;
}
.nav-link.active{box-shadow:inset 3px 0 0 var(--blue)}
.nav-icon{
    width:23px;min-width:23px;height:23px;
    display:inline-flex;align-items:center;justify-content:center;
    border-radius:7px;background:#EAF2FD;color:var(--blue);
    font-size:14px;font-weight:800;
}
.nav-group{display:block !important;width:100%;margin:0 !important;border:0 !important}
.nav-group>summary{justify-content:space-between;list-style:none}
.nav-group>summary::-webkit-details-marker{display:none}
.nav-summary-main{display:flex;align-items:center;gap:10px}
.nav-chevron{margin-left:auto;font-size:21px;color:#8AA5C3;transition:transform .15s ease}
.nav-group[open]>summary{background:var(--blue-50);color:var(--blue)}
.nav-group[open] .nav-chevron{transform:rotate(90deg)}
.nav-submenu{
    display:flex !important;flex-direction:column !important;
    margin:5px 0 7px 31px !important;padding:4px 0 4px 12px !important;
    border-left:2px solid #DCE9F8;
}
.nav-submenu a{
    display:block !important;width:calc(100% - 31px) !important;
    padding:8px 10px !important;margin:1px 0 !important;
    border-radius:8px;font-size:13px;font-weight:500;
}
.nav-submenu a:hover{background:#F0F6FE !important;color:var(--blue) !important}
.sidebar-bottom{margin-top:auto;padding-top:18px}
.crm-version{
    margin-bottom:8px;
    text-align:center;
    font-size:11px;
    font-weight:500;
    color:#8AA5C3;
    user-select:none;
}
.logout{margin:0 !important}
.logout button{
    width:100%;padding:10px 12px !important;border-radius:10px !important;
    border:1px solid #D8E5F5 !important;background:#F6F9FE !important;
    color:#557494 !important;font-weight:600;cursor:pointer;
}

/* Workspace and topbar */
.workspace{
    width:calc(100% - var(--sidebar-width));
    min-height:100vh;
    margin-left:var(--sidebar-width);
}
.topbar{
    position:sticky;top:0;z-index:30;
    height:var(--topbar-height);
    display:flex;align-items:center;
    padding:0 28px;
    background:rgba(255,255,255,.96);
    border-bottom:1px solid var(--line);
}
.topbar-title{font-size:15px;font-weight:800;color:#315579;letter-spacing:.04em}
.topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}
.topbar-user{display:flex;align-items:center;gap:10px}
.user-avatar{
    width:36px;height:36px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    background:var(--blue-75);color:var(--blue);font-weight:800;
}
.user-meta{display:flex;flex-direction:column;line-height:1.15}
.user-meta strong{font-size:13px;color:#294968}
.user-meta span{font-size:11px;color:var(--muted);margin-top:3px}
.mobile-menu-button{
    display:none;border:0;background:var(--blue-75);color:var(--blue);
    width:38px;height:38px;border-radius:9px;font-size:19px;cursor:pointer;margin-right:12px;
}

/* Main content */
.content{
    width:100% !important;
    max-width:none !important;
    padding:26px 28px 40px !important;
    margin:0 !important;
    background:#F5F8FC !important;
}
.content h1{color:#203B5A;margin-top:0}
.page-header{margin-bottom:20px}
.card{
    background:#fff !important;
    border:1px solid #E0EAF5 !important;
    border-radius:13px !important;
    box-shadow:0 5px 18px rgba(48,86,130,.045) !important;
}
table{background:#fff}
thead th{background:#F7FAFE;color:#496985}
tbody tr:hover{background:#FAFCFF}
input,select,textarea{
    border:1px solid #D7E3F1 !important;
    border-radius:8px !important;
}
input:focus,select:focus,textarea:focus{
    border-color:var(--blue-soft) !important;
    outline:3px solid rgba(108,153,219,.12) !important;
}
.button{
    background:var(--blue) !important;
    border-color:var(--blue) !important;
    border-radius:8px !important;
}
.button.secondary{
    background:#EEF5FF !important;color:var(--blue) !important;border-color:#D7E6F8 !important;
}
.message{
    border-radius:10px;
    border:1px solid #D7E6F8;
    background:#F0F6FE;
    color:#315579;
}

/* Responsive */
@media(max-width:1000px){
    :root{--sidebar-width:238px}
    .content{padding:22px 20px 36px !important}
    .topbar{padding:0 20px}
}
@media(max-width:760px){
    .sidebar{
        transform:translateX(-100%);
        transition:transform .2s ease;
        width:270px !important;min-width:270px !important;
    }
    body.sidebar-open .sidebar{transform:translateX(0)}
    .workspace{width:100%;margin-left:0}
    .mobile-menu-button{display:inline-flex;align-items:center;justify-content:center}
    .topbar{height:60px;padding:0 14px}
    .content{padding:18px 14px 30px !important}
    .user-meta span{display:none}
}


/* CRM v1.11 — dashboard */
.dashboard-head{
    display:flex;align-items:flex-start;justify-content:space-between;
    gap:20px;margin-bottom:22px;
}
.dashboard-head h1{margin:0 0 5px;font-size:28px}
.dashboard-actions{display:flex;gap:9px;flex-wrap:wrap}

.dashboard-kpis{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;margin-bottom:18px;
}
.dashboard-kpi{
    min-height:126px;padding:18px;
    display:flex;flex-direction:column;
    background:#fff;border:1px solid #DFE9F4;border-radius:13px;
    text-decoration:none;color:#294968;
    box-shadow:0 5px 18px rgba(48,86,130,.045);
    transition:transform .15s ease,box-shadow .15s ease;
}
.dashboard-kpi:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 24px rgba(48,86,130,.08);
}
.dashboard-kpi-label{font-size:13px;font-weight:700;color:#587693}
.dashboard-kpi strong{font-size:31px;line-height:1;margin:12px 0 8px;color:#244B75}
.dashboard-kpi small{font-size:12px;color:#8A9DB0}
.dashboard-kpi-danger{border-left:4px solid #D96C6C}
.dashboard-kpi-danger strong{color:#B74D4D}
.dashboard-kpi-warning{border-left:4px solid #E0A94F}
.dashboard-kpi-warning strong{color:#A9782B}

.dashboard-grid{
    display:grid;grid-template-columns:1fr 1fr;
    gap:18px;margin-bottom:18px;
}
.dashboard-panel{padding:0 !important;overflow:hidden}
.dashboard-panel-head{
    display:flex;align-items:flex-start;justify-content:space-between;
    gap:15px;padding:18px 19px 15px;border-bottom:1px solid #EDF2F8;
}
.dashboard-panel-head h2{font-size:16px;margin:0 0 4px;color:#294968}
.dashboard-panel-head span{font-size:12px;color:#879AAF}
.dashboard-panel-head>a{font-size:12px;color:#2F6BC2;text-decoration:none;font-weight:700;white-space:nowrap}

.dashboard-list{display:flex;flex-direction:column}
.dashboard-row{
    min-height:70px;display:flex;align-items:center;gap:13px;
    padding:12px 18px;border-bottom:1px solid #F0F4F8;
    color:#294968;text-decoration:none;
}
.dashboard-row:last-child{border-bottom:0}
.dashboard-row:hover{background:#F8FBFF}
.dashboard-row-time,.dashboard-row-date{
    width:43px;min-width:43px;text-align:center;
    font-size:13px;font-weight:800;color:#2F6BC2;
}
.dashboard-row-date{
    padding:7px 4px;background:#EEF5FF;border-radius:8px;
}
.dashboard-row-main{min-width:0;flex:1;display:flex;flex-direction:column}
.dashboard-row-main strong{
    font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.dashboard-row-main span,.dashboard-row-main small{
    margin-top:3px;font-size:12px;color:#7890A8;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.dashboard-status{
    padding:5px 8px;border-radius:999px;
    background:#EDF4FD;color:#426A95;
    font-size:11px;font-weight:700;white-space:nowrap;
}
.dashboard-status.danger{background:#FFF0F0;color:#B65353}
.dashboard-row-overdue{background:#FFFCFC}
.dashboard-empty{padding:28px 18px;color:#8A9DB0;font-size:13px;text-align:center}

.reference-cards{
    display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px;
}
.reference-cards a{
    min-height:84px;padding:14px;
    display:flex;align-items:flex-end;justify-content:space-between;
    border:1px solid #E4EDF7;border-radius:11px;
    background:#F8FBFF;text-decoration:none;color:#496985;
}
.reference-cards a:hover{background:#EEF5FF}
.reference-cards span{font-size:12px;font-weight:700}
.reference-cards strong{font-size:23px;color:#2F6BC2}

@media(max-width:1150px){
    .dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
    .dashboard-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
    .dashboard-head{flex-direction:column}
    .dashboard-kpis{grid-template-columns:1fr 1fr}
    .dashboard-kpi{min-height:110px;padding:14px}
    .dashboard-kpi strong{font-size:26px}
    .dashboard-status{display:none}
}
@media(max-width:420px){
    .dashboard-kpis{grid-template-columns:1fr}
}


/* CRM v1.12 — workorders journal */
.workorders-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.workorders-head h1{margin:0 0 5px}
.workorder-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}
.workorder-kpi{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding:13px 14px;background:#fff;border:1px solid #DFE9F4;border-radius:11px;
    color:#587693;text-decoration:none;font-size:12px;font-weight:700;
}
.workorder-kpi strong{font-size:22px;color:#2F6BC2}
.workorder-kpi:hover{background:#F8FBFF}
.workorder-kpi.kpi-danger{border-left:3px solid #D96C6C}
.workorder-kpi.kpi-danger strong{color:#B74D4D}
.workorder-kpi.kpi-warning{border-left:3px solid #E0A94F}
.workorder-kpi.kpi-warning strong{color:#A9782B}

.workorder-filter-card{padding:15px !important;margin-bottom:10px}
.workorder-filter-grid{
    display:grid;grid-template-columns:2fr repeat(4,1fr);
    gap:11px;align-items:end;
}
.workorder-filter-grid label{display:block;margin-bottom:5px;font-size:11px;font-weight:700;color:#69839D}
.workorder-filter-grid input,.workorder-filter-grid select{width:100%;height:38px;padding:7px 9px;background:#fff}
.workorder-filter-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.workorder-quick-filters{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}
.workorder-quick-filters a{
    padding:6px 10px;border-radius:999px;background:#EEF5FF;color:#426A95;
    text-decoration:none;font-size:11px;font-weight:700;
}
.workorder-quick-filters a:hover{background:#E1EDFB;color:#2F6BC2}

.workorders-table-card{overflow:auto}
.workorders-table{min-width:1050px}
.workorders-table th{font-size:11px;text-transform:uppercase;letter-spacing:.025em}
.workorders-table td{vertical-align:middle}
.wo-number-cell{white-space:nowrap}
.wo-number{font-size:14px;font-weight:800;color:#2F6BC2;text-decoration:none}
.wo-number-cell small,.wo-plan-time{display:block;margin-top:4px;color:#8A9DB0;font-size:11px}
.wo-client{display:block;font-weight:700;color:#365C80;text-decoration:none;max-width:220px}
.wo-vehicle{display:block;margin-top:4px;font-size:11px;color:#7890A8;text-decoration:none}
.wo-title{font-weight:700;color:#294968;max-width:280px}
.wo-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}
.wo-meta>span{padding:3px 6px;border-radius:6px;background:#F0F5FB;color:#6C8299;font-size:10px}
.wo-meta .priority.urgent{background:#FFF0F0;color:#B74D4D}
.wo-meta .priority.high{background:#FFF7E8;color:#A9782B}
.wo-acts{white-space:nowrap}
.doc-state{display:block;width:max-content;margin:2px 0;padding:4px 7px;border-radius:7px;font-size:10px;font-weight:800}
.doc-state.ok{background:#EAF7EF;color:#39815A}
.doc-state.missing{background:#FFF0F0;color:#B65353}
.doc-state.waiting{background:#FFF7E8;color:#A9782B}
.doc-state.tmc{background:#FFF4CC;color:#C58A00}
.wo-person{font-size:12px;color:#496985}
.wo-unassigned{font-size:11px;color:#B07C35}
.wo-actions{white-space:nowrap}
.wo-open{padding:6px 9px !important;font-size:11px}
.wo-edit{display:inline-flex;margin-left:5px;width:28px;height:28px;align-items:center;justify-content:center;border-radius:7px;background:#F0F5FB;color:#587693;text-decoration:none}
.urgent-row{box-shadow:inset 3px 0 0 #E0A94F}
.overdue-row{background:#FFFAFA !important}

@media(max-width:1300px){
    .workorder-filter-grid{grid-template-columns:repeat(3,1fr)}
    .filter-search{grid-column:span 2}
}
@media(max-width:1050px){
    .workorder-kpis{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
    .workorders-head{flex-direction:column}
    .workorder-kpis{grid-template-columns:1fr 1fr}
    .workorder-filter-grid{grid-template-columns:1fr}
    .filter-search{grid-column:auto}
    .workorder-filter-actions{justify-content:stretch}
    .workorder-filter-actions .button{flex:1;text-align:center}
}


/* CRM v1.13 — workorder detail */
.wo-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px}
.wo-detail-eyebrow{font-size:12px;font-weight:800;color:#2F6BC2;text-transform:uppercase;letter-spacing:.05em}
.wo-detail-head h1{margin:5px 0 9px;font-size:27px}
.wo-detail-tags{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.wo-detail-tags>span:not(.badge){padding:5px 8px;border-radius:7px;background:#EDF4FD;color:#587693;font-size:11px;font-weight:700}
.wo-detail-tags .priority-urgent{background:#FFF0F0 !important;color:#B65353 !important}
.wo-detail-tags .priority-high{background:#FFF7E8 !important;color:#A9782B !important}
.wo-detail-head-actions{display:flex;gap:8px;flex-wrap:wrap}

.wo-detail-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
.wo-detail-summary>div{padding:14px 15px;background:#fff;border:1px solid #DFE9F4;border-radius:11px}
.wo-detail-summary span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#8A9DB0;font-weight:700}
.wo-detail-summary strong{display:block;margin-top:6px;font-size:13px;color:#365C80}
.text-ok{color:#39815A !important}.text-warn{color:#B65353 !important}.text-muted{color:#8A9DB0 !important}

.wo-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.wo-detail-card,.wo-workflow{padding:18px !important;margin-bottom:16px}
.wo-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}
.wo-card-title h2{font-size:16px;margin:0;color:#294968}
.wo-card-title p{font-size:11px;color:#879AAF;margin:4px 0 0}
.wo-info-list{display:flex;flex-direction:column}
.wo-info-list>div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid #F0F4F8}
.wo-info-list>div:last-child{border-bottom:0}
.wo-info-list span{font-size:11px;color:#879AAF}
.wo-info-list strong{font-size:12px;color:#365C80}
.wo-info-list a{color:#2F6BC2;text-decoration:none}
.wo-description{font-size:13px;line-height:1.6;color:#36526E}
.wo-comment{margin-top:14px;padding:12px;background:#F7FAFE;border-radius:9px;font-size:12px;color:#496985}
.wo-comment span{display:block;margin-bottom:5px;font-size:10px;font-weight:800;color:#7890A8;text-transform:uppercase}

.wo-assignment{display:grid;grid-template-columns:100px minmax(220px,420px) auto;gap:9px;align-items:center;padding:12px;background:#F7FAFE;border-radius:10px;margin-bottom:12px}
.wo-assignment label{font-size:12px;font-weight:700;color:#587693}
.wo-assignment select{height:38px;background:#fff;padding:6px 9px}
.wo-workflow-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.wo-workflow-actions form{margin:0}
.wo-complete-form{display:flex;gap:7px;flex:1;min-width:320px}
.wo-complete-form input{height:38px;flex:1;padding:7px 9px}
.button:disabled{opacity:.45;cursor:not-allowed}

.wo-act-section{border-top:3px solid #6C99DB !important}
.act-stage-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.act-stage{position:relative;padding:16px;border:1px solid #E1EAF4;border-radius:11px;background:#FBFDFF}
.act-stage.stage-done{border-color:#CDE8D8;background:#FBFFFC}
.act-step{width:27px;height:27px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#E8F1FC;color:#2F6BC2;font-size:12px;font-weight:800;margin-bottom:9px}
.stage-done .act-step{background:#E5F5EB;color:#39815A}
.act-stage-title{font-size:13px;font-weight:800;color:#365C80;margin-bottom:9px}
.act-stage-status{width:max-content;max-width:100%;padding:5px 8px;border-radius:7px;font-size:10px;font-weight:800;margin-bottom:10px}
.status-ready{background:#EAF7EF;color:#39815A}
.status-waiting{background:#FFF0F0;color:#B65353}
.status-original-waiting{background:#FFF7E8;color:#A9782B}
.document-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #EAF0F6}
.document-row strong{font-size:11px;color:#496985}
.document-actions{display:flex;align-items:center;gap:7px}
.document-actions form{margin:0}
.document-actions .button{padding:6px 8px !important;font-size:10px}
.act-main-button{display:inline-block;margin-top:10px;font-size:11px}
.required-warning{margin-top:12px;padding:11px 13px;border-radius:9px;background:#FFF7E8;border:1px solid #F2DEB7;color:#8B692E;font-size:11px}

.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.photo-card{overflow:hidden;border:1px solid #E1EAF4;border-radius:10px;background:#fff}
.photo-card img{display:block;width:100%;height:145px;object-fit:cover}
.photo-meta{padding:10px;font-size:11px;color:#587693}
.photo-meta strong{display:block;margin-bottom:5px;color:#365C80}
.photo-meta small{display:block;margin-top:6px;color:#8A9DB0}
.link-danger{border:0;background:transparent;color:#B65353;padding:4px 0;cursor:pointer;font-size:10px}
.wo-empty{padding:20px;color:#8A9DB0;font-size:12px;text-align:center;background:#F8FBFF;border-radius:9px}
.history-list{display:flex;flex-direction:column}
.history-item{position:relative;padding:10px 10px 10px 20px;border-left:2px solid #DFEAF6;margin-left:4px;font-size:11px;color:#587693}
.history-item:before{content:"";position:absolute;left:-5px;top:15px;width:8px;height:8px;border-radius:50%;background:#6C99DB}
.history-item small{display:block;margin-top:4px;color:#8A9DB0}

@media(max-width:950px){
 .wo-detail-summary{grid-template-columns:1fr 1fr}
 .wo-detail-grid,.act-stage-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
 .wo-detail-head{flex-direction:column}
 .wo-detail-summary{grid-template-columns:1fr 1fr}
 .wo-assignment{grid-template-columns:1fr}
 .wo-complete-form{min-width:100%;flex-direction:column}
 .wo-workflow-actions{align-items:stretch}
 .wo-workflow-actions form:not(.wo-complete-form) .button{width:100%}
 .document-row{align-items:flex-start;flex-direction:column}
 .wo-info-list>div{grid-template-columns:95px 1fr}
}


/* CRM v1.14 — installer mobile workspace */
.s-installer_rejected{background:#FFF0F0 !important;color:#B65353 !important}
.installer-page{max-width:980px;margin:0 auto}
.installer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.installer-head h1{margin:3px 0 0}
.installer-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:#6C99DB}
.installer-tabs{display:flex;gap:7px;overflow:auto;padding-bottom:5px;margin-bottom:14px}
.installer-tabs a{white-space:nowrap;text-decoration:none;padding:9px 12px;border:1px solid #DFE9F4;border-radius:9px;background:#fff;color:#587693;font-size:11px;font-weight:700}
.installer-tabs a.active{background:#2F6BC2;border-color:#2F6BC2;color:#fff}
.installer-tabs strong{margin-left:5px}
.installer-cards{display:flex;flex-direction:column;gap:12px}
.installer-order{background:#fff;border:1px solid #DFE9F4;border-radius:13px;padding:16px;box-shadow:0 2px 8px rgba(45,85,125,.04)}
.installer-order.installer-overdue{border-left:4px solid #D96C6C}
.installer-order-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.installer-number{font-size:13px;font-weight:800;color:#2F6BC2;text-decoration:none}
.installer-date{font-size:11px;color:#7C91A6;margin-top:4px}
.installer-order h2{font-size:17px;color:#294968;margin:14px 0 11px}
.installer-info{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.installer-info>div{padding:9px;background:#F7FAFE;border-radius:8px}
.installer-info span{display:block;font-size:9px;text-transform:uppercase;color:#8A9DB0;font-weight:700}
.installer-info strong{display:block;margin-top:4px;font-size:11px;color:#496985}
.installer-description{margin-top:10px;font-size:12px;line-height:1.5;color:#587693}
.installer-act-state{margin-top:11px;padding:8px 10px;border-radius:8px;background:#FFF7E8;color:#966E2D;font-size:10px;font-weight:700}
.installer-act-state.ready{background:#EAF7EF;color:#39815A}
.installer-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.installer-actions form{margin:0}
.installer-actions .button{font-size:11px;padding:8px 10px}
.installer-reject-button{background:#fff !important;border:1px solid #E6BABA !important;color:#B65353 !important}
.installer-reject-button:hover{background:#FFF5F5 !important}
.installer-empty{padding:30px;text-align:center;color:#8A9DB0}

.reject-page{max-width:650px;margin:0 auto}
.reject-back{display:inline-block;margin-bottom:12px;color:#587693;text-decoration:none;font-size:11px}
.reject-card{padding:24px !important}
.reject-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#FFF0F0;color:#B65353;font-size:20px;font-weight:900}
.reject-card h1{font-size:22px;margin:12px 0 7px;color:#294968}
.reject-intro{font-size:12px;line-height:1.5;color:#6C8299}
.reject-order-info{display:flex;flex-direction:column;gap:4px;margin:15px 0;padding:12px;background:#F7FAFE;border-radius:9px;color:#496985}
.reject-order-info span{font-size:11px;color:#7890A8}
.reject-form label{display:block;margin:12px 0 5px;font-size:11px;font-weight:800;color:#587693}
.reject-form label b{color:#B65353}
.reject-form select,.reject-form textarea{width:100%;padding:9px;background:#fff}
.reject-form select{height:40px}
.reject-required{margin-top:5px;font-size:10px;color:#B65353}
.reject-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}

@media(max-width:700px){
 .installer-page{margin:-4px}
 .installer-info{grid-template-columns:1fr}
 .installer-order{padding:13px}
 .installer-actions{display:grid;grid-template-columns:1fr 1fr}
 .installer-actions form{display:block}
 .installer-actions .button,.installer-actions form .button{width:100%;height:42px;text-align:center}
 .installer-reject-button{grid-column:1/-1}
 .reject-card{padding:17px !important}
 .reject-actions{flex-direction:column-reverse}
 .reject-actions .button{width:100%;text-align:center}
}


/* CRM v1.15 — manager workspace */
.manager-page{max-width:1200px;margin:0 auto}
.manager-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}
.manager-head h1{margin:3px 0 4px}.manager-head p{margin:0;color:#8499AE;font-size:12px}
.manager-kicker{text-transform:uppercase;letter-spacing:.06em;color:#6C99DB;font-size:10px;font-weight:800}
.manager-head-actions{display:flex;gap:8px}
.manager-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:16px}
.manager-kpi{text-decoration:none;background:#fff;border:1px solid #DFE9F4;border-radius:11px;padding:13px;color:#587693}
.manager-kpi span{display:block;font-size:10px;font-weight:700}.manager-kpi strong{display:block;font-size:23px;color:#365C80;margin-top:4px}
.manager-kpi.danger{border-top:3px solid #D96C6C}.manager-kpi.danger strong{color:#B65353}
.manager-kpi.warning{border-top:3px solid #D8A74B}.manager-kpi.warning strong{color:#A9782B}
.manager-kpi.docs{border-top:3px solid #6C99DB}
.manager-section{padding:17px !important;margin-bottom:14px}
.manager-section-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:11px}
.manager-section-head h2{font-size:15px;margin:0;color:#294968}.manager-section-head p{font-size:10px;margin:3px 0 0;color:#879AAF}
.manager-count{min-width:29px;height:29px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#EDF4FD;color:#2F6BC2;font-weight:800}
.manager-count.warning{background:#FFF7E8;color:#A9782B}.manager-count.docs{background:#EDF4FD;color:#2F6BC2}
.manager-items{display:flex;flex-direction:column;gap:7px}
.manager-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,440px);gap:12px;align-items:center;padding:11px;border:1px solid #E6EDF5;border-radius:9px}
.manager-item-danger{border-left:4px solid #D96C6C;background:#FFFCFC}
.manager-item-main{min-width:0}.manager-item-main>a{display:block;color:#2F6BC2;text-decoration:none;font-size:11px;font-weight:800}
.manager-item-main>strong{display:block;margin:3px 0;font-size:12px;color:#365C80}.manager-item-main>span{display:block;color:#7C91A6;font-size:10px;line-height:1.4}
.manager-assign{display:grid;grid-template-columns:1fr auto;gap:7px;margin:0}.manager-assign select{height:37px;background:#fff}
.manager-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.manager-compact-list{display:flex;flex-direction:column}
.manager-compact-list>a{display:flex;justify-content:space-between;gap:10px;text-decoration:none;padding:9px 2px;border-bottom:1px solid #EEF3F8}
.manager-compact-list>a:last-child{border-bottom:0}.manager-compact-list strong{display:block;color:#365C80;font-size:11px}
.manager-compact-list span{display:block;color:#8499AE;font-size:10px;margin-top:2px}.manager-compact-list b{color:#6C99DB;font-size:10px;white-space:nowrap}
.manager-empty{padding:18px;text-align:center;background:#F8FBFF;border-radius:8px;color:#8A9DB0;font-size:11px}
@media(max-width:950px){.manager-kpis{grid-template-columns:repeat(2,1fr)}.manager-two-columns{grid-template-columns:1fr}.manager-item{grid-template-columns:1fr}}
@media(max-width:650px){.manager-head{flex-direction:column}.manager-head-actions{width:100%}.manager-head-actions .button{flex:1;text-align:center}.manager-kpis{grid-template-columns:1fr 1fr}.manager-assign{grid-template-columns:1fr}.manager-assign .button{width:100%}}

/* CRM v1.16 — client and vehicle workspaces */
.entity-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:15px}.entity-head h1{margin:3px 0 4px}.entity-kicker{text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:800;color:#6C99DB}.entity-actions{display:flex;gap:8px}.entity-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px}.entity-kpis>div{background:#fff;border:1px solid #DFE9F4;border-radius:10px;padding:12px}.entity-kpis span{display:block;font-size:10px;color:#8398AC;font-weight:700}.entity-kpis strong{display:block;font-size:21px;color:#365C80;margin-top:3px}.entity-kpis .wide{grid-column:span 2}.entity-kpis a{text-decoration:none;color:#2F6BC2}.entity-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.entity-card{padding:16px!important;margin-bottom:14px}.entity-grid .entity-card{margin-bottom:0}.entity-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.entity-card-head h2{margin:0;font-size:15px;color:#294968}.entity-card-head p{margin:2px 0 0;font-size:10px;color:#8A9DB0}.entity-card-head>a:not(.button){font-size:10px;font-weight:800;color:#2F6BC2;text-decoration:none}.entity-data{display:grid;grid-template-columns:1fr 1fr;gap:7px}.entity-data>div{background:#F8FBFF;border-radius:8px;padding:9px}.entity-data span{display:block;font-size:9px;text-transform:uppercase;color:#8A9DB0;font-weight:700}.entity-data b{display:block;margin-top:3px;font-size:11px;color:#496985;word-break:break-word}.entity-data a{color:#2F6BC2}.entity-line{display:flex;justify-content:space-between;gap:15px;padding:9px 2px;border-bottom:1px solid #EEF3F8}.entity-line:last-child{border-bottom:0}.entity-line>div:last-child{text-align:right}.entity-line strong,.entity-line b{display:block;color:#496985;font-size:11px}.entity-line span{display:block;color:#879AAF;font-size:10px;margin-top:2px}.entity-line a{color:#2F6BC2}.entity-table{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.entity-vehicle{display:block;text-decoration:none;border:1px solid #E3EBF4;border-radius:9px;padding:11px}.entity-vehicle strong{display:block;color:#2F6BC2;font-size:13px}.entity-vehicle span,.entity-vehicle small{display:block;color:#6D849A;margin-top:3px;font-size:10px}.entity-vehicle b{display:block;color:#6C99DB;margin-top:8px;font-size:9px}.entity-workorder{display:flex;justify-content:space-between;gap:10px;text-decoration:none;padding:9px 2px;border-bottom:1px solid #EEF3F8}.entity-workorder:last-child{border-bottom:0}.entity-workorder strong{display:block;color:#3D607F;font-size:11px}.entity-workorder span{display:block;color:#879AAF;font-size:10px;margin-top:2px}.entity-workorder>b{font-size:10px;color:#6C99DB;white-space:nowrap}.entity-empty{padding:18px;text-align:center;background:#F8FBFF;border-radius:8px;color:#8A9DB0;font-size:11px}
@media(max-width:850px){.entity-grid{grid-template-columns:1fr}.entity-table{grid-template-columns:1fr 1fr}.entity-kpis{grid-template-columns:1fr 1fr}}@media(max-width:600px){.entity-head{flex-direction:column}.entity-actions{width:100%}.entity-actions .button{flex:1;text-align:center}.entity-table,.entity-data{grid-template-columns:1fr}.entity-kpis .wide{grid-column:span 2}}


/* CRM v1.17 — warehouse */
.warehouse-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:15px}
.warehouse-head h1{margin:0 0 4px}.warehouse-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:15px}
.warehouse-kpis>a{background:#fff;border:1px solid #DFE9F4;border-radius:11px;padding:13px;text-decoration:none;color:#587693}
.warehouse-kpis span{display:block;font-size:10px;font-weight:700}.warehouse-kpis strong{display:block;font-size:23px;color:#2F6BC2;margin-top:4px}
.warehouse-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.warehouse-panel{padding:16px !important}.warehouse-panel h2{font-size:15px;color:#294968;margin:0 0 10px}
.warehouse-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #EEF3F8}.warehouse-row:last-child{border-bottom:0}
.warehouse-row strong{display:block;color:#365C80;font-size:11px}.warehouse-row span{display:block;color:#879AAF;font-size:10px;margin-top:2px}.warehouse-row b{font-size:11px;color:#2F6BC2;white-space:nowrap}
.warehouse-search{display:flex;gap:8px;margin-bottom:12px}.warehouse-search input{flex:1}.warehouse-search select{min-width:180px}.warehouse-low{background:#FFF8F0}
.warehouse-order-materials{display:flex;flex-direction:column}.warehouse-material-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #EEF3F8}
.warehouse-material-row:last-child{border-bottom:0}.warehouse-material-row strong,.warehouse-material-row b{display:block;color:#365C80;font-size:11px}.warehouse-material-row span{display:block;color:#879AAF;font-size:10px;margin-top:2px;text-align:right}
@media(max-width:800px){.warehouse-kpis{grid-template-columns:1fr 1fr}.warehouse-grid{grid-template-columns:1fr}.warehouse-head{flex-direction:column}.warehouse-search{flex-direction:column}.warehouse-search select{min-width:0}}

/* CRM v1.19 — warehouse documents */
.stock-doc-print{padding:28px!important}.stock-doc-title{text-align:center;margin-bottom:25px}.stock-doc-title h2{font-size:18px;margin:0 0 5px;color:#294968}.stock-doc-title div{font-size:12px;color:#587693}
.stock-doc-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.stock-doc-meta>div{border-bottom:1px solid #dfe9f4;padding:8px 0}.stock-doc-meta span{display:block;font-size:10px;color:#879aaf}.stock-doc-meta strong{display:block;margin-top:3px;color:#365c80;font-size:12px}
.stock-doc-table{width:100%;border-collapse:collapse}.stock-doc-table th,.stock-doc-table td{border:1px solid #dfe9f4;padding:8px;font-size:10px}.stock-doc-table th{background:#f4f8fc;color:#365c80}
.stock-doc-comment{margin-top:15px;font-size:11px}.stock-doc-signatures{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:55px;font-size:11px}.stock-doc-editor,.stock-doc-post{margin-top:14px}.stock-doc-editor h2{font-size:15px}
.button.small{padding:5px 8px;font-size:9px}.button.danger{background:#b94a48}
@media(max-width:700px){.stock-doc-meta,.stock-doc-signatures{grid-template-columns:1fr}.stock-doc-signatures{gap:25px}.stock-doc-print{padding:14px!important}}

.nomenclature-info{margin-bottom:12px;padding:13px 16px;font-size:11px;color:#4b6985}.nomenclature-filters{display:grid;grid-template-columns:minmax(220px,2fr) minmax(140px,1fr) minmax(170px,1fr) auto auto;gap:8px}.nomenclature-filters select{min-height:38px}
@media(max-width:800px){.nomenclature-filters{grid-template-columns:1fr}.nomenclature-filters .button{text-align:center}}

/* v1.28 warehouse */
.stock-group > tr:first-child td { vertical-align: middle; }
.stock-details-row td { padding-top: 0; }
.stock-details-row details { margin: 4px 0 10px; }
.stock-details-row summary { cursor: pointer; font-weight: 700; color: #2f6bc2; padding: 8px 0; }
.serial-location-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:8px; padding:8px 0 4px; }
.serial-location-card { border:1px solid #e2e7ef; border-radius:10px; padding:10px 12px; background:#fafcff; display:flex; justify-content:space-between; gap:12px; }
.serial-location-card span { color:#657184; text-align:right; }
@media(max-width:760px){.serial-location-grid{grid-template-columns:1fr}.serial-location-card{display:block}.serial-location-card span{display:block;text-align:left;margin-top:4px}}

/* v1.29 supplier document */
.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.form-grid-3 p{margin:0}@media(max-width:760px){.form-grid-3{grid-template-columns:1fr}}

/* v1.31 inventory discrepancy control */
.inventory-shortage{padding:5px 8px;margin:3px 0;border-left:3px solid #b42318;background:#fff5f4}.inventory-surplus{padding:5px 8px;margin:3px 0;border-left:3px solid #16794b;background:#f3fbf7}.inventory-conflict{padding:6px 8px;margin:4px 0;border-left:3px solid #b7791f;background:#fffaf0}
@media print{.no-print,.sidebar,.topbar{display:none!important}.workspace{margin:0!important}.content{padding:0!important}}

/* v1.35.5 — compact serial-number table on main warehouse */
.serial-details{margin:0}
.serial-details>summary{cursor:pointer;font-weight:700;color:#2466c2;padding:8px 10px;list-style-position:inside}
.serial-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 7px;margin-left:6px;border:1px solid #d7e3f5;border-radius:11px;font-size:12px;color:#55708f;background:#f7faff}
.serial-table-wrap{padding:4px 10px 12px 10px}
.serial-table{width:100%;border-collapse:collapse;background:#fff}
.serial-table th{padding:8px 12px;text-align:left;font-size:12px;font-weight:600;color:#70839a;background:#f8fafc;border-bottom:1px solid #e5edf6}
.serial-table td{padding:9px 12px;border-bottom:1px solid #edf2f7;vertical-align:middle}
.serial-table tbody tr:last-child td{border-bottom:0}
.serial-table th:first-child,.serial-table td:first-child{width:38%}
.serial-number{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:13px;color:#163a63}
.location-badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:12px;font-size:12px;font-weight:600;background:#f1f4f8;color:#51677e;white-space:nowrap}
.location-badge.warehouse{background:#edf5ff;color:#2869bd}
.location-badge.installer{background:#fff7e8;color:#9a6813}
.location-badge.installed{background:#eef8f1;color:#34734a}
.location-note{margin-left:9px;color:#5f7185;font-size:13px}
.stock-details-row>td{padding:0 0 8px!important;background:#fbfdff}

/* v1.35.6 — balances page */
.balances-table thead th{white-space:nowrap}
.balance-details-row>td{padding:0 0 7px!important;background:#fbfdff}
.installer-balance-details>summary{cursor:pointer;font-weight:700;color:#2466c2;padding:7px 12px;list-style-position:inside}
.installer-balance-table-wrap{padding:3px 12px 10px}
.installer-balance-table{width:100%;border-collapse:collapse;background:#fff}
.installer-balance-table th{padding:7px 11px;text-align:left;font-size:12px;font-weight:600;color:#70839a;background:#f8fafc;border-bottom:1px solid #e5edf6}
.installer-balance-table td{padding:8px 11px;border-bottom:1px solid #edf2f7}
.installer-balance-table tbody tr:last-child td{border-bottom:0}
.low-stock-note{margin-top:3px;font-size:11px;font-weight:500;color:#9a6813}

/* v1.35.7 — warehouse documents */
.warehouse-doc-actions{display:flex;gap:8px;flex-wrap:wrap}
.warehouse-doc-filters{display:grid;grid-template-columns:minmax(280px,2fr) minmax(140px,1fr) minmax(140px,1fr) 150px 150px auto auto;gap:8px;margin-bottom:12px}
.warehouse-doc-filters input,.warehouse-doc-filters select{min-width:0}
.warehouse-doc-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 28px}
.warehouse-doc-summary-grid>div{display:flex;flex-direction:column;gap:5px}
.warehouse-doc-summary-grid>div.wide{grid-column:span 2}
.warehouse-doc-summary-grid span:not(.doc-state){font-size:12px;color:#71849a}
.warehouse-doc-summary-grid strong{font-size:14px;color:#173a60}
.warehouse-doc-lines h2,.signed-document-card h2{margin-top:0}
.warehouse-doc-lines tfoot td{border-top:2px solid #dbe6f2;padding-top:12px}
.warehouse-doc-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.warehouse-danger-zone{border-color:#efd9d9}
.signed-document-card{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:end}
.signed-document-card form{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.print-only{display:none}
@media(max-width:1100px){.warehouse-doc-filters{grid-template-columns:1fr 1fr}.warehouse-doc-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.warehouse-doc-bottom-grid,.signed-document-card{grid-template-columns:1fr}}
.serial-picker{margin:14px 0 22px}.serial-picker-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:10px}.serial-picker-counter{padding:7px 11px;background:#f4f8fd;border-radius:8px;color:#58708b;white-space:nowrap}.serial-picker-search{width:100%;margin-bottom:9px}.serial-picker-tools{display:flex;gap:7px;margin-bottom:8px}.serial-picker-list{max-height:390px;overflow:auto;border:1px solid #dfe8f2;border-radius:9px;background:#fff}.serial-picker-group+.serial-picker-group{border-top:1px solid #e7eef6}.serial-picker-group-title{display:flex;justify-content:space-between;padding:9px 12px;background:#f7faff}.serial-picker-row{display:flex;align-items:center;gap:13px;padding:8px 12px;border-top:1px solid #edf2f7;cursor:pointer}.serial-picker-row:hover{background:#f8fbff}.serial-picker-row input{width:auto;margin:0}.serial-picker-row .serial-number{min-width:230px}.nonserial-add{margin-top:22px;padding-top:18px;border-top:1px solid #e4ebf3}.nonserial-add h3{margin-top:0}
/* v1.35.11 — warehouse document editor alignment */
.stock-doc-editor{padding:22px 24px}
.stock-doc-editor>h2{margin:0 0 16px;font-size:18px}
.serial-picker{margin:0 0 26px}
.serial-picker-head{min-height:48px;margin-bottom:10px}
.serial-picker-head strong{font-size:16px}
.serial-picker-counter{display:flex;align-items:center;gap:4px;min-height:36px;padding:0 12px}
.serial-picker-search{height:40px;margin:0 0 10px;padding:0 12px}
.serial-picker-tools{margin:0 0 10px}
.serial-picker-tools .button{min-height:30px;padding:5px 10px}
.serial-picker-list{max-height:390px}
.serial-picker-group-title{min-height:42px;align-items:center;padding:9px 14px}
.serial-picker-row{min-height:40px;padding:8px 14px}
.serial-picker-row .serial-number{min-width:220px}
.serial-picker form>p{margin:14px 0 10px}
.serial-picker form>p label,.nonserial-add label{display:block;margin-bottom:6px;font-weight:600;color:#173a60}
.serial-picker form>p input,.nonserial-add input,.nonserial-add select{width:100%;height:40px}
#addSelectedSerials{margin-top:4px}
.nonserial-add{margin-top:26px;padding-top:22px}
.nonserial-add h3{margin:0 0 6px;font-size:18px}
.nonserial-add>.muted{margin:0 0 16px}
.nonserial-add form{display:grid;grid-template-columns:minmax(320px,2fr) minmax(140px,.55fr);gap:12px 16px;align-items:end}
.nonserial-add form>div:nth-of-type(3){grid-column:1/-1}
.nonserial-add form>.button{grid-column:1/-1;justify-self:start;margin-top:0}
.warehouse-doc-bottom-grid{margin-top:14px;align-items:stretch}
.warehouse-doc-bottom-grid>.card{margin:0;min-height:145px;padding:20px 22px;display:flex;flex-direction:column;align-items:flex-start}
.warehouse-doc-bottom-grid>.card p{margin:6px 0 14px}
.warehouse-doc-bottom-grid>.card form{margin-top:auto}
@media(max-width:850px){
 .stock-doc-editor{padding:18px}
 .serial-picker-head{align-items:flex-start}
 .serial-picker-row .serial-number{min-width:0}
 .nonserial-add form{grid-template-columns:1fr}
 .nonserial-add form>div:nth-of-type(3),.nonserial-add form>.button{grid-column:1}
}

/* v1.35.13 — movement page polish */
.movement-filters{display:grid;grid-template-columns:minmax(260px,1.35fr) minmax(190px,.8fr) minmax(210px,.9fr) auto auto;gap:8px;align-items:center}
.movement-filters>input,.movement-filters>select{width:100%;min-width:0}
.movement-table{width:100%;table-layout:auto}
.movement-table th,.movement-table td{padding-left:12px;padding-right:12px;vertical-align:middle}
.movement-table th:nth-child(1),.movement-table td:nth-child(1){white-space:nowrap;width:126px}
.movement-table th:nth-child(2),.movement-table td:nth-child(2){width:155px}
.movement-table th:nth-child(4),.movement-table td:nth-child(4){white-space:nowrap;width:140px}
.movement-table th:nth-child(5),.movement-table td:nth-child(5){white-space:nowrap;width:90px}
.movement-table th:nth-child(6),.movement-table td:nth-child(6){width:120px}
.movement-table th:nth-child(8),.movement-table td:nth-child(8){white-space:nowrap;width:130px}
@media(max-width:1100px){.movement-filters{grid-template-columns:1fr 1fr}.movement-table-wrap{overflow-x:auto}.movement-table{min-width:980px}}

/* v1.35.15 — prominent system messages */
.message{display:flex;align-items:center;gap:10px}
.message-error{
    background:#fff1f2;
    border:1px solid #f3a6ad;
    border-left:5px solid #dc2626;
    color:#991b1b;
    font-weight:600;
    box-shadow:0 2px 8px rgba(153,27,27,.08);
}
.message-error .message-icon{
    display:inline-flex;align-items:center;justify-content:center;
    width:22px;height:22px;min-width:22px;border-radius:50%;
    background:#dc2626;color:#fff;font-size:14px;line-height:1;
}
.message-success{background:#effaf3;border-color:#b7e4c7;color:#176b38}
.message-warning{background:#fff8e8;border-color:#f2d28b;color:#8a5a00}

/* CRM v1.35.28 — serial accounting filters */
.warehouse-search .warehouse-search-input{
    display:block;
    flex:1 1 420px;
    min-width:260px;
    width:auto;
    box-sizing:border-box;
}
@media(max-width:800px){
    .warehouse-search .warehouse-search-input{width:100%;min-width:0;flex-basis:auto}
}
\n\n/* v1.35.31 — final warehouse table polish */\n.nomenclature-table-wrap,.movement-table-wrap{overflow-x:visible}\n.nomenclature-table,.movement-table{width:100%;table-layout:fixed}\n.nomenclature-table th,.nomenclature-table td,.movement-table th,.movement-table td{white-space:normal;overflow-wrap:anywhere;vertical-align:middle}\n.nomenclature-table th:nth-child(1){width:12%}\n.nomenclature-table th:nth-child(2){width:8%}\n.nomenclature-table th:nth-child(3){width:9%}\n.nomenclature-table th:nth-child(4){width:25%}\n.nomenclature-table th:nth-child(5){width:16%}\n.nomenclature-table th:nth-child(6){width:10%}\n.nomenclature-table th:nth-child(7){width:8%}\n.nomenclature-table th:nth-child(8){width:7%}\n.nomenclature-table th:nth-child(9){width:5%}\n.nomenclature-table .nomenclature-actions{text-align:right;white-space:nowrap;overflow-wrap:normal}\n.nomenclature-table .nomenclature-actions .button{padding:6px 8px}\n.movement-table th:nth-child(1){width:11%}\n.movement-table th:nth-child(2){width:15%}\n.movement-table th:nth-child(3){width:26%}\n.movement-table th:nth-child(4){width:12%}\n.movement-table th:nth-child(5){width:7%}\n.movement-table th:nth-child(6){width:10%}\n.movement-table th:nth-child(7){width:8%}\n.movement-table th:nth-child(8){width:11%}\n.movement-table td:nth-child(1),.movement-table td:nth-child(5){white-space:nowrap;overflow-wrap:normal}\n@media(max-width:1100px){\n .movement-table-wrap,.nomenclature-table-wrap{overflow-x:auto}\n .movement-table{min-width:980px}\n .nomenclature-table{min-width:1050px}\n}\n
/* CRM internal open-page tabs */
.crm-page-tabs{
    display:flex;
    align-items:center;
    gap:6px;
    min-height:43px;
    padding:6px 18px;
    background:#f8fafc;
    border-bottom:1px solid #e2e8f0;
    overflow-x:auto;
    scrollbar-width:thin;
}
.crm-page-tab{
    display:inline-flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
    max-width:260px;
    min-height:31px;
    padding:5px 7px 5px 11px;
    border:1px solid #dbe3ee;
    border-radius:7px;
    background:#fff;
    color:#475569;
    text-decoration:none;
    font-size:13px;
    line-height:1.2;
}
.crm-page-tab:hover{background:#f1f5f9;color:#1e293b;}
.crm-page-tab.active{
    border-color:#2f6bc2;
    background:#eef5ff;
    color:#1d4f99;
    font-weight:600;
}
.crm-page-tab-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.crm-page-tab-close{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    flex:0 0 20px;
    border:0;
    border-radius:5px;
    background:transparent;
    color:#94a3b8;
    cursor:pointer;
    font-size:17px;
    line-height:1;
    padding:0;
}
.crm-page-tab-close:hover{background:#dfe7f1;color:#334155;}
@media (max-width:760px){
    .crm-page-tabs{padding:6px 10px;}
    .crm-page-tab{max-width:210px;}
}

/* v1.35.44 — roomier page tabs for easier navigation */
.crm-page-tabs{
    gap:10px;
    min-height:52px;
    padding:8px 18px;
}
.crm-page-tab{
    gap:10px;
    min-height:36px;
    padding:7px 8px 7px 14px;
    border-radius:8px;
}
.crm-page-tab-close{
    width:22px;
    height:22px;
    flex-basis:22px;
}
@media (max-width:760px){
    .crm-page-tabs{gap:8px;padding:7px 10px;}
    .crm-page-tab{min-height:35px;padding:7px 8px 7px 12px;}
}


/* v1.35.45 — page tab spacing + workorder KPI colors + clickable acts */
.crm-page-tabs{gap:16px;}
.workorder-kpi.kpi-total{border-left:3px solid #5b9cf0;background:#f4f9ff;}
.workorder-kpi.kpi-total strong{color:#2f6bc2;}
.workorder-kpi.kpi-active,.workorder-kpi.kpi-in-progress{border-left:3px solid #e6b84d;background:#fffaf0;}
.workorder-kpi.kpi-active strong,.workorder-kpi.kpi-in-progress strong{color:#a9782b;}
.workorder-kpi.kpi-completed{border-left:3px solid #55b978;background:#f1fbf5;}
.workorder-kpi.kpi-completed strong{color:#25894b;}
.workorder-kpi.kpi-no-act{border-left:3px solid #df6666;background:#fff5f5;}
.workorder-kpi.kpi-no-act strong{color:#bd4040;}
.wo-acts-link{display:inline-flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit;border-radius:7px;padding:2px;}
.wo-acts-link:hover{background:#f0f6ff;box-shadow:0 0 0 2px #d9e8fb;}
#workorder-acts{scroll-margin-top:72px;}
@media(max-width:760px){.crm-page-tabs{gap:12px;}}

/* v1.35.47 — Workorders visual refinement */
.workorders-head{align-items:center;margin-bottom:16px}.workorders-head h1{font-size:30px;line-height:1.1;letter-spacing:-.02em;margin-bottom:5px}.workorders-head .muted{font-size:13px}.workorders-head>.button{min-height:38px;padding:9px 16px;border-radius:9px;box-shadow:0 2px 5px rgba(47,107,194,.14)}
.workorder-kpis{gap:12px;margin-bottom:14px}.workorder-kpi{min-height:50px;padding:12px 14px;border-radius:10px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.workorder-kpi:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(42,74,108,.08)}.workorder-kpi span{font-size:11px}.workorder-kpi strong{font-size:21px;line-height:1}
.workorder-filter-card{padding:14px!important;margin-bottom:14px;border-radius:12px}.workorder-filter-grid{gap:10px 12px}.workorder-filter-grid label{margin:0 0 5px 1px;color:#58738f;font-size:10px;letter-spacing:.015em}.workorder-filter-grid input,.workorder-filter-grid select{height:38px;border-radius:8px;border-color:#d9e4f0}.workorder-filter-grid input:focus,.workorder-filter-grid select:focus{border-color:#76a6e5;box-shadow:0 0 0 3px rgba(47,107,194,.08);outline:none}.workorder-filter-actions{margin-top:11px;gap:9px}.workorder-filter-actions .button{min-height:36px;padding:8px 14px;border-radius:8px}
.workorders-table-card{border-radius:12px;padding:12px 14px 8px;box-shadow:0 5px 18px rgba(43,73,104,.05)}.workorders-table{width:100%;border-collapse:separate;border-spacing:0}.workorders-table thead th{height:38px;padding:8px 10px;background:#f6f9fc;color:#55718d;font-size:10px;font-weight:800;letter-spacing:.035em;border-bottom:1px solid #dce6f0}.workorders-table thead th:first-child{border-radius:8px 0 0 0}.workorders-table thead th:last-child{border-radius:0 8px 0 0}.workorders-table tbody td{padding:13px 10px;border-bottom:1px solid #e3ebf3}.workorders-table tbody tr[data-client]{transition:background .14s ease}.workorders-table tbody tr[data-client]:hover{background:#f8fbff}.wo-number{font-size:14px}.wo-client{font-size:13px;line-height:1.25}.wo-vehicle{margin-top:5px;line-height:1.25}.wo-title{font-size:13px;line-height:1.3}.wo-meta{margin-top:6px}.wo-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:260px;line-height:1.35;color:#36536f}.wo-description-cell{min-width:150px}.wo-acts{min-width:70px}.doc-state{margin:3px 0;padding:4px 7px;transition:transform .12s ease,box-shadow .12s ease}a.doc-state{text-decoration:none}a.doc-state:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(40,80,120,.12)}.wo-open{min-width:54px;text-align:center;border-radius:7px!important}.wo-edit{border:1px solid transparent}.wo-edit:hover{border-color:#d5e2ef;background:#e8f1fb}
.crm-page-tabs{gap:12px!important;padding:8px 16px 10px!important;background:#f6f9fc}.crm-page-tab{min-height:38px;padding:8px 9px 8px 14px;border-radius:9px;box-shadow:0 1px 2px rgba(31,56,82,.03)}.crm-page-tab:hover{box-shadow:0 3px 8px rgba(31,56,82,.07)}.crm-page-tab.active{box-shadow:0 2px 7px rgba(47,107,194,.10)}
@media(max-width:1050px){.workorders-table-card{padding:10px}}@media(max-width:700px){.workorders-head h1{font-size:26px}.crm-page-tabs{gap:9px!important}}

/* v1.35.95 — уведомления бухгалтерии */
.crm-notifications{position:relative;margin:0}
.crm-notifications>summary{list-style:none;position:relative;width:38px;height:38px;border:1px solid #d7e3f1;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(20,62,105,.05)}
.crm-notifications>summary::-webkit-details-marker{display:none}
.crm-notification-bell{width:15px;height:15px;border:3px solid #315579;border-radius:50%;font-size:0;position:relative}
.crm-notification-bell:after{content:"";position:absolute;width:6px;height:3px;border-radius:0 0 6px 6px;background:#315579;left:2px;bottom:-6px}
.crm-notification-badge{position:absolute;right:-7px;top:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#d92d20;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
.crm-notification-panel{display:none;position:absolute;right:0;top:46px;width:390px;max-width:calc(100vw - 32px);background:#fff;border:1px solid #d7e3f1;border-radius:12px;box-shadow:0 16px 38px rgba(20,62,105,.18);z-index:200;padding:8px}
.crm-notifications[open] .crm-notification-panel{display:block}
.crm-notification-head{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;border-bottom:1px solid #edf2f7;color:#173b61}
.crm-notification-head span{background:#eaf2ff;color:#2367c9;border-radius:12px;padding:2px 8px;font-size:12px}
.crm-notification-item{display:flex;flex-direction:column;gap:4px;padding:10px;border-bottom:1px solid #edf2f7;text-decoration:none;color:#173b61;border-radius:8px}
.crm-notification-item:hover{background:#f5f9ff}
.crm-notification-item span{font-size:12px;color:#445d78}.crm-notification-item small{font-size:11px;color:#7b8da0}
.crm-notification-empty{padding:18px 10px;text-align:center;color:#7b8da0;font-size:13px}
.crm-notification-all{display:block;text-align:center;padding:9px;text-decoration:none;color:#2367c9;font-weight:700;font-size:12px}
@media(max-width:760px){.crm-notifications{margin-left:auto;margin-right:8px}.crm-notification-panel{position:fixed;right:12px;left:12px;top:64px;width:auto}}


/* v1.36.08 — unified warehouse document typography */
.warehouse-doc-lines{padding:18px 20px}
.warehouse-doc-lines h2{font-size:18px;margin:0 0 14px;color:#173a60}
.warehouse-document-table{font-size:13px}
.warehouse-document-table th{font-size:11px;font-weight:600;color:#6f8298;padding:9px 12px;white-space:nowrap}
.warehouse-document-table td{font-size:13px;padding:9px 12px;color:#173a60;vertical-align:middle}
.warehouse-document-table .doc-sku{font-size:12px;font-weight:400;color:#60758d}
.warehouse-document-table .doc-item-name{font-size:13px;font-weight:600;color:#173a60}
.warehouse-document-table .doc-serial{font-size:12px;font-weight:400;color:#526a84}
.warehouse-document-table .doc-empty{color:#9aa9b8}
.warehouse-document-table .button.small{font-size:10px;padding:4px 8px;min-height:24px}
.warehouse-doc-summary{padding:16px 18px}
.warehouse-doc-summary-grid{gap:14px 24px}
.warehouse-doc-summary-grid span:not(.doc-state){font-size:11px}
.warehouse-doc-summary-grid strong{font-size:13px}
.stock-doc-editor,.warehouse-doc-bottom-grid,.signed-document-card{font-size:13px}
.serial-picker-group-title{font-size:12px;color:#60758d}
.serial-picker-group-title strong{font-size:13px;color:#173a60}
.serial-picker-row .serial-number{font-size:12px;color:#526a84;font-weight:400}

/* v1.36.09 — compact warehouse document typography (Finance density) */
.warehouse-doc-lines{padding:15px 18px}
.warehouse-doc-lines h2{font-size:16px;margin:0 0 11px}
.warehouse-document-table{font-size:11px}
.warehouse-document-table th{font-size:10px;padding:7px 10px}
.warehouse-document-table td{font-size:11px;padding:7px 10px}
.warehouse-document-table .doc-sku{font-size:11px;font-weight:400;color:#6b7f94}
.warehouse-document-table .doc-item-name{font-size:12px;font-weight:600;color:#173a60}
.warehouse-document-table .doc-serial{font-size:10px;font-weight:400;color:#60758d}
.warehouse-document-table .button.small{font-size:9px;padding:3px 7px;min-height:21px}
.warehouse-doc-summary{padding:13px 16px}
.warehouse-doc-summary-grid{gap:11px 22px}
.warehouse-doc-summary-grid span:not(.doc-state){font-size:10px}
.warehouse-doc-summary-grid strong{font-size:12px}
.stock-doc-editor,.warehouse-doc-bottom-grid,.signed-document-card{font-size:12px}
.serial-picker-group-title{font-size:11px}
.serial-picker-group-title strong{font-size:12px}
.serial-picker-row{font-size:11px}
.serial-picker-row .serial-number{font-size:10px}