/* HALONG INTEL V2.6 — giao diện navy/vàng (theo bản Aime'e Marketing Hub).
   Nạp sau cùng: chỉ đổi màu, phông chữ và vài điểm nhấn; không đổi bố cục. */

@font-face{font-family:"Montserrat";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/montserrat-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/montserrat-vietnamese-500-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/montserrat-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/montserrat-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/montserrat-vietnamese-600-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/montserrat-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/montserrat-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/montserrat-vietnamese-700-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/montserrat-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/source-sans-3-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/source-sans-3-vietnamese-400-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/source-sans-3-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/source-sans-3-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/source-sans-3-vietnamese-600-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/source-sans-3-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/source-sans-3-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/source-sans-3-vietnamese-700-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/source-sans-3-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
 --jade:#193A6A;--jade-2:#2F5D99;--fog:#EEF1F5;--brass:#C29A2E;--brass-soft:#F2E8CC;--gold:#D3AB3E;
 --sea:#6E9CC8;--signal:#B4492F;--chip:#E4EAF2;--band-text:#F6F1E6;--band-muted:#AFC0D8;
 --navy:var(--jade);--ink:#14233A;--muted:#5B6B80;--line:#D7DEE8;--canvas:var(--fog);--soft:var(--chip);
 --ui-bg:var(--fog);--ui-text:var(--ink);--ui-text-muted:var(--muted);--ui-border:var(--line);--ui-border-strong:#BFCADB;
 --ui-primary-soft:var(--chip);--ui-surface-accent:#F3F6FA;--ui-surface-subtle:#F7F9FC;
 --tblr-primary:var(--accent,#193A6A);--tblr-primary-rgb:25,58,106;--tblr-font-sans-serif:"Source Sans 3","Segoe UI",Arial,sans-serif;
 --font-head:"Montserrat","Segoe UI",Arial,sans-serif;--font-body:"Source Sans 3","Segoe UI",Arial,sans-serif;
 font-family:var(--font-body);color:var(--ink);background:var(--fog)
}
body{background:var(--fog);color:var(--ink);font-family:var(--font-body)}
h1,h2,h3,.page-head h1,.panel-head h2,.modal-head h2,.brand strong,.metric-value,.chat-empty h2,.login-story h1,.login-form h1{font-family:var(--font-head);letter-spacing:-.01em}
h1{font-weight:700}
.page-head h1{color:var(--ink)}
h2,.panel h2{font-weight:600}
.eyebrow,.section-title,th{font-family:var(--font-head);letter-spacing:.08em}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--sea)}

/* Thanh bên navy, chỉ báo vàng */
.sidebar{background:var(--jade);color:var(--band-muted)}
.brand-icon{background:var(--brass);color:var(--jade)}
.brand-icon.custom-logo{background:#fff}
.brand strong{color:#fff;letter-spacing:.06em}
.brand small{color:var(--band-muted)}
.nav-section{color:#8FA6C6;font-family:var(--font-head)}
.nav-item{color:#C9D5E6}
.nav-item:hover{background:#ffffff12;color:#fff}
.nav-item.active{background:#ffffff1a;color:#fff;font-weight:600}
.nav-item.active:before{background:var(--gold);width:4px;left:-2px}
.nav-item.active .icon,.sidebar .nav-item.ai,.sidebar .nav-item.ai .icon{color:var(--gold)}
.sidebar .nav-item.ai.active{color:#fff}
.version{color:#8FA6C6;border-top-color:#ffffff1f}
.sidebar-bottom small{color:#8FA6C6}

/* Thanh trên */
.topbar{background:#fff;border-bottom-color:var(--line)}
.breadcrumb b{color:var(--ink);font-family:var(--font-head);font-weight:600}
.org-name{display:inline-flex;align-items:center;gap:8px;font-size:.8125rem;font-weight:600;color:var(--jade);background:var(--chip);border-radius:999px;padding:7px 13px;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.org-name .icon{width:16px;height:16px;color:var(--brass)}
.avatar{background:var(--brass-soft);color:#7A5C12}

/* Nút, tab, ô */
.btn.primary{background:var(--accent,var(--jade));border-color:var(--accent,var(--jade));box-shadow:0 3px 8px rgba(25,58,106,.18)}
.btn.primary:hover{background:var(--jade-2);border-color:var(--jade-2)}
.btn:hover{background:#F3F6FA}
.tab.active{color:var(--jade);border-color:var(--brass)}
.panel,.metric,.table-wrap{border-color:var(--line);box-shadow:0 1px 2px rgba(20,35,58,.04)}
.metric-icon{background:var(--chip);color:var(--jade)}
.metric-value{font-weight:700;color:var(--ink)}
.bar>span{background:var(--jade-2)}
.callout{background:#F3F6FA;border-color:#DCE3EE;color:#45566E}
.callout.warn{background:#FBF5E6;border-color:#EBDDB5;color:#7A5C12}
.pill.info{background:var(--chip);color:var(--jade)}
th{background:#F5F7FB;color:#66768C}
.welcome{background:linear-gradient(120deg,var(--jade),var(--jade-2))}
.welcome .eyebrow{color:var(--gold)}
.welcome p{color:var(--band-muted)}
.welcome .btn{color:var(--jade)}
.ai-mark{background:var(--jade);color:var(--gold)}
.message.user{background:var(--chip)}
.thread-item:hover,.thread-item.active{background:var(--chip);color:var(--jade)}
#toast{background:var(--jade)}
.floating-chat{background:var(--jade)!important;color:#fff}
.floating-chat .icon{color:var(--gold)}

/* Trang đăng nhập */
.login-story .eyebrow,.login-lines .icon{color:var(--gold)}
.login-story p,.login-lines{color:var(--band-muted)}
.login-story footer{color:#8FA6C6}

/* Marketing: dải doanh thu navy */
.mk-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px;align-items:end;background:var(--jade);color:var(--band-text);border-radius:16px;padding:26px 28px 22px;margin-bottom:20px;overflow:hidden;position:relative}
.mk-band:after{content:"";position:absolute;right:-60px;top:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,#ffffff10,transparent 70%);pointer-events:none}
.band-eyebrow{font-family:var(--font-head);font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.band-value{font-family:var(--font-head);font-weight:700;font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.1;margin:10px 0 12px;font-variant-numeric:tabular-nums;color:#fff}
.band-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:.875rem;color:var(--band-muted)}
.band-pill{background:var(--gold);color:#2A1F05;font-weight:700;border-radius:999px;padding:4px 11px;font-size:.8125rem}
.band-sub{display:flex;flex-wrap:wrap;gap:18px;margin-top:16px;padding-top:14px;border-top:1px solid #ffffff1f;font-size:.8125rem;color:var(--band-muted)}
.band-sub b{color:#fff;font-family:var(--font-head);font-size:1rem;margin-right:4px}
.band-chart{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;height:150px;align-items:end}
.band-bar{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:18px}
.band-bar i{display:block;width:70%;border-radius:4px 4px 1px 1px}
.band-actual{background:var(--sea);position:relative;z-index:1}
.band-actual.hit{background:var(--gold)}
.band-target{position:absolute;bottom:18px;left:15%;width:70%!important;border:1px dashed #ffffff55;background:#ffffff0d}
.band-bar span{position:absolute;bottom:0;font-size:.6875rem;color:var(--band-muted)}
.mk-tiles .metric-value{font-size:1.65rem}
.mk-chart .mk-actual{fill:var(--jade-2);opacity:.9}
.mk-chart .mk-actual.hit{fill:var(--brass)}
.mk-legend i.mk-actual{background:var(--jade-2)}
.mk-legend i.mk-actual.hit{background:var(--brass)}
.mk-progress i{background:var(--jade-2)}
.mk-progress i.hit{background:var(--brass)}
.mk-hb-bar i{background:var(--jade-2)}

@media (max-width:900px){
 .mk-band{grid-template-columns:1fr;padding:22px 18px 18px;gap:18px}
 .band-chart{height:110px;gap:4px}
 .org-name{max-width:140px}
}
@media (max-width:560px){
 .org-name{display:none}
}
.login-story h1,.login-story .brand strong{color:#fff}
.welcome h2{color:#fff}