@import url('wiyu-fonts.css');
:root{--font:'IBM Plex Sans',sans-serif;--mono:'IBM Plex Sans',sans-serif;--brand-orange:#6450d2;--brand-orange-dark:#5542b9;--brand-orange-mid:#7b69db;--brand-orange-soft:#f2effc;--brand-orange-glow:#6450d212;--border-brand:#6450d238;--accent:#6450d2;--accent-dark:#5542b9;--accent-text:#6450d2;--accent-soft:#f2effc;--accent-glow:#6450d214;--bg-base:#fff;--bg-soft:#f8f8fa;--bg-mid:#f1f1f5;--bg-sidebar:#fff;--bg-card-alt:#faf9fd;--bg-input:#f7f7fa;--text-1:#292635;--text-2:#625f6d;--text-3:#716d7c;--shadow-brand:0 4px 15px #6450d217;--demo-bar-h:52px}
body{padding-top:var(--demo-bar-h);font-family:var(--font)}
:root{--green:#16804a;--yellow:#a36d08;--red:#ce334f}
button,input,select,textarea{font-family:var(--font)}
button,a,input,select,textarea{outline-offset:4px}
:focus-visible{outline:2px solid #6450d2}
.wiyu-wordmark{display:inline-block;color:#6450d2;font:500 29px/1 'Space Grotesk',sans-serif;letter-spacing:-.055em;white-space:nowrap}
.wiyu-wordmark-login{font-size:52px}
.processing-card>.wiyu-wordmark,.processing-logo .wiyu-wordmark{font-size:35px;margin-bottom:18px}
.wiyu-demo-bar{position:fixed;inset:0 0 auto;z-index:150;height:var(--demo-bar-h);display:flex;align-items:center;gap:20px;padding:0 25px;border-bottom:1px solid #e7e3f1;border-top:3px solid #dcff00;background:#fff;color:#6450d2;font-size:12px}
.wiyu-demo-bar>a{color:inherit;text-decoration:none;font-weight:500;flex-shrink:0}
.wiyu-demo-bar>a:hover{text-decoration:underline}
.wiyu-demo-status{margin-left:auto;display:flex;align-items:center;gap:8px}
.wiyu-demo-status::before{content:'';width:6px;height:6px;background:#ff5528;border-radius:50%}
.wiyu-demo-info{position:relative;flex-shrink:0}
.wiyu-demo-info summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.wiyu-demo-info[open] p{position:absolute;right:0;top:calc(100% + 16px);width:min(320px,calc(100vw - 32px));padding:18px;border:1px solid #ded8f5;background:#fff;color:#625f6d;border-radius:12px;box-shadow:0 10px 30px #29263515;font-size:13px;line-height:1.6}
.view,#viewLogin,.main-content{min-height:calc(100vh - var(--demo-bar-h))}
#viewLogin{padding-block:40px;background:radial-gradient(ellipse at 100% 0%,#6450d20b,transparent 60%),radial-gradient(ellipse at 0 100%,#dcff0010,transparent 60%),#faf9fc}
.main-content{min-width:0;background:#f8f8fb!important}
.sidebar{top:var(--demo-bar-h);min-height:0}
/* Dashboard header is sticky inside main-content, already below the demo bar. */
.topbar{top:0;background:#f8f8fbf5}
.detail-topbar{top:var(--demo-bar-h)}
.page-title{font-weight:600}
.login-title{font-weight:600}
.nav-item:disabled{cursor:default;opacity:.6}
.nav-item:disabled:hover{background:none;color:var(--text-2)}
.nav-item.active{border-left:3px solid #6450d2}
.kpi-card{box-shadow:0 2px 8px #29263505}
.kpi-card:hover{transform:none}
.kpi-value,.cell-time,.cell-duration{font-variant-numeric:tabular-nums}
.btn-upload-top,.btn-export-detail,.btn-send{background:#6450d2;color:#fff}
.btn-ver:hover,.btn-notify:hover{background:#eae5fb}
.logo-wrap{gap:10px;flex-wrap:wrap}
.logo-vertical-badge,.sidebar-vertical-badge,.login-vertical-badge{background:#f2effc;border-color:#6450d233;color:#6450d2}
.panel{min-width:0}
.panel-header{flex-wrap:wrap;gap:12px}
.chart-alerts-row{grid-template-columns:minmax(0,1fr) 320px}
.table-wrapper{max-width:100%;overscroll-behavior-x:contain}
.calls-table{min-width:780px}
.table-filters{min-width:0}
.filter-search{max-width:100%}
.detail-grid{width:100%;min-width:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.panel-transcript{top:calc(var(--demo-bar-h) + 78px);max-height:calc(100vh - var(--demo-bar-h) - 110px)}
.detail-right{min-width:0}
.detail-breadcrumb{min-width:0}
.notify-message{overflow-wrap:anywhere}
.modal-overlay{overflow:auto;padding:20px}
.toast{max-width:calc(100vw - 36px);right:18px}
@media(max-width:1100px){.chart-alerts-row{grid-template-columns:minmax(0,1fr)}.topbar{flex-wrap:wrap;gap:16px}.topbar-left{flex-wrap:wrap;gap:4px 12px}.ramo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.detail-grid{grid-template-columns:minmax(0,1fr)}.panel-transcript{position:static;max-height:560px}}
@media(max-width:767px){
 :root{--demo-bar-h:58px;--sidebar-w:0px}
 .wiyu-demo-bar{padding-inline:16px;gap:12px;font-size:11px}.wiyu-demo-status{max-width:145px;line-height:1.3}.wiyu-demo-info summary{font-size:11px}
 #viewDashboard{flex-direction:column!important}.sidebar{position:relative;top:0;width:100%;border-right:0;box-shadow:none}.sidebar-header{padding:18px 20px}.sidebar-nav{flex-direction:row;overflow-x:auto;padding:8px 14px;gap:6px}.sidebar-nav .nav-item{width:auto;white-space:nowrap;flex-shrink:0;min-height:40px;padding:10px 12px;font-size:12px}.sidebar-nav .nav-item:disabled{display:none}.sidebar-footer{padding:12px 20px;display:flex;gap:10px;align-items:center}.sidebar-user-role{margin:0}.sidebar-logout{font-size:12px;min-height:32px;margin:3px 0 0}
 .main-content{margin:0;padding:0 18px 35px;width:100%}.topbar{position:static;padding:21px 0;margin-bottom:20px}.topbar-right{width:100%;gap:12px;flex-wrap:wrap}.page-title{font-size:23px}.page-subtitle{font-size:12px}.date-badge{font-size:11px}.btn-upload-top{font-size:12px;min-height:40px}.kpi-grid{gap:12px}.kpi-card{padding:18px 15px}.kpi-value{font-size:27px}.kpi-label{font-size:10px}.kpi-delta{font-size:11px}.panel{padding:18px}.panel-header h2{min-width:120px}.table-filters{width:100%;gap:8px}.filter-select,.filter-search{flex:1 1 135px;min-width:0;min-height:40px;font-size:13px}.filter-search{width:auto}.table-footer{gap:12px;align-items:start}.chart-alerts-row,.topics-row{gap:16px}.ramo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ramo-card{padding:15px}.detail-topbar{position:static;padding:18px;gap:12px}.detail-breadcrumb{flex-basis:100%;order:4;font-size:12px}.detail-grid{padding:18px 18px 35px;gap:18px}.btn-back-dash,.btn-notify,.btn-export-detail{min-height:40px;font-size:12px}.btn-notify,.btn-export-detail{padding-inline:10px}.login-container{padding-inline:22px}.login-logo-wrap,.login-logo{margin-bottom:22px!important}.wiyu-wordmark-login{font-size:44px}.role-card{padding:16px;gap:12px}.role-desc{font-size:12px}.role-name{font-size:14px}.role-persona,.role-user{font-size:12px}.login-subtitle{font-size:13px}.login-footer{font-size:11px}.processing-card{padding:28px 20px}.notify-header,.notify-agent-info,.notify-message-box,.notify-footer{padding:18px}.notify-actions{flex-wrap:wrap}.notify-card{width:100%;max-height:calc(100vh - 40px);overflow:auto}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}