/* ═══════════════════════════════════════════════════════════════════════
   AUX müşteri paneli ortak tema katmanı — customer-panel_40 mockup'ından
   otomatik çıkarıldı ve `.auxui` altında kapsüllendi.

   NEDEN KAPSÜLLÜ: mockup'ta `.grid{display:grid;gap:13px}` gibi genel adlar
   var; kapsamsız yüklenirse Tailwind'in `grid` yardımcı sınıfını kullanan
   60+ eski sayfanın düzeni bozulur. Bu yüzden yalnız dönüştürülmüş sayfalar
   içeriğini <div class="auxui"> ile sarmalar; kalanlar etkilenmez.

   Sidebar/topbar kuralları buraya DAHİL DEĞİL — onlar layouts/customer
   içinde .auxnav / .auxchip olarak zaten uygulandı.

   @media print ve @page blokları da DIŞARIDA: mockup'ın A4 Beleg katmanı
   `body>*{display:none}` gibi global kurallar içeriyor ve mevcut yazdırma
   ekranlarını (ör. shipments/show) bozar. Belge motoru yazılınca ayrı bir
   dosyada, yalnız o sayfada yüklenmeli.

   ÜRETİM: scratchpad/gen_auxui.py (mockup yolu betiğin başında).

   NOT: mockup CSS'i ayrıştırılırken /* ... *\/ yorumları ÖNCE temizlenir;
   aksi halde yorum bir sonraki seçicinin içine karışıp kuralı geçersiz
   kılıyor (.modal, .track, .perf gibi 38 kural bu yüzden çalışmıyordu).
   ═══════════════════════════════════════════════════════════════════════ */

/* Mockup'ta bu değerler body'de duruyordu; kapsül köküne taşındı. */
.auxui { color: var(--ink); font-size: 14px; }
.auxui a { text-decoration: none; color: inherit; }
.auxui input, .auxui select, .auxui textarea, .auxui button { font-family: inherit; }

.auxui {--bg:#F5F6F8;--card:#FFFFFF;--ink:#15181D;--ink2:#5E646C;--muted:#9AA0A8;--line:#ECEEF1;--soft:#F3F4F6;--barbg:#E9EBEE;
    --orange:#F39200;--orange-2:#D97E00;--orange-t:#FCEBD3;--up:#D97E00;--green:#16A34A;
    --c1:#F39200;--c2:#565C64;--c3:#868C95;--c4:#B0B5BC;--c5:#D6D9DD;
    --shadow:0 1px 2px rgba(16,24,40,.04),0 2px 6px rgba(16,24,40,.05);}
html.dark .auxui {--bg:#131519;--card:#1C1F24;--ink:#F3F4F6;--ink2:#A6ACB4;--muted:#6C727A;--line:#2A2E35;--soft:#23272D;--barbg:#2A2E35;
    --orange:#F7A63A;--orange-2:#F7A63A;--orange-t:rgba(247,166,58,.14);--up:#F7A63A;--green:#4ADE80;
    --c1:#F7A63A;--c2:#D3D7DC;--c3:#A2A8B0;--c4:#757B83;--c5:#4E545B;
    --shadow:0 1px 2px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.35);}
.auxui .ic {width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
.auxui .ic.s {width:15px;height:15px;}
.auxui .ic.l {width:20px;height:20px;}
.auxui .ic.xs {width:13px;height:13px;}
.auxui .ddmenu {display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.18);padding:6px;z-index:120;cursor:default;}
.auxui .ddmenu.on {display:block;}
.auxui .ddmenu .ddh {font-size:12px;font-weight:800;color:var(--ink);padding:8px 10px 6px;border-bottom:1px solid var(--line);margin-bottom:4px;}
.auxui .ddmenu .ddh span {display:block;font-size:10.5px;color:var(--muted);font-weight:600;margin-top:2px;}
.auxui .ddmenu a {display:flex;flex-direction:column;gap:1px;padding:8px 10px;border-radius:8px;cursor:pointer;}
.auxui .ddmenu a:hover {background:var(--soft);}
.auxui .ddmenu a b {font-size:12px;color:var(--ink);font-weight:700;}
.auxui .ddmenu a span {font-size:10.5px;color:var(--muted);}
.auxui .ddmenu .ddh+a, .auxui .ddmenu a[onclick] {flex-direction:row;align-items:center;gap:9px;font-size:12.5px;font-weight:600;color:var(--ink2);}
.auxui .ddmenu a[onclick] .ic {color:var(--ink2);}
.auxui .ddmenu .ddall {color:var(--orange-2);font-weight:800;font-size:11px;text-align:center;}
.auxui .ddmenu .lo {flex-direction:row!important;align-items:center;gap:9px;color:#C23A2B;font-weight:700;border-top:1px solid var(--line);margin-top:4px;padding-top:10px;}
.auxui .ddmenu .lo .ic {color:#C23A2B;}
.auxui .ddmenu .lo span {font-size:12.5px;}
.auxui .gsres {position:absolute;top:calc(100% + 8px);left:0;width:420px;max-width:80vw;max-height:60vh;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.16);padding:6px;z-index:80;display:none;}
.auxui .gsres.on {display:block;}
.auxui .gsres .gsgrp {font-size:9.5px;letter-spacing:.5px;font-weight:800;color:var(--muted);padding:8px 10px 4px;text-transform:uppercase;}
.auxui .gsres .gsi {display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:12.5px;}
.auxui .gsres .gsi:hover {background:var(--orange-t);}
.auxui .gsres .gsi .gsm {color:var(--muted);font-size:10.5px;}
.auxui .gsres .gsempty {padding:14px 10px;color:var(--muted);font-size:12px;}
.auxui .fatbar {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:2px 0 12px;}
.auxui .fattabs {display:flex;gap:2px;flex-wrap:wrap;}
.auxui .fattabs a {font-size:12px;font-weight:600;color:var(--ink2);padding:7px 11px;border-radius:8px;cursor:pointer;text-decoration:none;}
.auxui .fattabs a b {color:var(--muted);font-weight:700;margin-left:3px;}
.auxui .fattabs a.on {background:var(--orange-t);color:var(--orange-2);}
.auxui .fattabs a.on b {color:var(--orange-2);}
.auxui .fattabs a:hover {background:var(--soft);}
.auxui .stdot {display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;vertical-align:1px;}
.auxui .stdot.g {background:#3BA55D;}
.auxui .stdot.o {background:var(--orange);}
.auxui .stdot.r {background:#E0483B;}
.auxui .stdot.d {background:#B8BCC4;}
.auxui .stdot.b {background:#3B7DE0;}
.auxui .fattbl td, .auxui .fattbl th {white-space:nowrap;}
.auxui .fattbl tr[data-st] {cursor:pointer;}
.auxui .fattbl tr[data-st]:hover {background:var(--soft);}
.auxui .zbtn {display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:7px;cursor:pointer;font-weight:800;color:var(--ink2);}
.auxui .zbtn:hover {border-color:var(--orange);color:var(--orange-2);background:var(--orange-t);}
.auxui .zok {display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;background:#E7F6EC;color:#2E9E56;border-radius:7px;font-weight:800;}
.auxui .drawer {position:fixed;top:0;right:0;height:100%;width:440px;max-width:92vw;background:var(--card);border-left:1px solid var(--line);box-shadow:-8px 0 30px rgba(0,0,0,.16);z-index:610;transform:translateX(100%);transition:transform .22s;display:flex;flex-direction:column;}
.auxui .drawer.on {transform:translateX(0);}
.auxui .drawer .dwh {display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);}
.auxui .drawer .dwh b {font-size:16px;}
.auxui .drawer .dwh .mx {cursor:pointer;color:var(--muted);}
.auxui .drawer .dwb {padding:18px 20px;overflow:auto;flex:1;}
.auxui .drawer .dwf {display:flex;gap:10px;padding:14px 20px;border-top:1px solid var(--line);}
.auxui .drawer .fgrp {border-bottom:1px solid var(--line);}
.auxui .drawer .fgrp>div {display:flex;justify-content:space-between;align-items:center;padding:13px 2px;cursor:pointer;font-weight:600;font-size:13px;color:var(--ink2);}
.auxui .drawer .fgrp>div:hover {color:var(--orange-2);}
.auxui .drawer .del {margin-top:14px;}
.auxui .drawer input.dein, .auxui .drawer select.dein {width:100%;}
.auxui .banner {display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:14px;}
.auxui .banner h1 {font-size:24px;font-weight:800;letter-spacing:-.4px;}
.auxui .banner .sub {font-size:12.5px;color:var(--muted);margin-top:3px;}
.auxui .presets {display:flex;gap:3px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:3px;box-shadow:var(--shadow);}
.auxui .preset {font-size:12px;font-weight:700;color:var(--ink2);padding:6px 11px;border-radius:8px;display:flex;align-items:center;}
.auxui .preset.on {background:var(--orange-t);color:var(--orange-2);}
.auxui .filters {display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:14px;}
.auxui .platdd {position:relative;}
.auxui .platbtn {padding:7px 14px;border-radius:9px;border:1px solid var(--line);background:var(--card);font-size:12.5px;font-weight:700;color:var(--ink2);cursor:pointer;transition:.12s;white-space:nowrap;}
.auxui .platbtn:hover, .auxui .platbtn.on {border-color:var(--orange);background:var(--orange-t);color:var(--orange-2);}
.auxui .platmenu {position:absolute;top:calc(100% + 6px);left:0;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;min-width:170px;z-index:60;display:none;}
.auxui .platmenu.on {display:block;}
.auxui .platmenu a {display:block;padding:8px 12px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--ink2);cursor:pointer;}
.auxui .platmenu a:hover {background:var(--soft);color:var(--orange-2);}
.auxui .cinfo {background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-top:14px;font-size:12px;color:var(--ink2);line-height:1.55;}
.auxui .cinfo b {color:var(--ink);}
.auxui .stagebanner {display:flex;align-items:center;gap:10px;background:var(--orange-t);border:1px solid var(--orange);border-radius:12px;padding:10px 14px;margin-bottom:12px;font-size:12.5px;color:var(--ink);font-weight:600;}
.auxui .stagebanner>svg {color:var(--orange-2);}
.auxui .stagebanner .sbx {margin-left:auto;cursor:pointer;color:var(--orange-2);font-weight:800;display:inline-flex;align-items:center;gap:4px;}
.auxui .tab {background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 13px;font-size:12px;font-weight:700;color:var(--ink2);box-shadow:var(--shadow);}
.auxui .tab.on {background:var(--orange);border-color:var(--orange);color:#fff;}
.auxui .tab.off {color:var(--muted);opacity:.55;box-shadow:none;}
.auxui .grid {display:grid;gap:13px;}
.auxui .mb {margin-bottom:13px;}
.auxui .mt {margin-top:13px;}
.auxui .card {background:var(--card);border:1px solid var(--line);border-radius:16px;padding:15px 17px;box-shadow:var(--shadow);}
.auxui .sec-t {font-size:13.5px;font-weight:800;letter-spacing:-.1px;}
.auxui .mut {color:var(--muted);}
.auxui .sec-sub {font-weight:500;color:var(--muted);font-size:11px;}
.auxui .tile {width:32px;height:32px;border-radius:10px;background:var(--soft);color:var(--ink2);display:flex;align-items:center;justify-content:center;}
.auxui .tile.o {background:var(--orange-t);color:var(--orange-2);}
.auxui .kpi {display:flex;flex-direction:column;}
.auxui .kpi .kh {display:flex;justify-content:space-between;align-items:center;color:var(--ink2);font-size:12.5px;font-weight:700;}
.auxui .kpi .val {font-size:24px;font-weight:800;margin:8px 0 4px;letter-spacing:-.6px;}
.auxui .kpi .chg {font-size:12px;font-weight:700;color:var(--up);display:flex;align-items:center;gap:5px;}
.auxui .kpi .chg .m {color:var(--muted);font-weight:500;}
.auxui .kpi .chg .ic {color:var(--up);}
.auxui .kpi .sub {display:flex;gap:22px;border-top:1px solid var(--line);margin-top:11px;padding-top:9px;}
.auxui .kpi .sub div {font-size:11px;color:var(--muted);}
.auxui .kpi .sub b {display:block;font-size:14px;color:var(--ink);}
.auxui .kpi .spark {margin-top:auto;border-top:1px solid var(--line);padding-top:11px;}
.auxui .kpi .sparkbars {display:flex;align-items:flex-end;gap:5px;height:44px;}
.auxui .kpi .sparkbars .sb {flex:1;background:var(--barbg);border-radius:5px 5px 0 0;min-height:5px;}
.auxui .kpi .sparkbars .sb.hi {background:var(--orange);}
.auxui .kpi .sparklab {display:flex;justify-content:space-between;font-size:10.5px;color:var(--muted);margin-top:7px;}
.auxui .kpi .sparklab b {color:var(--ink);font-weight:800;}
.auxui .track {position:relative;display:flex;justify-content:space-between;margin:16px 8px 4px;}
.auxui .track .tline {position:absolute;top:26px;left:9%;right:9%;height:2px;background:var(--line);z-index:0;}
.auxui .stage {position:relative;z-index:1;flex:1;text-align:center;}
.auxui #ordStages .stage {cursor:pointer;border-radius:12px;padding:4px 2px;transition:.12s;}
.auxui #ordStages .stage:hover {background:var(--soft);}
.auxui #ordStages .stage.active .node {border-color:var(--orange);background:var(--orange-t);color:var(--orange-2);box-shadow:0 0 0 3px var(--orange-t);}
.auxui #ordStages .stage.active .lb {color:var(--orange-2);font-weight:800;}
.auxui .stage .node {width:52px;height:52px;border-radius:16px;background:var(--card);border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:var(--shadow);color:var(--ink2);}
.auxui .stage.done .node {border-color:var(--orange);color:var(--orange-2);background:var(--orange-t);}
.auxui .stage .cnt {font-size:19px;font-weight:800;margin-top:8px;}
.auxui .stage .lb {font-size:11.5px;color:var(--ink2);font-weight:600;margin-top:1px;}
.auxui .stage .go {font-size:10px;color:var(--muted);margin-top:2px;font-weight:600;}
.auxui .ms3 {display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px;}
@media(max-width:1100px) {
  .auxui .ms3 {grid-template-columns:repeat(3,1fr);}
}
.auxui .ms3 .b {background:var(--soft);border-radius:11px;padding:9px 12px;}
.auxui .ms3 .lab {font-size:11.5px;color:var(--ink2);}
.auxui .ms3 .v {font-weight:800;font-size:14px;margin-top:1px;}
.auxui .up {font-size:11px;color:var(--up);font-weight:700;}
.auxui .perf {display:grid;grid-template-columns:repeat(6,1fr);margin-top:11px;}
.auxui .perf .p {padding:2px 15px;border-right:1px solid var(--line);}
.auxui .perf .p:last-child {border-right:none;}
.auxui .perf .pl {font-size:11.5px;color:var(--ink2);}
.auxui .perf .pv {font-size:18px;font-weight:800;margin-top:3px;}
.auxui .perf .ps {font-size:10.5px;color:var(--muted);margin-top:1px;}
.auxui .acts {grid-template-columns:repeat(5,1fr);}
.auxui .act {background:var(--card);border:1px solid var(--line);border-radius:14px;padding:11px 14px;display:flex;align-items:center;gap:11px;box-shadow:var(--shadow);}
.auxui .act .an {font-size:22px;font-weight:800;}
.auxui .act .atext {margin-left:auto;text-align:right;}
.auxui .act .al {font-size:11.5px;color:var(--ink2);line-height:1.15;}
.auxui .act .acta {margin-top:3px;font-size:11px;font-weight:800;color:var(--orange-2);}
.auxui .act.alert {border-color:var(--orange);}
.auxui .act.alert .tile {background:var(--orange-t);color:var(--orange-2);}
.auxui .chartwrap {position:relative;margin-top:10px;padding-left:44px;}
.auxui .yax {position:absolute;left:0;top:0;height:150px;display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:var(--muted);text-align:right;width:38px;padding-bottom:14px;}
.auxui .vtag {position:absolute;top:8px;right:8px;background:var(--orange);color:#fff;font-size:11px;font-weight:800;padding:3px 9px;border-radius:8px;box-shadow:0 2px 7px rgba(243,146,0,.35);}
.auxui .vdot {position:absolute;right:9px;top:38px;width:9px;height:9px;background:var(--orange);border:2px solid var(--card);border-radius:50%;box-shadow:0 0 0 2px rgba(243,146,0,.28);}
.auxui .feed .row {display:flex;gap:11px;padding:8px 0;border-bottom:1px solid var(--line);align-items:center;}
.auxui .feed .row:last-child {border-bottom:none;}
.auxui .feed .fic {width:28px;height:28px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--ink2);}
.auxui .feed .fic.o {background:var(--orange-t);color:var(--orange-2);}
.auxui .feed .row b {font-size:12px;font-weight:600;color:var(--ink);}
.auxui .feed .row span {font-size:10.5px;color:var(--muted);}
.auxui .bar {display:flex;align-items:center;gap:10px;margin:9px 0;}
.auxui .bar .bl {width:60px;font-size:11.5px;color:var(--ink2);}
.auxui .bar .bt {flex:1;height:8px;background:var(--barbg);border-radius:99px;overflow:hidden;}
.auxui .bar .bf {height:100%;background:var(--c3);border-radius:99px;}
.auxui .bar .bv {width:88px;display:flex;justify-content:flex-end;align-items:baseline;gap:9px;font-size:11.5px;font-weight:700;}
.auxui .bar .bv .bvn {min-width:36px;text-align:right;}
.auxui .bar .bv .bvp {min-width:34px;text-align:right;color:var(--muted);font-weight:600;}
.auxui .navcard {cursor:pointer;}
.auxui .navcard:hover {box-shadow:0 0 0 2px var(--orange-t);}
.auxui .sec-t.link {cursor:pointer;}
.auxui .sec-t.link:hover {color:var(--orange-2);text-decoration:underline;text-underline-offset:3px;}
.auxui .kpi.navcard:hover {transform:translateY(-1px);transition:.12s;}
.auxui .lnkstat {cursor:pointer;border-radius:6px;}
.auxui .lnkstat:hover {background:var(--orange-t);color:var(--orange-2);}
.auxui .kv {display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line);font-size:12px;}
.auxui .kv:last-child {border-bottom:none;}
.auxui .kv b {font-weight:800;}
.auxui .kv span {color:var(--ink2);}
.auxui table {width:100%;border-collapse:collapse;}
.auxui th, .auxui td {text-align:left;padding:7px 8px;font-size:12px;border-bottom:1px solid var(--line);color:var(--ink);}
.auxui th {color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.3px;font-weight:700;}
.auxui .st {font-size:10px;font-weight:800;padding:2px 9px;border-radius:999px;}
.auxui .st.new {background:var(--soft);color:var(--ink2);}
.auxui .st.proc {background:var(--orange-t);color:var(--orange-2);}
.auxui .st.sent {background:var(--ink);color:var(--card);}
.auxui .legend {display:flex;flex-direction:column;gap:8px;}
.auxui .legend .lr {display:flex;align-items:center;gap:9px;font-size:12px;}
.auxui .legend .sw {width:10px;height:10px;border-radius:3px;}
.auxui .legend .lr .pc {margin-left:auto;font-weight:700;}
.auxui .legend .lr .am {width:88px;text-align:right;color:var(--ink2);}
.auxui .stock {font-weight:800;}
.auxui .stock.low {color:var(--orange-2);}
.auxui .stock.crit {color:var(--orange-2);}
.auxui .aux {color:var(--ink2);font-weight:800;}
.auxui .mp .row {display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);}
.auxui .mp .row:last-child {border-bottom:none;}
.auxui .mp .nm {width:100px;font-size:12px;font-weight:700;}
.auxui .mp .track2 {flex:1;height:8px;background:var(--barbg);border-radius:99px;overflow:hidden;}
.auxui .mp .fill {height:100%;border-radius:99px;}
.auxui .mp .amt {width:82px;text-align:right;font-size:12px;font-weight:700;}
.auxui .mp .cnt {width:64px;text-align:right;font-size:11.5px;color:var(--muted);}
.auxui .soon-card {background:var(--soft);border:1px dashed var(--line);box-shadow:none;}
.auxui .soon-badge {background:var(--card);border:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:800;padding:2px 9px;border-radius:999px;}
.auxui .badge-on {background:var(--orange-t);color:var(--orange-2);font-size:10px;font-weight:800;padding:3px 10px;border-radius:999px;}
.auxui .miniz {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px;}
.auxui .miniz .m {background:var(--soft);border-radius:11px;padding:10px 12px;}
.auxui .miniz .ml {font-size:11px;color:var(--ink2);}
.auxui .miniz .mv {font-size:16px;font-weight:800;margin-top:2px;}
.auxui .wbtns {display:flex;flex-direction:column;gap:9px;margin-top:12px;}
.auxui .btn {display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:11px;font-size:12.5px;font-weight:800;cursor:pointer;}
.auxui .btn.pri {background:var(--orange);color:#fff;box-shadow:0 4px 12px rgba(243,146,0,.28);}
.auxui .btn.sec {background:var(--soft);color:var(--ink);border:1px solid var(--line);}
.auxui .stg .top {display:flex;align-items:center;gap:9px;margin-top:11px;}
.auxui .stg .bill {font-size:28px;font-weight:800;color:var(--orange-2);line-height:.9;}
.auxui .stg .billlab {font-size:11px;color:var(--ink2);line-height:1.15;}
.auxui .stg .usedtxt {margin-left:auto;font-size:12px;font-weight:700;color:var(--ink2);}
.auxui .palbar {position:relative;height:32px;border-radius:9px;background:var(--barbg);border:1px solid var(--line);overflow:hidden;margin-top:11px;}
.auxui .palbar .pf {position:absolute;left:0;top:0;bottom:0;background:linear-gradient(180deg,#F7A833,#F39200);}
.auxui .palbar .pb {position:absolute;top:0;bottom:0;right:0;background:repeating-linear-gradient(45deg,rgba(243,146,0,.22),rgba(243,146,0,.22) 5px,rgba(243,146,0,.05) 5px,rgba(243,146,0,.05) 10px);}
.auxui .palbar .pg {position:absolute;inset:0;pointer-events:none;}
.auxui .palcap {display:flex;justify-content:space-between;font-size:10.5px;color:var(--muted);margin-top:8px;}
.auxui .palcap .sw {display:inline-block;width:9px;height:9px;border-radius:2px;vertical-align:-1px;margin-right:4px;}
.auxui .enrich, .auxui .dead {margin-top:8px;}
.auxui .enrich .row {display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,1.4fr) auto;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);}
.auxui .enrich .row:last-child {border-bottom:none;}
.auxui .dead .row {display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);}
.auxui .dead .row:last-child {border-bottom:none;}
.auxui .enrich .enm {font-size:12px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.auxui .enrich .etags {display:flex;gap:5px;flex-wrap:wrap;}
.auxui .prodfil {display:flex;gap:2px;flex-wrap:wrap;margin-bottom:10px;}
.auxui .etag {font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--soft);color:var(--ink2);white-space:nowrap;}
.auxui .etag.crit {background:var(--orange-t);color:var(--orange-2);}
.auxui .go2 {font-size:10.5px;font-weight:800;color:var(--orange-2);white-space:nowrap;cursor:pointer;text-align:right;}
.auxui .dead .dnm {width:150px;font-size:12px;font-weight:700;color:var(--ink);}
.auxui .dead .dbar {flex:1;height:7px;background:var(--barbg);border-radius:99px;overflow:hidden;}
.auxui .dead .dbar i {display:block;height:100%;background:var(--orange);border-radius:99px;}
.auxui .dead .ddays {width:132px;text-align:right;font-size:12px;}
.auxui .dead .ddays b {font-weight:800;color:var(--ink);}
.auxui .dead .ddays span {color:var(--muted);font-size:10px;display:block;}
.auxui .livedot {display:inline-block;width:8px;height:8px;border-radius:50%;background:#16A34A;box-shadow:0 0 0 3px rgba(22,163,74,.18);vertical-align:1px;margin-right:6px;}
.auxui .badge-live {display:inline-flex;align-items:center;background:rgba(22,163,74,.12);color:#12833C;font-size:10.5px;font-weight:800;padding:4px 11px;border-radius:999px;}
html.dark .auxui .badge-live {color:#4ADE80;}
.auxui .wsum {display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:12px;}
.auxui .wsum .m {background:var(--soft);border-radius:11px;padding:10px 12px;}
.auxui .wsum .ml {font-size:10.5px;color:var(--ink2);}
.auxui .wsum .mv {font-size:17px;font-weight:800;margin-top:2px;}
.auxui .wsum .ms {font-size:9.5px;color:var(--muted);margin-top:1px;}
.auxui .phead {display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px;flex-wrap:wrap;}
.auxui .phead h1 {font-size:22px;font-weight:800;letter-spacing:-.3px;}
.auxui .phead .psub {font-size:12px;color:var(--muted);margin-left:8px;font-weight:500;}
.auxui .phbtns {display:flex;gap:8px;flex-wrap:wrap;}
.auxui .btnr {display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:11px;font-size:12.5px;font-weight:800;cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--ink);box-shadow:var(--shadow);}
.auxui .btnr .ic {color:var(--ink2);}
.auxui .btnr.pri {background:var(--orange);color:#fff;border-color:var(--orange);box-shadow:0 4px 12px rgba(243,146,0,.26);}
.auxui .btnr.pri .ic {color:#fff;}
.auxui .fbar {display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px;}
.auxui .fbar-reset {margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:8px 12px;border-radius:9px;border:1px solid var(--line);background:var(--soft);color:var(--muted);font-size:11.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.15s;}
.auxui .fbar-reset:hover {color:var(--orange-2);border-color:var(--orange);background:var(--orange-t);}
.auxui .beleg-acts {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:2px 0 6px;}
.auxui .bact {display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:9px;border:1px solid var(--line);background:var(--card);color:var(--ink2);font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;transition:.15s;}
.auxui .bact:hover {border-color:var(--orange);color:var(--orange-2);background:var(--orange-t);}
.auxui .bact.pri {background:var(--orange);border-color:var(--orange);color:#fff;}
.auxui .bact.pri:hover {background:var(--orange-2);color:#fff;}
.auxui .fbar .fq {flex:1;min-width:240px;display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 13px;box-shadow:var(--shadow);color:var(--muted);font-size:12.5px;}
.auxui .fbar .fq input {border:none;background:transparent;outline:none;font-size:12.5px;color:var(--ink);width:100%;font-family:inherit;}
.auxui .selw {position:relative;}
.auxui .selw>.ic {position:absolute;right:9px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted);}
.auxui .fsel {appearance:none;-webkit-appearance:none;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 30px 9px 12px;font-size:12px;font-weight:600;color:var(--ink2);box-shadow:var(--shadow);cursor:pointer;font-family:inherit;}
.auxui .stat4 {display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;}
.auxui .stat4.s3 {grid-template-columns:repeat(3,1fr);}
.auxui .stat4.s5 {grid-template-columns:repeat(5,1fr);}
.auxui .stat4.s6 {grid-template-columns:repeat(6,1fr);}
.auxui .stt {background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px 15px;box-shadow:var(--shadow);}
.auxui .stt .l {font-size:11.5px;color:var(--ink2);}
.auxui .stt .v {font-size:21px;font-weight:800;margin-top:4px;}
.auxui .stt .s {font-size:10.5px;color:var(--muted);margin-top:2px;}
.auxui .pill {font-size:10px;font-weight:800;padding:3px 10px;border-radius:999px;white-space:nowrap;}
.auxui .pill.o {background:var(--orange-t);color:var(--orange-2);}
.auxui .pill.g {background:var(--soft);color:var(--ink2);}
.auxui .pill.d {background:var(--ink);color:var(--card);}
.auxui .pill.ok {background:rgba(22,163,74,.12);color:#12833C;}
html.dark .auxui .pill.ok {color:#4ADE80;}
.auxui .pill.warn {background:#FBE3E0;color:#C23A2B;}
html.dark .auxui .pill.warn {background:rgba(226,58,43,.18);color:#F08A7E;}
.auxui .ono2 {color:var(--orange-2);font-weight:700;font-family:'DejaVu Sans Mono',monospace;font-size:11px;}
.auxui .kon {font-family:'DejaVu Sans Mono',monospace;font-size:10.5px;color:var(--ink2);}
.auxui .act2 {width:30px;height:30px;border-radius:8px;background:var(--soft);border:1px solid var(--line);color:var(--ink2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
.auxui .act2.o {color:var(--orange-2);}
.auxui .cardgrid {display:grid;gap:13px;}
.auxui .cg2 {grid-template-columns:1fr 1fr;}
.auxui .cg3 {grid-template-columns:1fr 1fr 1fr;}
.auxui .cg13 {grid-template-columns:1.4fr 1fr;}
.auxui .cg31 {grid-template-columns:1fr 1.4fr;}
.auxui .mkgrid {display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.auxui .mkc {background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:var(--shadow);}
.auxui .mkc .mh {display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.auxui .mkc .mi {width:38px;height:38px;border-radius:10px;background:var(--soft);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--ink2);font-size:13px;}
.auxui .mkc .mn {font-size:13px;font-weight:800;}
.auxui .mkc .ms {font-size:10.5px;color:var(--muted);}
.auxui .subtabs {display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;}
.auxui .subtabs a {display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:11px;font-size:12.5px;font-weight:700;color:var(--ink2);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);cursor:pointer;}
.auxui .subtabs a.on {background:var(--orange);color:#fff;border-color:var(--orange);}
.auxui .prodcard {background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px;box-shadow:var(--shadow);}
.auxui .prodcard .pth {display:flex;justify-content:space-between;align-items:flex-start;gap:8px;}
.auxui .prodcard .ptn {font-size:12.5px;font-weight:800;line-height:1.25;}
.auxui .prodcard .ptp {font-size:15px;font-weight:800;color:var(--orange-2);white-space:nowrap;}
.auxui .prodcard .ptmeta {font-size:10.5px;color:var(--muted);margin-top:8px;display:flex;justify-content:space-between;}
.auxui .emptybox {background:var(--soft);border:1px dashed var(--line);border-radius:14px;padding:26px;text-align:center;color:var(--muted);font-size:12.5px;}
.auxui .emptybox .ei {width:44px;height:44px;border-radius:12px;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;color:var(--ink2);}
.auxui .ofhead {display:flex;align-items:baseline;gap:12px;margin-bottom:2px;flex-wrap:wrap;}
.auxui .ofhead .oft {font-size:13.5px;font-weight:800;}
.auxui .ofhead .ofn {font-size:26px;font-weight:800;color:var(--orange-2);line-height:1;}
.auxui .ofhead .ofs {font-size:11.5px;color:var(--muted);}
.auxui .fdate {background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:11.5px;color:var(--ink2);box-shadow:var(--shadow);font-family:inherit;}
.auxui .fdate::-webkit-calendar-picker-indicator {opacity:.5;cursor:pointer;}
.auxui .dsep {color:var(--muted);font-size:12px;}
.auxui .pager {display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;}
.auxui .pager .pinfo {font-size:12px;color:var(--muted);}
.auxui .pager .pinfo b {color:var(--ink);}
.auxui .pager .pnav {display:flex;gap:5px;align-items:center;}
.auxui .pgb {min-width:30px;height:30px;padding:0 9px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--ink2);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
.auxui .pgb.on {background:var(--orange);color:#fff;border-color:var(--orange);}
.auxui .pgb.dis {opacity:.4;cursor:default;}
.auxui .chanrow {display:flex;gap:9px;flex-wrap:wrap;margin-bottom:14px;}
.auxui .chanchip {display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:9px 13px;box-shadow:var(--shadow);cursor:pointer;transition:.12s;}
.auxui .chanchip:hover {border-color:var(--orange);}
.auxui .chanchip.on {border-color:var(--orange);background:var(--orange-t);}
.auxui .chanchip.dis {opacity:.5;cursor:not-allowed;box-shadow:none;background:var(--soft);}
.auxui .chanchip .cm {width:26px;height:26px;border-radius:7px;background:var(--soft);display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;color:var(--ink2);}
.auxui .chanchip.on .cm {background:var(--card);color:var(--orange-2);}
.auxui .chanchip .cn {font-size:12.5px;font-weight:700;color:var(--ink);line-height:1.15;display:block;}
.auxui .chanchip .cs {font-size:9.5px;color:var(--muted);display:block;line-height:1;}
.auxui .chanchip .cc {font-size:13px;font-weight:800;color:var(--orange-2);}
.auxui .chanchip.dis .cc {color:var(--muted);}
.auxui .subpanel {display:none;}
.auxui .subpanel.on {display:block;}
.auxui .chead {display:flex;justify-content:space-between;align-items:center;gap:12px;}
.auxui .chead .r {font-size:11px;color:var(--muted);font-weight:600;}
.auxui .noteline {font-size:11.5px;color:var(--muted);background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:10px 13px;margin-bottom:14px;}
.auxui .miss {font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:999px;background:#FBE3E0;color:#C23A2B;margin-right:4px;white-space:nowrap;}
html.dark .auxui .miss {background:rgba(226,58,43,.18);color:#F08A7E;}
.auxui .track.sm {margin:12px 6px 2px;}
.auxui .track.sm .tline {top:22px;}
.auxui .track.sm .node {width:44px;height:44px;border-radius:13px;}
.auxui .track.sm .cnt {font-size:16px;margin-top:7px;}
.auxui .track.sm .lb {font-size:10.5px;}
.auxui .track.sm .go {font-size:9px;margin-top:1px;}
.auxui .psz {display:flex;gap:5px;align-items:center;}
.auxui .psz .pl2 {font-size:11px;color:var(--muted);margin-right:3px;}
.auxui .pgb.sm {min-width:26px;height:26px;padding:0 8px;font-size:11px;}
.auxui .povhead {display:flex;align-items:center;gap:9px;margin-bottom:11px;}
.auxui .povhead .pt {font-size:14px;font-weight:800;}
.auxui .povhead .ph {font-size:11.5px;color:var(--muted);font-weight:500;}
.auxui .povrow {display:flex;gap:11px;flex-wrap:wrap;margin-bottom:14px;}
.auxui .povc {background:var(--card);border:1px solid var(--line);border-radius:13px;padding:11px 14px;box-shadow:var(--shadow);min-width:150px;}
.auxui .povc .pvn {display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;color:var(--ink);}
.auxui .povc .pvlogo {display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;border-radius:7px;background:var(--soft);font-size:12px;font-weight:800;color:var(--ink2);white-space:nowrap;}
.auxui .povc .pvsplit {display:flex;gap:8px;margin-top:9px;}
.auxui .pvcount {display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800;cursor:pointer;}
.auxui .pvcount .cbadge {width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;}
.auxui .pvcount .cbadge.y {background:var(--green);}
.auxui .pvcount .cbadge.n {background:#C23A2B;}
html.dark .auxui .pvcount .cbadge.n {background:#E5675A;}
.auxui .pvcount.y {color:#12833C;}
html.dark .auxui .pvcount.y {color:#4ADE80;}
.auxui .pvcount.n {color:#C23A2B;}
html.dark .auxui .pvcount.n {color:#F08A7E;}
.auxui .povc.aux {background:linear-gradient(180deg,var(--orange-t),var(--card));border-color:var(--orange);display:flex;align-items:center;gap:12px;}
.auxui .povc.aux .awh {width:38px;height:38px;border-radius:11px;background:var(--card);border:1px solid var(--orange);color:var(--orange-2);display:flex;align-items:center;justify-content:center;}
.auxui .povc.aux .al2 {font-size:12.5px;font-weight:800;color:var(--ink);}
.auxui .povc.aux .av2 {font-size:20px;font-weight:800;color:var(--orange-2);}
.auxui .povc.dis {opacity:.5;background:var(--soft);box-shadow:none;}
.auxui .povc.povother {min-width:200px;}
.auxui .povc.povother .povsubs {display:flex;flex-wrap:wrap;gap:5px;margin-top:9px;}
.auxui .povsub {display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:7px;border:1px solid var(--line);background:var(--soft);font-size:11px;font-weight:700;color:var(--ink2);cursor:pointer;transition:.15s;}
.auxui .povsub:hover {border-color:var(--orange);color:var(--orange-2);background:var(--orange-t);}
.auxui .povsub b {color:var(--ink);}
.auxui .cirostats {display:flex;gap:7px;margin-top:12px;flex-wrap:wrap;}
.auxui .cirostats .ms {flex:1;min-width:88px;background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:8px 10px;}
.auxui .cirostats .ms .ml {display:flex;align-items:center;gap:4px;font-size:9px;font-weight:800;letter-spacing:.3px;color:var(--muted);text-transform:uppercase;}
.auxui .cirostats .ms .ml i {width:7px;height:7px;border-radius:2px;display:inline-block;}
.auxui .cirostats .ms .mv {display:block;font-size:14.5px;font-weight:800;color:var(--ink);margin-top:3px;line-height:1.1;}
.auxui .cirostats .ms .mvs {display:block;font-size:10px;font-weight:600;color:var(--muted);margin-top:1px;}
.auxui #prodPlatRow {flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:5px;scrollbar-width:thin;}
.auxui #prodPlatRow .povc {min-width:0;flex:0 0 auto;width:118px;padding:9px 11px;}
.auxui #prodPlatRow .povc.aux {width:auto;gap:9px;padding:9px 13px;}
.auxui #prodPlatRow .povc.aux .av2 {font-size:17px;}
.auxui #prodPlatRow .povc.aux .al2 {font-size:11.5px;}
.auxui #prodPlatRow .povc .pvlogo {font-size:11px;padding:2px 8px;}
.auxui #prodPlatRow .povc .pvbig {margin-top:7px;font-size:10px;}
.auxui #prodPlatRow .povc .pvbig b {font-size:15px;}
.auxui #prodPlatRow .povc .pvbig .tot {display:block;font-size:9px;margin-top:1px;}
.auxui #prodPlatRow .povc .pvbar {width:100%;margin-top:6px;}
.auxui #prodPlatRow .povc .pvmini {font-size:10px;margin-top:7px;}
.auxui #prodPlatRow .povc.povother {width:150px;}
.auxui #prodPlatRow .povother .povsubs {gap:4px;margin-top:7px;}
.auxui #prodPlatRow .povsub {padding:3px 6px;font-size:10px;}
.auxui .setwrap {display:grid;grid-template-columns:228px 1fr;gap:16px;align-items:start;}
.auxui .setnav {background:var(--card);border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:var(--shadow);position:sticky;top:12px;}
.auxui .setnav a {display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;font-size:12.5px;font-weight:600;color:var(--ink2);cursor:pointer;margin:1px 0;}
.auxui .setnav a .ic {color:var(--ink2);}
.auxui .setnav a.on {background:var(--orange-t);color:var(--orange-2);font-weight:700;}
.auxui .setnav a.on .ic {color:var(--orange-2);}
.auxui .setnav a:hover {background:var(--soft);}
.auxui #page-settings.support-only .setnav {display:none;}
.auxui #page-settings.support-only .setwrap {grid-template-columns:1fr;}
.auxui #page-settings.support-only .setbody .setpanel {display:none !important;}
.auxui #page-settings.support-only .setbody .setpanel[data-set="destek"] {display:block !important;}
.auxui .setpanel {display:none;}
.auxui .setpanel.on {display:block;}
.auxui .settitle {font-size:15px;font-weight:800;}
.auxui .setdesc {font-size:11.5px;color:var(--muted);margin:3px 0 16px;}
.auxui .frow {margin-bottom:15px;}
.auxui .frow>label {display:block;font-size:12px;font-weight:700;color:var(--ink);margin-bottom:6px;}
.auxui .frow .hint {font-size:11px;color:var(--muted);margin-top:5px;}
.auxui .finp {width:100%;background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:10px 13px;font-size:13px;color:var(--ink);font-family:inherit;}
.auxui .finp:focus {outline:none;border-color:var(--orange);}
.auxui textarea.finp {resize:vertical;min-height:70px;}
.auxui .fgrid2 {display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.auxui .urlrow {display:flex;align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.auxui .urlrow input {flex:1;background:transparent;border:none;padding:10px 13px;font-size:13px;color:var(--ink);font-family:inherit;outline:none;text-align:right;}
.auxui .urlrow .suf {padding:10px 13px;font-size:12.5px;color:var(--muted);background:var(--barbg);border-left:1px solid var(--line);white-space:nowrap;}
.auxui .frow2 {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);}
.auxui .frow2:last-child {border-bottom:none;}
.auxui .frow2 .l {font-size:12.5px;font-weight:700;color:var(--ink);}
.auxui .frow2 .s {font-size:11px;color:var(--muted);}
.auxui .toggle {width:42px;height:24px;border-radius:99px;background:var(--orange);position:relative;cursor:pointer;flex-shrink:0;}
.auxui .toggle::after {content:"";position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.15s;}
.auxui .toggle.off {background:var(--barbg);}
.auxui .toggle.off::after {right:auto;left:2px;}
.auxui .colorpick {display:flex;align-items:center;gap:10px;}
.auxui .colorpick .sw {width:40px;height:40px;border-radius:10px;border:2px solid var(--line);}
.auxui .colorpick .cx {font-family:'DejaVu Sans Mono',monospace;font-size:12px;color:var(--ink2);background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:9px 12px;}
.auxui .logobox {width:118px;height:118px;border-radius:14px;border:2px dashed var(--line);background:var(--soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:11px;text-align:center;padding:8px;}
.auxui .setsave {display:flex;justify-content:flex-end;gap:9px;margin-top:6px;padding-top:15px;border-top:1px solid var(--line);}
.auxui .setgrp {font-size:9px;font-weight:800;letter-spacing:1.2px;color:var(--muted);padding:12px 11px 5px;}
.auxui .htip {position:relative;cursor:help;}
.auxui .htip[data-tip]:hover::after {content:attr(data-tip);position:absolute;bottom:135%;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--card);font-size:10px;font-weight:600;white-space:nowrap;padding:5px 9px;border-radius:7px;box-shadow:var(--shadow);z-index:30;}
.auxui .povc .pvbig {margin-top:9px;font-size:11px;}
.auxui .povc .pvbig b {font-size:18px;font-weight:800;color:var(--ink);}
.auxui .povc .pvbig .tot {color:var(--muted);}
.auxui .povc .pvbar {height:5px;background:var(--barbg);border-radius:99px;overflow:hidden;margin-top:8px;width:120px;}
.auxui .povc .pvbar i {display:block;height:100%;background:var(--orange);border-radius:99px;}
.auxui .povc.dis .pvmini {font-size:11px;color:var(--muted);margin-top:9px;}
.auxui .opbtn {display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:8px;font-size:11px;font-weight:800;cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--ink2);white-space:nowrap;}
.auxui .opbtn.pri {background:var(--orange);color:#fff;border-color:var(--orange);}
.auxui .opbtn.done {background:rgba(22,163,74,.12);color:#12833C;border-color:transparent;}
html.dark .auxui .opbtn.done {color:#4ADE80;}
.auxui .opbtn.dis {opacity:.4;cursor:default;}
.auxui .opcell {display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap;}
.auxui .crow {cursor:pointer;}
.auxui .crow:hover {background:var(--soft);}
.auxui .crow.open {background:var(--orange-t);}
.auxui .cdetail {display:none;}
.auxui .cdetail.on {display:table-row;}
.auxui .cdetail>td {background:var(--soft);padding:0;}
.auxui .cdgrid {display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;padding:18px 14px 6px;}
.auxui .cdhist {padding:4px 14px 18px;}
.auxui .cdhist h6 {font-size:10px;font-weight:800;letter-spacing:.5px;color:var(--muted);margin:0 0 8px;}
.auxui .cdhist table {background:var(--card);border-radius:10px;overflow:hidden;}
.auxui .cdhist .mc {display:flex;justify-content:space-between;gap:14px;font-size:11px;color:var(--muted);margin-top:8px;flex-wrap:wrap;}
.auxui .cdhist .mc b {color:var(--ink);}
.auxui .cdcol h5 {font-size:10px;font-weight:800;letter-spacing:.5px;color:var(--muted);margin-bottom:9px;}
.auxui .cdcol .li {font-size:12px;color:var(--ink);margin:4px 0;line-height:1.5;}
.auxui .cdcol .li.s {color:var(--ink2);}
.auxui .cdcol .li b {font-weight:700;}
.auxui .cdnote {background:var(--card);border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-size:11.5px;color:var(--ink2);margin-top:4px;}
.auxui .svcline {display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11.5px;color:var(--ink);padding:5px 0;border-bottom:1px solid var(--line);}
.auxui .svcline:last-child {border-bottom:none;}
.auxui .alist .row {display:flex;gap:11px;padding:9px 0;border-bottom:1px solid var(--line);align-items:center;}
.auxui .alist .row:last-child {border-bottom:none;}
.auxui .alist .ai {width:30px;height:30px;border-radius:9px;background:var(--orange-t);color:var(--orange-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.auxui .alist .ai.g {background:var(--soft);color:var(--ink2);}
.auxui .alist b {font-size:12px;font-weight:600;color:var(--ink);display:block;}
.auxui .alist span {font-size:10.5px;color:var(--muted);}
.auxui .alist .cta {margin-left:auto;font-size:10.5px;font-weight:800;color:var(--orange-2);white-space:nowrap;cursor:pointer;}
.auxui .feed .row .who {color:var(--ink2);font-weight:700;}
.auxui .feed .row span.t {margin-left:auto;white-space:nowrap;}
.auxui .mov {display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--ink2);white-space:nowrap;}
.auxui .mov .ar {width:17px;height:17px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;}
.auxui .mov .ct {font-weight:800;color:var(--ink);}
.auxui .mov.in .ar {background:rgba(22,163,74,.14);color:#12833C;}
html.dark .auxui .mov.in .ar {color:#4ADE80;}
.auxui .mov.out .ar {background:#FBE3E0;color:#C23A2B;}
html.dark .auxui .mov.out .ar {background:rgba(226,58,43,.18);color:#F08A7E;}
.auxui .chk {width:27px;height:27px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--line);color:var(--muted);cursor:pointer;transition:.12s;}
.auxui .chk:not(.done):hover {border-color:var(--orange);color:var(--orange-2);background:var(--orange-t);}
.auxui .chk.done {background:var(--green);border-color:var(--green);color:#fff;}
.auxui .wchk {width:27px;height:27px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--line);color:var(--muted);cursor:pointer;transition:.12s;}
.auxui .wchk:not(.done):hover {border-color:var(--orange);color:var(--orange-2);background:var(--orange-t);}
.auxui .wchk.done {background:var(--green,#2EA05A);border-color:var(--green,#2EA05A);color:#fff;}
.auxui .wchk.done.case {box-shadow:0 0 0 2px var(--orange);}
.auxui .wchk.case:not(.done) {background:var(--orange);border-color:var(--orange);color:#fff;}
.auxui .noteadd {display:flex;gap:8px;margin:10px 0 6px;}
.auxui .noteadd .noteinp {flex:1;background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:12.5px;color:var(--ink);font-family:inherit;outline:none;}
.auxui .noteadd .noteinp:focus {border-color:var(--orange);}
.auxui .notelist .ni {display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);align-items:flex-start;}
.auxui .notelist .ni:last-child {border-bottom:none;}
.auxui .notelist .nav2 {width:26px;height:26px;border-radius:8px;background:var(--orange-t);font-size:9.5px;font-weight:800;color:var(--orange-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.auxui .notelist .nt {flex:1;font-size:12px;color:var(--ink);line-height:1.4;}
.auxui .notelist .nm {font-size:10px;color:var(--muted);margin-top:3px;}
.auxui .notelist .ndel {color:var(--muted);cursor:pointer;flex-shrink:0;padding:2px;}
.auxui .notelist .ndel:hover {color:#C23A2B;}
.auxui .cal {margin-top:6px;}
.auxui .calh {display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.auxui .calh b {font-size:12.5px;color:var(--ink);font-weight:800;}
.auxui .calh .nav {display:flex;gap:5px;}
.auxui .calh .nav span {width:24px;height:24px;border-radius:7px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink2);}
.auxui .calgrid {display:grid;grid-template-columns:repeat(7,1fr);gap:4px;}
.auxui .calgrid .wd {font-size:9.5px;font-weight:800;color:var(--muted);text-align:center;padding-bottom:4px;letter-spacing:.3px;}
.auxui .cald {position:relative;height:44px;border-radius:8px;border:1px solid transparent;display:flex;align-items:flex-start;justify-content:flex-end;padding:5px 7px;font-size:11px;font-weight:600;color:var(--ink2);}
.auxui .cald.mut {color:var(--line);}
.auxui .cald.ev {background:var(--soft);border-color:var(--line);}
.auxui .cald[data-day] {cursor:pointer;}
.auxui .cald[data-day]:hover {border-color:var(--orange);}
.auxui .cald.today {border-color:var(--orange);color:var(--orange-2);font-weight:800;}
.auxui .cald.sel {background:var(--orange)!important;color:#fff!important;border-color:var(--orange);}
.auxui .cald.sel .dot {background:#fff!important;}
.auxui .mform {margin-top:12px;border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:8px;}
.auxui .minp {background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:12.5px;color:var(--ink);font-family:inherit;outline:none;width:100%;}
.auxui .minp:focus {border-color:var(--orange);}
.auxui .ddi {display:flex;gap:11px;padding:11px 0;border-bottom:1px solid var(--line);}
.auxui .ddi:last-child {border-bottom:none;}
.auxui .ddi .di {width:30px;height:30px;border-radius:9px;background:var(--orange-t);color:var(--orange-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.auxui .ddi .di.g {background:var(--soft);color:var(--ink2);}
.auxui .ddi .di.r {background:#FBE3E0;color:#C23A2B;}
html.dark .auxui .ddi .di.r {background:rgba(226,58,43,.2);color:#F08A7E;}
.auxui .ddi .dc {flex:1;min-width:0;}
.auxui .ddi .dc b {font-size:12px;color:var(--ink);}
.auxui .ddi .dc .dnote {font-size:11.5px;color:var(--ink2);margin-top:3px;line-height:1.5;}
.auxui .ddi .dc .dm {font-size:10px;color:var(--muted);margin-top:6px;display:flex;gap:6px;flex-wrap:wrap;align-items:center;}
.auxui .ddi .dw {color:var(--orange-2);font-weight:800;}
.auxui .ebadge {display:inline-flex;align-items:center;gap:4px;font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:20px;background:var(--soft);color:var(--ink2);}
.auxui .ebadge svg {width:10px;height:10px;}
.auxui .ddquick {display:flex;gap:8px;margin-top:13px;padding-top:13px;border-top:1px solid var(--line);}
.auxui .attachrow {display:flex;gap:8px;flex-wrap:wrap;}
.auxui .attachrow .ab {display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--ink2);cursor:pointer;padding:8px 12px;border:1px dashed var(--line);border-radius:9px;}
.auxui .attachrow .ab:hover {border-color:var(--orange);color:var(--orange-2);}
.auxui .crmcard .chead .ci {width:28px;height:28px;border-radius:8px;background:var(--orange-t);color:var(--orange-2);display:inline-flex;align-items:center;justify-content:center;margin-right:8px;vertical-align:-8px;}
.auxui .perbar {background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow);margin-bottom:14px;}
.auxui .prow {display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:5px 0;}
.auxui .pyl {font-size:9.5px;font-weight:800;letter-spacing:.5px;color:var(--muted);width:30px;flex-shrink:0;}
.auxui .pchip {padding:6px 12px;border-radius:9px;border:1px solid var(--line);font-size:12px;font-weight:700;color:var(--ink2);cursor:pointer;background:var(--card);user-select:none;}
.auxui .pchip:hover {border-color:var(--orange);}
.auxui .pchip.on {background:var(--orange);color:#fff;border-color:var(--orange);}
.auxui .pchip.mo {min-width:46px;text-align:center;}
.auxui .perinfo {font-size:11px;color:var(--ink2);margin-top:9px;padding-top:9px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;}
.auxui .perinfo .perlabel {font-weight:800;color:var(--ink);}
.auxui .perclear {margin-left:auto;font-size:11px;font-weight:800;color:var(--orange-2);cursor:pointer;}
.auxui .autoinv {display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--orange-t);border:1px solid var(--orange);border-radius:14px;padding:13px 16px;margin-bottom:14px;flex-wrap:wrap;}
.auxui .autoinv .ai-l {display:flex;gap:12px;align-items:center;}
.auxui .autoinv .ai-ic {width:38px;height:38px;border-radius:11px;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.auxui .autoinv b {font-size:13px;color:var(--ink);}
.auxui .autoinv .ai-l>div>span {display:block;font-size:11px;color:var(--ink2);margin-top:2px;}
.auxui .paysrc {padding:14px;}
.auxui .paysrc .ps-h {display:flex;gap:11px;align-items:center;}
.auxui .paysrc .ps-ic {width:36px;height:36px;border-radius:10px;background:var(--orange-t);color:var(--orange-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.auxui .paysrc .ps-h b {font-size:12.5px;color:var(--ink);display:block;}
.auxui .paysrc .ps-h span {font-size:10.5px;color:var(--muted);}
.auxui .paysrc .ps-v {margin-top:12px;font-size:19px;font-weight:800;color:var(--ink);}
.auxui .paysrc .ps-v span {display:block;font-size:10px;color:var(--muted);font-weight:600;margin-top:1px;}
.auxui .paysrc .ps-b {margin-top:9px;font-size:11px;color:var(--ink2);display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:8px;}
.auxui .paysrc .ps-b b {color:var(--ink);}
.auxui .svcat {display:flex;align-items:center;gap:10px;margin:22px 0 12px;}
.auxui .svcat:first-child {margin-top:6px;}
.auxui .svcat .sct {font-size:14px;font-weight:800;color:var(--ink);}
.auxui .svcat .scn {font-size:11px;color:var(--muted);font-weight:600;}
.auxui .svcat .sci {width:30px;height:30px;border-radius:9px;background:var(--orange-t);color:var(--orange-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.auxui .svcard {background:var(--card);border:1px solid var(--line);border-radius:13px;padding:14px;box-shadow:var(--shadow);display:flex;flex-direction:column;}
.auxui .svcard .sh {display:flex;justify-content:space-between;gap:10px;align-items:flex-start;}
.auxui .svcard .stt2 {font-size:12.5px;font-weight:800;color:var(--ink);line-height:1.28;}
.auxui .svcard .anind {display:inline-block;margin-top:5px;font-size:9px;font-weight:800;padding:2px 7px;border-radius:20px;background:rgba(22,163,74,.12);color:#12833C;}
html.dark .auxui .svcard .anind {color:#4ADE80;}
.auxui .svcard .sp2 {font-size:14px;font-weight:800;color:var(--orange-2);white-space:nowrap;text-align:right;}
.auxui .svcard .sp2 span {display:block;font-size:9px;color:var(--muted);font-weight:600;}
.auxui .svcard .sd {font-size:10.5px;color:var(--muted);margin-top:8px;line-height:1.5;flex:1;}
.auxui .svcard .sreq {margin-top:12px;padding:9px;font-size:11.5px;}
.auxui .modal {position:fixed;inset:0;background:rgba(20,20,22,.5);display:none;align-items:center;justify-content:center;z-index:200;padding:20px;}
.auxui .modal.on {display:flex;}
.auxui .modalbox {background:var(--card);border-radius:16px;width:100%;max-width:470px;box-shadow:0 24px 60px rgba(0,0,0,.35);max-height:92vh;overflow:auto;}
.auxui .modalbox.wide {max-width:880px;}
.auxui .binp {width:100%;background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:7px 9px;font-size:12px;color:var(--ink);font-family:inherit;outline:none;}
.auxui .binp:focus {border-color:var(--orange);}
.auxui .fclegend {display:flex;gap:8px;flex-wrap:wrap;}
.auxui .flg {display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--ink2);cursor:pointer;padding:5px 10px;border:1px solid var(--line);border-radius:20px;user-select:none;}
.auxui .flg .dot {width:9px;height:9px;border-radius:3px;}
.auxui .flg.off {opacity:.4;}
.auxui .flg.off .dot {background:var(--line)!important;}
.auxui .fchart {display:flex;align-items:flex-end;gap:2px;height:200px;margin-top:16px;padding:0 4px;border-bottom:1px solid var(--line);}
.auxui .fmonth {flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;}
.auxui .fmonth .fbars {display:flex;align-items:flex-end;gap:3px;height:100%;}
.auxui .fmonth .fcbar {width:11px;border-radius:3px 3px 0 0;transition:height .25s;}
.auxui .fmonth .flbl {font-size:10px;color:var(--muted);font-weight:700;margin-top:7px;}
.auxui .eduitem {display:flex;align-items:center;gap:12px;padding:11px 6px;border-bottom:1px solid var(--line);cursor:pointer;}
.auxui .eduitem:last-child {border-bottom:none;}
.auxui .eduitem:hover {background:var(--soft);}
.auxui .eduitem .en {width:24px;height:24px;border-radius:50%;background:var(--soft);color:var(--ink2);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.auxui .eduitem.done .en {background:var(--green);color:#fff;}
.auxui .eduitem .eic {width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--orange-t);color:var(--orange-2);}
.auxui .eduitem .eic.pdf {background:#FBE3E0;color:#C23A2B;}
html.dark .auxui .eduitem .eic.pdf {background:rgba(226,58,43,.18);color:#F08A7E;}
.auxui .eduitem .eic.yazi {background:var(--soft);color:var(--ink2);}
.auxui .eduitem .ec {flex:1;min-width:0;}
.auxui .eduitem .ec b {font-size:12.5px;color:var(--ink);}
.auxui .eduitem .ec span {display:block;font-size:10.5px;color:var(--muted);margin-top:1px;}
.auxui .eduitem .etag {font-size:9px;font-weight:800;padding:2px 7px;border-radius:20px;background:var(--soft);color:var(--ink2);text-transform:uppercase;flex-shrink:0;}
.auxui .eduitem .edone {font-size:10px;font-weight:800;color:#12833C;display:none;flex-shrink:0;}
html.dark .auxui .eduitem .edone {color:#4ADE80;}
.auxui .eduitem.done .edone {display:inline;}
.auxui .eduitem .estart {font-size:10.5px;font-weight:800;color:var(--orange-2);flex-shrink:0;}
.auxui .eduitem.done .estart {display:none;}
.auxui .modalh {display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--card);}
.auxui .modalh .mt {font-size:14px;font-weight:800;color:var(--ink);}
.auxui .modalh .mx {cursor:pointer;color:var(--muted);padding:3px;}
.auxui .modalh .mx:hover {color:var(--ink);}
.auxui .modalb {padding:16px 18px;display:flex;flex-direction:column;gap:12px;}
.auxui .mfl {font-size:10px;font-weight:800;letter-spacing:.4px;color:var(--muted);margin-bottom:5px;display:block;}
.auxui .mfh {font-size:10px;color:var(--muted);margin-top:4px;display:block;opacity:.8;}
.auxui .msvcbox {background:var(--orange-t);border-radius:11px;padding:11px 13px;display:flex;justify-content:space-between;align-items:center;}
.auxui .msvcbox b {font-size:12.5px;color:var(--ink);}
.auxui .msvcbox span {font-size:13px;font-weight:800;color:var(--orange-2);}
.auxui .rchips {display:flex;gap:8px;flex-wrap:wrap;}
.auxui .rchip {flex:1;min-width:120px;text-align:center;padding:9px 8px;border-radius:10px;border:1px solid var(--line);font-size:11.5px;font-weight:700;color:var(--ink2);cursor:pointer;}
.auxui .rchip.on {background:var(--orange);color:#fff;border-color:var(--orange);}
.auxui .mcond {display:none;}
.auxui .mcond.on {display:block;}
.auxui .mrow2 {display:flex;gap:10px;}
.auxui .mrow2>div {flex:1;}
.auxui textarea.minp {resize:vertical;min-height:60px;}
.auxui .planrow {display:flex;align-items:center;gap:12px;padding:12px 13px;border:1px solid var(--line);border-radius:11px;}
.auxui .planrow.sel {border-color:var(--orange);background:var(--orange-t);}
.auxui .planrow>div:first-child {flex:1;}
.auxui .planrow b {font-size:12.5px;color:var(--ink);display:block;}
.auxui .planrow span {font-size:10.5px;color:var(--muted);}
.auxui .planrow .pp {font-size:17px;font-weight:800;color:var(--orange-2);white-space:nowrap;}
.auxui .planrow .pp small {font-size:10px;color:var(--muted);font-weight:600;}
.auxui .invhdr {display:flex;justify-content:space-between;gap:14px;background:var(--soft);border-radius:11px;padding:12px 14px;}
.auxui .invhdr b {font-size:13px;color:var(--ink);display:block;}
.auxui .invhdr span {font-size:11px;color:var(--ink2);display:block;margin-top:1px;}
.auxui .doceditor {position:fixed;inset:0;background:var(--bg);z-index:300;display:none;overflow:auto;}
.auxui .doceditor.on {display:block;}
.auxui .dehead {position:sticky;top:0;background:var(--card);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:12px 20px;z-index:5;}
.auxui .dehead .dt {font-size:16px;font-weight:800;color:var(--ink);}
.auxui .dehead .dsub {font-size:11px;color:var(--muted);}
.auxui .dehead .deX {width:38px;height:38px;border-radius:10px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink2);flex:0 0 auto;}
.auxui .dehead .deX:hover {background:#C23A2B;border-color:#C23A2B;color:#fff;}
.auxui .dept .pricec {position:relative;display:flex;align-items:center;}
.auxui .dept .pricec .pin {padding-right:20px;text-align:right;}
.auxui .dept .pricec .eur {position:absolute;right:8px;color:var(--muted);font-size:12px;pointer-events:none;}
.auxui .dept tr.prow-note td {border-bottom:1px solid var(--line);}
.auxui .dept .pin.pnote {font-style:italic;color:var(--ink2);}
.auxui .dept .pin.phead {font-weight:800;color:var(--ink);}
.auxui .ppick {display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;margin-bottom:7px;cursor:pointer;}
.auxui .ppick:hover {border-color:var(--orange);background:var(--orange-t);}
.auxui .gpsrbox {border:1px solid #cfe0f7;background:#f4f8ff;border-radius:14px;padding:14px 16px;margin:2px 0 4px;}
html.dark .auxui .gpsrbox {background:#12213a;border-color:#28406a;}
.auxui .gpsrh {font-size:12.5px;font-weight:800;color:#1f3d7a;display:flex;align-items:center;gap:7px;margin-bottom:10px;}
html.dark .auxui .gpsrh {color:#8fb4ee;}
.auxui .brandpick {display:flex;align-items:center;gap:7px;}
.auxui .brandpick .dein {flex:1;}
.auxui .brandpick .bok {width:26px;height:26px;border-radius:50%;background:#2f6fd6;color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.auxui .brandpick .badd {width:30px;height:30px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--ink2);cursor:pointer;flex:0 0 auto;}
.auxui .brandpick .badd:hover {border-color:var(--orange);color:var(--orange-2);}
.auxui .phealth {border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:0 0 12px;background:var(--card);}
.auxui .phbar {height:9px;border-radius:99px;background:var(--barbg);overflow:hidden;margin:8px 0 4px;}
.auxui .phbar>i {display:block;height:100%;background:linear-gradient(90deg,#F39200,#ffb454);border-radius:99px;transition:width .3s;}
.auxui .phrec {display:flex;align-items:flex-start;gap:9px;padding:8px 0;border-top:1px dashed var(--line);font-size:12px;}
.auxui .phrec .pico {width:22px;height:22px;border-radius:7px;background:var(--orange-t);color:var(--orange-2);display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.auxui .phrec.ok {opacity:.55;}
.auxui .phrec.ok .pico {background:#E7F6EC;color:#2E9E56;}
.auxui .readycell {display:flex;align-items:center;gap:7px;}
.auxui .readycell .rbar {width:52px;height:6px;border-radius:99px;background:var(--barbg);overflow:hidden;}
.auxui .readycell .rbar>i {display:block;height:100%;border-radius:99px;}
.auxui .a4 .t2 tr.lrh td {background:var(--soft);font-weight:800;}
.auxui .a4 .t2 tr.lrt td {font-style:italic;color:#555;}
.auxui .debody {display:grid;grid-template-columns:1fr 320px;gap:18px;padding:18px 22px 70px;max-width:1440px;margin:0 auto;align-items:start;}
.auxui .decard {background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px;box-shadow:var(--shadow);}
.auxui .del {display:block;font-size:11.5px;font-weight:800;color:var(--ink);margin:16px 0 7px;}
.auxui .decard>.del:first-child {margin-top:0;}
.auxui .dein {width:100%;background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:11px 13px;font-size:13px;color:var(--ink);font-family:inherit;outline:none;box-sizing:border-box;}
.auxui .dein:focus {border-color:var(--orange);}
.auxui textarea.dein {resize:vertical;min-height:54px;}
.auxui .deinfo {display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.auxui .derowset {display:flex;gap:10px;align-items:stretch;}
.auxui .derowset .selw {flex:1;}
.auxui .derowset .gearbtn {width:44px;border:1px solid var(--line);border-radius:10px;background:var(--soft);display:flex;align-items:center;justify-content:center;color:var(--ink2);cursor:pointer;flex-shrink:0;}
.auxui .derowset .gearbtn:hover {border-color:var(--orange);color:var(--orange-2);}
.auxui .dept {width:100%;border-collapse:collapse;margin-top:6px;}
.auxui .dept th {font-size:9.5px;font-weight:800;letter-spacing:.4px;color:var(--muted);text-align:left;padding:6px 8px;border-bottom:1px solid var(--line);}
.auxui .dept td {padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:middle;}
.auxui .dept .pin {width:100%;background:transparent;border:1px solid transparent;border-radius:7px;padding:7px 8px;font-size:12.5px;color:var(--ink);font-family:inherit;outline:none;}
.auxui .dept .pin:focus {background:var(--soft);border-color:var(--orange);}
.auxui .dept .pnum {color:var(--muted);font-weight:700;font-size:12px;}
.auxui .dept .pdel {color:var(--muted);cursor:pointer;padding:4px;}
.auxui .dept .pdel:hover {color:#C23A2B;}
.auxui .dept .pg {font-weight:800;color:var(--ink);white-space:nowrap;text-align:right;}
.auxui .nbtog {display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;}
.auxui .nbtog span {padding:6px 14px;font-size:11.5px;font-weight:700;color:var(--ink2);cursor:pointer;}
.auxui .nbtog span.on {background:var(--orange);color:#fff;}
.auxui .detot {margin-top:14px;display:flex;justify-content:flex-end;}
.auxui .detot .tb {min-width:240px;}
.auxui .detot .kv {display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink2);padding:3px 0;}
.auxui .detot .kv.big {border-top:1px solid var(--line);margin-top:5px;padding-top:8px;font-size:15px;font-weight:800;color:var(--ink);}
.auxui .langpick {display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;}
.auxui .langpick span {padding:6px 12px;font-size:11.5px;font-weight:700;color:var(--ink2);cursor:pointer;}
.auxui .langpick span.on {background:var(--orange);color:#fff;}
.auxui .rmwrap {position:relative;display:inline-block;}
.auxui .rmbtn {font-size:11px;font-weight:800;color:var(--orange-2);cursor:pointer;}
.auxui .rmmenu {display:none;position:absolute;right:0;top:calc(100% + 6px);min-width:290px;background:var(--card);border:1px solid var(--line);border-radius:11px;box-shadow:0 14px 36px rgba(0,0,0,.16);padding:6px;z-index:20;}
.auxui .rmmenu.on {display:block;}
.auxui .rmmenu .ri {display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:8px;cursor:pointer;font-size:12px;color:var(--ink2);}
.auxui .rmmenu .ri:hover {background:var(--soft);}
.auxui .rmmenu .ri .rx {margin-left:auto;color:var(--muted);padding:0 2px;}
.auxui .rmmenu .ri .rx:hover {color:#C23A2B;}
.auxui .rmmenu .radd {border-top:1px solid var(--line);margin-top:4px;padding-top:8px;color:var(--orange-2);font-weight:800;}
.auxui .depv {background:var(--soft);border:1px dashed var(--line);border-radius:11px;min-height:240px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:12px;padding:20px;flex-direction:column;gap:10px;}
.auxui .pvdoc {background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 16px 18px;font-size:11px;color:#2b2c2e;box-shadow:inset 0 0 0 1px rgba(0,0,0,.01);min-height:200px;}
html.dark .auxui .pvdoc {background:#f7f7f8;}
.auxui .pvdoc .pvhead {display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #f39200;padding-bottom:8px;margin-bottom:10px;}
.auxui .pvdoc .pvfirma {font-weight:800;font-size:13px;color:#2b2c2e;}
.auxui .pvdoc .pvtitle {font-weight:800;font-size:15px;color:#f39200;}
.auxui .pvdoc .pvsmall {font-size:10px;color:#777;}
.auxui .pvdoc .pvcust {margin:8px 0;}
.auxui .pvdoc .pvcust b {font-size:12px;color:#2b2c2e;}
.auxui .pvdoc .pvtext {font-size:10.5px;color:#444;line-height:1.5;margin:8px 0;}
.auxui .pvdoc .pvtbl {width:100%;border-collapse:collapse;margin:10px 0;}
.auxui .pvdoc .pvtbl th {font-size:9px;text-transform:uppercase;letter-spacing:.3px;color:#888;text-align:left;border-bottom:1px solid #ddd;padding:4px 5px;}
.auxui .pvdoc .pvtbl td {font-size:10.5px;padding:5px 5px;border-bottom:1px solid #eee;color:#333;}
.auxui .pvdoc .pvtot {margin-top:8px;margin-left:auto;width:62%;}
.auxui .pvdoc .pvtot>div {display:flex;justify-content:space-between;font-size:10.5px;color:#555;padding:2px 0;}
.auxui .pvdoc .pvtot .big {border-top:1px solid #ccc;margin-top:3px;padding-top:5px;font-size:13px;font-weight:800;color:#2b2c2e;}
.auxui .pvdoc .pvline {font-size:10px;color:#555;margin-top:5px;}
.auxui #docPvModal {z-index:500;}
.auxui #newCustModal {z-index:520;}
.auxui #confirmModal {z-index:600;}
.auxui .pvdoc {position:relative;overflow:hidden;}
.auxui .pvdoc.bon {max-width:300px;margin:0 auto;font-size:10px;}
.auxui .pvwm {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2;}
.auxui .pvwm span {transform:rotate(-26deg);font-size:46px;font-weight:900;color:rgba(243,146,0,.18);letter-spacing:8px;border:4px solid rgba(243,146,0,.18);padding:8px 30px;border-radius:10px;white-space:nowrap;}
.auxui .a4wrap {background:#e9e9ec;padding:14px;border-radius:10px;overflow:auto;}
.auxui .a4 {width:780px;min-height:1103px;background:#fff;margin:0 auto;padding:44px 46px 32px;box-shadow:0 6px 24px rgba(0,0,0,.12);color:#2b2c2e;font-size:12px;line-height:1.4;position:relative;box-sizing:border-box;}
.auxui .a4 * {box-sizing:border-box;}
.auxui .a4head {display:flex;justify-content:space-between;align-items:flex-start;min-height:96px;}
.auxui .a4logo img {max-height:78px;max-width:280px;}
.auxui .a4logо, .auxui .a4logo .tlogo {font-family:Georgia,serif;}
.auxui .a4logo .tlogo b {font-size:30px;font-weight:800;letter-spacing:1px;color:#c0392b;}
.auxui .a4logo .tlogo b span {color:#2b2c2e;}
.auxui .a4logo .tlogo small {display:block;font-style:italic;color:#555;font-size:12px;margin-top:2px;}
.auxui .a4qr {display:flex;gap:10px;align-items:flex-start;}
.auxui .a4qr .qr {width:70px;height:70px;border:1px solid #ddd;background:repeating-linear-gradient(45deg,#eee,#eee 4px,#fff 4px,#fff 8px);border-radius:6px;}
.auxui .a4qr .app {font-size:8px;color:#888;display:flex;flex-direction:column;gap:4px;}
.auxui .a4r1 {display:flex;justify-content:space-between;gap:30px;margin-top:26px;}
.auxui .a4from {flex:1;font-size:11px;color:#333;}
.auxui .a4from .fl {border-bottom:1px solid #ccc;padding-bottom:8px;margin-bottom:14px;color:#666;}
.auxui .a4from .cust b {font-size:12px;}
.auxui .a4meta {width:280px;}
.auxui .a4meta .mr {display:flex;justify-content:space-between;padding:2px 0;font-size:11.5px;}
.auxui .a4meta .mr span:first-child {color:#555;}
.auxui .a4meta .mr b {color:#2b2c2e;font-weight:700;}
.auxui .a4r2 {display:flex;gap:60px;margin-top:34px;font-size:11px;color:#333;}
.auxui .a4r2 h6 {font-size:11px;font-weight:800;margin-bottom:3px;}
.auxui .a4title {font-size:30px;font-weight:400;color:#555;margin:34px 0 18px;}
.auxui .a4tbl {width:100%;border-collapse:collapse;}
.auxui .a4tbl th {font-size:11px;font-weight:800;text-align:right;padding:0 0 10px;border-bottom:1px solid #333;}
.auxui .a4tbl th:first-child {text-align:left;}
.auxui .a4tbl td {padding:14px 0;border-bottom:1px solid #eee;font-size:11.5px;text-align:right;vertical-align:top;}
.auxui .a4tbl td:first-child {text-align:left;padding-right:14px;}
.auxui .a4tot {margin:26px 0 0 auto;width:300px;}
.auxui .a4tot .tr {display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #e5e5e5;font-size:12px;font-weight:700;}
.auxui .a4tot .tr.g {color:#9a9a9a;border-bottom:none;}
.auxui .a4pay {margin-top:40px;font-size:11.5px;}
.auxui .a4pay .b {font-weight:800;}
.auxui .a4pay .mut {color:#9a9a9a;margin-top:14px;}
.auxui .a4foot {display:flex;justify-content:space-between;gap:20px;margin-top:44px;padding-top:12px;border-top:1px solid #ddd;font-size:8.5px;color:#888;line-height:1.5;}
.auxui .a4foot a {color:#c0392b;text-decoration:none;}
.auxui .a4 .a4wm {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;}
.auxui .a4 .a4wm span {transform:rotate(-26deg);font-size:80px;font-weight:900;color:rgba(243,146,0,.13);letter-spacing:12px;border:6px solid rgba(243,146,0,.13);padding:14px 50px;border-radius:14px;}
.auxui .a4.bon {width:300px;min-height:auto;padding:20px 18px;font-size:11px;}
.auxui .a4.bon .a4head {min-height:auto;flex-direction:column;gap:8px;align-items:center;text-align:center;}
.auxui .a4.bon .a4qr, .auxui .a4.bon .a4r2, .auxui .a4.bon .a4foot {display:none;}
.auxui .a4.bon .a4r1 {flex-direction:column;gap:10px;margin-top:12px;}
.auxui .a4.bon .a4meta {width:100%;}
.auxui .a4.bon .a4title {font-size:18px;margin:14px 0 8px;}
.auxui .a4.bon .a4tot {width:100%;}
.auxui .a4.bon .a4logo .tlogo b {font-size:20px;}
.auxui .a4v2 {padding:54px 56px 30px;font-size:12.5px;color:#222;}
.auxui .a4v2 .a4head {display:flex;justify-content:space-between;align-items:flex-start;gap:26px;margin-bottom:18px;height:98px;}
.auxui .a4v2 .a4logo {flex:0 0 auto;width:240px;height:98px;overflow:hidden;display:flex;align-items:flex-start;justify-content:flex-start;}
.auxui .a4v2 .a4logo img {max-width:240px;max-height:98px;object-fit:contain;object-position:left top;display:block;}
.auxui .a4v2 .a4ad {flex:0 0 auto;width:240px;height:98px;overflow:hidden;display:flex;align-items:flex-start;justify-content:flex-end;}
.auxui .a4v2 .a4ad img {max-width:240px;max-height:98px;object-fit:contain;object-position:right top;display:block;}
.auxui .a4v2 .sndln {font-size:10px;color:#555;margin-bottom:10px;}
.auxui .a4v2 .sndln b {color:#222;}
.auxui .a4v2 .tg {display:flex;justify-content:space-between;gap:40px;align-items:flex-start;}
.auxui .a4v2 .to {font-size:13px;line-height:1.55;color:#222;}
.auxui .a4v2 .meta {min-width:290px;}
.auxui .a4v2 .meta .r {display:flex;justify-content:space-between;gap:24px;padding:1px 0;font-size:12.5px;}
.auxui .a4v2 .meta .r b {color:#222;}
.auxui .a4v2 .meta .r span {color:#222;}
.auxui .a4v2 .ttl {font-size:33px;font-weight:800;color:#222;margin:44px 0 26px;}
.auxui .a4v2 .intro {font-size:12.5px;margin-bottom:20px;color:#333;}
.auxui .a4v2 table.t2 {width:100%;border-collapse:collapse;}
.auxui .a4v2 table.t2 th {font-size:12px;font-weight:800;color:#222;text-align:right;padding:0 0 10px;border-bottom:1px solid #999;}
.auxui .a4v2 table.t2 th.l {text-align:left;}
.auxui .a4v2 table.t2 td {font-size:12.5px;padding:14px 0;border-bottom:1px solid #e6e6e6;text-align:right;vertical-align:top;color:#222;}
.auxui .a4v2 table.t2 td.pos {text-align:left;width:34px;color:#333;}
.auxui .a4v2 table.t2 td.l {text-align:left;}
.auxui .a4v2 .sub {color:#999;font-size:11px;margin-top:3px;}
.auxui .a4v2 .tot {width:330px;margin:14px 0 0 auto;}
.auxui .a4v2 .tot .r {display:flex;justify-content:space-between;padding:5px 0;font-size:12.5px;}
.auxui .a4v2 .tot .r.g {font-weight:800;border-top:1px solid #333;margin-top:2px;padding-top:7px;}
.auxui .a4v2 .tot .r.g span:last-child {border-bottom:3px double #333;padding-bottom:2px;}
.auxui .a4v2 .pay2 {margin-top:34px;font-size:12.5px;color:#333;}
.auxui .a4v2 .close2 {margin-top:16px;font-size:12.5px;color:#333;}
.auxui .a4v2 .foot3 {position:absolute;left:56px;right:56px;bottom:30px;margin-top:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;font-size:9px;color:#666;line-height:1.6;border-top:1px solid #ddd;padding-top:12px;}
.auxui .a4v2 .foot3.b5 {grid-template-columns:repeat(5,1fr);}
.auxui .a4v2 .foot3 b {font-size:9.5px;color:#222;display:block;margin-bottom:5px;}
.auxui .a4v2 .foot3 a {color:#c0392b;text-decoration:none;}
.auxui .a4v2 .a4pageno {position:absolute;left:56px;right:56px;bottom:12px;text-align:center;font-size:8px;color:#aaa;letter-spacing:.3px;}
.auxui .a4rib {position:absolute;top:0;right:0;width:150px;height:150px;overflow:hidden;pointer-events:none;}
.auxui .a4rib span {position:absolute;top:30px;right:-40px;transform:rotate(45deg);width:190px;text-align:center;background:#bcbcbc;color:#fff;font-size:15px;font-style:italic;font-weight:700;letter-spacing:2px;padding:5px 0;box-shadow:0 2px 5px rgba(0,0,0,.15);}
.auxui .a4.beleg {width:780px;min-height:1103px;margin:0 auto;background:#fff;padding:44px 46px;box-sizing:border-box;font-size:12px;line-height:1.45;color:#2b2c2e;position:relative;box-shadow:0 6px 24px rgba(0,0,0,.12);}
.auxui .a4.beleg .bt-head {display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #F39200;padding-bottom:14px;}
.auxui .a4.beleg .bt-firma {font-size:19px;font-weight:800;color:#F39200;}
.auxui .a4.beleg .bt-sm {font-size:10.5px;color:#6b6c6e;margin-top:5px;line-height:1.5;}
.auxui .a4.beleg .bt-r {text-align:right;}
.auxui .a4.beleg .bt-ttl {font-size:24px;font-weight:800;letter-spacing:.5px;}
.auxui .a4.beleg .bt-no {font-size:13px;font-weight:700;margin-top:3px;}
.auxui .a4.beleg .bt-cust {margin:22px 0 6px;}
.auxui .a4.beleg .bt-lbl {font-size:9.5px;letter-spacing:.6px;color:#8a8b8d;font-weight:800;}
.auxui .a4.beleg .bt-cn {font-size:14px;font-weight:800;margin-top:3px;}
.auxui .a4.beleg .bt-note {background:#faf6ef;border:1px solid #f0e2cc;border-radius:8px;padding:9px 12px;font-size:11px;margin:12px 0;}
.auxui .a4.beleg table.bt {width:100%;border-collapse:collapse;margin-top:16px;}
.auxui .a4.beleg table.bt th {background:#2b2c2e;color:#fff;font-size:10.5px;text-align:left;padding:8px 10px;font-weight:700;}
.auxui .a4.beleg table.bt td {padding:8px 10px;border-bottom:1px solid #eee;font-size:11.5px;}
.auxui .a4.beleg .bt-tot {display:flex;justify-content:flex-end;margin-top:14px;}
.auxui .a4.beleg .bt-tot table {border-collapse:collapse;min-width:240px;}
.auxui .a4.beleg .bt-tot td {padding:6px 10px;font-size:12px;}
.auxui .a4.beleg .bt-tot td:last-child {text-align:right;font-weight:700;}
.auxui .a4.beleg .bt-tot tr.g td {border-top:2px solid #2b2c2e;font-size:14px;font-weight:800;}
.auxui .a4.beleg .bt-tot tr.o td {color:#C23A2B;}
.auxui .a4.beleg .bt-foot {display:flex;justify-content:space-between;gap:16px;margin-top:40px;padding-top:12px;border-top:1px solid #ddd;font-size:9.5px;color:#6b6c6e;line-height:1.6;}
.auxui .a4v2.bon {padding:20px 16px;font-size:11px;}
.auxui .a4v2.bon .tg {flex-direction:column;gap:12px;}
.auxui .a4v2.bon .meta {min-width:0;}
.auxui .a4v2.bon .foot3 {flex-direction:column;gap:10px;}
.auxui .a4v2.bon .ttl {font-size:20px;margin:16px 0 10px;}
.auxui .a4v2.bon .tot {width:100%;}
.auxui .docmini {overflow:hidden;border-radius:8px;}
.auxui .docmini .a4wrap {padding:0;background:transparent;}
.auxui .docmini .a4 {transform:scale(.404);transform-origin:top left;box-shadow:none;margin:0;}
.auxui .decard>.dsecx {display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--ink);margin-bottom:4px;}
.auxui .decard>.dsecx svg {color:var(--orange-2);}
.auxui .pgrid2 {display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.auxui .pgrid3 {display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;}
@media(max-width:560px) {
  .auxui .pgrid2, .auxui .pgrid3 {grid-template-columns:1fr;}
}
.auxui .imgtiles {display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px;}
.auxui .imgtile {aspect-ratio:1;border:1px dashed var(--line);border-radius:10px;background:var(--soft);display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;overflow:hidden;position:relative;transition:.12s;}
.auxui .imgtile:hover {border-color:var(--orange);color:var(--orange-2);}
.auxui .imgtile img {width:100%;height:100%;object-fit:cover;}
.auxui .imgtile .ix {position:absolute;top:3px;right:3px;background:rgba(0,0,0,.55);color:#fff;border-radius:6px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;}
.auxui .imgtile.main::after {content:"Ana";position:absolute;bottom:3px;left:3px;background:var(--orange);color:#fff;font-size:8px;font-weight:800;padding:1px 5px;border-radius:5px;}
.auxui .desibox {background:var(--orange-t);border:1px solid var(--orange);border-radius:11px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;margin-top:10px;}
.auxui .desibox .dv {font-size:20px;font-weight:800;color:var(--orange-2);}
.auxui .desibox .dc {font-size:11px;color:var(--ink2);font-weight:700;}
.auxui .varrow {display:grid;grid-template-columns:1.4fr 1fr 1fr .8fr .9fr 30px;gap:7px;align-items:center;margin-top:7px;}
@media(max-width:640px) {
  .auxui .varrow {grid-template-columns:1fr 1fr;}
}
.auxui .mktchips {display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;}
.auxui .mktchip {border:1px solid var(--line);border-radius:9px;padding:8px 13px;font-size:12px;font-weight:700;color:var(--ink2);cursor:pointer;user-select:none;transition:.12s;}
.auxui .mktchip:hover {border-color:var(--orange);}
.auxui .mktchip.on {border-color:var(--orange);background:var(--orange-t);color:var(--orange-2);}
.auxui .ptabs {position:sticky;top:0;z-index:4;display:flex;gap:6px;flex-wrap:wrap;background:var(--card);border-bottom:1px solid var(--line);padding:11px 4px;margin:-2px 0 16px;}
.auxui .ptab {padding:8px 15px;border-radius:9px;font-size:12.5px;font-weight:700;color:var(--ink2);cursor:pointer;border:1px solid transparent;transition:.12s;white-space:nowrap;}
.auxui .ptab:hover {background:var(--soft);}
.auxui .ptab.on {background:var(--orange-t);color:var(--orange-2);border-color:var(--orange);}
.auxui .toast {position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;padding:12px 20px;border-radius:12px;font-size:13px;font-weight:700;box-shadow:0 12px 34px rgba(0,0,0,.32);display:flex;align-items:center;gap:10px;z-index:600;opacity:0;pointer-events:none;transition:.28s;}
.auxui .toast.on {opacity:1;transform:translateX(-50%) translateY(0);}
.auxui .toast .tk {width:22px;height:22px;border-radius:50%;background:var(--green,#2EA05A);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.auxui .kpi .val.bump {animation:kbump .5s ease;}
@keyframes kbump {0%{color:var(--orange-2);transform:scale(1)}30%{transform:scale(1.12)}100%{transform:scale(1)}}
.auxui .mt16 {margin-top:16px;}
.auxui .prow {display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);}
.auxui .prow:last-child {border-bottom:none;}
.auxui .prow .pll {flex:1;font-size:12.5px;color:var(--ink);font-weight:600;}
.auxui .prow .pll span {display:block;font-size:10.5px;color:var(--muted);font-weight:500;margin-top:1px;}
.auxui .psync {display:grid;grid-template-columns:120px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);}
.auxui .psync:last-child {border-bottom:none;}
.auxui .psync .pmk {font-size:12.5px;font-weight:800;color:var(--ink);}
.auxui .psync.shadow {opacity:.5;}
.auxui .psync .stag {font-size:10px;font-weight:800;padding:2px 8px;border-radius:20px;}
.auxui .psync .stag.sy {background:var(--green-t,rgba(46,160,90,.14));color:var(--green,#2EA05A);}
.auxui .psync .stag.no {background:var(--soft);color:var(--muted);}
.auxui .docrow2 {display:grid;grid-template-columns:130px 1fr auto auto;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);}
.auxui .docrow2:last-child {border-bottom:none;}
.auxui .docrow2 .dlbl {font-size:12px;font-weight:800;color:var(--ink);}
.auxui .docrow2 .dupl {border:1px dashed var(--line);border-radius:8px;padding:7px 12px;font-size:11.5px;font-weight:700;color:var(--ink2);cursor:pointer;text-align:center;white-space:nowrap;}
.auxui .docrow2 .dupl:hover {border-color:var(--orange);color:var(--orange-2);}
.auxui .docrow2 .dupl.has {border-style:solid;border-color:var(--green,#2EA05A);color:var(--green,#2EA05A);}
.auxui .uif {display:flex;gap:0;}
.auxui .uif input {border-top-right-radius:0;border-bottom-right-radius:0;}
.auxui .uif .selw {flex-shrink:0;}
.auxui .uif .selw select {border-top-left-radius:0;border-bottom-left-radius:0;border-left:none;width:88px;}
.auxui .cald.ev .dot {position:absolute;left:6px;bottom:6px;width:6px;height:6px;border-radius:50%;background:var(--orange-2);}
.auxui .cald.ev.g .dot, .auxui .cald .dot.g {background:var(--ink2);}
.auxui .cald.today .dot {background:#fff;}
.auxui .funnel {margin-top:8px;}
.auxui .fstep {display:flex;align-items:center;gap:10px;margin:7px 0;}
.auxui .fstep .fbar2 {flex:1;height:26px;border-radius:8px;background:var(--soft);position:relative;overflow:hidden;}
.auxui .fstep .ffill {height:100%;border-radius:8px;background:linear-gradient(90deg,var(--orange),var(--orange-2));display:flex;align-items:center;padding-left:10px;color:#fff;font-size:11px;font-weight:800;}
.auxui .fstep .fl {width:120px;font-size:11.5px;color:var(--ink2);font-weight:600;}
.auxui .fstep .fv {width:52px;text-align:right;font-size:12px;font-weight:800;color:var(--ink);}
.auxui .convbig {text-align:center;padding:14px 0 6px;}
.auxui .convbig .cv {font-size:34px;font-weight:800;color:var(--orange-2);line-height:1;}
.auxui .convbig .cl {font-size:11px;color:var(--muted);margin-top:6px;font-weight:600;}
.auxui .stsel {position:relative;display:inline-block;}
.auxui .stsel select {appearance:none;-webkit-appearance:none;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:6px 26px 6px 10px;font-size:11px;font-weight:700;color:var(--ink);font-family:inherit;cursor:pointer;outline:none;}
.auxui .stsel select:focus {border-color:var(--orange);}
.auxui .stsel svg {position:absolute;right:8px;top:50%;transform:translateY(-50%);width:11px;height:11px;color:var(--muted);pointer-events:none;}
.auxui .stsel.ok select {background:rgba(22,163,74,.10);border-color:transparent;color:#12833C;}
html.dark .auxui .stsel.ok select {color:#4ADE80;}
.auxui .stsel.o select {background:var(--orange-t);border-color:transparent;color:var(--orange-2);}
.auxui .supq {background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:14px;}
.auxui .supq .sqin {display:flex;gap:9px;align-items:center;}
.auxui .supq .sqin .fq {flex:1;}
.auxui .supopt {display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--card);margin-top:9px;}
.auxui .supopt.best {border-color:var(--orange);box-shadow:0 0 0 1px var(--orange);}
.auxui .supopt .snm {flex:1;}
.auxui .supopt .snm b {font-size:12.5px;color:var(--ink);font-weight:700;display:block;}
.auxui .supopt .snm span {font-size:10.5px;color:var(--muted);}
.auxui .supopt .sprice {text-align:right;}
.auxui .supopt .sprice b {font-size:15px;font-weight:800;color:var(--ink);}
.auxui .supopt .sprice.win b {color:var(--orange-2);}
.auxui .supopt .sprice span {display:block;font-size:10px;color:var(--muted);}
.auxui .supopt .mailb {display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:9px;font-size:11px;font-weight:800;cursor:pointer;background:var(--orange);color:#fff;border:1px solid var(--orange);white-space:nowrap;}
.auxui .supopt .mailb.g {background:var(--card);color:var(--ink2);border-color:var(--line);}
.auxui .supopt .sbtns {display:flex;gap:7px;flex-shrink:0;}
.auxui .supopt .listb {display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:9px;font-size:11px;font-weight:800;cursor:pointer;background:var(--orange-t);color:var(--orange-2);border:1px solid transparent;white-space:nowrap;}
.auxui .olrow {display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px;}
.auxui .olrow:last-child {border-bottom:none;}
.auxui .olrow .oln {flex:1;color:var(--ink);font-weight:600;}
.auxui .olrow .olq {color:var(--muted);font-size:11px;}
.auxui .olrow .olp {font-weight:800;color:var(--ink);}
.auxui .olrow .olx {width:22px;height:22px;border-radius:6px;background:var(--soft);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;}
.auxui .olrow .olx:hover {background:#FBE3E0;color:#C23A2B;}
html.dark .auxui .olrow .olx:hover {background:rgba(226,58,43,.2);color:#F08A7E;}
.auxui .card.cart {border:1.5px solid var(--orange);box-shadow:0 6px 20px rgba(243,146,0,.13);}
.auxui .cbadge {display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;background:var(--orange);color:#fff;border-radius:20px;font-size:11px;font-weight:800;padding:0 6px;margin-left:7px;}
.auxui .cartfoot {margin-top:13px;padding-top:13px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;}
.auxui .clrall {display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;color:var(--muted);cursor:pointer;padding:5px 9px;border-radius:8px;}
.auxui .clrall:hover {background:#FBE3E0;color:#C23A2B;}
html.dark .auxui .clrall:hover {background:rgba(226,58,43,.2);color:#F08A7E;}
.auxui .lcard {background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;}
.auxui .lthumb {height:132px;background:repeating-linear-gradient(135deg,var(--soft),var(--soft) 14px,var(--card) 14px,var(--card) 28px);display:flex;align-items:center;justify-content:center;color:var(--line);position:relative;border-bottom:1px solid var(--line);}
.auxui .lthumb svg {width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;color:var(--muted);opacity:.55;}
.auxui .lthumb .ltype {position:absolute;top:9px;left:9px;font-size:9.5px;font-weight:800;letter-spacing:.3px;padding:4px 9px;border-radius:20px;background:var(--card);border:1px solid var(--line);color:var(--ink2);text-transform:uppercase;}
.auxui .lthumb .ltype.hiz {background:var(--orange-t);color:var(--orange-2);border-color:transparent;}
.auxui .lthumb .lqty {position:absolute;bottom:9px;right:9px;font-size:10px;font-weight:800;padding:3px 8px;border-radius:20px;background:var(--card);border:1px solid var(--line);color:var(--ink);}
.auxui .lbody {padding:12px 13px;display:flex;flex-direction:column;flex:1;}
.auxui .lbody .ltn {font-size:12.5px;font-weight:800;line-height:1.25;color:var(--ink);}
.auxui .lbody .lsel {font-size:10.5px;color:var(--muted);margin-top:2px;}
.auxui .lbody .lpr {font-size:15px;font-weight:800;color:var(--orange-2);}
.auxui .flowtag {display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;padding:4px 9px;border-radius:8px;white-space:nowrap;}
.auxui .flowtag.aux {background:var(--orange-t);color:var(--orange-2);}
.auxui .flowtag.sat {background:var(--soft);color:var(--ink2);}
.auxui .flowtag.adm {background:rgba(22,163,74,.12);color:#12833C;}
html.dark .auxui .flowtag.adm {color:#4ADE80;}
.auxui .flowtag.dir {background:var(--soft);color:var(--ink2);}
.auxui .mperm {font-size:10px;color:var(--muted);margin-top:9px;display:flex;flex-wrap:wrap;gap:4px;align-items:center;}
.auxui .mperm .mp {padding:2px 7px;border-radius:6px;background:var(--soft);color:var(--ink2);font-weight:700;}
.auxui .mperm .mp.no {opacity:.45;text-decoration:line-through;}
.auxui .swrow {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);}
.auxui .swrow:last-child {border-bottom:none;}
.auxui .swrow .swl {font-size:12px;color:var(--ink);font-weight:600;}
.auxui .swi {width:38px;height:22px;border-radius:20px;background:var(--line);position:relative;cursor:pointer;flex-shrink:0;transition:.15s;}
.auxui .swi::after {content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.15s;box-shadow:0 1px 2px rgba(0,0,0,.2);}
.auxui .swi.on {background:var(--orange);}
.auxui .swi.on::after {left:18px;}
.auxui .pmx {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;}
@media(max-width:640px) {
  .auxui .pmx {grid-template-columns:1fr;}
}
.auxui .pmod {border:1px solid var(--line);border-radius:12px;padding:11px 13px;background:var(--soft);transition:.12s;}
.auxui .pmod.on {border-color:var(--orange);background:var(--orange-t);}
.auxui .pmodh {display:flex;align-items:center;justify-content:space-between;gap:8px;}
.auxui .pmodh b {font-size:13px;color:var(--ink);font-weight:800;}
.auxui .pperms {display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:9px;}
.auxui .pchk {display:inline-flex;align-items:center;gap:7px;font-size:11.5px;color:var(--ink2);font-weight:600;cursor:pointer;user-select:none;}
.auxui .pcb {width:16px;height:16px;border-radius:5px;border:1.6px solid var(--line);display:inline-flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:.12s;}
.auxui .pcb svg {width:11px;height:11px;opacity:0;stroke-width:2.4;}
.auxui .pchk.on .pcb, .auxui .pmodh .pcb.on {background:var(--orange);border-color:var(--orange);}
.auxui .pchk.on .pcb svg, .auxui .pmodh .pcb.on svg {opacity:1;}
.auxui .pmodh .pcb {width:20px;height:20px;border-radius:6px;}
.auxui .pmodh .pcb svg {width:13px;height:13px;}
.auxui .roletpl {display:flex;flex-wrap:wrap;gap:8px;margin-top:9px;}
.auxui .rtpl {border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:var(--soft);cursor:pointer;font-size:12px;font-weight:700;color:var(--ink);transition:.12s;min-width:150px;}
.auxui .rtpl:hover, .auxui .rtpl.sel {border-color:var(--orange);background:var(--orange-t);color:var(--orange-2);}
.auxui .rtpl span {display:block;font-size:10px;font-weight:600;color:var(--muted);margin-top:2px;}
.auxui .tile.act {cursor:pointer;transition:.12s;position:relative;}
.auxui .tile.act:hover {box-shadow:0 0 0 3px var(--orange-t);transform:translateY(-1px);}
.auxui .tile.act::after {content:"+";position:absolute;top:-5px;right:-5px;width:16px;height:16px;background:var(--orange);color:#fff;border-radius:50%;font-size:13px;line-height:15px;font-weight:800;text-align:center;box-shadow:0 1px 3px rgba(243,146,0,.5);}
.auxui .dchoice {display:flex;gap:12px;margin-top:6px;}
.auxui .dchoice .dc {flex:1;border:1px solid var(--line);border-radius:14px;padding:18px 14px;text-align:center;cursor:pointer;transition:.12s;background:var(--soft);}
.auxui .dchoice .dc:hover {border-color:var(--orange);background:var(--orange-t);}
.auxui .dchoice .dc .di {width:40px;height:40px;border-radius:11px;background:var(--orange-t);color:var(--orange-2);display:flex;align-items:center;justify-content:center;margin:0 auto 9px;}
.auxui .dchoice .dc b {display:block;font-size:14px;color:var(--ink);}
.auxui .dchoice .dc span {font-size:11px;color:var(--muted);}

/* ═══════════════════════════════════════════════════════════════════════
   AUX EKLEMELERİ — mockup'ta karşılığı olmayan ama gereken durumlar.
   Hepsi mevcut token/desenlerden türetildi, yeni renk uydurulmadı.
   ═══════════════════════════════════════════════════════════════════════ */

/* Henüz geliştirilmemiş aksiyon: mockup'taki .soon-card mantığının buton hali. */
.auxui .btnr.soon { color: var(--muted); box-shadow: none; cursor: not-allowed; }
.auxui .btnr.soon:hover { border-color: var(--line); }

/* Akış şeridi aşamaları gerçek panelde tıklanabilir (filtreye götürür). */
.auxui .track .stage { display: block; transition: .15s; }
.auxui .track .stage:hover .node { border-color: var(--orange); color: var(--orange-2); }

/* Boş liste durumu — mockup'ta .emptybox var, tablo içi kullanım için hizalama. */
.auxui td .emptybox { margin: 0; }

/* Detay sayfası iki sütun düzeni (sol içerik + sağ özet). Mockup'ta karşılığı
   yok; .cardgrid dilinden türetildi. */
.auxui .g-detail { display:grid; gap:13px; grid-template-columns:1.9fr 1fr; align-items:start; }
.auxui .g-detail > * { min-width:0; }
.auxui .col { display:flex; flex-direction:column; gap:13px; }
@media (max-width: 1100px) { .auxui .g-detail { grid-template-columns:1fr; } }

/* Uyarı şeridi — .noteline'ın turuncu/kritik varyantı. */
.auxui .noteline.warn { background:var(--orange-t); border-color:var(--orange); color:var(--orange-2); }
.auxui .noteline.crit { background:#FBE3E0; border-color:#F0B7B0; color:#C23A2B; }

/* Girdi yoğunluğu: mockup'ın .finp'i (10/13px) .fsel ve .fq'dan (9/12.5px)
   daha kalın duruyordu; tüm form alanları tek yoğunlukta toplandı. */
.auxui .finp { padding: 8px 11px; font-size: 12.5px; }
.auxui textarea.finp { padding: 9px 11px; }
.auxui .fdate { font-size: 12px; }

/* Form doğrulama geri bildirimi — mockup'ta karşılığı yok, layouts/auth'taki
   desenden alındı ki panel formlarında da aynı görünsün. */
.auxui .finp.err { border-color: #DC2626; }
.auxui .ferr { font-size: 11px; color: #DC2626; margin-top: 5px; }

/* .hint mockup'ta yalnız .frow içinde tanımlı; form dışı yardım metinlerinde de
   kullanıyoruz (swrow, bölüm başlıkları) — kapsamı genişletildi. */
.auxui .hint { font-size: 11px; color: var(--muted); margin-top: 5px; }
.auxui .swrow .swl .hint { display: block; font-weight: 400; margin-top: 2px; }