:root{--sidebar:#071d35;--sidebar2:#0b3155;--bg:#f4f8fc;--surface:#fff;--surface2:#f8fbfe;--surface3:#eef5fb;--line:#d9e6f1;--text:#17324d;--heading:#102b47;--muted:#668097;--input:#fff;--primary:#147ff5;--primary2:#0d69d5;--success:#18b97c;--danger:#e64b61;--warning:#ff9e2f;--shadow:0 8px 24px rgba(31,68,104,.08);--sidebar-w:245px}
:root[data-theme="dark"]{--bg:#091521;--surface:#102236;--surface2:#132a40;--surface3:#17324b;--line:#28435d;--text:#e8f1f8;--heading:#f5f9fc;--muted:#a9bdce;--input:#0b1a29;--shadow:0 8px 24px rgba(0,0,0,.22)}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body,body.bg-dark,body.text-white{background:var(--bg)!important;color:var(--text)!important;font-family:"Segoe UI",Inter,Roboto,Arial,sans-serif!important;font-size:14px;line-height:1.55;letter-spacing:.005em}body.app-page{padding-left:var(--sidebar-w);transition:background .2s,color .2s}a{color:var(--primary)}h1,h2,h3,h4,h5,h6{color:var(--heading)!important;font-weight:750;letter-spacing:-.01em}.text-secondary,.muted,.form-text{color:var(--muted)!important}.text-dark{color:var(--heading)!important}.text-white{color:var(--text)!important}.bg-white{background:var(--surface)!important;color:var(--text)!important}.border-bottom,.border-top{border-color:var(--line)!important}.container,.container-fluid{color:var(--text)}
.app-sidebar{position:fixed;z-index:1100;inset:0 auto 0 0;width:var(--sidebar-w);background:linear-gradient(180deg,#061a31,#0a2d4e);color:#fff;display:flex;flex-direction:column;padding:16px 13px;box-shadow:8px 0 25px rgba(3,20,36,.12)}.brand-panel{padding:3px 8px 17px;border-bottom:1px solid rgba(255,255,255,.12)}.brand-link{display:flex;gap:11px;align-items:center;color:#fff;text-decoration:none}.brand-link img{width:46px;height:46px;object-fit:contain;background:transparent}.brand-link strong{display:block;font-size:17px;line-height:1.15;letter-spacing:.03em}.brand-link small{display:block;color:#9fb5c9;font-size:9px;margin-top:3px;line-height:1.3}.side-nav{padding-top:15px;display:flex;flex-direction:column;gap:4px}.side-nav a{display:flex;align-items:center;gap:12px;color:#c9d8e5;text-decoration:none;padding:10px 12px;border-radius:9px;font-weight:650;min-height:42px}.side-nav a i{font-size:17px;width:20px;text-align:center}.side-nav a:hover{background:rgba(20,127,245,.16);color:#fff}.side-nav a.active{background:linear-gradient(90deg,#0b78e8,#165da5);color:#fff;box-shadow:0 7px 18px rgba(0,111,224,.18)}.sidebar-bottom{margin-top:auto}.side-user{border-top:1px solid rgba(255,255,255,.1);padding:14px 6px 11px;display:flex;gap:10px;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;background:#e8f1fa;color:#24547d;display:grid;place-items:center;flex:none}.user-copy strong,.user-copy small{display:block}.user-copy strong{font-size:12px;color:#fff}.user-copy small{font-size:10px;color:#9fb5c9}.side-actions{display:flex;gap:7px;margin-bottom:12px}.theme-switch,.logout-link{flex:1;display:flex;justify-content:center;align-items:center;gap:6px;border:0;border-radius:8px;padding:8px 7px;font-size:11px;font-weight:650;text-decoration:none}.theme-switch{background:rgba(255,255,255,.09);color:#eaf2f8}.theme-switch:hover{background:rgba(255,255,255,.16)}.logout-link{color:#ff8c99;background:rgba(230,75,97,.08)}.logout-link:hover{background:rgba(230,75,97,.16);color:#fff}.side-version{font-size:9px;color:#9db1c3;padding:7px 6px}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#1cc98a;margin-right:4px}.app-page .top,.app-page>header{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}.app-page .top{min-height:64px}.app-page .top a{color:var(--heading)!important}.app-page main,.app-page .wrap{color:var(--text)}.card,.card.bg-secondary,.bg-secondary,.cardx,.wrap>.card,.wrap .card{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:var(--shadow)}.card-body{color:var(--text)}.form-control,.form-select,input,select,textarea{background:var(--input)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:8px!important;box-shadow:none!important}.form-control:focus,.form-select:focus,input:focus,select:focus,textarea:focus{border-color:#67adff!important;box-shadow:0 0 0 .16rem rgba(20,127,245,.15)!important}.form-label,label{color:var(--heading)!important;font-weight:650}.btn{border-radius:8px!important;font-weight:650!important}.btn-primary,.btnx{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}.btn-secondary{background:#607487!important;border-color:#607487!important;color:#fff!important}.btn-light{background:var(--surface3)!important;border-color:var(--line)!important;color:var(--heading)!important}.btn-outline-secondary{border-color:#91a6b9!important;color:var(--heading)!important}.btn-outline-light{border-color:#9fb4c7!important;color:var(--text)!important}.btn-danger{color:#fff!important}.table{--bs-table-bg:var(--surface);--bs-table-color:var(--text);--bs-table-border-color:var(--line);color:var(--text)!important}.table>thead,.table thead th{background:var(--surface3)!important;color:var(--heading)!important}.table td{color:var(--text)!important}.table>tbody>tr:hover>*{background:var(--surface2)!important;color:var(--heading)!important}.dropdown-menu{background:var(--surface)!important;border-color:var(--line)!important}.dropdown-item{color:var(--text)!important}.dropdown-item:hover{background:var(--surface2)!important}.alert{border-radius:9px}.pagination .page-link{background:var(--surface);border-color:var(--line);color:var(--text)}::placeholder{color:var(--muted)!important;opacity:1}
/* legacy dark tables / pages */
body.app-page .table-dark{--bs-table-bg:var(--surface);--bs-table-color:var(--text);--bs-table-border-color:var(--line)}body.app-page .table-striped>tbody>tr:nth-of-type(odd)>*{color:var(--text);background:color-mix(in srgb,var(--surface2) 72%,transparent)}body.app-page .card.bg-secondary .table thead th{background:var(--surface3)!important}
@media(max-width:900px){:root{--sidebar-w:0px}body.app-page{padding-left:0}.app-sidebar{width:270px;transform:translateX(-100%);transition:transform .2s}.app-sidebar.open{transform:none}.app-page .top,.app-page>header{padding-left:60px!important}.content{padding-left:14px!important;padding-right:14px!important}}
@media(max-width:600px){body{font-size:13px}.app-page main,.app-page .wrap{max-width:none!important;padding-left:12px!important;padding-right:12px!important}.app-page .top-right{gap:8px}.app-page .container{width:100%!important}}
/* Shared dashboard/page refinements */
.dashboard-page{padding-left:var(--sidebar-w);background:var(--bg);color:var(--text)}
.dashboard-page .main{min-width:0}.dashboard-page .top{background:var(--surface)!important;border-color:var(--line)!important}.dashboard-page .hamb{color:var(--muted)!important}.dashboard-page .branch-top{background:var(--surface2)!important;color:var(--primary)!important;border-color:#8bbdff!important}.dashboard-page .datebox{background:var(--surface)!important;color:var(--muted)!important;border-color:var(--line)!important}.dashboard-page .datebox b{color:var(--heading)!important}.dashboard-page .page-head p,.dashboard-page .branch-stock,.dashboard-page .barlabel,.dashboard-page .hdesc{color:var(--muted)!important}.dashboard-page .cardx{background:var(--surface)!important;border-color:var(--line)!important}.dashboard-page .card-head{border-color:var(--line)!important}.dashboard-page .branch-card{background:linear-gradient(180deg,var(--surface),var(--surface2))!important;border-color:var(--line)!important}.dashboard-page .branch-number{background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary)}.dashboard-page .bars{border-color:var(--line)!important}.dashboard-page .barval{color:var(--heading)!important}.dashboard-page .history-item,.dashboard-page .mini-table td{border-color:var(--line)!important}.dashboard-page .mini-table th{background:var(--surface3)!important;color:var(--heading)!important}.dashboard-page .mini-table td{color:var(--text)!important}.dashboard-page .btn-outline2{background:var(--surface)!important;border-color:var(--line)!important;color:var(--heading)!important}.dashboard-page .settings .muted,.dashboard-page .install ol{color:var(--muted)!important}.dashboard-page .footer{color:var(--muted)!important}
.mobile-menu-toggle{display:none}
@media(max-width:900px){.dashboard-page{padding-left:0}.dashboard-page .app-sidebar{transform:translateX(-100%)}.dashboard-page .app-sidebar.open{transform:translateX(0)}.mobile-menu-toggle{display:grid;position:fixed;z-index:1200;left:10px;top:10px;width:40px;height:40px;border:0;border-radius:9px;background:var(--primary);color:#fff;place-items:center;box-shadow:0 5px 16px rgba(0,0,0,.2)}.dashboard-page .top{padding-left:60px!important}}
@media(max-width:600px){.dashboard-page .top-right .branch-top{max-width:160px;font-size:11px}.dashboard-page .content{padding:14px!important}.dashboard-page .branch-grid{grid-template-columns:1fr}.dashboard-page .stats{grid-template-columns:1fr}.dashboard-page .charts,.dashboard-page .bottom{grid-template-columns:1fr}.dashboard-page .quick{grid-template-columns:repeat(2,1fr)}}

/* ===== IONET GLOBAL UI V3: one theme on every page ===== */
:root{color-scheme:light;--font-ui:Inter,"Segoe UI",Roboto,Arial,sans-serif}
:root[data-theme="dark"]{color-scheme:dark}
html,body{font-family:var(--font-ui)!important}
body.app-page{background:var(--bg)!important;color:var(--text)!important;min-height:100vh}
body.app-page .navbar,body.app-page .top,body.app-page>header{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}
body.app-page .navbar-brand,body.app-page .navbar-brand:hover{color:var(--heading)!important}
body.app-page .wrap,body.app-page main,body.app-page .container,body.app-page .container-fluid{color:var(--text)!important}
body.app-page .card,body.app-page .cardx,body.app-page .asset-card,body.app-page .asset-panel,body.app-page .asset-hero,body.app-page .note{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important;box-shadow:var(--shadow)!important}
body.app-page .asset-hero{background:linear-gradient(135deg,var(--surface),var(--surface2))!important}
body.app-page .asset-card.stat{min-height:120px}
body.app-page .asset-card.stat .value{color:var(--heading)!important}
body.app-page .asset-card.stat .muted,body.app-page .asset-panel .muted,body.app-page .asset-hero .muted{color:var(--muted)!important}
body.app-page .filter{background:var(--input)!important;color:var(--text)!important;border-color:var(--line)!important}
body.app-page .progress{background:var(--surface3)!important}
body.app-page .table,body.app-page .table-dark{--bs-table-bg:var(--surface)!important;--bs-table-color:var(--text)!important;--bs-table-border-color:var(--line)!important;color:var(--text)!important}
body.app-page .table thead th,body.app-page .table-dark thead th{background:var(--surface3)!important;color:var(--heading)!important;border-color:var(--line)!important}
body.app-page .table tbody td{color:var(--text)!important;border-color:var(--line)!important}
body.app-page .table-hover>tbody>tr:hover>*{background:var(--surface2)!important;color:var(--heading)!important}
body.app-page .text-white{color:var(--text)!important}
body.app-page .text-dark{color:var(--heading)!important}
body.app-page .text-secondary,body.app-page .muted{color:var(--muted)!important}
body.app-page input,body.app-page select,body.app-page textarea,body.app-page .form-control,body.app-page .form-select{background:var(--input)!important;color:var(--text)!important;border-color:var(--line)!important}
body.app-page input::placeholder,body.app-page .form-control::placeholder{color:var(--muted)!important}
body.app-page .btn-outline-light{color:var(--heading)!important;border-color:#7e95a9!important;background:transparent!important}
body.app-page .btn-light{background:var(--surface3)!important;color:var(--heading)!important;border-color:var(--line)!important}
body.app-page .dropdown-menu{background:var(--surface)!important;color:var(--text)!important}
body.app-page .dropdown-item{color:var(--text)!important}
body.app-page .dropdown-item:hover{background:var(--surface2)!important}
body.app-page .logo-box{border-color:var(--line)!important}
body.app-page .step{border-color:var(--line)!important}
.dashboard-page{padding-left:var(--sidebar-w)!important;background:var(--bg)!important;color:var(--text)!important}
.dashboard-page .main{background:var(--bg)!important}
.dashboard-page .top{height:64px;padding:0 24px;background:var(--surface)!important;border-bottom:1px solid var(--line)!important}
.dashboard-menu-btn{width:38px;height:38px;border:0;background:transparent;color:var(--heading);font-size:21px;display:grid;place-items:center}
.top-title{font-size:13px;font-weight:800;color:var(--heading);letter-spacing:.04em}
.top-bell{font-size:18px;color:var(--muted)}
.top-user{display:flex;align-items:center;gap:8px;color:var(--heading);font-size:11px}.top-user small{display:block;color:var(--muted);font-size:9px}.top-avatar{width:32px;height:32px;border-radius:50%;background:var(--surface3);display:grid;place-items:center;color:var(--primary)}
.dashboard-page .content{max-width:1600px}
.dashboard-page .page-head h1,.dashboard-page .card-head h3,.dashboard-page .branch-name{color:var(--heading)!important}
.dashboard-page .cardx{background:var(--surface)!important;border-color:var(--line)!important}
.dashboard-page .card-head{border-color:var(--line)!important}
.dashboard-page .branch-card{background:var(--surface2)!important;border-color:var(--line)!important}
.dashboard-page .branch-stock,.dashboard-page .barlabel,.dashboard-page .hdesc,.dashboard-page .page-head p{color:var(--muted)!important}
.dashboard-page .mini-table td{color:var(--text)!important}
.dashboard-page .mini-table th{background:var(--surface3)!important;color:var(--heading)!important}
.dashboard-page .history-item{border-color:var(--line)!important}
.dashboard-page .datebox{background:var(--surface)!important;border-color:var(--line)!important;color:var(--muted)!important}
.dashboard-page .datebox b{color:var(--heading)!important}
.dashboard-page .branch-top{background:var(--surface2)!important;color:var(--primary)!important;border-color:#7fb8ff!important}
@media(max-width:900px){.dashboard-page{padding-left:0!important}.dashboard-page .top{padding-left:55px!important}.dashboard-page .branch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-title{display:none}}
@media(max-width:600px){.dashboard-page .branch-grid{grid-template-columns:1fr}.dashboard-page .top-right .top-user{display:none}}

/* Mobile sidebar: never reserve/cover a strip of content when closed. */
.mobile-menu-toggle{display:none;position:fixed;z-index:1205;left:10px;top:10px;width:40px;height:40px;border:0;border-radius:9px;background:var(--primary);color:#fff;place-items:center;box-shadow:0 5px 16px rgba(0,0,0,.2);cursor:pointer}
.mobile-menu-overlay{display:none;position:fixed;z-index:1095;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(1px)}
.mobile-menu-overlay.show{display:block}
@media(max-width:900px){body.app-page{padding-left:0!important}.app-sidebar{width:280px!important;transform:translateX(-105%);transition:transform .22s ease;z-index:1110}.app-sidebar.open{transform:translateX(0)}.mobile-menu-toggle{display:grid}.app-page .top,.app-page>header{padding-left:60px!important}.app-page main,.app-page .wrap{padding-left:14px!important;padding-right:14px!important}.dashboard-page .app-sidebar{transform:translateX(-105%)}.dashboard-page .app-sidebar.open{transform:translateX(0)}}
@media(max-width:600px){.mobile-menu-toggle{left:9px;top:9px}.app-sidebar{width:min(280px,88vw)!important}.app-page .top,.app-page>header{padding-left:58px!important}}
/* Consistent readable UI on every page in both themes. */
body.app-page,body.dashboard-page{font-family:"Segoe UI",Inter,Roboto,Arial,sans-serif!important;-webkit-font-smoothing:antialiased}
body.app-page .card,body.app-page .cardx,body.app-page .asset-card,body.app-page .asset-panel,body.app-page .asset-hero{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}
body.app-page .asset-hero{background:linear-gradient(135deg,var(--surface),var(--surface2))!important}
body.app-page .table,body.app-page .table-dark{background:var(--surface)!important;color:var(--text)!important}
body.app-page .table thead th{background:var(--surface3)!important;color:var(--heading)!important}
body.app-page .table tbody td{color:var(--text)!important}
body.app-page .text-secondary,body.app-page .muted{color:var(--muted)!important}
body.app-page .text-white{color:var(--text)!important}
/* Dashboard branch-first presentation */
.branch-number-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:12px!important}
.branch-big-card{min-height:128px!important;padding:18px!important;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-shadow:var(--shadow)!important}
.branch-big-number{font-size:34px;line-height:1;font-weight:900;color:var(--primary);letter-spacing:-.04em;margin-bottom:10px}
.branch-big-card .branch-name{font-size:16px!important;font-weight:800!important}
.branch-big-card .branch-stock{font-size:12px!important;margin-top:5px}
.branch-number-panel{margin-bottom:16px}
@media(max-width:600px){.branch-number-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.branch-big-card{min-height:112px!important;padding:14px!important}.branch-big-number{font-size:29px}}


/* ===== GLOBAL TABLE + ICON + INSTALL UI ===== */
.app-page .table,
.app-page .table.table-dark,
.app-page .table.table-striped,
.app-page .table.table-hover{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}
.app-page .table>thead>tr>th,
.app-page .table>thead>tr>td{background:var(--surface3)!important;color:var(--heading)!important;border-color:var(--line)!important;font-weight:750}
.app-page .table>tbody>tr>td,
.app-page .table>tbody>tr>th{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important;vertical-align:middle}
.app-page .table-striped>tbody>tr:nth-of-type(odd)>*{background:var(--surface2)!important;color:var(--text)!important}
.app-page .table-hover>tbody>tr:hover>*{background:var(--surface3)!important;color:var(--heading)!important}
.app-page .badge.text-bg-success{background:#18b97c!important;color:#fff!important}
.app-page .badge.text-bg-danger{background:#e64b61!important;color:#fff!important}
.app-page .btn i,.app-page a.btn i,.app-page button i{margin-right:.32rem;vertical-align:-.05em}
.app-page .page-title-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--primary) 13%,var(--surface));color:var(--primary);margin-right:10px}
.mobile-menu-overlay{display:none;position:fixed;inset:0;background:rgba(3,12,22,.48);z-index:1090}
.mobile-menu-overlay.show{display:block}
.pwa-install-cta{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:1300;display:none;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:0 14px 38px rgba(0,0,0,.24)}
.pwa-install-cta.show{display:flex}.pwa-install-cta .pwa-install-btn{border:0;border-radius:9px;background:var(--primary);color:#fff;font-weight:750;padding:9px 12px;white-space:nowrap}.pwa-install-cta .pwa-install-close{border:0;background:transparent;color:var(--muted);font-size:18px;line-height:1}
@media(max-width:900px){.pwa-install-cta{bottom:12px}.app-page .top{position:relative;z-index:1000}}


/* Final table consistency: Master, Stok, Aset, History share exactly the same theme. */
body.app-page .themed-table,
body.app-page .master-table,
body.app-page .stock-table{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}
body.app-page .themed-table>thead>tr>th,
body.app-page .master-table>thead>tr>th,
body.app-page .stock-table>thead>tr>th{background:var(--surface3)!important;color:var(--heading)!important;border-color:var(--line)!important}
body.app-page .themed-table>tbody>tr>td,
body.app-page .master-table>tbody>tr>td,
body.app-page .stock-table>tbody>tr>td{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}
body.app-page .themed-table.table-striped>tbody>tr:nth-of-type(odd)>*,
body.app-page .master-table.table-striped>tbody>tr:nth-of-type(odd)>*,
body.app-page .stock-table.table-striped>tbody>tr:nth-of-type(odd)>*{background:var(--surface2)!important;color:var(--text)!important}
body.app-page .themed-table.table-hover>tbody>tr:hover>*,
body.app-page .master-table.table-hover>tbody>tr:hover>*,
body.app-page .stock-table.table-hover>tbody>tr:hover>*{background:var(--surface2)!important;color:var(--heading)!important}
body.app-page .master-table code,body.app-page .stock-table code{color:var(--primary)!important}

/* Quick menu never gets squeezed by the stock chart. */
.dashboard-page .charts-dashboard{grid-template-columns:minmax(0,1fr) minmax(360px,.78fr)!important;align-items:stretch}
.dashboard-page .charts-dashboard>section{min-width:0}
.dashboard-page .charts-dashboard .quick{grid-template-columns:repeat(3,minmax(92px,1fr));min-width:0}
.dashboard-page .charts-dashboard .quick a{min-width:0}
@media(max-width:1200px){.dashboard-page .charts-dashboard{grid-template-columns:1fr!important}.dashboard-page .charts-dashboard .quick{grid-template-columns:repeat(3,minmax(100px,1fr))}}
@media(max-width:620px){.dashboard-page .charts-dashboard .quick{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Unified numbered pagination */
.app-page .table-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 0 2px}.app-page .table-pagination .pagination{margin:0;gap:5px;flex-wrap:wrap}.app-page .table-pagination .page-link{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px!important;min-width:38px;height:36px;padding:.4rem .7rem;display:inline-flex;align-items:center;justify-content:center;font-weight:700;box-shadow:none}.app-page .table-pagination .page-link:hover{background:var(--surface2);color:var(--primary);border-color:color-mix(in srgb,var(--primary) 45%,var(--line))}.app-page .table-pagination .page-item.active .page-link{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 5px 14px color-mix(in srgb,var(--primary) 22%,transparent)}.app-page .table-pagination .page-item.disabled .page-link{opacity:.45;pointer-events:none}.app-page .table-pagination .page-dots{display:inline-flex;align-items:center;height:36px;padding:0 3px;color:var(--muted)}

/* Sortable table headers */
.sortable-th{cursor:pointer!important;user-select:none;white-space:nowrap;position:relative;padding-right:24px!important}
.sortable-th::after{content:'↕';position:absolute;right:8px;opacity:.45;font-size:12px}
.sortable-th.sort-asc::after{content:'↑';opacity:.9}
.sortable-th.sort-desc::after{content:'↓';opacity:.9}

/* Shared smart suggestions - Light/Dark */
.smart-suggest-wrap{position:relative;min-width:0}
.smart-suggest-anchor{position:relative;width:100%;min-width:0}
.smart-suggest-box{position:absolute;z-index:5000;left:0;right:0;top:calc(100% + 6px);background:var(--surface,#fff)!important;border:1px solid var(--line,#d8e3ef)!important;border-radius:14px!important;box-shadow:0 14px 32px rgba(0,0,0,.22)!important;overflow:hidden;max-height:380px;overflow-y:auto;padding:7px!important}
.smart-suggest-item{display:block!important;width:100%!important;border:0!important;background:transparent!important;color:var(--text,#17324d)!important;text-align:left!important;padding:12px 14px!important;border-radius:10px!important;cursor:pointer!important;transition:background .14s ease,transform .14s ease!important;line-height:1.25!important;font-family:inherit!important}
.smart-suggest-item:hover,.smart-suggest-item:focus{background:var(--surface3,#eef5fb)!important;outline:none!important;transform:translateX(1px)}
.smart-suggest-title{display:block!important;font-weight:800!important;color:var(--heading,#17324d)!important;line-height:1.25!important;font-size:1rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smart-suggest-title .suggest-accent{color:var(--primary,#0d6efd)!important}
.smart-suggest-meta{display:block!important;margin-top:4px!important;font-size:.84rem!important;color:var(--muted,#67809a)!important;line-height:1.45!important;white-space:normal!important}
@media(max-width:768px){.smart-suggest-box{border-radius:12px!important;padding:6px!important}.smart-suggest-item{padding:10px 12px!important}.smart-suggest-title{font-size:.94rem!important}.smart-suggest-meta{font-size:.78rem!important}}