/* DENONTEK portal - dark theme (html[data-theme=dark]). Built by gen_dark.py from app.css; the part below is hand made. */
html[data-theme=dark]{
  color-scheme:dark;
  --red:#E5484D; --red-d:#F87171; --red-l:#3B1517; --red-50:#26161A;
  --ink:#2B2D33; --ink-2:#33363C; --ink-3:#3C3F46;
  --tx:#ECEDEF; --tx-2:#B4B7BE; --tx-3:#868991;
  --bg:#0F1012; --card:#18191C; --line:#2C2E33; --line-2:#232428;
  --ok:#4ADE80; --ok-l:#10291B; --warn:#F5B454; --warn-l:#33240E; --info:#7AA2F7; --info-l:#14213B;
  --mute:#A3A6AD; --mute-l:#26282D;
  --sh:0 1px 2px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.4);
  --sh-2:0 8px 28px rgba(0,0,0,.6);
}
html[data-theme=dark] body{background:var(--bg);color:var(--tx)}
html[data-theme=dark] .sidebar{background:#111214}
html[data-theme=dark] .top-logo{content:url(logo-dark.png)}
html[data-theme=dark] img[src*="postex-logo"]{filter:brightness(0) invert(.9)}
html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background-color:#141518;color:var(--tx);border-color:#34363C}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#6E717A}
html[data-theme=dark] input:disabled,html[data-theme=dark] select:disabled,html[data-theme=dark] textarea:disabled{background-color:#1C1D21;color:#7D8088}
html[data-theme=dark] ::-webkit-scrollbar-thumb{background:#3A3C42}
/* theme switch in the top bar */
.th-btn{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--tx-2);cursor:pointer;flex:none}
.th-btn:hover{color:var(--tx);border-color:var(--tx-3)}
.th-btn svg{width:18px;height:18px}
.th-btn .th-sun{display:none}
html[data-theme=dark] .th-btn .th-sun{display:block}
html[data-theme=dark] .th-btn .th-moon{display:none}
.th-sb{display:none;background:none;border:0;cursor:pointer;line-height:0}
.th-sb svg{width:18px;height:18px}
.th-sb .th-sun{display:none}
html[data-theme=dark] .th-sb .th-sun{display:block}
html[data-theme=dark] .th-sb .th-moon{display:none}
@media (max-width:640px){.th-btn{display:none}.th-sb{display:inline-block}}
html[data-theme=dark] img.logo[src*="assets/logo.png"]{content:url(logo-dark.png)}  /* login, register, tracking page (invoice paper keeps the normal logo) */

/* ---- generated from app.css (light colours written in the rules) ---- */
html[data-theme=dark] .sb-link .pill{background:var(--card)}
html[data-theme=dark] .topbar{background:var(--card)}
html[data-theme=dark] .stat{background:var(--card)}
html[data-theme=dark] .btn-o{background:var(--card)}
html[data-theme=dark] .btn-o:hover{border-color:#2E3036}
html[data-theme=dark] input[type=text],html[data-theme=dark] input[type=password],html[data-theme=dark] input[type=number],html[data-theme=dark] input[type=tel],html[data-theme=dark] input[type=email],html[data-theme=dark] input[type=date],html[data-theme=dark] input[type=search],html[data-theme=dark] select,html[data-theme=dark] textarea{background:var(--card);border:1px solid #2E3036}
html[data-theme=dark] .alert-ok{border-color:#39604B;color:#79ECB3}
html[data-theme=dark] .alert-err,html[data-theme=dark] .alert-error{border-color:#6D2C2D;color:#F47173}
html[data-theme=dark] .alert-warn{border-color:#735526;color:#F4AB71}
html[data-theme=dark] .alert-info{border-color:#263C73;color:#819BE4}
html[data-theme=dark] .st-wait{background:#23163B}
html[data-theme=dark] .lk-card{background:var(--card)}
html[data-theme=dark] .chip.bad{background:#3B1616}
html[data-theme=dark] .st-pend{background:#3B3816;color:#F0B675}
html[data-theme=dark] .st-appr{background:#163B33;color:#77EEE5}
html[data-theme=dark] .msg-ttl .ic{color:#78EDA3}
html[data-theme=dark] .tbl th{background:#202126}
html[data-theme=dark] .tbl tbody tr:hover{background:var(--card)}
html[data-theme=dark] .tbl tfoot td{background:#202126}
html[data-theme=dark] .tab{background:var(--card)}
html[data-theme=dark] .timeline .dot{background:var(--card);border:3px solid #3E4148}
html[data-theme=dark] .auth-main{background:var(--card)}
html[data-theme=dark] .modal-box{background:var(--card)}
html[data-theme=dark] .seg{background:var(--card)}
@media (max-width: 900px){html[data-theme=dark] .bottombar{background:var(--card)}html[data-theme=dark] table.tbl.cards tr{background:var(--card)}html[data-theme=dark] .tabs-seg{background:var(--card)}}
html[data-theme=dark] a.stat-link:hover{border-color:#2E3036}
html[data-theme=dark] .tk-main{background:var(--card)}
html[data-theme=dark] .st-hero.h-warn{background:#3B2D16;border-color:#735526;color:#F4AB71}
html[data-theme=dark] .st-hero.h-warn .v{color:#F4AA71}
html[data-theme=dark] .st-hero.h-ok{background:#1E3427;border-color:#396048;color:#7FE6B1}
html[data-theme=dark] .st-hero.h-ok .v{color:#7CE9A5}
html[data-theme=dark] .st-hero.h-bad{background:#3B1616;border-color:#6D2C2C;color:#EE7779}
html[data-theme=dark] .st-hero.h-bad .v{color:#F47174}
html[data-theme=dark] .st-hero.h-info{background:#182639;border-color:#2F486A;color:#89A9DC}
html[data-theme=dark] .st-hero.h-mute{background:#202126;border-color:#2E3036;color:#B8BBC2}
html[data-theme=dark] .tl li::before{background:var(--card)}
html[data-theme=dark] .fake.done{border-color:#396048;background:#1E3427}
html[data-theme=dark] .tk-sheet .in{background:var(--card)}
html[data-theme=dark] .tk-stat{background:var(--card)}
html[data-theme=dark] .tk-steps .dot{background:var(--card)}
html[data-theme=dark] .tk-steps li.now .dot{background:var(--card)}
html[data-theme=dark] .tk-next{border:1px solid #6C2D2F}
html[data-theme=dark] .tk-log li::before{background:var(--card)}
html[data-theme=dark] .nt-hit{background:var(--card)}
html[data-theme=dark] .qf-chip a{background:var(--card)}
html[data-theme=dark] .crumb-back{background:var(--card)}
html[data-theme=dark] a.crumb:hover{background:#2B2D33}
html[data-theme=dark] .chat-app{background:var(--card)}
html[data-theme=dark] .ch-list{background:var(--card)}
html[data-theme=dark] .ch-search{background:var(--card)}
html[data-theme=dark] .ch-filt button{background:var(--card)}
html[data-theme=dark] .ch-item:hover{background:var(--card)}
html[data-theme=dark] .ch-item.on{background:var(--card)}
html[data-theme=dark] .ch-av.online::after{border:2px solid #2E3036}
html[data-theme=dark] .ch-pane{background:#202126}
html[data-theme=dark] .ch-head{background:var(--card)}
html[data-theme=dark] .on-txt{color:#78EDA3}
html[data-theme=dark] .ch-backb{background:var(--card)}
html[data-theme=dark] .ch-chip{background:var(--card)}
html[data-theme=dark] .wa-tog{background:var(--card)}
html[data-theme=dark] .wa-tog svg{color:#78EDA3}
html[data-theme=dark] .wa-tog .sw{background:#3A3D44}
html[data-theme=dark] .wa-tog .sw::after{background:var(--card)}
html[data-theme=dark] .ch-pin{background:#3B2F16;border:1px solid #735A26;color:#F4C071}
html[data-theme=dark] .ch-day{background:#2B2D33}
html[data-theme=dark] .msg.in{background:var(--card)}
html[data-theme=dark] .msg.in .ocard{background:#202126}
html[data-theme=dark] .msg.in .att{background:#202126}
html[data-theme=dark] .ch-foot{background:#202126}
html[data-theme=dark] .ch-quick button{background:var(--card)}
html[data-theme=dark] .stg{background:var(--card)}
html[data-theme=dark] .ch-input textarea{background:var(--card)}
html[data-theme=dark] .ch-btn{background:var(--card)}
html[data-theme=dark] .ch-ref-list button{background:var(--card)}
html[data-theme=dark] .ez-need{box-shadow:0 0 0 3px #736326 !important;background:#3B3416}
html[data-theme=dark] .cl-money>div{background:var(--card)}
html[data-theme=dark] .cl-money .neg{border-color:#6C2D2F}
html[data-theme=dark] .cl-money .pos{background:#1D3524;border-color:#396045}
html[data-theme=dark] .sw>span{background:#3A3D44}
html[data-theme=dark] .sw>span::after{background:var(--card)}
html[data-theme=dark] .wa-sec{background:var(--card)}
html[data-theme=dark] .wa-sec.on{border-color:#396045;background:#1D3525}
html[data-theme=dark] .range-chips{background:var(--card)}
html[data-theme=dark] .sl-stats .stat.warn .val{color:var(--warn,#F4BF71)}
html[data-theme=dark] .num-lk.warn{color:#F4BF71}
html[data-theme=dark] .pct.ok{background:#1E3424}
html[data-theme=dark] .pct.mid{background:#3B2F16;color:#F4BF71}
html[data-theme=dark] .ez-pick{border:1px solid #6C2D2F}
html[data-theme=dark] .ez-pick-h{color:var(--red-d,#E77E81)}
html[data-theme=dark] .ez-opt{background:var(--card)}
html[data-theme=dark] .pk-it{background:var(--card)}
html[data-theme=dark] .inv-prev{background:#2B2D33}
html[data-theme=dark] .co-logo-row img{background:var(--card)}
html[data-theme=dark] .tbl.stmt th.stmt-pay,html[data-theme=dark] .tbl.stmt td.stmt-pay{background:#3B1616}
html[data-theme=dark] .tbl.stmt tfoot td.stmt-pay{background:#3B1616}
html[data-theme=dark] .ch-tabs a.on{background:var(--card)}
html[data-theme=dark] .oc-btn{background:var(--card)}
html[data-theme=dark] .ch-ref-list .rq{border:1px solid #264073;background:#16233B}
html[data-theme=dark] .ntf-btn{background:var(--card)}
html[data-theme=dark] .ntf-n{border:2px solid #2E3036}
html[data-theme=dark] .ntf-panel{background:var(--card)}
html[data-theme=dark] .ntf-tabs button.on{background:var(--card)}
html[data-theme=dark] .ntf-it:hover{background:#202126}
html[data-theme=dark] .ntf-it.un{background:#3B1616}
html[data-theme=dark] .ntf-ic{background:#16233B}
html[data-theme=dark] .ntf-ic.reminder{background:#3B2616}
html[data-theme=dark] .ntf-ic.call{background:#3B2616}
html[data-theme=dark] .ntf-f{background:#202126}
html[data-theme=dark] .rem-wa .lbl-t svg{color:#78EDA3}
html[data-theme=dark] .ch-tabs{background:var(--card)}
html[data-theme=dark] .ch-tabs a{background:var(--card)}
html[data-theme=dark] .ch-tabs a.on b{background:var(--card)}
html[data-theme=dark] .help-panel{background:var(--card)}
html[data-theme=dark] .help-s{background:var(--card)}
html[data-theme=dark] .help-it.open{background:#202126}
html[data-theme=dark] .help-d p{color:#ECEDEF}
html[data-theme=dark] .help-f{background:#202126}
html[data-theme=dark] .mention-box{background:var(--card)}
html[data-theme=dark] .gs-trigger{background:#202126}
html[data-theme=dark] .gs-trigger:hover{background:var(--card)}
html[data-theme=dark] .gs-trigger kbd,html[data-theme=dark] .gs-foot kbd{background:var(--card)}
@media (max-width:760px){html[data-theme=dark] .gs-trigger{background:var(--card)}}
html[data-theme=dark] .gs-box{background:var(--card)}
html[data-theme=dark] .gs-x{background:var(--card)}
html[data-theme=dark] .gs-detail{background:#202126}
html[data-theme=dark] .gs-it:hover{background:#202126}
html[data-theme=dark] .gs-it.on{box-shadow:inset 0 0 0 1px #6B2E30}
html[data-theme=dark] .gs mark{background:#3B3216}
html[data-theme=dark] .gs-kpi div{background:var(--card)}
html[data-theme=dark] .gs-kpi .bad{border-color:#6B2E30}
html[data-theme=dark] .gs-watch{background:#3B2E16;border:1px solid #735626;color:#F4B871}
html[data-theme=dark] .gs-addr{background:var(--card)}
html[data-theme=dark] .gs-addr p{color:#ECEDEF}
html[data-theme=dark] .gs-parcels{background:var(--card)}
html[data-theme=dark] .gs-pr:hover{background:#202126}
html[data-theme=dark] .gs-foot{background:var(--card)}
@media (max-width: 900px){html[data-theme=dark] .oc-ib{background:var(--card)}html[data-theme=dark] .oc .m-tog{background:var(--card)}html[data-theme=dark] .oc-bars i{background:#2B2D33}html[data-theme=dark] .oc-bars i.cur{box-shadow:0 0 0 2px #2E3036,0 0 0 3px var(--c)}}
html[data-theme=dark] .ctx-menu{background:var(--card)}
html[data-theme=dark] .ctx-grab{background:#3A3D44}
html[data-theme=dark] .ctx-ic{background:#1E3428}
html[data-theme=dark] tr.ctx-on>td{background:#1D3526!important}
html[data-theme=dark] .oi-row.on{background:#1D3526}
html[data-theme=dark] .oi-prev .wa{background:#302922}
html[data-theme=dark] .oi-prev .bub{background:#273B16}
html[data-theme=dark] .oi-prev .cap{color:#ECEDEF}
html[data-theme=dark] .oi-chip{background:var(--card)}
html[data-theme=dark] .gs-under{background:var(--card)}
html[data-theme=dark] .gs-rc{background:var(--card)}
html[data-theme=dark] .gs-ch{background:var(--card)}
html[data-theme=dark] .gs-ch.k-amt{background:#3B2E16;border-color:#735626;color:#F4B871}
html[data-theme=dark] .gs-ch.k-city{border-color:#263C73}
html[data-theme=dark] .gs-ch.k-days,html[data-theme=dark] .gs-ch.k-st{border-color:#6B2E30}
html[data-theme=dark] .gs-ch.k-date{background:#1E163B;border-color:#372673}
html[data-theme=dark] .gs-ch.k-seller,html[data-theme=dark] .gs-ch.k-acc,html[data-theme=dark] .gs-ch.k-id{border-color:#386149}
html[data-theme=dark] .gs-sum div{background:var(--card)}
html[data-theme=dark] .gs-sum .bad{border-color:#6B2E30}
html[data-theme=dark] .d-mid{background:#3B2E16;color:#F4B871}
html[data-theme=dark] .gd{background:#202126}
html[data-theme=dark] .gd-tip{border:1px solid #6B2E30}
html[data-theme=dark] .gd-c{background:var(--card)}
html[data-theme=dark] .gd-k:hover{background:var(--card)}
html[data-theme=dark] .gd-k.done{border-color:#386149}
html[data-theme=dark] .ic-it{background:var(--card)}
html[data-theme=dark] .ic-tx small{color:#ECEDEF}
html[data-theme=dark] .awb-done{border:1px solid #386149}
html[data-theme=dark] .ez-ph.ok{border-color:#386149}
html[data-theme=dark] .ez-op{background:var(--card)}
html[data-theme=dark] .ez-op em{color:#ECEDEF}
html[data-theme=dark] .ez-tg.ai{background:#1D163B}
html[data-theme=dark] .ez-nc{color:#F4AA71}
html[data-theme=dark] .ez-mask{background:#1F163B;border:1px dashed #382B6E;color:#ECEDEF}
html[data-theme=dark] .ez-ai{border-color:#3A2673 !important;box-shadow:0 0 0 3px #352673 !important}
html[data-theme=dark] .inc-chip{background:var(--card)}
html[data-theme=dark] .inc-remark{background:#3B2E16;border:1px solid #735626;color:#F4B871}
html[data-theme=dark] .ez-aitg span{background:#3A3D44}
html[data-theme=dark] .ez-aitg span:after{background:var(--card)}
html[data-theme=dark] .ez-busy{background:#1F163B;border:1px solid #372673}
html[data-theme=dark] .ez-spin{border:2.5px solid #372673}
html[data-theme=dark] .stk-help{border:1px solid #273D72}
html[data-theme=dark] .stk-step.done{border-color:#3B5E4B}
html[data-theme=dark] .stk-star.on{color:#F4CF71}
html[data-theme=dark] .stk-star:hover{color:#F4CF71}
html[data-theme=dark] .pr-stk{background:#202126}
html[data-theme=dark] .stk-sold{background:#16233B}
html[data-theme=dark] .pl-x{background:var(--card)}
html[data-theme=dark] .pl-ph{background:#202126}
html[data-theme=dark] .pl-tbl .pl-q.ch{background:#3B2B16}
html[data-theme=dark] .pl-chg{color:#F49771}
html[data-theme=dark] .stk-ug{background:var(--card);border:1px solid #2E3036}
html[data-theme=dark] .emp-tile{background:var(--card)}
html[data-theme=dark] .emp-login{background:#202126}
html[data-theme=dark] .chip.sells{background:#16233B}
html[data-theme=dark] .ez-num{background:var(--card)}
html[data-theme=dark] .ez-pk label.c.on{background:#16233B}
html[data-theme=dark] .ez-pk label.w.on{background:#163B26;color:#7CE9A5}
html[data-theme=dark] .ez-note{background:#3B3416;border:1px solid #736326;color:#F0B675}
html[data-theme=dark] .ez-cities{background:#3B3416;border:1px solid #736326}
html[data-theme=dark] .ez-cities small{color:#F0B675}
html[data-theme=dark] .ez-cities label{background:var(--card)}
html[data-theme=dark] .ez-cities label.on{background:#3B1616}
html[data-theme=dark] .cu-menu{background:var(--card)}
html[data-theme=dark] .cu-pn{background:var(--card)}
html[data-theme=dark] .qi{background:#2B2D33}
html[data-theme=dark] .it-low{color:#F4AA71}
html[data-theme=dark] .stk-cb-l{background:var(--card)}
html[data-theme=dark] .pk-step::before{background:#3A3D44;border:2px solid #2E3036}
html[data-theme=dark] .gz{background:var(--card,var(--card))}
html[data-theme=dark] .gz-b{background:#202126}
html[data-theme=dark] .pty-memo td{background:var(--card)}
html[data-theme=dark] .pty-tot td{background:#202126}
html[data-theme=dark] .tag.it-s{background:#161F3B;color:#8E89DC}
html[data-theme=dark] .cs-tbl tr.cs-new{background:#3B3416}
@media(max-width:640px){html[data-theme=dark] .cs-tbl tbody tr{border-bottom:1px solid var(--line,#2E3036)}}
html[data-theme=dark] .cs-sel.cs-delivered{background:#1E3428}
html[data-theme=dark] .cs-sel.cs-returned{background:#3B1616}
html[data-theme=dark] .cs-sel.cs-attention{background:#3B2D16}
html[data-theme=dark] .cs-sel.cs-cancelled,html[data-theme=dark] .cs-sel.cs-notsent{background:#202126}
html[data-theme=dark] .cs-sel.cs-transit{background:#161F3B}
html[data-theme=dark] .cr-bar{background:#2A2C31}
html[data-theme=dark] .cr-act a.wa{color:#7CE9A5}
html[data-theme=dark] .cr-act button.done{background:#2A2C31}
html[data-theme=dark] .cr-chips button.on{background:#2A2C31}
html[data-theme=dark] .live-new{background:#2A2C31}
html[data-theme=dark] .msg .qt{background:#25272D}
html[data-theme=dark] .msg .rpl{background:var(--card)}
html[data-theme=dark] .msg.swipe-ok::before{background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 14L4 9l5-5'/%3E%3Cpath d='M4 9h10.5a5.5 5.5 0 0 1 0 11H11'/%3E%3C/svg%3E") center/15px no-repeat}
html[data-theme=dark] .rp-bar{background:var(--card)}
html[data-theme=dark] .sort-ic.on{background:var(--red-50,#3B1616)}
html[data-theme=dark] .tag-web{background:#162C3B;color:#71C5F4}
html[data-theme=dark] .cloud-frame{background:#25282D}
html[data-theme=dark] .dv-code{background:linear-gradient(135deg,#2A2C31,#2A2C31)}