:root{
  --nav:#f5f9ff;
  --nav-border:#d8e4f2;
  --nav-hover:#e9f2ff;
  --blue:#2f6fe4;
  --bg:#f8fbff;
  --panel:#ffffff;
  --line:#dbe5f0;
  --text:#182336;
  --muted:#66758b;
  --ok:#0f8a62;
  --danger:#c43b3b;
  --warning:#b96b00;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px}
a{text-decoration:none}
.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}
.sidebar{background:var(--nav);color:var(--text);padding:18px 14px;border-right:1px solid var(--nav-border);position:sticky;top:0;height:100vh;overflow:auto}
.brand{font-size:20px;font-weight:800;margin-bottom:22px;color:#10213f}
.brand small{font-size:11px;color:#5b7fbd}
.sidebar nav{display:grid;gap:4px;padding-bottom:116px}
.sidebar nav a{color:#304259;padding:9px 12px;border-radius:10px;font-weight:600}
.sidebar nav a.active,.sidebar nav a:hover{background:var(--nav-hover);color:#13356d}
.side-user{position:fixed;bottom:16px;left:14px;width:222px;background:#eef5ff;border:1px solid var(--nav-border);padding:12px;border-radius:14px;box-shadow:0 6px 18px rgba(25,50,90,.06)}
.side-user strong,.side-user span{display:block}
.side-user span{font-size:12px;color:#60708b;margin:3px 0 8px}
.side-user a{color:#2f6fe4;font-size:13px;font-weight:700}
main{min-width:0}
header{background:rgba(255,255,255,.92);backdrop-filter:blur(5px);border-bottom:1px solid var(--line);padding:16px 22px;position:sticky;top:0;z-index:5}
header h1{font-size:20px;margin:0}
.content{padding:18px}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 6px 20px rgba(31,45,61,.04)}
.metric small{color:var(--muted)}
.metric b{display:block;font-size:28px;margin-top:6px}
.metric span{display:block;color:var(--muted);font-size:12px;margin-top:6px}
.toolbar{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap}
.btn{border:0;border-radius:8px;padding:8px 11px;background:#eef3fa;color:var(--text);font-weight:700;cursor:pointer;display:inline-block;font-size:13px;line-height:1.2}
.btn.primary{background:var(--blue);color:#fff}
.btn.success{background:#e5f7f0;color:var(--ok)}
.btn.danger{background:#feecec;color:var(--danger)}
table{width:100%;border-collapse:collapse;background:#fff}
th,td{padding:9px 10px;border-bottom:1px solid var(--line);font-size:13px;text-align:left;vertical-align:top}
th{background:#f6f9fd;color:var(--muted);font-weight:700}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px;background:#fff}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef4ff;color:#315fb7;font-size:12px;font-weight:800}
.badge.ok{background:#e8f8f1;color:#087653}
.badge.warning{background:#fff3df;color:#995b00}
.badge.danger{background:#feeaea;color:#a72a2a}
.badge.muted{background:#edf0f4;color:#667085}
.flash{padding:10px 12px;border-radius:10px;margin-bottom:12px}
.flash.success{background:#e8f8f1;color:#087653}
.flash.error{background:#feeaea;color:#a72a2a}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.field{display:grid;gap:5px}
.field.full{grid-column:1/-1}
.field label{font-size:12px;font-weight:700;color:#22314c}
.field input,.field select,.field textarea{border:1px solid #d4ddea;border-radius:8px;padding:8px 11px;background:#fff;width:100%;font-size:14px;line-height:1.25;min-height:40px;outline:none;transition:border-color .15s ease, box-shadow .15s ease, background-color .15s ease}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#90b4ff;box-shadow:0 0 0 3px rgba(47,111,228,.10)}
.field textarea{min-height:72px;resize:vertical;padding-top:10px}
.field textarea.code{font-family:Consolas,monospace;font-size:12px;min-height:120px}
.field textarea.tall{min-height:180px}
.hint{background:#fff9eb;color:#7d5100;border:1px solid #f3e2b4;border-radius:10px;padding:9px 11px;margin:8px 0 13px;font-size:12px}
.hint code{background:#fff;padding:2px 4px;border-radius:4px}
.actions{white-space:nowrap;display:flex;gap:5px;flex-wrap:wrap}
.invoice-lines input{min-width:100px;border:1px solid #d7deea;border-radius:7px;padding:7px 8px;width:100%;min-height:36px}
.invoice-lines td:first-child{min-width:320px}
.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#edf4ff,#dbe8ff)}
.login-card{width:min(470px,92vw);background:white;border-radius:18px;padding:24px;border:1px solid var(--line);box-shadow:0 20px 60px rgba(32,61,111,.12)}
.login-card h1{margin:0 0 8px}
.login-card p{color:var(--muted);margin:0 0 18px}
.login-card .field{margin-bottom:10px}
.finance-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.finance-tabs a{padding:8px 11px;border-radius:8px;background:#fff;border:1px solid var(--line);color:var(--text);font-weight:700;font-size:13px}
.finance-tabs a.active{background:var(--blue);color:#fff;border-color:var(--blue)}
.finance-filter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.finance-filter-button{align-self:end}
.finance-filter-button .btn{width:100%}
.finance-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
.metric.accent{border-color:#b9ddcf;background:#f4fcf8}
.metric.negative{border-color:#efbbbb;background:#fff7f7}
.warning-card{border-color:#f1d29a;background:#fffaf1}
.finance-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:14px}
.bar-chart{display:grid;gap:8px}
.bar-row{display:grid;grid-template-columns:38px 1fr 115px;gap:9px;align-items:center;font-size:12px}
.bar-row strong{text-align:right}
.bar-track{height:18px;background:#eef2f7;border-radius:5px;overflow:hidden;position:relative}
.bar{position:absolute;left:0;height:8px;border-radius:3px}
.bar.revenue{top:1px;background:#1769e0}
.bar.cost{bottom:1px;background:#d58a28}
.chart-legend{display:flex;gap:18px;margin-top:12px;font-size:12px;color:var(--muted)}
.legend{display:inline-block;width:12px;height:7px;border-radius:2px;margin-right:5px}
.legend.revenue{background:#1769e0}
.legend.cost{background:#d58a28}
.management-list{display:grid;gap:0;margin-bottom:14px}
.management-list>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--line)}
.management-list span{color:var(--muted)}
.amount{font-weight:800;white-space:nowrap}
.amount.income,.ok-text{color:var(--ok)}
.amount.expense,.danger-text{color:var(--danger)}
.muted-text{color:var(--muted)}
.budget-progress{height:7px;background:#edf1f6;border-radius:99px;overflow:hidden;min-width:100px}
.budget-progress span{display:block;height:100%;background:var(--blue);border-radius:99px}
.actions form{display:inline-flex;margin:0}
@media(max-width:1100px){.cards,.finance-cards{grid-template-columns:repeat(2,1fr)}.finance-grid{grid-template-columns:1fr}.finance-filter{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar nav{padding-bottom:0}.side-user{position:static;width:auto;margin-top:16px}.content{padding:14px}.cards,.finance-cards,.finance-filter{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.invoice-lines td:first-child{min-width:240px}.bar-row{grid-template-columns:32px 1fr}.bar-row strong{grid-column:2;text-align:left}}

/* Права и роли V2.5 */
.permission-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.permission-tabs{display:flex;gap:7px;flex-wrap:wrap}.permission-tabs a{padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);font-weight:700}.permission-tabs a.active{background:var(--blue);border-color:var(--blue);color:#fff}.permission-group{margin-bottom:14px;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff}.permission-group h3{margin:0;padding:11px 13px;background:#f3f7fc;font-size:14px}.permission-list{display:grid}.permission-row{display:grid;grid-template-columns:minmax(240px,1fr) 190px;gap:12px;align-items:center;padding:9px 13px;border-top:1px solid var(--line)}.permission-row:first-child{border-top:0}.permission-row small{display:block;color:var(--muted);margin-top:2px}.permission-state{min-width:180px}.effective-yes{color:var(--ok);font-weight:800}.effective-no{color:var(--danger);font-weight:800}.role-note{font-size:12px;color:var(--muted)}.compact-actions{display:flex;gap:7px;flex-wrap:wrap}.disabled-control{opacity:.62;pointer-events:none}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:#98a2b3}.status-dot.active{background:var(--ok)}fieldset.plain{border:0;padding:0;margin:0;min-width:0}@media(max-width:760px){.permission-row{grid-template-columns:1fr}.permission-state{width:100%;min-width:0}}

/* CRM V2.6 — Администрация, известия, автопарк и пътувания */
.sidebar nav a{display:flex;align-items:center;justify-content:space-between;gap:8px}
.nav-count{min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;background:#e24848;color:#fff;font-size:11px}
header{display:flex;align-items:center;justify-content:space-between;gap:15px}
.notification-link{position:relative;display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:17px}
.notification-link.has-unread{background:#fff8e8;border-color:#f2d59a}
.notification-link span{position:absolute;right:-6px;top:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#d93d3d;color:#fff;font-size:10px;display:grid;place-items:center;font-weight:800}
.module-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.module-tabs a{padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text);font-weight:700;font-size:13px}
.module-tabs a.active{background:var(--blue);border-color:var(--blue);color:#fff}
.module-tabs a b{display:inline-block;min-width:18px;padding:2px 5px;margin-left:4px;border-radius:999px;background:#d93d3d;color:#fff;font-size:10px;text-align:center}
.two-col{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px}
.compact-list{display:grid}
.compact-list>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);color:var(--text)}
.compact-list>a:last-child{border-bottom:0}
.compact-list span:first-child{display:grid;gap:3px}
.compact-list small{color:var(--muted)}
.announcement{border-left:4px solid #6294ed;background:#f5f8ff;padding:11px 12px;border-radius:8px;margin-bottom:9px}
.announcement.success{border-color:#24a676;background:#f1fbf7}.announcement.warning{border-color:#d79423;background:#fff9ee}.announcement.danger{border-color:#d84a4a;background:#fff4f4}
.announcement p{margin:5px 0 0;color:#45536a}
.card-list{display:grid;gap:12px}
.announcement-card{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.announcement-card h3{margin:10px 0 5px}.announcement-card p{margin:0 0 8px;color:#45536a}
.notification-list{display:grid;gap:9px}
.notification-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px;border:1px solid var(--line);border-left:4px solid #5c8fe7;border-radius:11px;background:#fff}
.notification-item.read{opacity:.68}.notification-item.warning{border-left-color:#d79423}.notification-item.danger{border-left-color:#d84a4a}.notification-item.success{border-left-color:#1e9d70}
.notification-item p{margin:4px 0;color:#45536a}.notification-item small{color:var(--muted)}
.checkbox-field{align-content:end;min-height:40px}.checkbox-field label{display:flex;align-items:center;gap:8px;min-height:40px}.checkbox-field input{width:auto;min-height:auto}
.warning-text{color:#a56a00}.status-dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:#9aa5b5;margin-right:6px}.status-dot.active{background:#15936b}
select{max-width:100%}
@media(max-width:1050px){.two-col{grid-template-columns:1fr}.announcement-card,.notification-item{align-items:stretch;flex-direction:column}}


/* V2.6.2 — корекция на Администрация и известия */
header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
header h1{min-width:0}
.notification-link{
  flex:0 0 38px;
  position:relative;
  display:inline-grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  color:var(--text);
  font-size:17px;
  line-height:1;
  box-shadow:0 3px 10px rgba(31,45,61,.04);
}
.module-tabs{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  margin:0 0 14px;
}
.module-tabs a{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:8px 12px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#fff;
  color:var(--text);
  font-weight:700;
  font-size:13px;
  line-height:1.2;
  white-space:nowrap;
  box-shadow:0 2px 6px rgba(31,45,61,.025);
}
.module-tabs a:hover{background:#f3f7fc;border-color:#c9d7e8}
.module-tabs a.active{background:var(--blue);border-color:var(--blue);color:#fff}
.module-tabs a b{
  display:inline-grid;
  place-items:center;
  min-width:18px;
  height:18px;
  padding:0 5px;
  margin-left:2px;
  border-radius:999px;
  background:#d93d3d;
  color:#fff;
  font-size:10px;
  line-height:1;
}
@media(max-width:760px){
  header{padding:14px 16px}
  .module-tabs{gap:6px}
  .module-tabs a{padding:7px 9px;font-size:12px}
}

/* V2.7.1 — live invoice preview */
.invoice-editor-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.85fr);gap:16px;align-items:start}
.invoice-form-card{min-width:0}
.invoice-preview-card{position:sticky;top:76px;padding:12px;min-width:0}
.invoice-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.invoice-preview-toolbar>div:first-child{display:grid;gap:2px}
.invoice-preview-toolbar small{color:var(--muted);font-size:11px}
.invoice-preview-frame{display:block;width:100%;height:900px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px rgba(23,32,51,.02)}
@media(max-width:1280px){.invoice-editor-layout{grid-template-columns:1fr}.invoice-preview-card{position:static}.invoice-preview-frame{height:760px}}
@media(max-width:760px){.invoice-preview-toolbar{align-items:flex-start;flex-direction:column}.invoice-preview-frame{height:620px}}

/* V2.8 — live preview за всички документи */
.document-editor-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.85fr);gap:16px;align-items:start}
.document-form-card{min-width:0}
.document-preview-card{position:sticky;top:76px;padding:12px;min-width:0}
.document-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.document-preview-toolbar>div:first-child{display:grid;gap:2px}
.document-preview-toolbar small{color:var(--muted);font-size:11px}
.document-preview-frame{display:block;width:100%;height:900px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px rgba(23,32,51,.02)}
@media(max-width:1280px){.document-editor-layout{grid-template-columns:1fr}.document-preview-card{position:static}.document-preview-frame{height:760px}}
@media(max-width:760px){.document-preview-toolbar{align-items:flex-start;flex-direction:column}.document-preview-frame{height:620px}}

/* V3.0 — консолидирана типография, редове, колони и responsive корекции */
:root{--radius:12px;--control-height:38px}
html{font-size:16px}
body{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{line-height:1.2;color:var(--text)}
h2{font-size:18px;margin:0 0 14px}h3{font-size:15px;margin:16px 0 10px}
.card>h2:first-child,.card>h3:first-child{margin-top:0}
.content{max-width:1920px;width:100%;margin:0 auto}
.card{overflow:visible}
.form-grid{align-items:start}.form-grid>.field{min-width:0}
.field label{font-size:12.5px;line-height:1.25}
.field input,.field select,.field textarea{min-height:var(--control-height);padding:8px 10px;border-radius:8px;line-height:1.25}
.field textarea{min-height:76px}.field textarea.tall{min-height:180px}
input[type="checkbox"],input[type="radio"]{min-height:auto}
.btn{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}
.toolbar{min-height:38px}.toolbar>h2,.toolbar h2{margin:0}
.toolbar>.actions,.document-preview-toolbar>.actions,.compact-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.table-wrap{width:100%;overflow-x:auto;overflow-y:hidden;background:#fff;scrollbar-gutter:stable}
.table-wrap table{min-width:760px;width:100%;table-layout:auto}
th,td{padding:9px 10px;line-height:1.35;vertical-align:middle}
th{white-space:nowrap;font-size:12.5px;letter-spacing:.01em}
td{overflow-wrap:anywhere;word-break:normal}
tbody tr:hover{background:#fbfdff}
tbody tr:last-child td{border-bottom:0}
td small{color:var(--muted);line-height:1.35}
td.actions{display:table-cell;white-space:normal;min-width:225px;width:1%;text-align:right;vertical-align:middle}
td.actions>a,td.actions>button,td.actions>form{display:inline-flex;margin:2px 0 2px 4px;vertical-align:middle}
td.actions form{white-space:nowrap}td.actions form .btn{width:auto}
.invoice-lines{table-layout:fixed!important;min-width:680px!important}
.invoice-lines th:first-child,.invoice-lines td:first-child{width:58%;min-width:0}
.invoice-lines th:nth-child(2),.invoice-lines td:nth-child(2){width:17%}
.invoice-lines th:nth-child(3),.invoice-lines td:nth-child(3){width:25%}
.invoice-lines input{min-width:0!important;min-height:36px;padding:7px 9px}
.metric b,.amount,.right,[class*="total"]{font-variant-numeric:tabular-nums}
.module-tabs{position:relative;z-index:1}.module-tabs a{min-height:36px}
.notification-link{font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif}
.document-editor-layout,.invoice-editor-layout{grid-template-columns:minmax(0,1.22fr) minmax(390px,.78fr);gap:14px}
.document-preview-card,.invoice-preview-card{top:70px}
.document-preview-frame,.invoice-preview-frame{height:min(820px,calc(100vh - 150px));min-height:620px}
.permission-row{min-height:52px}
.two-col>*{min-width:0}
.bar-track{min-width:120px}
@media(max-width:1280px){.document-editor-layout,.invoice-editor-layout{grid-template-columns:1fr}.document-preview-card,.invoice-preview-card{position:static}.document-preview-frame,.invoice-preview-frame{height:720px;min-height:560px}}
@media(max-width:900px){.app{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding:16px 10px}.side-user{left:10px;width:200px}.content{padding:14px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){html{font-size:15px}.app{display:block}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--nav-border)}.sidebar nav{display:flex;overflow-x:auto;padding-bottom:4px;gap:6px}.sidebar nav a{flex:0 0 auto}.side-user{position:static;width:auto;margin-top:12px}.content{padding:12px}.cards{grid-template-columns:1fr}.card{padding:12px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.table-wrap table{min-width:700px}td.actions{min-width:205px}.document-preview-frame,.invoice-preview-frame{height:600px;min-height:500px}.module-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.module-tabs a{flex:0 0 auto}}



/* Заплати и осигуровки V3.4 */
.payroll-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.payroll-tabs a{padding:8px 11px;border-radius:8px;background:#fff;border:1px solid var(--line);color:var(--text);font-weight:700;font-size:13px}.payroll-tabs a.active{background:var(--blue);color:#fff;border-color:var(--blue)}
.payroll-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.payroll-summary .card b{display:block;font-size:23px;margin-top:6px}.payroll-summary .card small{color:var(--muted)}
.payroll-warning{padding:11px 13px;border:1px solid #f0d28e;background:#fff9e9;color:#7b5511;border-radius:10px;margin-bottom:14px;font-size:12px;line-height:1.45}.payroll-warning strong{display:block;margin-bottom:3px}
.payroll-entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 12px}.payroll-entry-grid .field.wide{grid-column:span 2}.payroll-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.payroll-total{padding:12px;border:1px solid var(--line);border-radius:10px;background:#f9fbfe}.payroll-total small{color:var(--muted)}.payroll-total b{display:block;font-size:20px;margin-top:5px}.payroll-total.net{background:#f1fbf6;border-color:#bfe4d1}.payroll-total.cost{background:#fff9ef;border-color:#efd7a5}
.payroll-slip{max-width:900px;margin:0 auto;background:#fff;color:#182336;font-family:Arial,sans-serif}.payroll-slip h1,.payroll-slip h2,.payroll-slip h3{margin:0}.payroll-slip-head{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #2f6fe4;padding-bottom:14px;margin-bottom:18px}.payroll-slip-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.payroll-slip-box{border:1px solid #dbe5f0;border-radius:8px;padding:12px}.payroll-slip table{width:100%;border-collapse:collapse;margin-top:16px}.payroll-slip th,.payroll-slip td{border:1px solid #dbe5f0;padding:8px 9px;font-size:12px}.payroll-slip th{background:#edf4ff}.payroll-slip .number{text-align:right;white-space:nowrap}.payroll-slip .net-row td{font-size:15px;font-weight:800;background:#eef9f3}.payroll-slip-signatures{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:48px}.payroll-slip-signatures div{border-top:1px solid #66758b;padding-top:6px;text-align:center;font-size:11px;color:#66758b}
@media(max-width:1100px){.payroll-summary{grid-template-columns:repeat(2,1fr)}.payroll-entry-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.payroll-summary,.payroll-entry-grid,.payroll-totals{grid-template-columns:1fr}.payroll-entry-grid .field.wide{grid-column:auto}.payroll-slip-grid{grid-template-columns:1fr}}

/* V3.5 Сканиране и импорт на фишове */
.payroll-scan-grid{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(520px,1.35fr);gap:16px;align-items:start}.payroll-scan-workspace{position:sticky;top:78px}.payroll-scan-preview{height:430px;border:1px solid var(--line);border-radius:12px;background:#f4f7fb;overflow:auto;margin:12px 0 16px;display:grid;place-items:center}.payroll-scan-preview iframe{width:100%;height:100%;border:0;background:#fff}.payroll-scan-preview img{max-width:100%;height:auto;display:block}.payroll-privacy-note{display:grid;gap:4px;padding:12px 14px;border:1px solid #f0cc7a;background:#fff8e7;color:#765316;border-radius:12px;margin:10px 0}.payroll-privacy-note span{font-size:13px;line-height:1.45}.ocr-progress{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:12px 0}.ocr-progress>div{height:9px;background:#e9eef5;border-radius:99px;overflow:hidden}.ocr-progress span{display:block;height:100%;width:0;background:var(--blue);transition:width .2s}.ocr-progress b{font-size:12px;color:var(--muted)}.ocr-control-values{margin:14px 0;border:1px solid var(--line);border-radius:11px;padding:10px 12px;background:#fafcff}.ocr-control-values summary{cursor:pointer;font-weight:800}.payroll-scan-steps{margin:0;padding-left:22px;display:grid;gap:9px;line-height:1.5}.payroll-scan-workspace h3{margin:18px 0 10px}.payroll-tabs{overflow-x:auto;white-space:nowrap}
@media(max-width:1100px){.payroll-scan-grid{grid-template-columns:1fr}.payroll-scan-workspace{position:static}.payroll-scan-preview{height:500px}}@media(max-width:760px){.payroll-scan-preview{height:390px}.payroll-scan-grid{display:block}.payroll-scan-grid>section{margin-bottom:14px}}

/* V3.6 — компактен интерфейс за документи и формуляри */
:root{--control-height:34px}
.content{padding:14px}
.card{padding:12px;border-radius:12px}
.cards{gap:10px;margin-bottom:12px}
.toolbar{min-height:34px;gap:6px;margin-bottom:9px}
.toolbar h2,.toolbar>h2{font-size:17px}
.form-grid{gap:7px 10px}
.field{gap:3px}
.field label{font-size:12px;line-height:1.15}
.field input,.field select,.field textarea{
  min-height:34px;
  padding:6px 9px;
  border-radius:7px;
  font-size:13px;
  line-height:1.2;
}
.field textarea{min-height:58px;padding-top:7px}
.field textarea.code{min-height:100px;font-size:11.5px}
.field textarea.tall{min-height:135px}
.checkbox-field,.checkbox-field label{min-height:34px}
.btn{min-height:32px;padding:6px 9px;border-radius:7px;font-size:12.5px}
.flash{padding:8px 10px;margin-bottom:9px}
.hint{padding:7px 9px;margin:6px 0 10px;line-height:1.35}
.module-tabs,.finance-tabs,.payroll-tabs{gap:5px;margin-bottom:10px}
.module-tabs a,.finance-tabs a,.payroll-tabs a,.permission-tabs a{min-height:32px;padding:6px 9px;font-size:12.5px;border-radius:7px}
th,td{padding:7px 8px;font-size:12.5px;line-height:1.25}
th{font-size:12px}
.badge{padding:3px 7px;font-size:11px}
td.actions{min-width:195px}
td.actions>a,td.actions>button,td.actions>form{margin:1px 0 1px 3px}
.invoice-lines input{min-height:32px;padding:5px 7px;font-size:12.5px}
.invoice-lines th,.invoice-lines td{padding:6px 7px}
.document-editor-layout,.invoice-editor-layout{gap:10px}
.document-preview-card,.invoice-preview-card{padding:10px}
.document-preview-toolbar,.invoice-preview-toolbar{gap:7px;margin-bottom:7px}
.document-preview-toolbar .btn,.invoice-preview-toolbar .btn{min-height:31px}
.finance-filter{gap:7px;margin-bottom:12px}
.finance-grid,.two-col{gap:10px}
.payroll-entry-grid{gap:7px 9px}
.payroll-totals{gap:8px;margin:10px 0}
.payroll-total{padding:9px}
.payroll-summary{gap:9px;margin-bottom:12px}
.payroll-scan-grid{gap:10px}
.login-card{padding:20px}

/* Полета, които са извън стандартния .field контейнер */
form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
form select,
form textarea{
  max-width:100%;
}

@media(max-width:760px){
  .content{padding:10px}
  .card{padding:10px}
  .form-grid{gap:8px}
  .field input,.field select{min-height:40px;padding:8px 10px;font-size:14px}
  .field textarea{min-height:72px;font-size:14px}
  .btn{min-height:38px;padding:8px 10px;font-size:13px}
  th,td{padding:8px;font-size:12.5px}
  td.actions{min-width:195px}
}

/* V3.8 - document numbering administration */
.numbering-intro{margin-bottom:16px}.numbering-intro h2{margin-top:0}.numbering-token-list{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.numbering-token-list code{padding:5px 8px;border:1px solid #d9e2ef;border-radius:7px;background:#f5f8fc;color:#234d9b;font-weight:700}.numbering-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.numbering-rule{scroll-margin-top:16px}.numbering-rule-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.numbering-rule-head h3{margin:0 0 2px}.numbering-rule-head small{color:#75839a}.compact-grid{gap:10px}.numbering-checks{display:flex;flex-wrap:wrap;gap:16px;padding-top:3px}.numbering-checks label{display:flex;align-items:center;gap:7px;margin:0;font-weight:600}.numbering-checks input{width:auto}.numbering-preview{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;padding:11px 13px;border:1px dashed #9ab3db;border-radius:9px;background:#f6f9ff}.numbering-preview span{color:#68768c;font-size:13px}.numbering-preview strong{word-break:break-all;color:#1e55b3}.muted{color:#68768c}@media(max-width:1100px){.numbering-grid{grid-template-columns:1fr}}@media(max-width:640px){.numbering-rule-head,.numbering-preview{align-items:flex-start;flex-direction:column}.numbering-checks{flex-direction:column;gap:9px}}

/* SKS Sped CRM V4.0.1 — official vector logo branding */
.brand{
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:18px;
  padding:8px;
  border-radius:14px;
  color:#10213f;
}
.brand:hover{background:#e9f2ff}
.brand img{
  width:52px;
  height:52px;
  flex:0 0 52px;
  object-fit:contain;
  border-radius:12px;
  box-shadow:0 5px 14px rgba(23,105,224,.18);
}
.brand span{display:grid;gap:2px;min-width:0}
.brand strong{font-size:17px;line-height:1.08;white-space:nowrap}
.brand small{font-size:11px;color:#5b7fbd;font-weight:800}
.page-title-wrap{display:flex;align-items:center;gap:10px;min-width:0}
.page-title-logo{width:30px;height:30px;border-radius:8px;object-fit:contain;display:none}
.login-card{overflow:hidden}
.login-brand{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.login-brand img{width:78px;height:78px;object-fit:contain;border-radius:16px;box-shadow:0 10px 28px rgba(23,105,224,.18)}
.login-brand h1{margin:0 0 4px;font-size:25px;line-height:1.1}
.login-brand small{color:#5b7fbd;font-weight:800}
@media(max-width:760px){
  .brand{margin-bottom:12px}
  .brand img{width:46px;height:46px;flex-basis:46px}
  .page-title-logo{display:block}
  .login-brand img{width:66px;height:66px}
  .login-brand h1{font-size:22px}
}