:root{--ink:#132823;--muted:#66716e;--line:#dce3df;--surface:#fff;--soft:#f0f4f2;--accent:#177765;--accent2:#2c8b78;--green:#2f7654;--red:#9b3445;--shadow:0 16px 45px rgba(14,39,48,.08)}
*{box-sizing:border-box}[hidden]{display:none!important}html{background:#f3f5f3;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body{margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.panel{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 10% 10%,#eee3ed,transparent 36%),radial-gradient(circle at 90% 85%,#e8ece5,transparent 34%),#f5f4f1}.login-card{width:min(430px,100%);display:grid;gap:18px;padding:32px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 24px 70px rgba(54,39,56,.12)}.login-card h1{margin:5px 0 6px;font-size:30px}.login-card p{margin:0;color:var(--muted);line-height:1.5}
.brand-mark{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--accent2));color:white;font-weight:900;font-size:22px;box-shadow:0 10px 25px rgba(23,119,101,.25)}.brand-mark.small{width:38px;height:38px;border-radius:12px;font-size:17px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-size:11px;font-weight:850}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:12px max(18px,calc((100vw - 1420px)/2));background:rgba(249,250,249,.92);border-bottom:1px solid rgba(223,228,224,.95);backdrop-filter:blur(14px)}.brand,.top-actions{display:flex;align-items:center;gap:11px}.brand>div:last-child{display:grid}.brand span{font-size:12px;color:var(--muted)}.user-pill{font-size:12px;background:#e7efeb;padding:8px 11px;border-radius:99px;color:#405b53}
.site-nav{position:sticky;top:63px;z-index:9;display:flex;gap:6px;overflow-x:auto;padding:9px max(18px,calc((100vw - 1420px)/2));background:rgba(243,245,243,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav-tab{flex:0 0 auto;border:1px solid transparent;border-radius:10px;padding:9px 13px;background:transparent;color:var(--muted);font-weight:800}.nav-tab:hover{background:#ece8ed;color:var(--ink)}.nav-tab.active{background:white;border-color:var(--line);color:var(--ink);box-shadow:0 2px 8px rgba(54,39,56,.06)}
.page{width:min(1420px,calc(100% - 32px));margin:20px auto 60px}.hero{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:24px}.hero h1{margin:4px 0 6px;font-size:28px}.hero p,.section-head p{margin:0;color:var(--muted);font-size:13px}.primary,.ghost{border-radius:11px;padding:10px 15px;font-weight:800;border:1px solid transparent}.primary{background:var(--accent);color:white;box-shadow:0 7px 18px rgba(105,69,102,.18)}.primary:hover{background:#573653}.ghost{background:white;color:var(--ink);border-color:var(--line)}.wide{width:100%}
.app-page{display:grid;gap:14px}.app-page>.kpi-grid,.app-page>.register,.app-page>.dashboard-grid,.app-page>.bottom-grid{margin-top:0;margin-bottom:0}.reports-kpis,.sales-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.period-tabs,.calendar-toolbar{display:flex;gap:8px;align-items:center}.period-tabs .active{background:var(--accent);color:white;border-color:var(--accent)}.calendar-toolbar{justify-content:center;margin-bottom:16px}.calendar-list{display:grid;gap:10px}.calendar-day{display:grid;grid-template-columns:125px 1fr;gap:14px;padding:14px;border:1px solid var(--line);border-radius:13px}.calendar-day-date{font-size:13px;font-weight:850}.calendar-day-events{display:grid;gap:8px}.calendar-event{display:grid;grid-template-columns:105px 1fr auto;gap:12px;align-items:center;padding:11px;background:var(--soft);border-radius:10px;cursor:pointer}.calendar-event:hover{background:#ece7ee}.calendar-event time{font-weight:850;font-size:12px}.calendar-event strong{display:block;font-size:13px}.calendar-event span{display:block;color:var(--muted);font-size:11px;margin-top:2px}.role-badge,.active-badge{display:inline-flex;padding:6px 9px;border-radius:99px;background:#efebf0;font-size:11px;font-weight:800}.active-badge.off{background:#f4e8ea;color:var(--red)}.danger{color:var(--red);border-color:#e9c7cd}.answer-card{padding:13px;border:1px solid var(--line);border-radius:11px}.answer-card strong{display:block;font-size:12px;margin-bottom:5px}.answer-card p{margin:0;color:#514a54;white-space:pre-wrap;font-size:13px}
.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:14px 0}.kpi{min-height:122px;padding:17px 18px;display:flex;flex-direction:column;justify-content:space-between}.kpi span{font-size:12px;color:var(--muted);font-weight:800}.kpi strong{font-size:31px;line-height:1}.kpi small{font-size:11px;color:var(--muted)}.kpi.attention{border-color:#efd0d7}.kpi.attention span,.kpi.attention strong{color:var(--red)}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:14px;margin-bottom:14px}.dashboard-grid>.panel,.bottom-grid>.panel,.register{min-width:0;padding:19px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-head h2{margin:0 0 4px;font-size:17px}.stage-grid{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:8px;margin-top:16px}.stage-card{min-height:82px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbfafc}.stage-card span{display:block;color:var(--muted);font-size:11px;font-weight:750;line-height:1.3}.stage-card strong{display:block;font-size:22px;margin-top:10px}.attention-list{display:grid;gap:9px;margin-top:16px}.attention-list>div{display:flex;justify-content:space-between;align-items:center;padding:13px;border:1px solid var(--line);border-radius:12px}.attention-list span{font-size:13px;font-weight:750}.attention-list strong{color:var(--red)}
.register{margin-bottom:14px}.register-head{margin-bottom:14px}.filters{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:9px;margin-bottom:13px}input,select,textarea{width:100%;border:1px solid #dcd6df;border-radius:10px;background:#fff;padding:10px 11px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#9b7597;box-shadow:0 0 0 3px rgba(105,69,102,.1)}textarea{min-height:78px;resize:vertical}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px}table{width:100%;border-collapse:collapse;min-width:860px}th{padding:11px 12px;text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:10px;background:#faf9fb}td{padding:13px 12px;border-top:1px solid var(--line);font-size:12px;vertical-align:top}tbody tr[data-id],tbody tr[data-report-id],tbody tr[data-user-id]{cursor:pointer}tbody tr[data-id]:hover,tbody tr[data-report-id]:hover,tbody tr[data-user-id]:hover{background:#faf7fa}.subline{display:block;color:var(--muted);font-size:10px;margin-top:3px}.status{display:inline-flex;padding:6px 8px;border-radius:99px;background:#efebf0;color:#5b4c5b;font-weight:800;font-size:10px}.risk{color:var(--red);font-weight:750}.overdue{color:var(--red);font-weight:850}.empty{text-align:center;color:var(--muted);padding:28px!important}.bottom-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.upcoming-list,.history-list{display:grid;gap:8px;margin-top:14px}.upcoming-item,.history-item{padding:12px;border:1px solid var(--line);border-radius:11px}.upcoming-item strong,.history-item strong{display:block;font-size:12px}.upcoming-item span,.history-item span{color:var(--muted);font-size:11px}.history-item p{margin:5px 0 0;font-size:12px}
dialog{width:min(900px,calc(100vw - 24px));max-height:calc(100vh - 24px);border:0;border-radius:20px;padding:0;box-shadow:0 28px 90px rgba(30,20,32,.28)}dialog::backdrop{background:rgba(32,27,34,.48);backdrop-filter:blur(3px)}.dialog-body{padding:0}.dialog-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:15px;padding:20px 22px;background:white;border-bottom:1px solid var(--line)}.dialog-head h2{margin:4px 0;font-size:21px}.dialog-head p{margin:0;color:var(--muted);font-size:12px}.close{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:white;font-size:22px}.form-section{margin:14px 18px 0;padding:15px;border:1px solid var(--line);border-radius:14px}.form-section h3{margin:0 0 12px;font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label,.login-card label{font-size:12px;font-weight:750;color:#544e57;display:grid;gap:6px}.span-2{grid-column:1/-1}.checkbox{display:flex!important;align-items:center;gap:8px}.checkbox input{width:auto}.dialog-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;background:white;border-top:1px solid var(--line);margin-top:14px}.form-error{min-height:18px;color:var(--red);font-size:12px;font-weight:750;padding:0 18px}.login-card .form-error{padding:0}.toast{position:fixed;right:18px;bottom:18px;z-index:50;max-width:360px;padding:13px 15px;border-radius:12px;background:#2c2930;color:white;box-shadow:var(--shadow);font-size:12px;font-weight:750}
@media(max-width:1100px){.kpi-grid,.reports-kpis,.sales-kpis{grid-template-columns:repeat(3,1fr)}.stage-grid{grid-template-columns:repeat(3,1fr)}.filters{grid-template-columns:1fr 1fr}.bottom-grid{grid-template-columns:1fr}}
@media(max-width:760px){.page{width:min(100% - 20px,1420px);margin-top:10px}.topbar{padding:10px}.site-nav{top:59px;padding:8px 10px}.user-pill{display:none}.hero{align-items:flex-start;flex-direction:column;padding:18px}.hero .primary{width:100%}.kpi-grid,.reports-kpis,.sales-kpis{grid-template-columns:1fr 1fr;gap:8px}.kpi{min-height:105px;padding:14px}.dashboard-grid{grid-template-columns:1fr}.stage-grid{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.form-section{margin:10px 10px 0}.dialog-head{padding:17px 14px}.dialog-actions{padding:12px 10px}.period-tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.calendar-day{grid-template-columns:1fr}.calendar-event{grid-template-columns:85px 1fr}.calendar-event .role-badge{display:none}}

/* Reporting and sales dashboards retain the visual language of the original B2 site. */
:root{--navy:#0e2730;--teal:#177765;--blue:#206b8f;--amber:#b56b00;--coral:#d57856;--pale-green:#e4f3ed;--pale-blue:#e8eef3;--pale-amber:#fff2d6;--pale-red:#fbe7eb}
.report-toolbar{padding:18px}.quick-periods{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.quick-periods .active{background:#122923;color:white;border-color:#122923}.report-filter-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr .8fr;gap:10px;align-items:end}.report-filter-grid label{display:grid;gap:6px;color:#66716e;font-size:11px;font-weight:800}.filter-search{grid-column:2/span 3}.filter-actions{display:flex;gap:8px}.control-panel{padding:19px}.status-summary{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0 15px}.status-chip{display:inline-flex;align-items:center;gap:4px;padding:7px 10px;border-radius:99px;font-size:11px;font-weight:850;white-space:nowrap}.status-chip.ok{background:var(--pale-green);color:#08744e}.status-chip.early{background:var(--pale-amber);color:#a46500}.status-chip.late{background:var(--pale-red);color:#c52f4e}.control-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:9px}.control-card{display:grid;gap:4px;text-align:left;border:1px solid var(--line);border-left:5px solid var(--teal);border-radius:12px;padding:12px;background:white}.control-card.early{border-left-color:var(--amber)}.control-card.late{border-left-color:#c52f4e}.control-card span,.control-card small{color:var(--muted);font-size:11px}.report-status-kpis{grid-template-columns:repeat(4,1fr)}.kpi[class*="accent-"]{position:relative;overflow:hidden}.kpi[class*="accent-"]::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--teal)}.kpi.accent-green strong{color:var(--teal)}.kpi.accent-blue::before{background:var(--blue)}.kpi.accent-blue strong{color:var(--blue)}.kpi.accent-amber::before{background:var(--amber)}.kpi.accent-amber strong{color:var(--amber)}.kpi.accent-red::before{background:#c52f4e}.kpi.accent-red strong{color:#c52f4e}.kpi.accent-navy::before{background:var(--navy)}.kpi.accent-navy strong{color:var(--navy)}.kpi.accent-brown::before{background:#9c622e}.kpi.accent-brown strong{color:#9c622e}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.chart-card{padding:20px;min-height:315px}.bar-chart{height:225px;display:flex;gap:10px;align-items:end;padding:28px 5px 0;border-bottom:1px solid var(--line);margin-top:12px}.bar-chart.large{height:260px}.bar-column{height:100%;min-width:28px;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:5px}.bar{width:min(100%,84px);min-height:2px;border-radius:5px 5px 1px 1px;transition:height .25s}.bar-value{font-size:10px;color:var(--navy)}.bar-label{font-size:10px;color:var(--muted);white-space:nowrap}.ranking{display:grid;gap:12px;margin-top:20px}.ranking-row{display:grid;gap:5px}.ranking-head{display:flex;justify-content:space-between;font-size:12px}.ranking-track{height:9px;background:#edf0ee;border-radius:99px;overflow:hidden}.ranking-fill{display:block;height:100%;background:var(--teal);border-radius:99px}.report-row.ok{box-shadow:inset 4px 0 var(--teal)}.report-row.early{box-shadow:inset 4px 0 var(--amber)}.report-row.late{box-shadow:inset 4px 0 #c52f4e}.sales-kpis{grid-template-columns:repeat(3,1fr)}.sales-charts{grid-template-columns:1fr 1fr}.plan-progress{padding:17px 20px}.plan-progress>div{display:flex;justify-content:space-between;font-size:12px;font-weight:850;margin-bottom:9px}.plan-progress progress{width:100%;height:13px;accent-color:var(--teal)}.compact-hero{min-height:100px}
#reportsPage .primary,#salesPage .primary{background:var(--teal);box-shadow:0 7px 18px rgba(23,119,101,.18)}#reportsPage .primary:hover,#salesPage .primary:hover{background:#105f51}
.status-chip.due{background:var(--pale-amber);color:#a46500}.status-chip.missing{background:var(--pale-red);color:#c52f4e}.status-chip.absent{background:#e9edf1;color:#506175}.today-table{min-width:900px}.today-table th:nth-child(n+3),.today-table td:nth-child(n+3){text-align:center}.today-employee-row{cursor:pointer}.today-employee-row:hover{background:#fbfaf8}.today-employee-link{font-weight:850;text-decoration:underline;text-decoration-color:#9ba8a4;text-underline-offset:3px}.today-status{display:inline-grid;justify-items:center;gap:2px;min-width:140px;border:0;border-radius:11px;padding:9px 12px;font-size:11px}.today-status strong{font-size:11px}.today-status small{font-size:10px}.today-status.ok{background:var(--pale-green);color:#08744e}.today-status.early,.today-status.due{background:var(--pale-amber);color:#a46500}.today-status.late,.today-status.missing{background:var(--pale-red);color:#c52f4e}.today-status.upcoming{background:var(--pale-blue);color:#506175}.today-status.absent{background:#e5e9ed;color:#506175}.today-none{color:#aab2ba}.today-cards{display:none}.today-mobile-card{min-width:0;display:grid;gap:4px;text-align:left;border:1px solid var(--line);border-left:5px solid var(--teal);border-radius:12px;padding:13px 14px;background:white;color:var(--ink)}.today-mobile-card strong{font-size:16px}.today-mobile-card span,.today-mobile-card small{font-size:11px;color:var(--muted)}.today-mobile-card.early,.today-mobile-card.due{border-left-color:var(--amber)}.today-mobile-card.late,.today-mobile-card.missing{border-left-color:#c52f4e}.today-mobile-card.upcoming,.today-mobile-card.absent{border-left-color:#7b8b96}.today-cards-empty{grid-column:1/-1;padding:24px;text-align:center;color:var(--muted);font-size:12px}.employee-reports-list{display:grid;gap:9px}.employee-report-card{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:14px;border:1px solid var(--line);border-left:5px solid var(--teal);border-radius:11px;background:white}.employee-report-card:hover{background:#fafcfb}.employee-report-card.early{border-left-color:var(--amber)}.employee-report-card.late{border-left-color:#c52f4e}.employee-report-card span{font-size:11px;color:var(--muted)}.report-answer-field{display:grid;gap:8px}.report-answer-field textarea{min-height:88px}.report-answer-field textarea:disabled{background:#f7f6f7;color:#514a54;opacity:1}.edit-hint{margin:0 0 10px;color:var(--muted);font-size:12px}
.admin-settings-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px}.settings-card{padding:20px;display:grid;gap:16px;align-content:start}.settings-fields{display:grid;gap:11px}.settings-fields label{display:grid;gap:6px;color:#544e57;font-size:12px;font-weight:750}.time-fields{grid-template-columns:1fr 1fr}.directory-table tbody tr[data-employee-name]{cursor:pointer}.directory-table tbody tr[data-employee-name]:hover{background:#faf7fa}.directory-flag{display:inline-grid;place-items:center;min-width:34px;padding:5px 8px;border-radius:99px;font-size:10px;font-weight:850}.directory-flag.yes{background:var(--pale-green);color:#08744e}.directory-flag.no{background:#f1eff2;color:#89838c}
.notification-button{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:99px;padding:8px 11px;background:var(--pale-red);color:#a72c45;font-size:11px;font-weight:850}.notification-button strong{display:grid;place-items:center;min-width:19px;height:19px;border-radius:99px;background:#c52f4e;color:white;animation:notification-pulse 2.6s ease-in-out infinite}@keyframes notification-pulse{0%,70%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(197,47,78,0)}82%{transform:scale(1.08);box-shadow:0 0 0 5px rgba(197,47,78,.12)}}.home-hero{background:linear-gradient(135deg,#fff,#f1eaf1)}.home-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.home-kpi{min-width:0;min-height:125px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;border-left:5px solid var(--teal);color:var(--ink)}.home-kpi span{font-size:11px;color:var(--muted);font-weight:800}.home-kpi strong{font-size:27px}.home-kpi small{font-size:10px;color:var(--muted)}.home-kpi.danger{border-left-color:#c52f4e}.home-kpi.sales{border-left-color:var(--amber)}.home-kpi.legal{border-left-color:var(--blue)}.home-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.home-panel{padding:19px}.home-list{display:grid;gap:8px;margin-top:14px}.home-list-item{display:grid;gap:4px;width:100%;text-align:left;border:1px solid var(--line);border-left:5px solid var(--teal);border-radius:11px;padding:12px;background:white}.home-list-item.late,.home-list-item.missing{border-left-color:#c52f4e}.home-list-item.director{border-left-color:var(--amber)}.home-list-item strong{font-size:12px}.home-list-item span,.home-list-item small{font-size:11px;color:var(--muted)}.home-empty{padding:22px;text-align:center;color:var(--muted);font-size:12px}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sync-monitor{display:grid;gap:9px}.sync-metric{display:grid;gap:4px;padding:13px;background:var(--soft);border-radius:11px}.sync-metric span{font-size:10px;color:var(--muted)}.sync-metric strong{font-size:12px}.backup-actions{display:flex;gap:8px;flex-wrap:wrap}.file-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.notification-popover{position:fixed;z-index:45;top:66px;right:16px;width:min(440px,calc(100vw - 24px));max-height:calc(100vh - 82px);overflow:hidden;border:1px solid var(--line);border-radius:17px;background:white;box-shadow:0 22px 70px rgba(30,20,32,.25);animation:notification-in .2s ease-out;transform-origin:top right}.notification-popover-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.notification-popover-head h2{margin:3px 0 0;font-size:17px}@keyframes notification-in{from{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line)}.notification-toolbar .ghost{padding:8px 10px;font-size:10px}.notification-content{padding:10px 12px;overflow:auto;max-height:calc(100vh - 205px)}.notification-list{display:grid;gap:8px}.notification-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden}.notification-item.unread{border-left:5px solid #c52f4e;background:#fffafb}.notification-item.resolved{opacity:.72}.notification-main{display:grid;gap:5px;text-align:left;padding:12px;border:0;background:transparent;color:var(--ink)}.notification-main strong{font-size:12px}.notification-main>span{font-size:11px;color:#544e57}.notification-main small{font-size:9px;color:var(--muted)}.notification-badges{display:flex;gap:5px;flex-wrap:wrap}.notification-status{padding:4px 7px;border-radius:99px;background:#f3e7e9;color:#aa3249;font-size:8px;font-weight:850}.notification-status.new{background:#e4f4ef;color:#08745d}.notification-status.resolved,.notification-status.dismissed{background:#eceff3;color:#596779}.notification-actions{padding:9px}.notification-actions .ghost{white-space:nowrap;padding:7px 9px;font-size:9px}
.notification-status.calendar_today{background:#e8eef3;color:#206b8f}
.telegram-options{margin:13px 0}.telegram-link{display:inline-flex;margin-top:11px;padding:10px 12px;border-radius:10px;background:#e8eef3;color:#206b8f;font-size:12px;font-weight:850;text-decoration:none}.telegram-link:hover{background:#dce8ef}
@media(max-width:1100px){.report-filter-grid{grid-template-columns:repeat(3,1fr)}.filter-search{grid-column:1/span 2}.control-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){.home-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.admin-settings-grid,.home-columns{grid-template-columns:1fr}}
@media(max-width:760px){.report-filter-grid{grid-template-columns:1fr}.filter-search{grid-column:auto}.filter-actions{display:grid;grid-template-columns:1fr 1fr 1fr}.control-grid{grid-template-columns:1fr 1fr}.report-status-kpis,.sales-kpis{grid-template-columns:1fr 1fr}.chart-grid,.sales-charts{grid-template-columns:1fr}.chart-card{min-height:280px}.bar-chart{overflow-x:auto}.bar-column{min-width:38px}.time-fields{grid-template-columns:1fr}.register-head{align-items:flex-start;flex-direction:column}.register-head .primary{width:100%}.today-table-wrap{display:none}.today-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px}.control-panel{padding:16px}.control-panel .register-head{gap:12px}.status-summary{margin-top:4px}}
@media(max-width:760px){.home-kpis{grid-template-columns:1fr 1fr}.home-kpi{min-height:105px;padding:15px}.home-kpi strong{font-size:23px}.home-hero{padding:19px}.home-columns{gap:10px}.permission-grid{grid-template-columns:1fr}.notification-button{padding:7px}.notification-button{font-size:0}.backup-actions{display:grid}.backup-actions>*{width:100%}}
@media(max-width:760px){.notification-popover{top:auto;right:8px;bottom:8px;width:calc(100vw - 16px);max-height:min(78vh,680px);border-radius:19px;transform-origin:bottom center;animation:notification-mobile-in .22s ease-out}.notification-toolbar{align-items:stretch;flex-direction:column;padding:10px}.notification-toolbar .period-tabs{grid-template-columns:1fr 1fr}.notification-content{padding:9px;max-height:calc(78vh - 175px)}.notification-item{grid-template-columns:1fr}.notification-actions{padding:0 10px 10px}.notification-actions .ghost{width:100%}@keyframes notification-mobile-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:480px){.today-cards{grid-template-columns:1fr}.home-kpis{grid-template-columns:1fr 1fr;gap:8px}}
@media(prefers-reduced-motion:reduce){.notification-button strong,.notification-popover{animation:none}}
.section-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.report-control-actions{align-items:center}
.report-control-actions .checkbox{white-space:nowrap}
@media(max-width:760px){.section-actions{width:100%;display:grid;grid-template-columns:1fr}.section-actions>*{width:100%}}
.execution-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.execution-stage-panel{padding:19px}.execution-filters{grid-template-columns:2fr repeat(3,1fr)}tbody tr[data-execution-id]{cursor:pointer}tbody tr[data-execution-id]:hover{background:#faf7fa}
@media(max-width:1100px){.execution-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.execution-kpis{grid-template-columns:1fr 1fr}.execution-filters{grid-template-columns:1fr}.execution-table{min-width:930px}}
.absence-controls{display:grid;gap:11px;margin-bottom:13px}.absence-scope-tabs{flex-wrap:wrap}.absence-filter-grid{display:grid;grid-template-columns:1.2fr 1.1fr 1fr 1fr auto;gap:9px}.absence-type{display:inline-flex;padding:6px 9px;border-radius:99px;font-size:10px;font-weight:850}.absence-type.weekend{background:#e8edf2;color:#516170}.absence-type.vacation{background:#e4f3ed;color:#08744e}.absence-type.sick{background:#fbe7eb;color:#b73049}.absence-type.other{background:#fff2d6;color:#986000}.month-calendar-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0}.month-calendar-toolbar strong{margin-left:auto;color:var(--accent);font-size:12px}.month-weekdays,.month-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.month-weekdays{margin-bottom:7px}.month-weekdays span{text-align:center;color:var(--muted);font-size:10px;font-weight:850}.month-day{aspect-ratio:1;min-height:46px;border:1px solid var(--line);border-radius:11px;background:white;color:var(--ink);font-weight:800}.month-day:hover{border-color:var(--accent2);background:#faf7fa}.month-day.weekend{background:#f2f4f6;color:#506175}.month-day.selected{border-color:var(--accent);background:var(--accent);color:white;box-shadow:0 5px 14px rgba(105,69,102,.2)}.month-day-blank{min-width:0}
@media(max-width:1000px){.absence-filter-grid{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:760px){.absence-filter-grid{grid-template-columns:1fr}.absence-scope-tabs{display:grid;grid-template-columns:1fr 1fr}.month-calendar-toolbar{display:grid;grid-template-columns:1fr 1fr}.month-calendar-toolbar strong{grid-column:1/-1;margin:0}.month-weekdays,.month-calendar-grid{gap:4px}.month-day{min-height:38px;border-radius:8px;padding:5px}.absence-table{min-width:980px}}
.home-hero{background:linear-gradient(135deg,#fff,#e9f2ee)}.form-error.success{color:var(--accent)}
.quick-report-button{padding:9px 14px;white-space:nowrap}.placeholder-report{display:flex;align-items:center;gap:15px}.placeholder-report h3{margin:0 0 6px}.placeholder-report p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.placeholder-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:14px;background:var(--pale-green);color:var(--teal);font-size:25px;font-weight:850}tbody tr[data-department-id]{cursor:pointer}tbody tr[data-department-id]:hover{background:#faf7fa}
@media(max-width:760px){.quick-report-button{padding:8px 10px;font-size:10px}.placeholder-report{align-items:flex-start}.home-hero .primary{width:100%}}
.report-choice-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.report-choice{display:grid;gap:6px;min-height:105px;text-align:left;padding:16px;border:1px solid var(--line);border-left:5px solid var(--teal);border-radius:13px;background:white;color:var(--ink)}.report-choice:hover{background:#f7fbf9}.report-choice strong{font-size:14px}.report-choice span{font-size:11px;color:var(--muted)}.report-choice:disabled{cursor:not-allowed;border-left-color:#aeb7b4;background:#f2f4f3;color:#7d8783;opacity:.78}.report-choice:disabled:hover{background:#f2f4f3}
@media(max-width:760px){.report-choice-list{grid-template-columns:1fr}.report-choice{min-height:82px}}
.form-grid label small,.login-card label small{color:var(--muted);font-size:10px;font-weight:500;line-height:1.35}
.sales-controls{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.sales-date-filter{display:flex;align-items:end;gap:8px}.sales-date-filter label{display:grid;gap:4px;color:var(--muted);font-size:10px;font-weight:800}.sales-date-filter input{padding:8px 9px;font-size:12px}.sales-date-filter input[type="date"]{width:140px}.sales-date-filter span{color:var(--muted);font-size:11px;font-weight:800;align-self:center;margin-right:2px;white-space:nowrap}.sales-date-filter .primary{padding:9px 14px}
@media(max-width:760px){.hero.compact-hero{align-items:stretch}.sales-controls{align-items:stretch;width:100%}.period-tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.sales-date-filter{flex-wrap:wrap;width:100%}.sales-date-filter span{width:100%;order:-1;margin:0 0 2px}.sales-date-filter label{flex:1;min-width:105px}.sales-date-filter input[type="date"]{width:100%}.sales-date-filter .primary{width:100%}}
.source-mode-label{display:grid;gap:5px;min-width:220px;color:var(--muted);font-size:10px;font-weight:800;text-align:left}.source-mode-label select{background:white}.wide-dialog{width:min(920px,calc(100vw - 24px))}.template-question-list{display:grid;gap:10px}.template-question{padding:13px;border:1px solid var(--line);border-radius:12px;background:#fcfbfc}.template-question-head{display:flex;align-items:center;gap:6px;margin-bottom:10px}.template-question-head strong{margin-right:auto}.template-question-head .ghost{padding:6px 9px}.my-report-question label{display:grid;gap:7px;color:#544e57;font-size:12px;font-weight:750}.my-report-question label small{color:var(--muted);font-size:10px;font-weight:500}.report-reminder{animation:report-reminder-pulse 2.4s ease-in-out infinite}@keyframes report-reminder-pulse{0%,70%,100%{box-shadow:0 7px 18px rgba(105,69,102,.18)}82%{box-shadow:0 0 0 7px rgba(23,119,101,.13)}}
@media(max-width:760px){.source-mode-label{min-width:0}.template-question .form-grid{gap:9px}.wide-dialog{width:100%}}
@media(prefers-reduced-motion:reduce){.report-reminder{animation:none}}

/* --- Подсветка строк юридических дел --- */

/* 1. Дела, назначенные на меня (нейтральный мягкий мятный оттенок) */
tr.case-row-my-active {
  background-color: #f2f8f5 !important;
  border-left: 4px solid #2f7654;
}
tr.case-row-my-active:hover {
  background-color: #e8f4ee !important;
}

/* 2. Новые, ещё не открытые дела (мягкий сине-индиго акцент) */
tr.case-row-my-new {
  background-color: #eff6ff !important;
  border-left: 4px solid #3b82f6;
  font-weight: 550;
}
tr.case-row-my-new:hover {
  background-color: #e0eeff !important;
}

/* 3. Неназначенные дела для Согдианы / руководителя (мягкий янтарный/желтый оттенок) */
tr.case-row-unassigned {
  background-color: #fffbeb !important;
  border-left: 4px solid #f59e0b;
}
tr.case-row-unassigned:hover {
  background-color: #fef3c7 !important;
}

/* Бейджики */
.new-case-badge {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 99px;
  background: #2563eb;
  color: #ffffff;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  vertical-align: middle;
}

.lawyer-pill.unassigned {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 6px;
  background: #fef3c7;
  color: #92400e;
  font-size: 11px;
  font-weight: 700;
}

/* Read-only чат в модальном окне */
.crm-preview-msg {
  max-width: 85%;
  padding: 8px 12px;
  border-radius: 12px;
  font-size: 12.5px;
  line-height: 1.45;
  word-break: break-word;
  box-shadow: 0 1px 2px rgba(0,0,0,0.18);
}
.crm-preview-in {
  align-self: flex-start;
  background: #202c33;
  color: #e9edef;
  border-bottom-left-radius: 2px;
}
.crm-preview-out {
  align-self: flex-end;
  background: #005c4b;
  color: #e9edef;
  border-bottom-right-radius: 2px;
}
.crm-preview-system {
  align-self: center;
  background: #182229;
  color: #8696a0;
  font-size: 11px;
  border-radius: 20px;
  padding: 4px 10px;
}
.crm-preview-meta {
  font-size: 10px;
  opacity: 0.6;
  text-align: right;
  margin-top: 4px;
}