/* UniStream V78 Final Light UI — 2026-09-06
   Final presentation owner loaded after all historical styles.
   No business logic, API or data model is changed here. */
:root{
  --uns-primary:#ff7a00;
  --uns-primary-2:#ffb21a;
  --uns-primary-soft:#fff4e4;
  --uns-primary-border:#ffd29d;
  --uns-bg:#f7f9fc;
  --uns-surface:#ffffff;
  --uns-surface-alt:#fbfcfe;
  --uns-text:#11243a;
  --uns-muted:#60748c;
  --uns-border:#e4e9f0;
  --uns-success:#15965a;
  --uns-success-soft:#eaf8f0;
  --uns-warning:#b17409;
  --uns-warning-soft:#fff6de;
  --uns-danger:#d63f4d;
  --uns-danger-soft:#fff0f2;
  --uns-info:#1677c8;
  --uns-info-soft:#edf7ff;
  --uns-purple:#8657e6;
  --uns-shadow:0 4px 18px rgba(28,43,62,.055);
  --uns-shadow-hover:0 8px 24px rgba(28,43,62,.09);
  --uns-radius:12px;
  --uns-sidebar-width:246px;
}

html.uns-light,html.uns-light body{background:var(--uns-bg)!important;color:var(--uns-text)!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important;font-size:14px!important}
html.uns-light body{line-height:1.45!important}
html.uns-light body *{box-sizing:border-box}
html.uns-light body h1,html.uns-light body h2,html.uns-light body h3,html.uns-light body h4{letter-spacing:-.015em;color:var(--uns-text)!important}
html.uns-light body h1{font-weight:800!important}
html.uns-light body h2{font-weight:780!important}
html.uns-light body h3{font-weight:730!important}
html.uns-light body p,html.uns-light body small,html.uns-light body .muted{color:var(--uns-muted)!important}

/* Shell */
html.uns-light body .sidebar{width:var(--uns-sidebar-width)!important;padding:18px 12px 14px!important;background:#fff!important;border-right:1px solid var(--uns-border)!important;box-shadow:4px 0 20px rgba(20,35,55,.035)!important}
html.uns-light body main{margin-left:var(--uns-sidebar-width)!important;width:calc(100% - var(--uns-sidebar-width))!important;background:var(--uns-bg)!important}
html.uns-light body .content{max-width:1880px!important;padding:10px 24px 32px!important;margin:0 auto!important;background:var(--uns-bg)!important}
html.uns-light body .sidebar .brand{min-height:70px!important;margin:0 0 12px!important;padding:3px 8px 16px!important;border-bottom:1px solid var(--uns-border)!important}
html.uns-light body .sidebar .brand-logo-img{max-width:196px!important;max-height:55px!important;object-fit:contain!important}
html.uns-light body .sidebar #nav{padding:0 2px 138px 0!important;scrollbar-color:#c8d0da transparent!important}
html.uns-light body .sidebar #nav .section{margin:16px 8px 6px!important;padding:0!important;color:#71839a!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.45px!important}
html.uns-light body .sidebar #nav>button[data-page],
html.uns-light body .sidebar #nav .v78-io-toggle,
html.uns-light body .sidebar #nav .v78-io-children>button{min-height:39px!important;border:0!important;border-radius:9px!important;padding:8px 10px!important;gap:9px!important;color:#172b42!important;font-size:13.5px!important;font-weight:650!important;line-height:1.2!important;box-shadow:none!important}
html.uns-light body .sidebar #nav>button[data-page]:hover,
html.uns-light body .sidebar #nav .v78-io-toggle:hover,
html.uns-light body .sidebar #nav .v78-io-children>button:hover{background:#fff5e8!important;color:#8f4800!important}
html.uns-light body .sidebar #nav>button[data-page].active,
html.uns-light body .sidebar #nav .v78-io-children>button.active{background:linear-gradient(110deg,#ff7a00,#ffb21a)!important;color:#251509!important;box-shadow:0 5px 15px rgba(255,122,0,.18)!important}
html.uns-light body .sidebar #nav button>span,html.uns-light body .sidebar #nav .v78-io-main-icon{color:inherit!important;font-size:15px!important}
html.uns-light body .sidebar .sidebar-foot{position:absolute!important;left:12px!important;right:12px!important;bottom:128px!important;margin:0!important;padding:9px 8px 0!important;border-top:1px solid var(--uns-border)!important;color:#5d718a!important;font-size:11px!important;font-weight:700!important;background:#fff!important}
html.uns-light body .uns-sidebar-signature{position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:118px!important;overflow:hidden!important;padding:49px 18px 12px!important;background:linear-gradient(145deg,#ff7a00 0%,#ffb21a 78%)!important;color:#fff!important;border-radius:50% 0 0 0/34% 0 0 0!important;pointer-events:none!important}
html.uns-light body .uns-sidebar-signature p{margin:4px 0 0!important;color:#fff!important;font-size:11px!important;font-weight:650!important;line-height:1.45!important}
html.uns-light body .uns-sidebar-signature .uns-voice-mark{position:absolute!important;left:30px!important;top:12px!important;width:50px!important;height:50px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#ff9800!important;border:2px solid #fff8!important}
html.uns-light body .uns-sidebar-signature .uns-voice-bars{position:absolute!important;left:91px!important;top:28px!important;display:flex!important;align-items:flex-end!important;gap:5px!important;height:37px!important}
html.uns-light body .uns-sidebar-signature .uns-voice-bars i{display:block!important;width:4px!important;border-radius:3px!important;background:#fff!important;opacity:.9!important}
html.uns-light body .uns-sidebar-signature .uns-voice-bars i:nth-child(1){height:14px!important}.uns-sidebar-signature .uns-voice-bars i:nth-child(2){height:31px!important}.uns-sidebar-signature .uns-voice-bars i:nth-child(3){height:22px!important}.uns-sidebar-signature .uns-voice-bars i:nth-child(4){height:40px!important}.uns-sidebar-signature .uns-voice-bars i:nth-child(5){height:18px!important}.uns-sidebar-signature .uns-voice-bars i:nth-child(6){height:27px!important}
html.uns-light body #v78-sidebar-toggle{top:132px!important;right:7px!important;background:#fff!important;color:#c86100!important;border:1px solid #ffd7aa!important;box-shadow:0 2px 8px #0000000d!important}

/* Header */
html.uns-light body .top{position:relative!important;min-height:78px!important;height:78px!important;padding:0 24px!important;background:#fffaf4!important;border-bottom:1px solid var(--uns-border)!important;overflow:hidden!important;box-shadow:none!important}
html.uns-light body .top::before{content:""!important;position:absolute!important;top:-56px!important;right:17%!important;width:390px!important;height:116px!important;border-radius:0 0 55% 55%!important;background:linear-gradient(100deg,#ffd069,#ff8a18)!important;opacity:.94!important;pointer-events:none!important;transform:rotate(-3deg)!important}
html.uns-light body .top::after{content:""!important;position:absolute!important;top:-64px!important;right:28%!important;width:260px!important;height:98px!important;border-radius:0 0 65% 55%!important;background:#fff0d7!important;opacity:.78!important;pointer-events:none!important}
html.uns-light body .top-left,html.uns-light body .top-right{position:relative!important;z-index:2!important}
html.uns-light body .top h1,html.uns-light body #top-title{font-size:22px!important;font-weight:800!important;letter-spacing:.1px!important;color:#10263d!important}
html.uns-light body .top-back,html.uns-light body .top-right>button{width:36px!important;height:36px!important;border:1px solid var(--uns-border)!important;border-radius:8px!important;background:#f8fbfd!important;color:#16324c!important;box-shadow:none!important}
html.uns-light body .top-right>button:hover,html.uns-light body .top-back:hover{border-color:#ffc27d!important;background:#fff4e6!important;color:#b35400!important}
html.uns-light body .user{gap:9px!important}
html.uns-light body .user>b{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#fff1df!important;color:#a3570a!important;font-size:12px!important}
html.uns-light body .user strong{font-size:12.5px!important;color:#132940!important}.user small{font-size:10px!important}

/* Page headings and spacing */
html.uns-light body .page{min-width:0!important}
html.uns-light body .page-title,html.uns-light body .dash-title-row{margin:0 0 14px!important;min-height:auto!important;align-items:center!important}
html.uns-light body .page-title h2,html.uns-light body .dash-title-row h2{margin:0!important;font-size:24px!important;line-height:1.2!important;color:#10263d!important}
html.uns-light body .page-title p,html.uns-light body .dash-title-row p{margin:4px 0 0!important;font-size:11.5px!important;color:#60758f!important}
html.uns-light body .live-badge{padding:3px 7px!important;border:1px solid #d5e8d9!important;border-radius:6px!important;background:#f0fbf4!important;color:#11864c!important;font-size:9.5px!important;font-weight:800!important}

/* Core surfaces */
html.uns-light body :is(.card,.dash-card,.filterbar,.dashboard-filterbar,.feature-strip,.kpi,.hero-kpi,.stat-card,.chart-card,.v1096-contribution-panel,.uns-v10-total-grid,.export-card){background:#fff!important;border:1px solid var(--uns-border)!important;border-radius:var(--uns-radius)!important;box-shadow:var(--uns-shadow)!important}
html.uns-light body :is(.card,.dash-card,.chart-card):hover{box-shadow:var(--uns-shadow-hover)}
html.uns-light body .card,html.uns-light body .dash-card{padding:16px!important}
html.uns-light body .card-head,html.uns-light body .dash-card-head{padding:0!important;margin-bottom:11px!important;border:0!important}
html.uns-light body .card-head h3,html.uns-light body .dash-card-head h3{margin:0!important;font-size:15px!important;font-weight:750!important}
html.uns-light body .card-head p,html.uns-light body .dash-card-head p{font-size:10.5px!important}

/* Forms and controls */
html.uns-light body :is(input,select,textarea){min-height:38px!important;padding:8px 11px!important;border:1px solid #dce3eb!important;border-radius:8px!important;background:#fff!important;color:#152a40!important;font-size:12px!important;box-shadow:none!important}
html.uns-light body textarea{min-height:96px!important;line-height:1.5!important}
html.uns-light body :is(input,select,textarea):focus{border-color:#ffad58!important;box-shadow:0 0 0 3px rgba(255,122,0,.09)!important;outline:0!important}
html.uns-light body label{color:#526982!important;font-size:10.5px!important;font-weight:650!important}
html.uns-light body :is(.filterbar,.dashboard-filterbar){padding:11px 12px!important;gap:9px!important;margin-bottom:12px!important;background:#fff!important}
html.uns-light body .period{border:1px solid var(--uns-border)!important;border-radius:8px!important;overflow:hidden!important;background:#fff!important}
html.uns-light body .period button{min-height:38px!important;padding:0 18px!important;border:0!important;border-right:1px solid var(--uns-border)!important;border-radius:0!important;background:#fff!important;color:#1a3048!important;font-size:11.5px!important;font-weight:700!important;box-shadow:none!important}
html.uns-light body .period button:last-child{border-right:0!important}
html.uns-light body .period button.active{background:linear-gradient(110deg,#ff7a00,#ffb21a)!important;color:#251509!important}

/* Buttons */
html.uns-light body :is(button.primary,.orangebtn,button[type="submit"],.pc-btn-create){min-height:38px!important;padding:8px 15px!important;border:1px solid #f27a00!important;border-radius:8px!important;background:linear-gradient(110deg,#ff7a00,#ffb21a)!important;color:#241609!important;font-size:11.5px!important;font-weight:750!important;box-shadow:0 3px 9px rgba(255,122,0,.14)!important}
html.uns-light body :is(button.primary,.orangebtn,button[type="submit"],.pc-btn-create):hover{filter:saturate(1.05) brightness(.985)!important;box-shadow:0 5px 14px rgba(255,122,0,.22)!important}
html.uns-light body :is(.outline,.mini,.linkbtn,.hl-detail-btn){min-height:34px!important;border:1px solid #dce4ed!important;border-radius:8px!important;background:#fff!important;color:#19344e!important;font-weight:700!important;box-shadow:none!important}
html.uns-light body :is(.outline,.mini,.linkbtn,.hl-detail-btn):hover{border-color:#ffbd72!important;background:#fff6ea!important;color:#a54c00!important}
html.uns-light body .danger,html.uns-light body .btn-danger{background:var(--uns-danger-soft)!important;border-color:#ffcbd0!important;color:#bd2e3b!important}

/* KPI cards */
html.uns-light body :is(.hero-kpis,.kpis){gap:10px!important}
html.uns-light body .hero-kpi,html.uns-light body .kpi{min-height:92px!important;padding:15px 16px!important;border-top:0!important;position:relative!important;overflow:hidden!important}
html.uns-light body .hero-kpi::before,html.uns-light body .kpi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#ff8a00}
html.uns-light body .hero-kpi small,html.uns-light body .kpi small{display:block!important;margin-bottom:3px!important;color:#61758c!important;font-size:10.5px!important;font-weight:650!important}
html.uns-light body .hero-kpi b,html.uns-light body .kpi b{font-size:21px!important;line-height:1.18!important;font-weight:800!important;color:#112840!important}
html.uns-light body .hero-kpi span,html.uns-light body .hero-kpi em,html.uns-light body .kpi em{font-size:10px!important;color:#72859a!important}
html.uns-light body .hero-kpi.blue::before{background:#2b83ef}.hero-kpi.teal::before{background:#10a696}.hero-kpi.orange::before{background:#ff8a00}.hero-kpi.purple::before{background:#8b59df}.hero-kpi.redish::before{background:#e94b62}.hero-kpi.cyan::before{background:#2aaadf}.hero-kpi.danger-kpi::before{background:#e54a55}.hero-kpi.gold::before{background:#e1aa17}.hero-kpi.greenish::before{background:#1eae72}.hero-kpi.darkgreen::before{background:#18854f}

/* Tables */
html.uns-light body table{width:100%;border-collapse:separate!important;border-spacing:0!important;color:#142a40!important;font-size:12px!important}
html.uns-light body thead th{height:42px!important;padding:10px 12px!important;background:#fff8f0!important;color:#233a51!important;border-top:0!important;border-bottom:1px solid #eadfd1!important;font-size:10.5px!important;font-weight:800!important;text-transform:none!important;letter-spacing:.02em!important}
html.uns-light body tbody td{padding:11px 12px!important;border-bottom:1px solid #e8edf3!important;background:#fff!important;color:#173049!important;font-size:11.5px!important;vertical-align:middle!important}
html.uns-light body tbody tr:nth-child(even) td{background:#fbfcfe!important}
html.uns-light body tbody tr:hover td{background:#fff8ef!important}
html.uns-light body tbody td b,html.uns-light body tbody td strong{font-weight:750!important;color:#102a43!important}
html.uns-light body .table-scroll,html.uns-light body .hl-tree-table{border:1px solid var(--uns-border)!important;border-radius:10px!important;overflow-x:auto!important;overflow-y:visible!important;background:#fff!important}
html.uns-light body :is(#page-uns-customer,#page-uns-carrier) .uns-v7-table-shell{max-height:none!important;overflow-y:visible!important;border-color:var(--uns-border)!important;background:#fff!important}
html.uns-light body :is(#page-uns-customer,#page-uns-carrier) .uns-v7-table-shell tbody tr td{min-height:54px!important}

/* Status badges */
html.uns-light body :is(.badge,.status-chip,.hl-state,.live-badge,.pill){display:inline-flex!important;align-items:center!important;gap:5px!important;width:auto!important;min-width:0!important;max-width:max-content!important;padding:4px 8px!important;border-radius:999px!important;line-height:1.25!important;font-size:9.5px!important;font-weight:750!important;white-space:nowrap!important;background-image:none!important}
html.uns-light body .hl-status-list{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:5px!important;background:transparent!important;width:auto!important}
html.uns-light body .hl-state.ok{background:var(--uns-success-soft)!important;color:#078349!important}.hl-state.warn{background:var(--uns-warning-soft)!important;color:#a86a00!important}.hl-state.bad{background:var(--uns-danger-soft)!important;color:#c73543!important}.hl-state.deleted{background:#f3efff!important;color:#6844c2!important}.hl-state.muted{background:#eef2f6!important;color:#60738a!important}
html.uns-light body .green{color:var(--uns-success)!important}.red{color:var(--uns-danger)!important}.goldtxt{color:var(--uns-warning)!important}

/* Charts and empty states */
html.uns-light body :is(.combo-chart,.trend-chart,.spark-area,#chart-behavior,#trend-behavior){background:#fff!important;border-radius:10px!important}
html.uns-light body svg text{fill:#60758c!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important}
html.uns-light body svg :is(.v78-grid,.growth-grid,.trend-grid,.growth-zero){stroke:#e7edf3!important;stroke-width:1!important}
html.uns-light body :is(.empty,.empty-state,.growth-empty,.v1096-empty,.v78-loading){min-height:100px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:22px!important;border:1px dashed #dce3eb!important;border-radius:10px!important;background:#fbfcfe!important;color:#7a8ba0!important;font-size:11px!important}

/* UniStream customer/carrier summary */
html.uns-light body :is(#page-uns-customer,#page-uns-carrier) .uns-v10-total-grid{gap:0!important;overflow:hidden!important;border:1px solid var(--uns-border)!important;border-radius:12px!important;background:#fff!important;box-shadow:var(--uns-shadow)!important}
html.uns-light body :is(#page-uns-customer,#page-uns-carrier) :is(.uns-v10-total-heading,.uns-v10-total-metric){min-height:104px!important;border:0!important;border-right:1px solid var(--uns-border)!important;border-radius:0!important;box-shadow:none!important;padding:15px!important}
html.uns-light body :is(#page-uns-customer,#page-uns-carrier) .uns-v10-total-heading{background:linear-gradient(135deg,#ff7900,#ffb21a)!important;color:#fff!important}
html.uns-light body :is(#page-uns-customer,#page-uns-carrier) .uns-v10-total-heading :is(b,span){color:#fff!important}
html.uns-light body :is(#page-uns-customer,#page-uns-carrier) .uns-v10-total-metric{background:#fff!important}
html.uns-light body :is(#page-uns-customer,#page-uns-carrier) .uns-v10-total-metric.carrier-mobifone{background:#f3f9ff!important}.uns-v10-total-metric.carrier-viettel{background:#fff5f6!important}.uns-v10-total-metric.carrier-vinaphone{background:#f2faff!important}.uns-v10-total-metric.carrier-gmobile{background:#fff9ec!important}
html.uns-light body :is(#page-uns-customer,#page-uns-carrier) .uns-v10-carrier-value strong{font-size:21px!important;color:#11273f!important}
html.uns-light body :is(#page-uns-customer,#page-uns-carrier) .uns-v8-eye-btn{width:38px!important;height:38px!important;border-radius:9px!important;background:#fff!important;border:1px solid #ffc67f!important;color:#a85400!important}

/* Hotline */
html.uns-light body #page-hotline-list .card{padding:0!important;overflow:visible!important}
html.uns-light body #page-hotline-list .hl-tree-head{padding:16px 18px!important;border-bottom:1px solid var(--uns-border)!important;background:#fff!important}
html.uns-light body #page-hotline-list .hl-tree-head h3{font-size:15px!important}.hl-tree-head p{font-size:10.5px!important}
html.uns-light body #page-hotline-list .hl-search-wrap{min-width:320px!important;height:38px!important;border:1px solid #dce3eb!important;border-radius:8px!important;background:#fff!important}
html.uns-light body #page-hotline-list .hl-search-wrap input{background:transparent!important;color:#173049!important;border:0!important;box-shadow:none!important}
html.uns-light body #page-hotline-list .hl-search-wrap button{height:100%!important;background:#f4f7fa!important;color:#27445f!important;border-color:#dce3eb!important}
html.uns-light body #page-hotline-list .hl-kpis{gap:9px!important;padding:12px 18px!important;background:#fbfcfe!important;border-bottom:1px solid var(--uns-border)!important}
html.uns-light body #page-hotline-list .hl-kpis article{padding:11px 13px!important;border:1px solid var(--uns-border)!important;border-radius:9px!important;background:#fff!important}
html.uns-light body #page-hotline-list .hl-kpis span{font-size:9.5px!important;color:#63778e!important}.hl-kpis b{font-size:19px!important;color:#153049!important}
html.uns-light body #page-hotline-list .hl-tree-table{border:0!important;border-radius:0!important}
html.uns-light body #page-hotline-list .hl-avatar{background:#eaf4ff!important;color:#296da8!important}
html.uns-light body #page-hotline-list .hl-customer-name b{font-size:11.5px!important}.hl-customer-name small{font-size:9.5px!important;color:#6f8298!important}
html.uns-light body #page-hotline-list .hl-detail-btn{color:#9e5000!important;border-color:#ffc985!important;background:#fff!important}
html.uns-light body #page-hotline-overview .kpi{min-height:96px!important}
html.uns-light body #page-hotline-overview :is(.growth-empty,.v1096-empty){min-height:180px!important}

/* PhoneCheck */
html.uns-light body #page-phonecheck .pc-onepage-actions{gap:8px!important}
html.uns-light body #page-phonecheck :is(.pc-manual,.pc-create,.pc-campaigns){border:1px solid var(--uns-border)!important;border-radius:12px!important;background:#fff!important;box-shadow:var(--uns-shadow)!important}
html.uns-light body #page-phonecheck .pc-start{background:#18a85d!important;border-color:#18a85d!important;color:#fff!important}.pc-stop{background:#ffe9eb!important;border-color:#ffc9ce!important;color:#c53642!important}
html.uns-light body #page-phonecheck .pc-status{background:#fbfcfe!important;border-color:#e2e8ef!important;border-radius:8px!important}

/* Data Quality / Direct Health */
html.uns-light body :is(#page-quality,#page-direct-health) .kpis .kpi{min-height:96px!important}
html.uns-light body :is(#page-quality,#page-direct-health) .kpi b{font-size:20px!important}
html.uns-light body #page-quality .kpi:first-child{background:#fffaf0!important}.page-quality-warning{color:#a66b00!important}
html.uns-light body #page-direct-health .green{color:#0c9153!important}
html.uns-light body #page-direct-health .card{overflow:hidden!important}

/* Import / reconciliation */
html.uns-light body #page-import-mbf .card,html.uns-light body #page-import-hotline-mbf .card{margin-bottom:12px!important}
html.uns-light body #page-import-mbf .v78-step-number,html.uns-light body #page-import-mbf [class*="step-number"]{background:linear-gradient(135deg,#ff7a00,#ffb21a)!important;color:#231407!important;border-color:#ff9b28!important}
html.uns-light body #page-import-mbf [class*="upload"],html.uns-light body #page-import-hotline-mbf [class*="upload"]{border-color:#d8e1ea!important;background:#fbfcfe!important}
html.uns-light body input[type="file"]{padding:5px!important;background:#fff!important}
html.uns-light body input[type="file"]::file-selector-button{min-height:28px!important;margin-right:9px!important;padding:5px 10px!important;border:1px solid #ffc17a!important;border-radius:6px!important;background:#fff5e8!important;color:#9d4d00!important;font-weight:700!important;cursor:pointer!important}

/* Export */
html.uns-light body .export-page{max-width:100%!important}
html.uns-light body .export-card{padding:0!important;overflow:hidden!important;min-height:0!important}
html.uns-light body .export-card-head{display:flex!important;align-items:center!important;gap:13px!important;padding:18px 20px!important;border-bottom:1px solid var(--uns-border)!important;background:linear-gradient(90deg,#fffaf4,#fff)!important}
html.uns-light body .export-card-head h3{margin:0!important;font-size:16px!important}.export-card-head p{margin:3px 0 0!important;font-size:11px!important}
html.uns-light body .export-icon{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:linear-gradient(135deg,#ff7a00,#ffb21a)!important;color:#fff!important;font-size:19px!important;font-weight:900!important}
html.uns-light body .export-form-grid{display:grid!important;grid-template-columns:minmax(220px,1.2fr) minmax(170px,.8fr) minmax(170px,.8fr) auto!important;gap:12px!important;align-items:end!important;padding:20px!important}
html.uns-light body .export-form-grid-cnx{grid-template-columns:minmax(180px,1fr) minmax(150px,.85fr) minmax(125px,.65fr) minmax(150px,.85fr) minmax(125px,.65fr) auto!important}
html.uns-light body .export-form-grid label{display:flex!important;flex-direction:column!important;gap:6px!important}
html.uns-light body .export-action{display:flex!important;align-items:flex-end!important}.export-action button{white-space:nowrap!important}
html.uns-light body .export-help{margin:0 20px 18px!important;padding:10px 12px!important;border-radius:8px!important;background:#f8fafc!important;color:#657a91!important;font-size:10.5px!important}

/* Settings */
html.uns-light body #page-settings .card{margin-bottom:12px!important;padding:14px!important}
html.uns-light body #page-settings .card>div:first-child strong,html.uns-light body #page-settings .card h3{font-size:14px!important}
html.uns-light body #page-settings label:has(input[type="checkbox"]){min-height:36px!important;padding:8px 10px!important;border:1px solid #e1e7ee!important;border-radius:7px!important;background:#fbfcfe!important;color:#415970!important}
html.uns-light body #page-settings input[type="checkbox"]{min-height:auto!important;width:15px!important;height:15px!important;padding:0!important}

/* Footer */
html.uns-light body footer{min-height:42px!important;padding:12px 24px!important;border-top:1px solid var(--uns-border)!important;background:var(--uns-bg)!important;color:#72859a!important;font-size:9px!important}

/* Toast */
html.uns-light body #v78-toast{background:#fff!important;color:#163048!important;border:1px solid #d8e1ea!important;box-shadow:0 12px 35px rgba(22,48,72,.18)!important;font-size:11.5px!important}

/* Responsive */
@media(max-width:1350px){
  :root{--uns-sidebar-width:226px}
  html.uns-light body .content{padding:18px!important}
  html.uns-light body .export-form-grid,html.uns-light body .export-form-grid-cnx{grid-template-columns:repeat(3,minmax(160px,1fr))!important}
  html.uns-light body .export-action{grid-column:auto!important}
  html.uns-light body .top::before{right:12%!important;width:330px!important}
}
@media(max-width:1100px){
  :root{--uns-sidebar-width:210px}
  html.uns-light body .top{padding:0 16px!important}.top h1,#top-title{font-size:18px!important}
  html.uns-light body .content{padding:14px!important}
  html.uns-light body .page-title h2,html.uns-light body .dash-title-row h2{font-size:20px!important}
  html.uns-light body .export-form-grid,html.uns-light body .export-form-grid-cnx{grid-template-columns:repeat(2,minmax(150px,1fr))!important}
  html.uns-light body #page-hotline-list .hl-search-wrap{min-width:240px!important}
}
@media(max-width:760px){
  html.uns-light body .top::before,html.uns-light body .top::after{display:none!important}
  html.uns-light body .export-form-grid,html.uns-light body .export-form-grid-cnx{grid-template-columns:1fr!important}
  html.uns-light body .export-action button{width:100%!important}
  html.uns-light body .page-title h2,html.uns-light body .dash-title-row h2{font-size:18px!important}
}

/* ===== DASHBOARD TOP ALIGN FIX V2 ===== */

html.uns-light body .top{
    height:60px!important;
    min-height:60px!important;
    padding:0 22px!important;
}

html.uns-light body .content{
    padding-top:8px!important;
}

html.uns-light body #page-overview{
    padding-top:0!important;
    margin-top:0!important;
}

html.uns-light body #page-overview .dash-title-row{
    margin-top:0!important;
    margin-bottom:8px!important;
    padding-top:0!important;
    padding-bottom:4px!important;
    min-height:0!important;
    background:transparent!important;
}

html.uns-light body #page-overview .dash-title-row h2{
    margin-top:0!important;
    margin-bottom:2px!important;
}

html.uns-light body #page-overview .dashboard-filterbar{
    margin-top:6px!important;
}