/* Layout: sticky blue header, five-tab nav (bottom bar on phones, inline on desktop), single content column, invoice opens as a paper sheet over the page */
:root{
  --bg:#F2F5FB; --surface:#FFFFFF; --surface2:#F7F9FE; --fg:#0D1A33; --muted:#5A6A87; --line:#D8E1F0;
  --blue:#1456E8; --blue-d:#0A2F8F; --blue-soft:#E4ECFE; --on-blue:#FFFFFF;
  --ok:#0B8A5C; --ok-soft:#DDF4EA; --warn:#9A5B00; --warn-soft:#FDF0D5; --bad:#C0283A; --bad-soft:#FCE4E7;
  --font-body:'IBM Plex Sans Arabic','Segoe UI',Tahoma,sans-serif; --font-mono:'IBM Plex Mono',ui-monospace,Consolas,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0A1226; --surface:#111D38; --surface2:#0E1830; --fg:#E7EEFC; --muted:#93A4C4; --line:#22345F;
  --blue:#5B8DFF; --blue-d:#12285C; --blue-soft:#172A55; --on-blue:#FFFFFF;
  --ok:#3CCB92; --ok-soft:#10372B; --warn:#E8AA45; --warn-soft:#3A2D10; --bad:#FF7482; --bad-soft:#40181E; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0A1226; --surface:#111D38; --surface2:#0E1830; --fg:#E7EEFC; --muted:#93A4C4; --line:#22345F;
  --blue:#5B8DFF; --blue-d:#12285C; --blue-soft:#172A55; --on-blue:#FFFFFF;
  --ok:#3CCB92; --ok-soft:#10372B; --warn:#E8AA45; --warn-soft:#3A2D10; --bad:#FF7482; --bad-soft:#40181E; color-scheme:dark}

*{box-sizing:border-box}
html{color-scheme:light}
body{margin:0}
[hidden]{display:none!important}
body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:15px;line-height:1.55;
  padding-block:0 84px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;display:inline-block}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.wrap{max-width:1040px;margin-inline:auto}

/* header */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--blue-d);color:var(--on-blue);
  margin-inline:calc(-1 * max(16px,env(safe-area-inset-left,0px)));padding-inline:max(16px,env(safe-area-inset-left,0px));}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--blue-d);z-index:30}
.top .wrap{display:flex;align-items:center;gap:16px;min-height:56px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;min-width:0}
.brand .mark{width:30px;height:30px;border-radius:6px;background:var(--blue);display:grid;place-items:center;flex:none}
.brand .mark svg{width:18px;height:18px}
.brand .mark svg{width:18px;height:18px}
.brand span.nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sync{margin-inline-start:auto;font-size:12px;opacity:.85;display:flex;align-items:center;gap:6px}
.sync i{width:8px;height:8px;border-radius:50%;background:#7CF0BE;display:inline-block}
.sync.off i{background:#FFB454}

/* nav */
nav.tabs{display:flex;gap:4px}
nav.tabs button{background:none;border:0;color:inherit;cursor:pointer;display:flex;align-items:center;gap:8px;
  padding:8px 14px;border-radius:6px;opacity:.8;font-weight:500}
nav.tabs button svg{width:18px;height:18px;flex:none}
nav.tabs button[aria-current="page"]{background:rgba(255,255,255,.14);opacity:1}
nav.tabs button:hover{opacity:1}
@media (max-width:760px){
  nav.tabs{position:fixed;z-index:25;inset:auto 0 0 0;background:var(--blue-d);justify-content:space-around;
    padding:6px max(8px,env(safe-area-inset-left,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-right,0px));
    border-top:1px solid rgba(255,255,255,.18)}
  nav.tabs button{flex-direction:column;gap:2px;font-size:11px;padding:6px 4px;flex:1;min-width:0}
}

main{padding-block:20px 8px;display:grid;gap:20px}
h1{font-size:22px;margin:0;font-weight:700;text-wrap:balance}
h2{font-size:16px;margin:0 0 12px;font-weight:600}
.pagehead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.muted{color:var(--muted)}
.small{font-size:13px}

/* controls */
.btn{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:9px 16px;cursor:pointer;font-weight:500;
  display:inline-flex;align-items:center;gap:8px;min-height:40px}
.btn:hover{border-color:var(--blue)}
.btn.primary{background:var(--blue);border-color:var(--blue);color:var(--on-blue)}
.btn.primary:hover{filter:brightness(1.08)}
.btn.danger{color:var(--bad);border-color:var(--bad)}
.btn.sm{min-height:32px;padding:4px 10px;font-size:13px}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.field{display:grid;gap:4px;min-width:0}
.field label{font-size:12px;color:var(--muted);font-weight:500}
input[type=text],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=date],select,textarea{
  width:100%;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:9px 12px;min-height:40px}
input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px var(--blue-soft)}
input.mono{font-family:var(--font-mono);direction:ltr;text-align:end}

.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px}
.grid{display:grid;gap:12px}
.g2{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.g4{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}

.stat{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px 16px;display:grid;gap:4px;min-width:0}
.stat .l{font-size:12.5px;color:var(--muted)}
.stat .v{font-size:22px;font-weight:600;font-family:var(--font-mono);direction:ltr;text-align:end;overflow-wrap:anywhere}
.stat .v small{font-size:12px;font-family:var(--font-body);color:var(--muted);margin-inline-start:4px}
.stat.hot .v{color:var(--bad)}

.pill{display:inline-block;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:600;white-space:nowrap}
.pill.ok{background:var(--ok-soft);color:var(--ok)}
.pill.warn{background:var(--warn-soft);color:var(--warn)}
.pill.bad{background:var(--bad-soft);color:var(--bad)}
.pill.blue{background:var(--blue-soft);color:var(--blue)}

.list{display:grid;border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden}
.row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 16px;
  border:0;border-bottom:1px solid var(--line);background:none;text-align:start;width:100%;cursor:pointer}
.row:last-child{border-bottom:0}
.row:hover{background:var(--surface2)}
.row .t{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis}
.row .s{font-size:12.5px;color:var(--muted)}
@media (max-width:560px){.row{grid-template-columns:minmax(0,1fr) auto}.row .mid{display:none}}

.tblbox{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
table{border-collapse:collapse;width:100%;min-width:620px}
th{font-size:12px;color:var(--muted);font-weight:600;text-align:start;padding:10px 14px;background:var(--surface2);border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
tr:last-child td{border-bottom:0}
td.n,th.n{text-align:end}

.empty{padding:36px 18px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:8px;background:var(--surface)}
.empty b{display:block;color:var(--fg);font-size:16px;margin-bottom:4px}

/* bars */
.bars{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:end;height:150px;padding-top:8px}
.bar{display:grid;gap:6px;align-items:end;justify-items:center;height:100%;grid-template-rows:1fr auto auto}
.bar .col{width:100%;max-width:44px;background:var(--blue);border-radius:4px 4px 0 0;align-self:end;min-height:2px}
.bar .col.zero{background:var(--line)}
.bar .m{font-size:11.5px;color:var(--muted);white-space:nowrap}
.bar .amt{font-size:10.5px;font-family:var(--font-mono);color:var(--muted);direction:ltr}

/* invoice form */
.lines{display:grid;gap:8px}
.line{display:grid;grid-template-columns:26px minmax(0,2.2fr) minmax(0,.7fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr) auto;gap:8px;align-items:start;
  padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface2)}
.line .ix{padding-top:30px;text-align:center;font-family:var(--font-mono);color:var(--muted);font-size:13px}
.line .hint{font-size:11.5px;color:var(--muted);margin-top:2px;min-height:16px}
.line .hint.new{color:var(--blue)}
.line .hint.low{color:var(--bad)}
.line .lt{padding-top:9px;font-family:var(--font-mono);direction:ltr;text-align:end;font-weight:600}
@media (max-width:760px){
  .line{grid-template-columns:repeat(3,minmax(0,1fr))}
  .line .ix{display:none}
  .line .f-name{grid-column:1/-1}
  .line .lt{text-align:start}
  .line .f-note{grid-column:1/3}
  .line .rm{justify-self:end}
}
.cnt{font-size:13px;color:var(--muted);margin-top:10px}

/* customer sheet: white paper in both themes, it is what gets saved and printed */
.sheet-wrap{overflow-x:auto}
.sheet{background:#fff;color:#14213d;font-family:var(--font-body);width:100%;border-radius:6px;overflow:hidden}
.sh-band{background:linear-gradient(135deg,#0A2F8F,#2F6FEB 62%,#5B9BF5);color:#fff;text-align:center;padding:22px 18px}
.sh-band .co{font-size:26px;font-weight:700;letter-spacing:.03em;overflow-wrap:anywhere}
.sh-band .tag{font-size:14px;opacity:.92;margin-top:2px}
.sh-band .ct{font-size:12px;opacity:.85;margin-top:6px}
.sh-body{padding:18px 20px 16px;display:grid;gap:14px}
.sh-info{background:#F1F5FC;border-radius:8px;padding:12px 16px;display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;font-size:13.5px}
.sh-info .l{color:#5A6A87}
.sh-info b{font-weight:600}
.sh-title{background:#E6EEFD;border-radius:8px;padding:10px 16px;font-weight:700;border-inline-start:4px solid #2F6FEB}
.sh-tbl{width:100%;min-width:0;border-collapse:collapse;font-size:13.5px}
.sh-tbl th{background:#2F6FEB;color:#fff;padding:9px 6px;font-size:12.5px;text-align:center;border:1px solid #2F6FEB;white-space:nowrap}
.sh-tbl td{border:1px solid #D5DEEE;padding:8px 6px;text-align:center;color:#14213d}
.sh-tbl td.nm{text-align:start}
.sh-cnt{font-size:12.5px;color:#5A6A87}
.sh-tot{width:min(100%,300px);border:2px solid #BFD3F7;border-radius:8px;padding:10px 14px;display:grid;gap:6px;background:#F7FAFF}
.sh-tot .r{display:flex;justify-content:space-between;gap:12px;font-size:14px}
.sh-tot .r.t{font-weight:700;font-size:16px}
.sh-foot{border-top:1px solid #D5DEEE;padding-top:10px;font-size:12px;color:#5A6A87;text-align:center}
@media (max-width:520px){.sh-tbl{font-size:12px}.sh-tbl th,.sh-tbl td{padding:6px 3px}.sh-body{padding:14px 12px}.sh-band .co{font-size:21px}}
.internal{border-top:1px dashed var(--line);padding:16px 24px;display:grid;gap:12px;background:var(--surface2)}
.internal .lab{font-size:12px;color:var(--muted);font-weight:600}
.internal .vals{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.totals{display:grid;gap:6px;justify-self:end;width:min(100%,360px)}
.totals .tr{display:flex;justify-content:space-between;gap:12px}
.totals .tr.big{font-size:19px;font-weight:700;border-top:2px solid var(--blue);padding-top:8px;margin-top:4px}
.totals .tr.big .num{color:var(--blue)}

/* invoice paper */
.scrim{position:fixed;inset:0;z-index:40;background:rgba(6,12,28,.62);overflow-y:auto;
  padding-block:calc(20px + env(safe-area-inset-top,0px)) calc(20px + env(safe-area-inset-bottom,0px));
  padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}
.paper{max-width:760px;margin-inline:auto;background:var(--surface);border-radius:10px;overflow:hidden;border:1px solid var(--line)}
.p-band{background:linear-gradient(135deg,var(--blue-d),var(--blue));color:var(--on-blue);padding:22px 24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;position:relative}
.p-band::after{content:"";position:absolute;inset:0;background:
  repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 28px),
  repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 28px);pointer-events:none}
.p-band>*{position:relative;z-index:1}
.p-band .co{font-size:20px;font-weight:700}
.p-band .kind{font-size:12.5px;opacity:.85;letter-spacing:.04em}
.p-band .no{font-family:var(--font-mono);font-size:20px;font-weight:600;direction:ltr;text-align:end}
.p-band .dt{font-family:var(--font-mono);font-size:13px;opacity:.9;direction:ltr;text-align:end}
.p-body{padding:22px 24px;display:grid;gap:18px}
.p-meta{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-start}
.p-meta .lab{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.p-meta .val{font-weight:600;font-size:16px}
.p-tbl{overflow-x:auto}
.p-tbl table{min-width:480px}
.p-tbl th{background:var(--blue-soft);color:var(--blue);border-bottom:2px solid var(--blue)}
.p-foot{background:var(--surface2);border-top:1px solid var(--line);padding:16px 24px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.p-foot .grow{flex:1}

.toast{position:fixed;z-index:60;inset-inline:16px;bottom:calc(90px + env(safe-area-inset-bottom,0px));margin-inline:auto;max-width:420px;
  background:var(--fg);color:var(--bg);padding:10px 16px;border-radius:8px;text-align:center;font-weight:500;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.banner{background:var(--warn-soft);color:var(--warn);border-radius:8px;padding:10px 14px;font-size:13.5px}
.searchbar{display:flex;gap:10px;flex-wrap:wrap}
.searchbar input{flex:1 1 220px}
.formgrid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
@media (prefers-reduced-motion:no-preference){.btn,.row{transition:background .15s,border-color .15s}}

.pill.gray{background:var(--line);color:var(--muted)}
.cancelled-row .t,.cancelled-row .num{text-decoration:line-through;opacity:.6}
.login{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px max(16px,env(safe-area-inset-left,0px))}
.login .box{width:min(100%,380px);display:grid;gap:14px}
.login .head{background:linear-gradient(135deg,var(--blue-d),var(--blue));color:#fff;border-radius:10px;padding:22px 18px;text-align:center}
.login .head .co{font-size:24px;font-weight:700;letter-spacing:.03em}
.login .head .tag{opacity:.9;font-size:14px}
.err{color:var(--bad);font-size:13.5px;min-height:20px}
.roles-help{display:grid;gap:8px;font-size:13.5px}
.roles-help b{font-weight:600}
.audit{display:grid;gap:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);max-height:340px;overflow:auto}
.audit div{display:flex;gap:10px;padding:8px 14px;border-bottom:1px solid var(--line);font-size:13px;flex-wrap:wrap}
.audit div:last-child{border-bottom:0}
.audit .when{color:var(--muted);font-family:var(--font-mono);direction:ltr}
.hbtn{background:rgba(255,255,255,.14);border:0;color:#fff;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:13px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
a.btn{text-decoration:none;color:inherit}
#printroot{display:none}
@media print{
  @page{size:A4;margin:10mm}
  #app,#login,.toast{display:none!important}
  #printroot{display:block!important}
  body{background:#fff!important}
  .sheet{-webkit-print-color-adjust:exact;print-color-adjust:exact;border-radius:0}
}
.sh-tbl tr:last-child td{border-bottom:1px solid #D5DEEE}
.bline{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,.7fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:start;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface2)}
.bline .f-link{grid-column:1/-1}
.bline .hint{font-size:11.5px;color:var(--muted);margin-top:2px;min-height:16px}
.bline .hint.new{color:var(--blue)}
.bline .hint .btn{margin-inline-start:4px}
.bline .lt{padding-top:9px;font-family:var(--font-mono);direction:ltr;text-align:end;font-weight:600}
@media (max-width:760px){.bline{grid-template-columns:repeat(3,minmax(0,1fr))}.bline .f-name,.bline .f-link{grid-column:1/-1}.bline .lt{text-align:start}nav.tabs button{font-size:10.5px}}
label.btn{cursor:pointer}

/* customer support */
nav.tabs button{position:relative}
.bdg{background:#E5384F;color:#fff;border-radius:99px;font-size:11px;font-weight:700;min-width:18px;height:18px;padding:0 5px;display:inline-grid;place-items:center;line-height:1}
@media (max-width:760px){nav.tabs button .bdg{position:absolute;top:0;inset-inline-start:calc(50% + 4px)}}
.linkbox{background:var(--surface2);border:1px solid var(--line);border-radius:6px;padding:9px 12px;overflow-wrap:anywhere;font-family:var(--font-mono);font-size:13px;direction:ltr;text-align:start}
.row-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.tk-list{display:grid;gap:10px}
.tk-item{display:grid;gap:4px;width:100%;text-align:start;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:12px 14px;cursor:pointer;font:inherit;color:inherit}
.tk-item:hover{border-color:var(--blue)}
.tk-item.unread{border-inline-start:4px solid var(--blue)}
.tk-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tk-snip{font-size:14px;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-thread{display:grid;gap:8px;max-height:42vh;overflow:auto;padding:2px}
.tk-msg{max-width:88%;padding:9px 13px;border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere}
.tk-msg.customer{background:var(--surface2);border:1px solid var(--line);justify-self:start}
.tk-msg.staff{background:var(--blue-soft);justify-self:end}
.tk-msg time{display:block;font-size:11px;color:var(--muted);margin-top:4px}

/* invoice template v2 */
.sx{background:#fff;color:#14213d;font-family:var(--font-body);line-height:1.5}
.sx .num{direction:ltr;unicode-bidi:isolate}
.sx{--hh:116px;--eh:84px}
.sx-head{display:flex;justify-content:space-between;align-items:stretch;height:var(--hh)}
.sx-chev{width:62%;min-width:0;display:flex;align-items:stretch}
.sx-chev .body{flex:1;min-width:0;display:flex;align-items:center;gap:14px;padding:0 18px 0 22px;background:#082566;color:#fff}
.sx-chev .tipw{position:relative;flex:none;width:44px;height:var(--hh)}
.sx-chev .tip{position:absolute;top:0;width:0;height:0;border-left:44px solid #082566;border-top:calc(var(--hh)/2) solid transparent;border-bottom:calc(var(--hh)/2) solid transparent}
.sx-chev .tip.a{left:0;border-left-color:#2F6FEB}
.sx-chev .tip.b{left:-12px}
.sx-chev .logo{height:84px;width:auto;display:block;flex:none}
.sx-chev .tg{font-size:15px;font-weight:600;color:#bfe9ff;letter-spacing:.02em;overflow-wrap:normal}
.sx-title{align-self:center;padding-inline:26px;font-size:44px;font-weight:800;color:#1b2a4a;line-height:1}
.sx-meta{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 26px 14px}
.sx-meta .k{color:#5A83B8;font-size:13px;font-weight:600}
.sx-meta .who{font-size:20px;font-weight:700;color:#2F6FEB;overflow-wrap:anywhere}
.sx-meta .ad{font-size:13.5px;color:#46567a}
.sx-meta .kv{display:grid;gap:4px;font-size:14px}
.sx-meta .kv>div{display:flex;gap:10px;justify-content:space-between;min-width:210px}
.sx-meta .kv b{font-weight:600}
.sx-tbl{width:100%;min-width:0;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:13.5px}
.sx-tbl th{background:#2F6FEB;color:#fff;padding:10px 8px;font-size:13px;font-weight:600;text-align:center;border-inline-start:3px solid #fff}
.sx-tbl th:first-child{border-inline-start:0}
.sx-tbl td{padding:11px 8px;text-align:center;border-inline-start:3px solid #fff}
.sx-tbl td:first-child{border-inline-start:0}
.sx-tbl tbody tr:nth-child(odd) td{background:#E8EDF4}
.sx-tbl tbody tr:nth-child(even) td{background:#D7DEE9}
.sx-tbl .c-nm{text-align:start;overflow-wrap:anywhere}
.sx-tbl .c-nm .n{font-weight:600}
.sx-tbl .c-nm .nt{font-size:12px;color:#55637f;margin-top:1px}
.sx-tbl .c-id{white-space:nowrap}
.sx-tbl .c-id .num{font-family:var(--font-mono);font-size:12px}
.sx-tbl .c-tt{font-weight:600}
.sx-bot{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:20px;align-items:start;padding:20px 26px 10px}
.sx-terms .lab{display:inline-block;background:#2F6FEB;color:#fff;font-size:13px;font-weight:600;padding:5px 16px;margin-bottom:8px}
.sx-terms ul{margin:0;padding:0 18px 0 0;display:grid;gap:4px;font-size:13px;color:#33415f}
.sx-terms .ft{margin-top:8px;font-size:12.5px;color:#5A6A87}
.sx-tot{display:grid}
.sx-tot .r{display:flex;justify-content:space-between;gap:12px;padding:9px 16px;font-size:14px}
.sx-tot .r:nth-child(odd){background:#E8EDF4}.sx-tot .r:nth-child(even){background:#D7DEE9}
.sx-tot .r.t{background:#2F6FEB;color:#fff;font-weight:700;font-size:16px}
.sx-foot{display:flex;justify-content:space-between;align-items:stretch;gap:12px;margin-top:22px;min-height:84px}
.sx-foot .cts{display:flex;gap:14px 18px;flex-wrap:wrap;align-items:center;padding:8px 26px;font-size:12.5px;color:#33415f;flex:1;min-width:0}
.sx-foot .ci{display:flex;align-items:center;gap:8px;min-width:0}
.sx-foot .ci span:last-child{overflow-wrap:anywhere}
.sx-foot .ico{width:30px;height:30px;border:1.5px solid #2F6FEB;border-radius:50%;display:inline-grid;place-items:center;flex:none}
.sx-foot .ico svg{width:15px;height:15px;display:block}
.sx-end{width:38%;min-width:150px;display:flex;align-items:stretch;height:var(--eh)}
.sx-end .tl{flex:none;width:0;height:0;border-bottom:var(--eh) solid #082566;border-left:56px solid transparent}
.sx-end .in{flex:1;display:flex;align-items:center;justify-content:center;background:#082566;color:#fff;font-weight:700;font-size:20px;letter-spacing:.04em;direction:ltr;text-align:center}
@media (max-width:520px){
  .sx:not(.pdf){--hh:92px;--eh:58px}
  .sx:not(.pdf) .sx-head{}.sx:not(.pdf) .sx-chev{width:68%}.sx:not(.pdf) .sx-chev .body{padding:0 8px 0 12px;gap:8px}.sx:not(.pdf) .sx-chev .logo{height:62px}.sx:not(.pdf) .sx-chev .tg{font-size:10px;letter-spacing:0}.sx:not(.pdf) .sx-chev .logo{height:56px}
  .sx-title{font-size:30px;padding-inline:14px}
  .sx-meta{padding:14px 14px 10px}.sx-meta .kv>div{min-width:0}
  .sx-tbl{font-size:12px}.sx-tbl th,.sx-tbl td{padding:8px 4px}.sx-tbl th{font-size:11.5px}
  .sx-bot{grid-template-columns:1fr;padding:14px 14px 6px}
  .sx-foot{flex-wrap:wrap;margin-top:14px}.sx-foot .cts{padding:6px 14px;flex-basis:100%}.sx-end{width:100%}.sx-end .in{font-size:17px}
}
@media print{.sx-tbl th,.sx-tbl td,.sx-tot .r,.sx-terms .lab,.sx-chev .body,.sx-chev .tip,.sx-end .tl,.sx-end .in{-webkit-print-color-adjust:exact;print-color-adjust:exact}.sx-bot,.sx-foot,.sx-tbl tr{break-inside:avoid}}

.sx-foot .cts:empty{display:none}
.sx-foot:has(.cts:empty){justify-content:flex-end}

.sx[dir=ltr] .sx-terms ul{padding:0 0 0 18px}
.sx[dir=ltr] .sx-title{letter-spacing:.04em}