/* Taki Recruitment CRM — Command Dashboard interface v6.1 */
:root{
  --navy:#071b46;--navy-2:#0b2457;--blue:#1f6fff;--blue-soft:#edf4ff;
  --green:#13a766;--green-soft:#eaf9f1;--orange:#ff7a18;--orange-soft:#fff3e9;
  --red:#f0253d;--red-soft:#fff0f2;--purple:#7437f4;--purple-soft:#f2edff;
  --teal:#18a879;--teal-soft:#eaf9f4;--ink:#0b1d43;--text:#243553;--muted:#748198;
  --bg:#f7f9fd;--card:#fff;--line:#e3e9f2;--line-2:#edf1f6;
  --shadow:0 8px 24px rgba(18,43,82,.055);--shadow-lg:0 24px 70px rgba(7,27,70,.18);
  --radius:12px;--radius-sm:8px;--sidebar:240px;--topbar:62px;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg);font-size:13px;-webkit-font-smoothing:antialiased}body{overflow-x:hidden}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.ui-icon{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ui-icon path:first-child[fill]{fill:currentColor;stroke:none}img{max-width:100%}[hidden]{display:none!important}

/* Page transition */
.nav-progress{position:fixed;left:var(--sidebar);right:0;top:0;height:2px;z-index:999;background:linear-gradient(90deg,var(--blue),var(--purple),var(--green));transform:scaleX(0);transform-origin:left;opacity:0}.is-navigating .nav-progress{animation:navLoad .65s ease both}.page-enter .content{opacity:0;transform:translateY(5px)}.page-ready .content{opacity:1;transform:none;transition:opacity .28s ease,transform .28s ease}@keyframes navLoad{0%{transform:scaleX(0);opacity:1}85%{transform:scaleX(.85);opacity:1}100%{transform:scaleX(1);opacity:0}}

/* Shell */
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:rgba(255,255,255,.96);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:50;backdrop-filter:blur(16px)}.brand{height:66px;display:flex;align-items:center;padding:10px 18px;border-bottom:1px solid var(--line)}.brand img{width:183px;height:auto;display:block}.module-tabs{height:53px;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);padding:0 12px}.module-tabs span{display:flex;align-items:center;padding:0 10px;color:#75829a;font-size:10px;line-height:1.12;font-weight:650;border-bottom:2px solid transparent}.module-tabs span.active{color:var(--navy);font-weight:850;border-color:var(--blue)}
.nav{flex:1;min-height:0;overflow:auto;padding:8px 10px 10px;scrollbar-width:none;-ms-overflow-style:none}.nav::-webkit-scrollbar{display:none}.nav>a,.admin-nav a{height:34px;padding:0 10px;display:flex;align-items:center;gap:10px;color:#30415f;font-weight:650;font-size:12px;border-radius:8px;margin:1px 0;position:relative;transition:.18s ease}.nav>a:hover,.admin-nav a:hover{background:#f4f7fc;color:var(--blue);transform:translateX(1px)}.nav>a.active,.admin-nav a.active{background:linear-gradient(90deg,#edf3ff,#f3f6ff);color:var(--blue);font-weight:800;box-shadow:inset 2px 0 var(--blue)}.nav-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;color:#304a75;background:#f2f5fa;flex:0 0 24px}.nav-icon .ui-icon{width:15px;height:15px}.nav a.active .nav-icon{color:var(--blue);background:#e7efff}.nav-section{text-transform:uppercase;letter-spacing:.08em;color:#9aa6b8;font-size:9px;font-weight:850;margin:12px 10px 5px}.nav-badge{margin-left:auto;min-width:19px;height:19px;border-radius:10px;display:grid;place-items:center;background:var(--red);color:#fff;font-size:9px}.admin-nav{margin-top:4px}.admin-nav summary{list-style:none;height:34px;padding:0 10px;display:flex;align-items:center;gap:10px;color:#3d4e69;font-weight:750;font-size:12px;border-radius:8px;cursor:pointer}.admin-nav summary::-webkit-details-marker{display:none}.admin-nav summary>.ui-icon:first-child{width:17px}.admin-nav .summary-arrow{margin-left:auto;width:14px;transition:.2s}.admin-nav[open] .summary-arrow{transform:rotate(180deg)}.admin-nav>div{padding-left:4px}
.sidebar-footer{height:108px;border-top:1px solid var(--line);padding:10px 14px;background:linear-gradient(180deg,#fff,#fbfcff)}.user-mini{display:flex;align-items:center;gap:9px;color:var(--text);min-height:43px}.avatar,.profile-avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#071b46,#184587);color:#fff;font-weight:850}.avatar{width:34px;height:34px;flex:0 0 34px}.user-mini>div:last-child{min-width:0;display:flex;flex-direction:column}.user-mini strong{font-size:11px;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-mini span{font-size:9px;color:var(--muted)}.user-mini small{font-size:9px;color:#718096;margin-top:2px}.user-mini small i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:4px}.logout-link{height:31px;margin-top:6px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--red);font-size:11px;font-weight:800;background:#fff}.logout-link .ui-icon{width:15px}
.main{margin-left:var(--sidebar);min-height:100vh;display:flex;flex-direction:column}.topbar{height:var(--topbar);min-height:var(--topbar);display:flex;align-items:center;gap:18px;padding:0 18px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;backdrop-filter:blur(16px)}.menu-toggle{display:none;width:38px;height:38px;border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:9px;place-items:center}.top-title{min-width:315px;max-width:360px}.title-row{display:flex;align-items:center;gap:11px}.top-title h1{margin:0;color:var(--navy);font-size:20px;line-height:1.1;font-weight:850;letter-spacing:-.025em}.top-title p{margin:3px 0 0;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-pill,.inline-live{display:inline-flex;align-items:center;gap:5px;background:var(--green-soft);color:#15945e;font-weight:800;border-radius:7px}.live-pill{padding:5px 9px;font-size:10px}.live-pill i,.inline-live i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(19,167,102,.42);animation:livePulse 1.8s infinite}@keyframes livePulse{70%{box-shadow:0 0 0 6px rgba(19,167,102,0)}100%{box-shadow:0 0 0 0 rgba(19,167,102,0)}}
.global-search{height:38px;max-width:470px;min-width:280px;flex:1;display:flex;align-items:center;border:1px solid var(--line);background:#f8fafe;border-radius:9px;padding:0 11px;color:#7c8aa2;transition:.2s}.global-search:focus-within{background:#fff;border-color:#b8c9e9;box-shadow:0 0 0 3px rgba(31,111,255,.07)}.global-search>span .ui-icon{width:16px}.global-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;padding:0 9px;color:var(--ink);font-size:11px}.global-search input::placeholder{color:#8b97aa}.global-search kbd{border:0;background:transparent;color:#9ca8ba;font-family:inherit;font-size:10px;white-space:nowrap}.global-search button{display:none}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px;position:relative}.top-action{height:38px;border:1px solid var(--line);background:#fff;color:#31415f;border-radius:9px;padding:0 12px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:750;position:relative;transition:.18s}.top-action:hover{border-color:#c7d4e7;background:#fbfcff;transform:translateY(-1px)}.top-action .ui-icon{width:15px}.top-action b{position:absolute;top:-7px;right:-6px;min-width:19px;height:19px;padding:0 4px;border-radius:10px;background:var(--red);color:#fff;display:grid;place-items:center;font-size:9px;border:2px solid #fff}.profile-trigger{height:43px;border:0;background:transparent;display:grid;grid-template-columns:34px 1fr 15px;gap:9px;align-items:center;text-align:left;color:var(--ink);padding:0 2px 0 6px;min-width:168px;border-radius:9px}.profile-trigger:hover{background:#f6f8fc}.profile-avatar{width:34px;height:34px}.profile-trigger>span:nth-child(2){display:flex;flex-direction:column}.profile-trigger strong{font-size:11px;white-space:nowrap}.profile-trigger small{font-size:9px;color:var(--muted);margin-top:2px}.profile-trigger>.ui-icon{width:13px}.profile-menu{position:absolute;right:0;top:51px;width:190px;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow-lg);padding:7px;transform-origin:top right;animation:menuOpen .18s ease}.profile-menu a{height:36px;padding:0 10px;border-radius:7px;display:flex;align-items:center;gap:9px;color:#34445f;font-size:11px;font-weight:700}.profile-menu a:hover{background:#f3f6fb}.profile-menu .ui-icon{width:15px}.profile-menu .danger-link{color:var(--red)}@keyframes menuOpen{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}
.content{flex:1;padding:18px;min-width:0}.footer{height:42px;padding:0 18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fff;color:#95a0b1;font-size:9px}

/* Common internal page components */
.page-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.filter-form,.search-form,.table-toolbar,.inline-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-form input,.filter-form select,.search-form input,.search-form select,.table-toolbar input,.table-toolbar select,.inline-form input,.inline-form select{height:37px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);padding:0 11px;outline:0;font-size:11px;min-width:150px}.filter-form input[type=search],.search-form input[type=search]{min-width:250px}.wide-search{width:100%}.wide-search input[type=search]{flex:1;min-width:280px}.static-tabs{width:max-content;max-width:100%}.filter-form input:focus,.filter-form select:focus,.search-form input:focus,.search-form select:focus,.table-toolbar input:focus,.table-toolbar select:focus{border-color:#9eb9e9;box-shadow:0 0 0 3px rgba(31,111,255,.07)}
.panel{background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:14px;min-width:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.panel-head h2{margin:0;color:var(--navy);font-size:14px;line-height:1.2;font-weight:850}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:10px}.panel-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.table-panel{padding:0;overflow:auto}.table-panel>.panel-head,.table-panel>.table-toolbar{padding:14px 15px 0}.table-panel>.empty-state{min-height:260px}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px}.dashboard-grid.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:13px}.stats-grid.compact{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.stat-card{min-height:88px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px;display:flex;align-items:center;gap:10px;color:inherit;box-shadow:0 5px 16px rgba(18,43,82,.035);transition:.18s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(18,43,82,.08)}.stat-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);flex:0 0 36px}.stat-icon .ui-icon{width:17px}.stat-card.green .stat-icon{background:var(--green-soft);color:var(--green)}.stat-card.orange .stat-icon{background:var(--orange-soft);color:var(--orange)}.stat-card.red .stat-icon{background:var(--red-soft);color:var(--red)}.stat-card.purple .stat-icon{background:var(--purple-soft);color:var(--purple)}.stat-card.teal .stat-icon{background:var(--teal-soft);color:var(--teal)}.stat-copy{min-width:0}.stat-label{text-transform:uppercase;letter-spacing:.04em;color:#7d899d;font-size:9px;font-weight:850}.stat-value{color:var(--navy);font-size:19px;font-weight:900;margin:3px 0;white-space:nowrap}.stat-meta{color:#8793a5;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btn{height:37px;padding:0 13px;border-radius:8px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:800;line-height:1;white-space:nowrap;transition:.17s ease}.btn:hover{transform:translateY(-1px);filter:saturate(1.05)}.btn .ui-icon{width:15px}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 6px 14px rgba(31,111,255,.18)}.btn.secondary{background:var(--navy);color:#fff}.btn.ghost{background:#fff;color:#34445f;border-color:var(--line)}.btn.ghost:hover{border-color:#bac8dc;background:#f9fbff}.btn.danger{background:var(--red-soft);border-color:#ffd4d9;color:var(--red)}.btn.success{background:var(--green-soft);color:var(--green)}.btn.mini{height:29px;padding:0 9px;font-size:9px;border-radius:7px}.btn.large{height:44px}.btn.full,.btn.wide{width:100%}
.data-table{width:100%;border-collapse:separate;border-spacing:0;min-width:680px}.data-table th{text-align:left;padding:10px 12px;background:#fafbfe;border-bottom:1px solid var(--line);color:#7d899c;text-transform:uppercase;letter-spacing:.055em;font-size:8.5px;font-weight:850;white-space:nowrap}.data-table th:first-child{padding-left:15px}.data-table th:last-child{padding-right:15px}.data-table td{padding:10px 12px;border-bottom:1px solid var(--line-2);color:#34435f;font-size:10.5px;vertical-align:middle}.data-table td:first-child{padding-left:15px}.data-table td:last-child{padding-right:15px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr{transition:.14s}.data-table tbody tr:hover{background:#f8faff}.data-table td>span:not(.badge):not(.whatsapp-link){display:block;color:#8793a5;font-size:9px;margin-top:3px}.table-primary{display:block;color:var(--navy);font-weight:800;font-size:10.5px}.identity{display:flex;align-items:center;gap:9px}.avatar.small{width:30px;height:30px;font-size:10px}.protected-row{background:#fbfdff}.money-due,.text-red{color:var(--red)!important}.text-green{color:var(--green)!important}.phone-link{color:var(--navy)}.whatsapp-link{display:inline-flex!important;margin-top:4px;color:#0a9b5b!important;font-size:9px!important;font-weight:750}.whatsapp-link.mini{padding:2px 6px;border-radius:5px;background:var(--green-soft)}
.badge{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:0 8px;border-radius:99px;font-size:8.5px;font-weight:850;white-space:nowrap}.badge.success{background:var(--green-soft);color:#118653}.badge.danger{background:var(--red-soft);color:#d81f35}.badge.warning{background:#fff5de;color:#9b6810}.badge.neutral{background:#f0f3f7;color:#607087}.badge.info{background:var(--blue-soft);color:var(--blue)}
.alert{min-height:42px;padding:8px 10px 8px 12px;border:1px solid;border-radius:10px;margin-bottom:12px;display:grid;grid-template-columns:23px 1fr 30px;align-items:center;gap:7px;font-size:10.5px;animation:alertIn .25s ease}.alert>span{width:23px;height:23px;display:grid;place-items:center;border-radius:7px}.alert>span .ui-icon{width:14px}.alert>button{width:30px;height:30px;border:0;background:transparent;color:inherit;display:grid;place-items:center}.alert>button .ui-icon{width:14px}.alert.success{background:#f0fbf5;color:#11754a;border-color:#cbeedb}.alert.danger{background:#fff5f6;color:#b92034;border-color:#ffd2d8}.alert.warning{background:#fff9eb;color:#8b6212;border-color:#f4e1ad}.alert.info{background:#f1f6ff;color:#205da8;border-color:#d5e3fb}@keyframes alertIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}

/* Forms */
.form-page{max-width:1200px;margin:auto}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid.single-column,.form-stack{display:grid;grid-template-columns:1fr;gap:12px}.form-grid>label,.form-stack>label,.field{display:flex;flex-direction:column;gap:6px;color:#5c6b82;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.045em}.form-grid>label input,.form-grid>label select,.form-grid>label textarea,.form-stack>label input,.form-stack>label select,.form-stack>label textarea,.field input,.field select,.field textarea{width:100%;min-width:0;border:1px solid #dce4ef;background:#fff;color:var(--ink);border-radius:8px;outline:0;padding:0 11px;font-size:11px;text-transform:none;letter-spacing:0;font-weight:500;transition:.16s}.form-grid>label input,.form-grid>label select,.form-stack>label input,.form-stack>label select,.field input,.field select{height:39px}.form-grid>label textarea,.form-stack>label textarea,.field textarea{min-height:88px;padding-top:10px;resize:vertical}.form-grid>label input:focus,.form-grid>label select:focus,.form-grid>label textarea:focus,.form-stack>label input:focus,.form-stack>label select:focus,.form-stack>label textarea:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:#99b8ee;box-shadow:0 0 0 3px rgba(31,111,255,.07)}.form-section-title{grid-column:1/-1;color:var(--navy);font-size:12px;font-weight:850;padding:4px 0 8px;border-bottom:1px solid var(--line)}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.wide{grid-column:1/-1}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.checkbox{display:flex!important;flex-direction:row!important;align-items:center!important;gap:7px!important;text-transform:none!important;letter-spacing:0!important;font-size:10px!important}.checkbox input{width:15px!important;height:15px!important}.field-help{font-size:9px;color:var(--muted);font-weight:500;text-transform:none;letter-spacing:0}.password-wrap{position:relative}.password-wrap input{padding-right:58px!important}.password-toggle{position:absolute;right:5px;top:5px;height:29px;border:0;background:#f1f5fb;color:#52627a;border-radius:6px;font-size:9px;font-weight:750;padding:0 9px}

/* Record detail pages */
.record-hero{min-height:92px;background:linear-gradient(135deg,#fff,#fbfdff);border:1px solid var(--line);border-radius:12px;padding:15px 17px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:var(--shadow);position:relative;overflow:hidden}.record-hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--blue),var(--purple))}.record-hero h2{margin:4px 0;color:var(--navy);font-size:21px;letter-spacing:-.025em}.record-hero p{margin:0;color:var(--muted);font-size:10px}.eyebrow{text-transform:uppercase;letter-spacing:.09em;color:var(--blue);font-size:9px;font-weight:900}.hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.tabs{display:flex;gap:5px;margin:0 0 12px;padding:5px;background:#eef2f8;border-radius:10px;overflow:auto}.tabs button,.tabs a{height:31px;border:0;background:transparent;color:#637188;padding:0 11px;border-radius:7px;font-size:9.5px;font-weight:800;white-space:nowrap}.tabs button.active,.tabs a.active{background:#fff;color:var(--blue);box-shadow:0 2px 8px rgba(18,43,82,.08)}.tab-panel{display:none}.tab-panel.active{display:block;animation:panelIn .22s ease}@keyframes panelIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:9px;overflow:hidden;margin:0}.detail-grid>div{background:#fff;padding:10px 12px;min-height:57px}.detail-grid dt{color:#8995a7;font-size:8.5px;text-transform:uppercase;letter-spacing:.05em;font-weight:850}.detail-grid dd{margin:5px 0 0;color:var(--navy);font-size:11px;font-weight:700;overflow-wrap:anywhere}.detail-grid .wide{grid-column:1/-1}.list-clean{list-style:none;margin:0;padding:0}.list-clean li{min-height:40px;padding:8px 0;border-bottom:1px solid var(--line-2);display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10.5px}.list-clean li:last-child{border-bottom:0}.list-clean span{color:#69778d}.list-clean strong{color:var(--navy)}.timeline{position:relative;padding-left:18px}.timeline:before{content:"";position:absolute;left:4px;top:6px;bottom:6px;width:1px;background:#dfe6f0}.timeline-item{position:relative;padding:0 0 15px 9px}.timeline-item:before{content:"";position:absolute;left:-18px;top:4px;width:9px;height:9px;border-radius:50%;background:var(--blue);border:2px solid #fff;box-shadow:0 0 0 1px #b8c9e7}.timeline-item strong{color:var(--navy);font-size:10.5px}.timeline-item p{margin:4px 0;color:#637188;font-size:10px}.timeline-item small{color:#9aa5b5;font-size:9px}.notice-box{padding:12px 14px;border:1px solid #d6e4fa;background:#f4f8ff;border-radius:10px;margin-bottom:12px;color:#315b93}.notice-box strong{color:var(--navy);font-size:11px}.notice-box p{margin:4px 0 0;font-size:10px;line-height:1.45}.notice-box.danger{background:var(--red-soft);border-color:#ffd4da;color:#b52238}.code-block{padding:12px;border-radius:9px;background:#0c1b38;color:#dfe9ff;font:10px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.readiness-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.readiness-item{padding:11px;border:1px solid var(--line);border-radius:9px;background:#fff}.readiness-item strong{display:block;color:var(--navy);font-size:12px}.readiness-item span{font-size:9px;color:var(--muted)}.progress-wrap{min-width:90px}.progress-label{display:flex;justify-content:space-between;gap:8px;font-size:9px;margin-bottom:5px}.progress{height:6px;background:#e9eef5;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blue),#68a0ff)}

/* Kanban */
.kanban{display:flex;gap:10px;align-items:flex-start;overflow:auto;padding:2px 2px 12px;min-height:calc(100vh - 170px)}.kanban-column{width:250px;min-width:250px;background:#f1f4f9;border:1px solid #e1e7f0;border-radius:11px;padding:9px}.kanban-head{height:34px;display:flex;align-items:center;justify-content:space-between;color:var(--navy);font-size:10px;font-weight:850;padding:0 4px 8px}.kanban-head b{min-width:22px;height:22px;border-radius:11px;background:#fff;color:var(--blue);display:grid;place-items:center;font-size:9px}.kanban-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px;margin-bottom:8px;box-shadow:0 4px 12px rgba(18,43,82,.04);cursor:grab;transition:.16s}.kanban-card:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(18,43,82,.09)}.kanban-card.dragging{opacity:.45;transform:rotate(1deg)}.kanban-card strong{color:var(--navy);font-size:10.5px}.kanban-card p{margin:5px 0;color:#6f7d92;font-size:9.5px}.kanban-card small{display:flex;justify-content:space-between;padding-top:7px;border-top:1px solid var(--line-2);color:#65748b;font-size:8.5px}

/* Reports and special cards */
.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.report-box,.integration-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:14px;box-shadow:var(--shadow)}.report-box h3,.integration-card h3{margin:0 0 6px;color:var(--navy);font-size:12px}.report-box p,.integration-card p{margin:0;color:var(--muted);font-size:10px}.integration-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.chart-bars{height:180px;display:flex;align-items:flex-end;gap:10px;padding:10px 0}.chart-bar{flex:1;min-width:22px;background:linear-gradient(var(--blue),#79a6ff);border-radius:6px 6px 2px 2px;position:relative}.chart-bar span{position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);font-size:8px;color:var(--muted)}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.workflow-strip{display:flex;gap:8px;overflow:auto;padding-bottom:7px}.workflow-step{min-width:155px;border:1px solid var(--line);border-radius:9px;padding:10px;background:#fff}.workflow-step strong{display:block;color:var(--navy);font-size:10px}.workflow-step small{color:var(--muted);font-size:8.5px}.twofa-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.signature-pad canvas{width:100%;height:180px;border:1px dashed #aebbd0;border-radius:9px;background:#fff}.document-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);gap:14px;align-items:start}.document-layout .panel{min-width:0}.document-layout input,.document-layout select,.document-layout textarea{max-width:100%}.doc-toolbar{display:flex;gap:7px;margin-bottom:10px}.document-stage{min-height:520px;background:#edf1f7;border-radius:10px;display:grid;place-items:center;overflow:auto;padding:20px}.document-stage img{max-width:100%;transform-origin:center;transition:.2s}.doc-comment{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.notification-list{display:flex;flex-direction:column;gap:8px}.notification-item{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:9px;background:#fff}.notification-dot{width:8px;height:8px;border-radius:50%;background:var(--blue)}.notification-actions{display:flex;gap:7px}.summary-list{display:flex;flex-direction:column;gap:8px}.summary-list>*{border:1px solid var(--line);border-radius:9px;padding:10px;background:#fff}

/* Empty states and pagination */
.empty-state{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px}.empty-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);margin-bottom:11px}.empty-icon .ui-icon{width:23px;height:23px}.empty-state h3{margin:0;color:var(--navy);font-size:14px}.empty-state p{max-width:420px;margin:6px 0 13px;color:var(--muted);font-size:10px;line-height:1.5}.pagination{display:flex;justify-content:center;gap:5px;margin:14px 0}.pagination a{width:31px;height:31px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#5b6a82;display:grid;place-items:center;font-size:10px;font-weight:750}.pagination a.active{background:var(--blue);border-color:var(--blue);color:#fff}.muted{color:var(--muted);font-size:10px}.mini-empty{min-height:90px;display:grid;place-items:center;color:var(--muted);font-size:10px}

/* Dashboard — exact compact 16:9 composition */
.page-dashboard{overflow:hidden}.page-dashboard .main{height:100vh;min-height:0}.page-dashboard .content{height:calc(100vh - var(--topbar));min-height:0;overflow:hidden;padding:14px 16px 13px}.dash-v5{height:100%;display:grid;grid-template-rows:112px 86px 236px 174px minmax(175px,1fr);gap:12px;min-width:1110px}.dash-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.kpi-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:11px;padding:13px 13px 28px;display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:start;color:var(--text);box-shadow:0 7px 20px rgba(20,45,85,.035);transition:.18s}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 11px 26px rgba(20,45,85,.08)}.kpi-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue)}.kpi-icon .ui-icon{width:21px;height:21px}.kpi-copy{min-width:0;display:flex;flex-direction:column}.kpi-copy small{color:#41506a;font-size:9.5px;font-weight:750;white-space:nowrap}.kpi-copy strong{font-size:20px;color:var(--navy);font-weight:900;margin-top:3px}.kpi-copy em{font-style:normal;color:var(--green);font-size:9px;font-weight:850;margin-top:3px;white-space:nowrap}.kpi-copy em.negative{color:var(--red)}.kpi-copy em b{font-weight:600;color:#7e8a9d;margin-left:4px}.kpi-spark{position:absolute;left:10px;right:10px;bottom:8px;width:calc(100% - 20px);height:23px}.kpi-spark polyline{fill:none;stroke:var(--blue);stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.tone-green .kpi-icon{background:var(--green-soft);color:var(--green)}.tone-green .kpi-spark polyline{stroke:var(--green)}.tone-orange .kpi-icon{background:var(--orange-soft);color:var(--orange)}.tone-orange .kpi-spark polyline{stroke:var(--orange)}.tone-purple .kpi-icon{background:var(--purple-soft);color:var(--purple)}.tone-purple .kpi-spark polyline{stroke:var(--purple)}.tone-teal .kpi-icon{background:var(--teal-soft);color:var(--teal)}.tone-teal .kpi-spark polyline{stroke:var(--teal)}.tone-red .kpi-icon{background:var(--red-soft);color:var(--red)}.tone-red .kpi-spark polyline{stroke:var(--red)}
.dash-finance-kpis{display:grid;grid-template-columns:1.08fr 1fr 1fr 1fr 1fr;gap:12px}.finance-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px 13px;display:flex;align-items:center;gap:11px;color:inherit;box-shadow:0 7px 20px rgba(20,45,85,.03);transition:.17s}.finance-card:hover{transform:translateY(-1px);border-color:#cfdae9}.finance-card>span{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;background:var(--red-soft);color:var(--red)}.finance-card>span .ui-icon{width:18px}.finance-card>div{min-width:0}.finance-card small{display:block;color:#647087;font-size:8.5px;text-transform:uppercase;font-weight:850;white-space:nowrap}.finance-card strong{display:block;color:var(--navy);font-size:17px;line-height:1.1;font-weight:900;margin:4px 0}.finance-card p{margin:0;color:#8793a5;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-card.tone-orange>span{background:var(--orange-soft);color:var(--orange)}.finance-card.tone-green>span{background:var(--green-soft);color:var(--green)}.finance-card.tone-blue>span{background:var(--blue-soft);color:var(--blue)}
.dash-row{display:grid;gap:12px;min-height:0}.dash-row-main{grid-template-columns:minmax(0,2.23fr) minmax(315px,1fr)}.dash-row-middle{grid-template-columns:1.02fr 1.16fr 1.08fr}.dash-row-bottom{grid-template-columns:.98fr 1.18fr 1fr 1.18fr}.dashboard-card{background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 8px 23px rgba(20,45,85,.035);padding:13px 14px;min-width:0;min-height:0;overflow:hidden}.dashboard-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.dashboard-card-head h2{margin:0;color:var(--navy);font-size:13px;font-weight:900;line-height:1.15}.dashboard-card-head p{margin:4px 0 0;color:#758198;font-size:8.5px}.inline-live{padding:3px 6px;font-size:8px;margin-left:6px;vertical-align:2px}.inline-live i{width:5px;height:5px}.card-head-actions{display:flex;gap:8px}.dashboard-card-head button,.card-head-actions a{height:30px;border:1px solid var(--line);border-radius:7px;background:#f7f9fd;color:#41516b;padding:0 10px;font-size:8.5px;font-weight:800;display:flex;align-items:center;gap:5px}.dashboard-card-head button .ui-icon{width:11px}.card-head-actions a{background:var(--blue-soft);color:var(--blue);border-color:#e0eafe}.text-link{font-size:8.5px;font-weight:850;color:var(--blue);padding-top:2px}
.pipeline-card{padding-bottom:0}.pipeline-stages{height:59px;margin-top:10px;display:grid;grid-template-columns:repeat(8,1fr)}.pipeline-stages>div{border-right:1px solid var(--line-2);text-align:center;padding:2px 5px}.pipeline-stages>div:last-child{border:0}.pipeline-stages span{display:block;color:#66738a;font-size:7.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pipeline-stages strong{display:block;color:var(--navy);font-size:17px;font-weight:900;margin-top:8px}.pipeline-chart{height:120px;margin:0 -1px}.pipeline-chart svg{width:100%;height:100%;display:block}.action-card{padding-bottom:10px}.action-list{display:flex;flex-direction:column;gap:7px;margin-top:10px}.action-list>a{min-height:39px;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:29px minmax(0,1fr) 49px;gap:9px;align-items:center;padding:5px 7px;color:inherit}.action-list>a:hover{background:#fafcff}.action-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center}.action-icon .ui-icon{width:14px}.action-icon.blue{background:var(--blue-soft);color:var(--blue)}.action-icon.orange{background:var(--orange-soft);color:var(--orange)}.action-list div{min-width:0}.action-list strong{display:block;color:var(--navy);font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-list small{display:block;color:#7d899c;font-size:7.7px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-list b{height:25px;border-radius:12px;display:grid;place-items:center;font-size:7.5px}.action-list b.red{background:var(--red-soft);color:var(--red)}.action-list b.orange{background:#fff4df;color:#a56d0d}.action-list b.blue{background:var(--blue-soft);color:var(--blue)}
.intake-chart{height:123px;margin-top:6px;display:grid;grid-template-columns:27px 1fr;gap:4px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;color:#7e8a9d;font-size:7px;padding:3px 0 17px;text-align:right}.chart-area{min-width:0;position:relative;border-bottom:1px solid var(--line-2);background:repeating-linear-gradient(to bottom,transparent 0,transparent 20px,#f1f4f8 21px)}.chart-area svg{width:100%;height:100px;display:block}.chart-months{height:17px;display:grid;grid-template-columns:repeat(6,1fr);align-items:end;color:#6c788d;font-size:7px;text-align:center}.performance-card{padding-bottom:11px}.performance-grid{height:126px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:9px}.performance-grid>div{border:1px solid var(--line);border-radius:8px;padding:10px 10px 4px;min-width:0;overflow:hidden}.performance-grid small{display:block;color:#68758b;font-size:8px;font-weight:750}.performance-grid strong{display:block;color:var(--navy);font-size:16px;margin:6px 0 4px;white-space:nowrap}.performance-grid em{font-style:normal;color:var(--green);font-size:7.5px;font-weight:850;white-space:nowrap}.performance-grid em b{font-weight:500;color:#7d899b;margin-left:3px}.performance-grid svg{width:100%;height:26px;margin-top:8px}.performance-grid polyline{fill:none;stroke:var(--blue);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.performance-grid .green polyline{stroke:var(--green)}.performance-grid .purple polyline{stroke:var(--purple)}.recent-empty{height:125px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.recent-empty>span{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);margin-bottom:8px}.recent-empty>span .ui-icon{width:21px}.recent-empty strong{color:var(--navy);font-size:10.5px}.recent-empty p{margin:5px 0 0;color:#7c889b;font-size:8px}.recent-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.recent-list a{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;border:1px solid var(--line-2);border-radius:8px;padding:6px;color:inherit}.recent-list>a>span{width:27px;height:27px;border-radius:7px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}.recent-list .ui-icon{width:13px}.recent-list strong{display:block;font-size:9px;color:var(--navy)}.recent-list small{display:block;font-size:7.5px;color:var(--muted)}.recent-list b{font-size:7px;color:var(--green);background:var(--green-soft);border-radius:7px;padding:4px 6px}
.agents-card,.deployment-card,.document-card,.quick-card{padding-top:12px}.agent-rank-list{display:flex;flex-direction:column;gap:7px;margin-top:10px}.agent-rank-list a{display:grid;grid-template-columns:26px minmax(70px,1fr) 65px 65px 32px;align-items:center;gap:7px;color:inherit}.rank-avatar,.table-avatar{border-radius:50%;background:linear-gradient(145deg,#0a204d,#2f5e9d);color:#fff;display:inline-grid;place-items:center;font-weight:850}.rank-avatar{width:25px;height:25px;font-size:8px}.agent-rank-list strong{font-size:8.5px;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-rank-list small{font-size:7px;color:var(--muted);white-space:nowrap}.agent-rank-list i{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--blue) var(--rank),#e9eef6 var(--rank))}.agent-rank-list b{font-size:7.5px;color:var(--green)}.deployment-card table{width:100%;border-collapse:collapse;margin-top:8px;table-layout:fixed}.deployment-card th{text-align:left;color:#7e8a9d;font-size:6.8px;font-weight:750;padding:0 4px 5px}.deployment-card td{border-top:1px solid var(--line-2);padding:7px 4px;color:#45546c;font-size:7.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deployment-card th:first-child,.deployment-card td:first-child{width:22%}.deployment-card th:nth-child(2),.deployment-card td:nth-child(2){width:19%}.deployment-card th:nth-child(3),.deployment-card td:nth-child(3){width:24%}.table-avatar{width:20px;height:20px;font-size:7px;margin-right:5px;vertical-align:middle}.status-deployed{padding:4px 6px;border-radius:6px;background:var(--green-soft);color:var(--green);font-size:6.8px;font-weight:850}.document-summary{height:129px;display:grid;grid-template-columns:118px 1fr;align-items:center;gap:9px}.document-donut{width:104px;height:104px;border-radius:50%;background:conic-gradient(var(--green) calc(var(--valid)*1%),var(--orange) 0 78%,var(--red) 0 89%,#cbd3df 0);display:grid;place-items:center}.document-donut:before{content:"";position:absolute}.document-donut>div{width:72px;height:72px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.document-donut strong{color:var(--navy);font-size:17px}.document-donut span{color:var(--muted);font-size:6.5px}.document-summary ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.document-summary li{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:6px;font-size:7.5px;color:#56657c}.document-summary li i{width:7px;height:7px;border-radius:1px}.document-summary li i.valid{background:var(--green)}.document-summary li i.soon{background:var(--orange)}.document-summary li i.expired{background:var(--red)}.document-summary li i.missing{background:#cbd3df}.document-summary li strong{font-size:7px;color:var(--navy)}.quick-grid{height:129px;margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-grid a{border:1px solid var(--line);border-radius:8px;padding:8px;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:7px;color:var(--navy);font-size:7.5px;font-weight:750;line-height:1.25}.quick-grid a:hover{background:#fbfcff;border-color:#cbd7e9}.quick-grid span{width:27px;height:27px;border-radius:8px;display:grid;place-items:center}.quick-grid span .ui-icon{width:14px}.quick-grid .blue{background:var(--blue-soft);color:var(--blue)}.quick-grid .orange{background:var(--orange-soft);color:var(--orange)}.quick-grid .red{background:var(--red-soft);color:var(--red)}.quick-grid .green{background:var(--green-soft);color:var(--green)}.quick-grid .purple{background:var(--purple-soft);color:var(--purple)}

/* Modals and chat */
.modal,.confirm-modal{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:18px}.modal-backdrop{position:absolute;inset:0;background:rgba(4,15,39,.38);backdrop-filter:blur(4px);animation:fadeIn .18s ease}.modal-card,.confirm-card{position:relative;z-index:1;width:min(720px,96vw);max-height:90vh;overflow:auto;background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.8);border-radius:14px;box-shadow:var(--shadow-lg);padding:20px;animation:modalIn .22s cubic-bezier(.2,.8,.2,1)}.modal-close{position:absolute;right:12px;top:12px;width:31px;height:31px;border:1px solid var(--line);background:#fff;border-radius:8px;color:#6b788d;display:grid;place-items:center}.modal-close .ui-icon{width:14px}.confirm-card{width:min(390px,94vw);text-align:center;padding:26px}.confirm-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--red-soft);color:var(--red);margin:0 auto 11px}.confirm-card h3{margin:0;color:var(--navy);font-size:16px}.confirm-card p{margin:7px 0 18px;color:var(--muted);font-size:10.5px}.confirm-card>div{display:flex;justify-content:center;gap:8px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes modalIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.chat-fab{position:fixed;right:18px;bottom:18px;width:50px;height:50px;border:0;border-radius:50%;background:linear-gradient(145deg,#155cff,#305ee8);color:#fff;box-shadow:0 14px 30px rgba(31,96,255,.3);z-index:90;display:grid;place-items:center}.chat-fab .ui-icon{width:21px}.chat-fab>i{position:absolute;right:1px;bottom:1px;width:11px;height:11px;border-radius:50%;background:#16bd72;border:2px solid #fff}.chat-fab b{position:absolute;right:-5px;top:-6px;min-width:20px;height:20px;padding:0 4px;border-radius:10px;background:var(--red);color:#fff;font-size:9px;display:grid;place-items:center;border:2px solid #fff}.chat-drawer{position:fixed;right:18px;bottom:79px;width:350px;height:min(560px,calc(100vh - 105px));background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow-lg);z-index:100;overflow:hidden;animation:chatOpen .23s cubic-bezier(.2,.8,.2,1);display:grid;grid-template-rows:58px auto auto 1fr auto}.chat-drawer header{display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:linear-gradient(135deg,var(--navy),#123b7b);color:#fff}.chat-drawer header>div{display:flex;flex-direction:column}.chat-drawer header strong{font-size:13px}.chat-drawer header span{font-size:8.5px;opacity:.7;margin-top:2px}.chat-drawer header button{width:30px;height:30px;border:0;background:rgba(255,255,255,.1);color:#fff;border-radius:7px;display:grid;place-items:center}.chat-recipient{padding:10px 12px 6px}.chat-recipient label{display:block;color:#69768b;font-size:8px;text-transform:uppercase;font-weight:850;margin-bottom:5px}.chat-recipient select{width:100%;height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 9px;font-size:10px}.chat-status{padding:5px 12px 8px;color:#8894a6;font-size:8.5px}.chat-messages{overflow:auto;padding:10px 12px;background:#f6f8fc;display:flex;flex-direction:column;gap:8px}.chat-bubble{max-width:82%;padding:8px 10px;border-radius:11px;background:#fff;border:1px solid var(--line);align-self:flex-start}.chat-bubble.mine{align-self:flex-end;background:var(--blue);color:#fff;border-color:var(--blue)}.chat-bubble p{margin:0;font-size:10px;line-height:1.45}.chat-bubble small{display:block;margin-top:4px;font-size:7px;opacity:.65;text-align:right}.chat-empty{margin:auto;color:var(--muted);font-size:10px}.chat-compose{padding:10px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 62px;gap:7px;background:#fff}.chat-compose textarea{height:38px;min-height:38px;max-height:90px;border:1px solid var(--line);border-radius:8px;padding:9px;resize:none;font-size:10px}.chat-compose button{border:0;border-radius:8px;background:var(--blue);color:#fff;font-size:9px;font-weight:800}@keyframes chatOpen{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}

/* Login */
.login-page{min-height:100vh;background:#06142f;color:#10224a;overflow:hidden}.login-shell{min-height:100vh;position:relative;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 18% 18%,rgba(42,112,255,.22),transparent 28%),radial-gradient(circle at 82% 12%,rgba(30,197,181,.15),transparent 26%),linear-gradient(135deg,#06142f 0%,#0a2354 48%,#071735 100%)}.premium-login-shell:before,.premium-login-shell:after{content:"";position:absolute;inset:auto;pointer-events:none}.premium-login-shell:before{width:720px;height:720px;left:-260px;bottom:-330px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 90px rgba(35,111,255,.2);animation:loginPulse 8s ease-in-out infinite}.premium-login-shell:after{width:560px;height:560px;right:-180px;top:-210px;border-radius:50%;background:linear-gradient(145deg,rgba(40,116,255,.28),rgba(34,197,181,.1));filter:blur(1px);animation:loginFloat 10s ease-in-out infinite}.login-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none}.login-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at center,black 0%,transparent 74%);animation:gridDrift 18s linear infinite}.login-scan{position:absolute;left:-20%;right:-20%;top:16%;height:1px;background:linear-gradient(90deg,transparent,rgba(122,175,255,.9),transparent);box-shadow:0 0 26px rgba(88,145,255,.65);animation:scanLine 5.5s ease-in-out infinite}.login-wave{position:absolute;display:block;border:1px solid rgba(180,210,255,.16);border-radius:50%;transform:rotate(-12deg)}.wave-one{width:920px;height:260px;left:50%;top:50%;margin-left:-460px;margin-top:-130px;animation:waveMove 9s ease-in-out infinite}.wave-two{width:760px;height:210px;left:50%;top:50%;margin-left:-380px;margin-top:-105px;animation:waveMove 11s ease-in-out infinite reverse}.wave-three{width:1120px;height:330px;left:50%;top:50%;margin-left:-560px;margin-top:-165px;opacity:.55;animation:waveMove 13s ease-in-out infinite}.login-secure-stage{position:relative;z-index:2;width:min(520px,100%);display:grid;gap:20px;justify-items:center}.login-brand-mark{width:250px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.72);border-radius:14px;padding:12px 18px;box-shadow:0 22px 70px rgba(0,0,0,.28)}.login-logo{display:block;width:100%;height:auto;filter:none}.login-card{width:100%;background:rgba(255,255,255,.96);border:1px solid rgba(218,227,244,.95);border-radius:20px;box-shadow:0 35px 100px rgba(0,0,0,.28);padding:36px 38px;backdrop-filter:blur(18px)}.premium-login-card{position:relative;overflow:hidden}.premium-login-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#1d6fff,#1ec5b5,#1d6fff);background-size:220% 100%;animation:secureBar 4s linear infinite}.mobile-brand{display:none}.eyebrow.dark{display:inline-flex;align-items:center;gap:7px;margin-bottom:12px;color:#1f6fff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.eyebrow.dark:before{content:"";width:8px;height:8px;border-radius:50%;background:#19c37d;box-shadow:0 0 0 6px rgba(25,195,125,.12)}.login-card h2{margin:0 0 6px;color:#071b46;font-size:30px;line-height:1.1;letter-spacing:0;font-weight:900}.login-card .muted{margin:0 0 24px;color:#71809b;font-size:14px}.premium-login-form{gap:16px}.premium-login-form label{font-size:11px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#66758f}.premium-login-form input{margin-top:8px;height:54px;border-radius:13px;border:1px solid #dbe5f5;background:#fff;font-size:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.premium-login-form input:focus{border-color:#1f6fff;box-shadow:0 0 0 4px rgba(31,111,255,.12)}.password-wrap{margin-top:8px}.password-wrap input{margin-top:0;padding-right:70px}.password-toggle{height:42px;right:6px;border-radius:10px;background:#f3f7ff;color:#1f6fff;border:1px solid #dbe7ff;font-size:11px;font-weight:900}.premium-login-form .login-submit{width:min(260px,100%)!important;height:54px;margin:4px auto 0;display:flex;align-items:center;justify-content:center;border-radius:14px;font-size:14px;box-shadow:0 18px 42px rgba(31,111,255,.32)}.login-status-lines{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:22px}.login-status-lines span{height:3px;border-radius:999px;background:linear-gradient(90deg,rgba(31,111,255,.12),rgba(31,111,255,.75),rgba(30,197,181,.18));background-size:220% 100%;animation:statusFlow 2.4s linear infinite}.login-status-lines span:nth-child(2){animation-delay:.35s}.login-status-lines span:nth-child(3){animation-delay:.7s}.login-note{margin-top:16px;padding:10px;border-radius:8px;background:#f7f9fd;color:var(--muted);font-size:9px}
@keyframes loginPulse{0%,100%{transform:scale(1);opacity:.66}50%{transform:scale(1.08);opacity:1}}@keyframes loginFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-22px,28px,0)}}@keyframes gridDrift{from{background-position:0 0,0 0}to{background-position:84px 42px,84px 42px}}@keyframes scanLine{0%,100%{transform:translateY(0);opacity:.1}45%,55%{opacity:.85}50%{transform:translateY(430px)}}@keyframes waveMove{0%,100%{transform:rotate(-12deg) scale(1);opacity:.45}50%{transform:rotate(-8deg) scale(1.06);opacity:.82}}@keyframes secureBar{from{background-position:0 0}to{background-position:220% 0}}@keyframes statusFlow{from{background-position:0 0}to{background-position:220% 0}}


/* Print dossier */
.dossier{color:#1c2f4f}.dossier .data-table{min-width:0}.no-print{display:block}@media print{.no-print,.sidebar,.topbar,.footer,.chat-fab,.chat-drawer{display:none!important}.main{margin:0!important}.content{padding:0!important}.panel,.record-hero{box-shadow:none!important}.dossier{padding:0!important}}

/* Responsive */
@media(max-width:1450px){:root{--sidebar:220px}.top-title{min-width:250px}.top-action span{display:none}.top-action{width:38px;padding:0;justify-content:center}.profile-trigger{min-width:148px}.dash-v5{min-width:1040px}.dash-row-bottom{grid-template-columns:1fr 1.1fr 1fr 1.1fr}.kpi-card{padding-left:10px;padding-right:10px}.kpi-icon{width:37px;height:37px}.kpi-copy strong{font-size:18px}.finance-card{padding-left:10px;padding-right:10px}.performance-grid strong{font-size:13px}.quick-grid a{grid-template-columns:24px minmax(0,1fr);gap:4px;padding:5px;font-size:6.5px;min-width:0;overflow:hidden;overflow-wrap:anywhere}.quick-grid span{width:24px;height:24px}.quick-grid span .ui-icon{width:12px}}
@media(max-width:1180px){.sidebar{transform:translateX(-101%);transition:.25s}.sidebar.open{transform:none;box-shadow:20px 0 50px rgba(7,27,70,.18)}.main{margin-left:0}.menu-toggle{display:grid}.nav-progress{left:0}.top-title{min-width:210px}.page-dashboard{overflow:auto}.page-dashboard .main{height:auto}.page-dashboard .content{height:auto;overflow:auto}.dash-v5{height:auto;min-width:0;grid-template-rows:none}.dash-kpis{grid-template-columns:repeat(3,1fr)}.dash-finance-kpis{grid-template-columns:repeat(3,1fr)}.dash-row-main,.dash-row-middle,.dash-row-bottom{grid-template-columns:1fr}.dashboard-card{min-height:210px}.stats-grid,.stats-grid.compact{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.topbar{padding:0 10px;gap:8px}.top-title{min-width:0;flex:1}.top-title h1{font-size:16px}.top-title p{display:none}.global-search{position:absolute;top:64px;left:10px;right:10px;max-width:none;display:none}.topbar.search-open .global-search{display:flex}.profile-trigger{min-width:42px;width:42px;padding:0}.profile-trigger>span:nth-child(2),.profile-trigger>.ui-icon{display:none}.top-actions{gap:5px}.top-action{width:35px;height:35px}.content{padding:12px}.dash-kpis,.dash-finance-kpis{grid-template-columns:1fr 1fr}.dash-v5{gap:10px}.page-actions{align-items:stretch;flex-direction:column}.filter-form,.search-form{display:grid;grid-template-columns:1fr}.filter-form input,.filter-form select,.search-form input,.search-form select{width:100%;min-width:0!important}.dashboard-grid,.dashboard-grid.equal,.dashboard-grid.three,.report-grid,.integration-cards,.twofa-grid,.document-layout{grid-template-columns:1fr}.stats-grid,.stats-grid.compact{grid-template-columns:1fr 1fr}.form-grid,.form-grid.cols-2,.form-grid.cols-3,.form-grid.cols-4{grid-template-columns:1fr}.span-2,.span-3,.span-4,.wide{grid-column:1}.record-hero{align-items:flex-start;flex-direction:column}.hero-actions{justify-content:flex-start}.detail-grid{grid-template-columns:1fr}.detail-grid .wide{grid-column:1}.readiness-grid,.permission-grid{grid-template-columns:1fr 1fr}.chat-drawer{right:8px;bottom:70px;width:calc(100vw - 16px)}.chat-fab{right:12px;bottom:12px}.login-shell{grid-template-columns:1fr}.login-visual{display:none}.login-form-wrap{padding:20px}.mobile-brand{display:block}.mobile-brand img{width:210px;margin-bottom:20px}.login-card{padding:25px}.footer{display:none}}
@media(max-height:850px) and (min-width:1181px){.page-dashboard .content{padding-top:10px;padding-bottom:10px}.dash-v5{grid-template-rows:100px 76px 205px 150px minmax(150px,1fr);gap:9px}.kpi-card{padding-top:10px}.finance-card{padding-top:9px;padding-bottom:9px}.pipeline-stages{height:49px}.pipeline-chart{height:98px}.action-list{gap:5px}.action-list>a{min-height:34px}.intake-chart{height:100px}.chart-area svg{height:78px}.performance-grid{height:106px}.recent-empty{height:104px}.document-summary,.quick-grid{height:108px}.document-donut{width:88px;height:88px}.document-donut>div{width:61px;height:61px}.agent-rank-list{gap:5px}.deployment-card td{padding-top:5px;padding-bottom:5px}}

@media(max-height:800px) and (min-width:1181px){.page-dashboard .content{padding-top:8px;padding-bottom:8px}.dash-v5{grid-template-rows:88px 62px 168px 122px minmax(116px,1fr);gap:7px}.kpi-card{padding:8px 9px}.kpi-icon{width:34px;height:34px}.kpi-copy strong{font-size:17px}.kpi-trend{bottom:5px;height:20px}.finance-card{padding:7px 10px}.finance-icon{width:33px;height:33px}.finance-copy strong{font-size:16px}.dashboard-card{padding:10px 12px}.dashboard-card-head{margin-bottom:4px}.pipeline-stages{height:42px}.pipeline-chart{height:78px}.pipeline-chart svg{height:78px}.action-list{gap:4px}.action-list>a{min-height:28px;padding:4px 8px}.intake-chart{height:82px}.intake-chart svg{height:70px}.performance-grid{height:84px}.performance-mini{padding:8px}.recent-empty{height:81px}.document-summary,.quick-grid{height:86px}.document-donut{width:74px;height:74px}.document-donut>div{width:51px;height:51px}.document-donut strong{font-size:17px}.agent-rank-list{gap:3px}.agent-rank{min-height:24px}.deployment-card td{padding-top:3px;padding-bottom:3px}.quick-action{min-height:37px;padding:5px}.quick-action .quick-icon{width:28px;height:28px}}

/* ======================================================================
   TAKI CRM v6.0 — reference-accurate compact interface
   ====================================================================== */
:root{
  --sidebar:240px;
  --topbar:62px;
  --navy:#081d47;
  --navy-2:#102a5a;
  --blue:#1769ff;
  --blue-soft:#edf4ff;
  --green:#0fad66;
  --green-soft:#eaf9f1;
  --orange:#ff7a18;
  --orange-soft:#fff3e9;
  --red:#ef233c;
  --red-soft:#fff0f2;
  --purple:#7436f3;
  --purple-soft:#f2edff;
  --teal:#12a86f;
  --teal-soft:#eaf9f3;
  --ink:#081d47;
  --text:#293a58;
  --muted:#748198;
  --bg:#f7f9fd;
  --card:#fff;
  --line:#dfe6f0;
  --line-2:#edf1f6;
  --shadow:0 8px 24px rgba(20,45,85,.045);
  --shadow-lg:0 24px 64px rgba(8,29,71,.16);
  --radius:11px;
  --radius-sm:8px;
}
html,body{font-family:"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);font-size:12px;letter-spacing:0}
body{min-width:320px}
.ui-icon{stroke-width:1.85}

/* exact shell proportions */
.sidebar{width:240px;background:rgba(255,255,255,.985);border-right:1px solid #dfe6f0;box-shadow:none}
.brand{height:62px;padding:8px 17px;border-bottom:1px solid var(--line)}
.brand img{width:181px;max-height:47px;object-fit:contain;object-position:left center}
.module-tabs{height:56px;padding:0 12px;grid-template-columns:1fr 1fr}
.module-tabs span{padding:0 10px;font-size:9.5px;line-height:1.15;font-weight:650}
.module-tabs span.active{font-weight:850;border-bottom-width:2px}
.nav{padding:8px 11px 8px}
.nav>a{height:34px;padding:0 9px;gap:9px;margin:0 0 1px;border-radius:8px;font-size:11px;font-weight:650}
.nav>a:hover{transform:none;background:#f5f8fd}
.nav>a.active{background:linear-gradient(90deg,#edf3ff 0%,#f2f6ff 100%);box-shadow:inset 2px 0 #1769ff;color:#1769ff}
.nav-icon{width:24px;height:24px;flex-basis:24px;border-radius:7px;background:#f2f5fa;color:#29456f}
.nav-icon .ui-icon{width:15px;height:15px}
.nav-section{margin:11px 9px 5px;font-size:8.5px;letter-spacing:.09em;color:#98a5b8}
.nav-badge{min-width:19px;height:19px;font-size:8px;border:2px solid #fff;right:7px}
.sidebar-footer{height:158px;min-height:158px;padding:13px 14px 15px;background:#fff;border-top:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-start}
.user-mini{min-height:55px;gap:9px}
.avatar{width:36px;height:36px;flex-basis:36px;font-size:12px}
.user-mini strong{font-size:11px;line-height:1.2}
.user-mini span,.user-mini small{font-size:8.5px}
.logout-link{height:38px;margin-top:10px;border-radius:8px;font-size:11px;background:#fff}
.main{margin-left:240px}
.topbar{height:62px;min-height:62px;padding:0 17px;gap:0;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:none}
.top-title{flex:0 0 383px;min-width:383px;max-width:383px}
.title-row{gap:11px}
.top-title h1{font-size:19px;line-height:1.05;font-weight:800;letter-spacing:-.025em}
.top-title p{font-size:8.7px;margin-top:3px}
.live-pill{padding:5px 9px;font-size:9px;border-radius:7px}
.global-search{flex:0 0 404px;width:404px;min-width:404px;max-width:404px;height:36px;border-color:#dfe6f0;background:#f8fafe;border-radius:8px;padding:0 11px;margin:0}
.global-search input{font-size:10.5px;padding:0 9px}
.global-search kbd{font-size:9px}
.top-actions{margin-left:auto;gap:9px}
.top-action{height:37px;border-radius:8px;padding:0 12px;font-size:10.5px;font-weight:700;box-shadow:none}
.top-action .ui-icon{width:15px;height:15px}
.top-action b{top:-7px;right:-6px;min-width:18px;height:18px;font-size:8px}
.profile-trigger{height:47px;min-width:180px;grid-template-columns:35px 1fr 14px;gap:9px;padding:0 1px 0 7px}
.profile-avatar{width:35px;height:35px;overflow:hidden;background:#eaf0fb;border:1px solid #dce5f1}
.profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.profile-trigger strong{font-size:10.5px;font-weight:800}
.profile-trigger small{font-size:8.4px}
.profile-menu{top:53px;width:226px;max-height:calc(100vh - 72px);overflow:auto;padding:7px;border-radius:11px}
.profile-menu a{height:34px;font-size:10.5px}
.profile-menu-label{padding:9px 10px 5px;color:#98a4b6;font-size:8px;text-transform:uppercase;letter-spacing:.09em;font-weight:850;border-top:1px solid var(--line-2);margin-top:3px}
.content{padding:18px 20px 24px}
.footer{height:40px;padding:0 20px;font-size:8.5px}

/* dashboard exact viewport fit: 1672 x 941 reference */
.page-dashboard{overflow:hidden}
.page-dashboard .main{height:100vh;min-height:0}
.page-dashboard .content{height:calc(100vh - 62px);min-height:0;overflow:hidden;padding:16px 22px 0}
.dash-v6{height:100%;min-width:1120px;display:grid;grid-template-rows:115px 84px 234px 174px 185px;gap:12px;align-content:start}
.dash-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.kpi-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px 13px 29px;display:grid;grid-template-columns:45px minmax(0,1fr);gap:10px;align-items:start;color:inherit;box-shadow:0 7px 22px rgba(18,43,82,.035);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.kpi-card:hover{transform:translateY(-1px);border-color:#ced9e8;box-shadow:0 11px 28px rgba(18,43,82,.075)}
.kpi-icon{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue)}
.kpi-icon .ui-icon{width:22px;height:22px}
.kpi-copy{display:flex;flex-direction:column;min-width:0;padding-top:1px}
.kpi-copy small{font-size:9.2px;line-height:1.2;font-weight:700;color:#3e4d68;white-space:nowrap}
.kpi-copy strong{font-size:20px;line-height:1.05;font-weight:850;color:var(--navy);margin-top:3px}
.kpi-copy em{font-style:normal;font-size:8.6px;line-height:1.2;font-weight:850;color:var(--green);margin-top:5px;white-space:nowrap}
.kpi-copy em.negative{color:var(--red)}
.kpi-copy em b{font-weight:500;color:#78859a;margin-left:4px}
.kpi-spark{position:absolute;left:10px;right:10px;bottom:8px;width:calc(100% - 20px);height:24px;overflow:visible}
.kpi-spark path{fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tone-green .kpi-icon{background:var(--green-soft);color:var(--green)}.tone-green .kpi-spark path{stroke:var(--green)}
.tone-orange .kpi-icon{background:var(--orange-soft);color:var(--orange)}.tone-orange .kpi-spark path{stroke:var(--orange)}
.tone-purple .kpi-icon{background:var(--purple-soft);color:var(--purple)}.tone-purple .kpi-spark path{stroke:var(--purple)}
.tone-teal .kpi-icon{background:var(--teal-soft);color:var(--teal)}.tone-teal .kpi-spark path{stroke:var(--teal)}
.tone-red .kpi-icon{background:var(--red-soft);color:var(--red)}.tone-red .kpi-spark path{stroke:var(--red)}
.dash-finance-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.finance-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px 13px;display:flex;align-items:center;gap:11px;color:inherit;box-shadow:0 7px 20px rgba(18,43,82,.03);transition:transform .18s,border-color .18s}
.finance-card:hover{transform:translateY(-1px);border-color:#cfdae9}
.finance-card>span{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;background:var(--red-soft);color:var(--red)}
.finance-card>span .ui-icon{width:19px;height:19px}
.finance-card>div{min-width:0}
.finance-card small{display:block;font-size:8.2px;line-height:1.1;text-transform:uppercase;font-weight:800;color:#66738a;white-space:nowrap}
.finance-card strong{display:block;font-size:17px;line-height:1.05;font-weight:850;color:var(--navy);margin:5px 0 4px;white-space:nowrap}
.finance-card p{margin:0;font-size:8.2px;color:#8591a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.finance-card.tone-orange>span{background:var(--orange-soft);color:var(--orange)}
.finance-card.tone-green>span{background:var(--green-soft);color:var(--green)}
.finance-card.tone-blue>span{background:var(--blue-soft);color:var(--blue)}
.dash-row{display:grid;gap:12px;min-height:0}
.dash-row-main{grid-template-columns:minmax(0,2.03fr) minmax(360px,1fr)}
.dash-row-middle{grid-template-columns:.90fr 1.08fr 1fr}
.dash-row-bottom{grid-template-columns:1fr 1fr .86fr 1.24fr}
.dashboard-card{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 7px 22px rgba(18,43,82,.03);padding:13px 14px;min-width:0;min-height:0;overflow:hidden}
.dashboard-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-height:28px}
.dashboard-card-head h2{margin:0;color:var(--navy);font-size:12.5px;line-height:1.15;font-weight:850;letter-spacing:-.01em}
.dashboard-card-head p{margin:4px 0 0;color:#748198;font-size:8.2px;line-height:1.2}
.inline-live{padding:3px 6px;font-size:7.8px;margin-left:6px;vertical-align:2px}
.inline-live i{width:5px;height:5px}
.dashboard-card-head button,.card-head-actions a{height:29px;border:1px solid var(--line);border-radius:7px;background:#f7f9fd;color:#40516c;padding:0 10px;font-size:8.2px;font-weight:750;display:flex;align-items:center;gap:5px}
.dashboard-card-head button .ui-icon{width:10px;height:10px}
.card-head-actions{display:flex;gap:8px}
.card-head-actions a{background:var(--blue-soft);color:var(--blue);border-color:#dfe9fd}
.text-link{font-size:8.3px;font-weight:850;padding-top:2px}
.pipeline-card{padding-bottom:0}
.pipeline-stages{height:60px;margin-top:10px;display:grid;grid-template-columns:repeat(8,1fr)}
.pipeline-stages>div{border-right:1px solid var(--line-2);text-align:center;padding:2px 5px}
.pipeline-stages>div:last-child{border-right:0}
.pipeline-stages span{display:block;font-size:7.3px;line-height:1.1;font-weight:650;color:#657289;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pipeline-stages strong{display:block;font-size:17px;line-height:1;font-weight:850;color:var(--navy);margin-top:9px}
.pipeline-chart{height:120px;margin:0 -1px}
.pipeline-chart svg{width:100%;height:100%;display:block}
.action-card{padding:13px 12px 10px}
.action-list{display:flex;flex-direction:column;gap:7px;margin-top:9px}
.action-list>a{height:39px;min-height:39px;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:29px minmax(0,1fr) 49px;gap:9px;align-items:center;padding:5px 7px;color:inherit;background:#fff}
.action-list>a:hover{background:#fafcff;border-color:#d5dfec}
.action-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center}
.action-icon .ui-icon{width:14px;height:14px}
.action-list strong{font-size:9.3px;line-height:1.15;font-weight:800;color:var(--navy)}
.action-list small{font-size:7.5px;line-height:1.15;color:#7d899c;margin-top:2px}
.action-list b{height:24px;border-radius:12px;font-size:7.4px}
.intake-chart{height:121px;margin-top:5px;display:grid;grid-template-columns:27px 1fr;gap:4px}
.chart-y{font-size:6.8px;padding:3px 0 16px}
.chart-area{background:repeating-linear-gradient(to bottom,transparent 0,transparent 19px,#f0f4f8 20px);border-bottom:1px solid var(--line-2)}
.chart-area svg{height:99px}
.chart-months{height:17px;font-size:6.9px}
.performance-card{padding-bottom:10px}
.performance-grid{height:124px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.performance-grid>div{border:1px solid var(--line);border-radius:8px;padding:10px 9px 4px;overflow:hidden}
.performance-grid small{font-size:7.7px;font-weight:700;color:#68758b}
.performance-grid strong{font-size:16px;line-height:1.05;font-weight:850;margin:6px 0 5px}
.performance-grid em{font-size:7.2px}
.performance-grid svg{height:25px;margin-top:7px}
.performance-grid path{fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.performance-grid .green path{stroke:var(--green)}.performance-grid .purple path{stroke:var(--purple)}
.recent-empty{height:123px}
.recent-empty>span{width:46px;height:46px;margin-bottom:8px}
.recent-empty strong{font-size:10px}.recent-empty p{font-size:7.8px}
.recent-list{gap:6px;margin-top:7px}
.recent-list a{height:34px;grid-template-columns:27px 1fr auto;padding:4px 6px}
.recent-list>a>span{width:26px;height:26px}.recent-list strong{font-size:8.7px}.recent-list small{font-size:7.1px}.recent-list b{font-size:6.8px}
.agents-card,.deployment-card,.document-card,.quick-card{padding-top:12px}
.agent-rank-list{gap:6px;margin-top:9px}
.agent-rank-list a{grid-template-columns:25px minmax(72px,1fr) 65px 65px 31px;gap:6px;min-height:25px}
.rank-avatar,.table-avatar{overflow:hidden;background:#eaf0fb}
.rank-avatar{width:24px;height:24px}.rank-avatar img,.table-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.agent-rank-list strong{font-size:8.1px}.agent-rank-list small{font-size:6.8px}.agent-rank-list b{font-size:7.1px}
.deployment-card table{margin-top:7px}
.deployment-card th{font-size:6.5px;padding:0 4px 4px}
.deployment-card td{font-size:7px;padding:6px 4px}
.table-avatar{width:20px;height:20px;margin-right:5px}
.status-deployed{font-size:6.5px;padding:4px 6px}
.document-summary{height:129px;grid-template-columns:114px 1fr;gap:8px}
.document-donut{width:101px;height:101px;background:conic-gradient(var(--green) 0 calc(var(--valid)*1%),var(--orange) 0 calc(var(--soon)*1%),var(--red) 0 calc(var(--expired)*1%),#cbd3df 0 100%)}
.document-donut>div{width:70px;height:70px}.document-donut strong{font-size:17px}.document-donut span{font-size:6.3px}
.document-summary ul{gap:7px}.document-summary li{font-size:7.2px}.document-summary li strong{font-size:6.8px}
.quick-grid{height:130px;margin-top:9px;grid-template-columns:repeat(3,1fr);gap:8px}
.quick-grid a{border:1px solid var(--line);border-radius:8px;padding:7px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:7px;color:var(--navy);line-height:1.18;min-width:0}
.quick-grid a:hover{background:#fbfcff;border-color:#cbd7e9}
.quick-grid a b{font-size:7.2px;font-weight:750;min-width:0}
.quick-grid span{width:27px;height:27px}.quick-grid span .ui-icon{width:14px;height:14px}

/* internal pages: one consistent premium visual system */
body:not(.page-dashboard) .content{padding:18px 20px 24px;background:linear-gradient(180deg,#f8faff 0,#f5f8fd 100%)}
body:not(.page-dashboard) .top-title h1{font-size:19px}
.page-actions{min-height:40px;margin-bottom:12px;gap:10px}
.filter-form,.search-form,.table-toolbar,.inline-form{gap:8px}
.filter-form input,.filter-form select,.search-form input,.search-form select,.table-toolbar input,.table-toolbar select,.inline-form input,.inline-form select{height:37px;border-radius:8px;border-color:#dfe6f0;background:#fff;font-size:10.5px;padding:0 11px;box-shadow:0 2px 6px rgba(18,43,82,.015)}
.filter-form input[type=search],.search-form input[type=search]{min-width:255px}
.btn{height:37px;border-radius:8px;padding:0 13px;font-size:10.5px;font-weight:750;gap:7px;box-shadow:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:#1769ff;border-color:#1769ff;box-shadow:0 7px 16px rgba(23,105,255,.18)}
.btn.primary:hover{background:#0d5de9;box-shadow:0 9px 20px rgba(23,105,255,.23)}
.btn.secondary{background:#0b2457;border-color:#0b2457}
.btn.ghost{background:#fff;border-color:#dfe6f0;color:#243553}
.btn.danger{background:#ef233c;border-color:#ef233c;color:#fff}
.btn.mini{height:29px;padding:0 10px;font-size:9px;border-radius:7px}
.stats-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.stat-card{min-height:86px;border:1px solid var(--line);border-radius:10px;padding:13px 14px;box-shadow:0 7px 21px rgba(18,43,82,.035);background:#fff;display:flex;align-items:center;gap:11px}
.stat-icon{width:39px;height:39px;flex:0 0 39px;border-radius:11px}
.stat-label{font-size:8px;font-weight:800;letter-spacing:.02em;color:#7b879a;text-transform:uppercase}
.stat-value{font-size:19px;line-height:1.1;font-weight:850;margin-top:3px;color:var(--navy)}
.stat-meta{font-size:8.2px;margin-top:4px;color:#8793a5}
.panel{border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 8px 24px rgba(18,43,82,.035);padding:15px}
.panel+.panel{margin-top:12px}
.panel-head{min-height:38px;padding-bottom:12px;margin-bottom:13px;border-bottom:1px solid var(--line-2)}
.panel-head h2{font-size:13px;font-weight:850;color:var(--navy);letter-spacing:-.01em}
.panel-head p{font-size:8.6px;color:#7d899c;margin-top:4px}
.table-panel{padding:0;overflow:hidden}
.data-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:auto}
.data-table thead th{height:36px;padding:0 14px;background:#fbfcfe;color:#77849a;font-size:8px;text-transform:uppercase;letter-spacing:.04em;font-weight:850;border-bottom:1px solid var(--line);white-space:nowrap}
.data-table tbody td{height:50px;padding:8px 14px;border-bottom:1px solid var(--line-2);font-size:9.3px;color:#35455f;vertical-align:middle}
.data-table tbody tr:last-child td{border-bottom:0}
.data-table tbody tr:hover td{background:#f9fbff}
.table-primary{display:block;color:var(--navy);font-weight:800;font-size:9.6px;line-height:1.25}
.table-primary+span,.data-table td>span:not(.badge):not(.status-deployed){display:block;color:#8793a5;font-size:8px;margin-top:3px}
.money-due{color:var(--red)}
.badge{display:inline-flex;align-items:center;min-height:23px;padding:4px 8px;border-radius:12px;font-size:7.8px;font-weight:800;white-space:nowrap}
.pagination{margin-top:13px;gap:6px}.pagination a{width:31px;height:31px;border-radius:7px;font-size:9px}
.empty-state{min-height:250px;padding:34px;text-align:center}
.empty-icon{width:54px;height:54px;border-radius:16px;margin-bottom:13px}
.empty-state h3{font-size:14px}.empty-state p{font-size:9.5px;max-width:430px}
.dashboard-grid{gap:12px}.dashboard-grid.equal{gap:12px}.dashboard-grid.three{gap:12px}
.record-hero{min-height:96px;border:1px solid var(--line);border-radius:11px;padding:17px 18px;margin-bottom:12px;background:linear-gradient(135deg,#fff,#f8fbff);box-shadow:0 8px 24px rgba(18,43,82,.035)}
.record-hero h2{font-size:19px;line-height:1.1;color:var(--navy);margin:5px 0}
.record-hero p{font-size:9.3px;color:#748198}
.eyebrow{font-size:8px;font-weight:850;color:#1769ff;letter-spacing:.08em}
.hero-actions{gap:8px}
.tabs{height:42px;padding:4px;border:1px solid var(--line);border-radius:9px;background:#fff;margin-bottom:12px;gap:3px;overflow:auto}
.tabs button,.tabs a{height:32px;padding:0 12px;border-radius:7px;font-size:9px;font-weight:750}
.tabs .active{background:#edf4ff;color:#1769ff}
.tab-panel{animation:panelReveal .22s ease both}
@keyframes panelReveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.detail-grid{gap:0;border:1px solid var(--line-2);border-radius:9px;overflow:hidden;background:#fff}
.detail-grid>div{padding:11px 12px;border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2);min-height:58px}
.detail-grid dt{font-size:7.6px;text-transform:uppercase;letter-spacing:.04em;color:#8a96a8;font-weight:800}
.detail-grid dd{font-size:9.5px;color:#263853;font-weight:650;margin-top:5px}
.form-page{max-width:1180px;margin:0 auto}
.form-stack{gap:12px}
.form-grid{gap:12px}
.field label{font-size:8.5px;font-weight:800;color:#52617a;margin-bottom:6px}
.field input,.field select,.field textarea{border:1px solid #dfe6f0;border-radius:8px;background:#fff;font-size:10px;color:#243553;padding:0 11px;transition:border-color .16s,box-shadow .16s}
.field input,.field select{height:39px}.field textarea{min-height:92px;padding-top:10px}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#9dbcf5;box-shadow:0 0 0 3px rgba(23,105,255,.075);outline:0}
.form-section-title{font-size:11.5px;color:var(--navy);font-weight:850;padding:13px 0 8px;margin-top:7px;border-bottom:1px solid var(--line-2)}
.form-actions{position:sticky;bottom:10px;z-index:5;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:10px;padding:10px;box-shadow:0 13px 30px rgba(8,29,71,.10)}
.kanban{gap:10px;padding-bottom:10px}
.kanban-column{min-width:265px;border:1px solid var(--line);border-radius:10px;background:#f9fbff;padding:9px}
.kanban-head{height:35px;padding:0 3px 8px;font-size:9px}
.kanban-card{border:1px solid var(--line);border-radius:9px;padding:10px;background:#fff;box-shadow:0 6px 16px rgba(18,43,82,.035)}
.kanban-card:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(18,43,82,.075)}
.timeline-item{border-left:2px solid #dce7fa;padding:0 0 14px 15px;margin-left:5px}
.timeline-item:before{width:8px;height:8px;left:-5px;background:#1769ff;box-shadow:0 0 0 4px #edf4ff}
.notification-item{border:1px solid var(--line);border-radius:9px;padding:12px;background:#fff;transition:.16s}
.notification-item:hover{border-color:#cbd8e9;transform:translateY(-1px)}
.report-box,.integration-card,.readiness-item{border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:none}

/* premium modals, confirmations, chat and feedback */
.modal[hidden],.confirm-modal[hidden],.chat-drawer[hidden]{display:none!important}
.modal,.confirm-modal{animation:fadeIn .16s ease}
.modal-backdrop{background:rgba(7,23,54,.34);backdrop-filter:blur(5px)}
.modal-card,.confirm-card{border-radius:14px;border:1px solid rgba(255,255,255,.8);box-shadow:0 26px 75px rgba(7,27,70,.22);animation:modalIn .22s cubic-bezier(.2,.8,.2,1)}
.confirm-card{width:min(420px,94vw);text-align:center;padding:25px}
.confirm-icon{width:48px;height:48px;border-radius:15px;background:var(--red-soft);color:var(--red);display:grid;place-items:center;margin:0 auto 12px}
.confirm-icon .ui-icon{width:22px;height:22px}
.confirm-card h3{font-size:16px;color:var(--navy);margin:0}.confirm-card p{font-size:10px;color:#748198;line-height:1.55;margin:8px 0 18px}
.confirm-card>div:last-child{display:flex;justify-content:center;gap:8px}
.chat-fab{width:50px;height:50px;right:18px;bottom:16px;background:#1769ff;box-shadow:0 14px 30px rgba(23,105,255,.28)}
.chat-fab .ui-icon{width:20px;height:20px}.chat-fab i{width:10px;height:10px;right:1px;bottom:1px}
.chat-drawer{right:18px;bottom:76px;width:365px;height:min(590px,calc(100vh - 100px));border-radius:14px;box-shadow:0 24px 70px rgba(7,27,70,.22);animation:drawerIn .24s cubic-bezier(.2,.8,.2,1)}
@keyframes drawerIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.toast-stack{position:fixed;right:20px;top:76px;z-index:250;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.toast{min-width:260px;max-width:380px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 16px 40px rgba(7,27,70,.16);padding:11px 13px;display:flex;align-items:center;gap:9px;color:var(--text);font-size:9.5px;animation:toastIn .22s ease both}
.toast.success{border-left:3px solid var(--green)}.toast.danger{border-left:3px solid var(--red)}
@keyframes toastIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}

/* login duplicate removed: premium login rules above are authoritative */

/* desktop adaptation while retaining the reference proportions */
@media (min-width:1181px) and (max-width:1500px){
  :root{--sidebar:210px;--topbar:56px}
  .sidebar{width:210px}.main{margin-left:210px}.brand{height:58px;padding-left:14px}.brand img{width:165px}.module-tabs{height:51px}.nav>a{height:31px;font-size:10px}.nav-section{margin-top:9px}.sidebar-footer{height:132px;min-height:132px;padding:10px 12px}.user-mini{min-height:47px}.logout-link{height:34px;margin-top:7px}
  .topbar{height:56px;min-height:56px;padding:0 14px}.top-title{flex-basis:310px;min-width:310px;max-width:310px}.top-title h1{font-size:17px}.global-search{width:360px;min-width:360px;max-width:360px;height:34px}.top-action{height:34px}.profile-trigger{height:42px;min-width:160px}.profile-avatar{width:32px;height:32px}
  .page-dashboard .content{height:calc(100vh - 56px);padding:10px 14px 0}
}
@media (min-width:1181px) and (max-height:820px){
  .page-dashboard .content{overflow:hidden}
  .dash-v6{zoom:.80;width:125%;height:125%;grid-template-rows:115px 84px 234px 174px 185px;gap:12px}
}
@media (max-width:1180px){
  .sidebar{width:240px}.main{margin-left:0}.topbar{display:flex;height:62px}.top-title{flex:1 1 auto;min-width:210px;max-width:none}.global-search{flex:1 1 380px;min-width:250px;max-width:520px;width:auto;margin-left:12px}.page-dashboard{overflow:auto}.page-dashboard .main{height:auto}.page-dashboard .content{height:auto;overflow:auto;padding:14px}.dash-v6{height:auto;min-width:0;display:grid;grid-template-rows:none;gap:10px}.dash-kpis{grid-template-columns:repeat(3,1fr)}.dash-finance-kpis{grid-template-columns:repeat(3,1fr)}.dash-row-main,.dash-row-middle,.dash-row-bottom{grid-template-columns:1fr}.dashboard-card{min-height:210px}.sidebar-footer{height:145px;min-height:145px}
}
@media (max-width:760px){
  .topbar{height:58px;min-height:58px;padding:0 10px}.top-title h1{font-size:15px}.global-search{position:absolute;top:62px;left:10px;right:10px;width:auto;min-width:0;max-width:none;margin:0}.profile-trigger{min-width:42px}.content,body:not(.page-dashboard) .content{padding:12px}.dash-kpis,.dash-finance-kpis{grid-template-columns:1fr 1fr}.stats-grid.compact{grid-template-columns:1fr 1fr}.data-table{min-width:760px}.table-panel{overflow:auto}.record-hero{padding:14px}.form-actions{bottom:6px}.chat-fab{right:12px;bottom:12px}
}
/* final reference alignment pass */
@media (min-width:1501px){
  .top-title{flex-basis:410px;min-width:410px;max-width:410px}
  .page-dashboard .content{padding-left:20px;padding-right:20px}
  .dash-v6{grid-template-rows:117px 84px 234px 172px 177px;gap:14px}
}
@media (min-width:1181px){
  .nav>a{height:32px}
  .nav-section{margin-top:8px;margin-bottom:4px}
  .sidebar-footer{height:145px;min-height:145px}
}
@media (min-width:1501px){.dash-v6{grid-template-rows:117px 84px 243px 175px 177px}}
@media (min-width:1181px) and (max-height:820px){.dash-v6{width:100%;height:125%}}

/* ================================================================
   V6.1 FINAL PAGE-BY-PAGE POLISH
   Keeps the compact Command Dashboard reference as the visual system.
   ================================================================ */

/* Shared micro-interactions and focus system */
a,button,input,select,textarea{transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease,opacity .16s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(23,105,255,.13)!important;border-color:#8fb3f7!important}
.page-enter{opacity:0}.page-enter.page-ready{opacity:1;transition:opacity .18s ease}.page-enter.is-navigating{opacity:.72;transform:translateY(1px);transition:opacity .12s ease,transform .12s ease}
.nav-progress{position:fixed;z-index:9999;left:0;top:0;height:2px;width:0;background:linear-gradient(90deg,#1769ff,#7a37f4,#10a765);opacity:0;pointer-events:none}
.is-navigating .nav-progress{opacity:1;animation:navProgress .65s ease forwards}@keyframes navProgress{0%{width:7%}70%{width:72%}100%{width:94%}}

/* Sidebar refinement: exact icon rhythm, internal scrolling, fixed account card */
.sidebar{background:rgba(255,255,255,.98);backdrop-filter:saturate(135%) blur(14px)}
.nav{scrollbar-width:thin;scrollbar-color:#dfe7f3 transparent;overscroll-behavior:contain}
.nav::-webkit-scrollbar{width:4px}.nav::-webkit-scrollbar-thumb{background:#dfe7f3;border-radius:9px}
.nav>a{position:relative;border:1px solid transparent}
.nav>a.active{border-color:#e6edf8;box-shadow:inset 3px 0 0 #1769ff;background:linear-gradient(90deg,#edf4ff 0,#f7f9ff 100%)}
.nav>a:hover:not(.active){background:#f7f9fd;border-color:#edf1f6;transform:translateX(1px)}
.nav-icon{box-shadow:inset 0 0 0 1px rgba(11,36,87,.025)}
.nav>a.active .nav-icon{box-shadow:0 5px 13px rgba(23,105,255,.12)}
.sidebar-footer{background:rgba(255,255,255,.97);box-shadow:0 -8px 22px rgba(18,43,82,.025)}
.user-mini:hover{background:#f8faff}.logout-link:hover{background:#fff4f5;border-color:#ffd9de;color:#ef233c}

/* Top bar precision and glass touch */
.topbar{background:rgba(255,255,255,.93);backdrop-filter:blur(16px) saturate(150%);box-shadow:0 1px 0 rgba(217,225,237,.8)}
.global-search:focus-within{background:#fff;border-color:#aec7f6;box-shadow:0 7px 24px rgba(23,105,255,.09)}
.global-search button{display:none}
.top-action:hover,.profile-trigger:hover{background:#f8faff;border-color:#d7e1ee;transform:translateY(-1px)}
.profile-menu{box-shadow:0 22px 55px rgba(7,27,70,.16);transform-origin:top right;animation:menuReveal .18s cubic-bezier(.2,.8,.2,1)}
@keyframes menuReveal{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}
.profile-menu a:hover{background:#f3f7ff;color:#1769ff}
.live-pill i,.inline-live i{animation:livePulse 1.35s ease-in-out infinite}@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(16,167,101,.30);opacity:1}50%{box-shadow:0 0 0 5px rgba(16,167,101,0);opacity:.72}}

/* Dashboard card fidelity */
.page-dashboard .content{background:linear-gradient(180deg,#f8faff 0,#f5f8fd 100%)}
.kpi-card,.finance-card,.dashboard-card{backdrop-filter:blur(8px)}
.kpi-card:after,.finance-card:after,.dashboard-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.42),transparent 44%);opacity:.45}
.kpi-card,.finance-card,.dashboard-card{position:relative}
.kpi-card>* ,.finance-card>* ,.dashboard-card>*{position:relative;z-index:1}
.pipeline-chart svg,.chart-area svg,.performance-grid svg{filter:drop-shadow(0 3px 5px rgba(23,105,255,.05))}
.action-list>a b,.status-deployed,.recent-list b{font-weight:850}
.quick-grid a:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(18,43,82,.06)}

/* Internal page shell: compact, information-dense and consistent */
body:not(.page-dashboard):not(.login-page){background:#f5f8fd}
body:not(.page-dashboard) .content{min-height:calc(100vh - var(--topbar) - 40px)}
body:not(.page-dashboard) .page-actions{display:flex;align-items:center;justify-content:space-between}
body:not(.page-dashboard) .page-actions:empty{display:none}
.page-actions .filter-form,.page-actions .search-form{flex:1;min-width:0}
.page-actions>.btn{margin-left:auto;white-space:nowrap}
.filter-form,.search-form,.table-toolbar,.inline-form{display:flex;align-items:center;flex-wrap:wrap}
.filter-form select,.search-form select{min-width:145px}
.wide-search{min-width:360px!important}
.panel{position:relative;overflow:visible}
.panel.table-panel{overflow:hidden}
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.panel-head>.btn,.panel-head>div+*{flex:0 0 auto}
.panel-head+.notice-box{margin-top:0}

/* Stats used on all list, finance, system and action pages */
.stats-grid.compact{align-items:stretch}
.stat-card{position:relative;overflow:hidden}
.stat-card:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-42px;top:-45px;background:currentColor;opacity:.025}
.stat-card:hover{transform:translateY(-1px);border-color:#ccd9ea;box-shadow:0 11px 27px rgba(18,43,82,.065)}
.stat-card.blue{color:#1769ff}.stat-card.green{color:#10a765}.stat-card.teal{color:#0899a8}.stat-card.orange{color:#f28a00}.stat-card.red{color:#ef233c}.stat-card.purple{color:#7a37f4}
.stat-copy{min-width:0}.stat-icon .ui-icon{width:18px;height:18px}.stat-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Tables: fixed hierarchy and safe horizontal behavior */
.table-panel{max-width:100%}
.table-panel>.panel-head{padding:14px 15px 12px;margin:0}
.table-panel>.empty-state{border:0}
.data-table th:first-child,.data-table td:first-child{padding-left:15px}.data-table th:last-child,.data-table td:last-child{padding-right:15px}
.data-table tbody td{line-height:1.35}.data-table tbody tr{transition:background .14s ease}
.data-table td .btn{vertical-align:middle}
.table-primary:hover{color:#1769ff}
.identity{display:flex;align-items:center;gap:9px;min-width:0}.identity>div:last-child{min-width:0}.identity strong{display:block;color:var(--navy);font-size:9.4px}.identity span{display:block;color:#8793a5;font-size:7.8px;margin-top:2px}
.avatar.small{width:29px;height:29px;flex:0 0 29px;font-size:9px}
.phone-link{color:#30527d}.phone-link:hover{color:#1769ff}
.whatsapp-link{display:inline-flex;align-items:center;margin-top:4px;color:#0c9c61;font-size:7.8px;font-weight:800}.whatsapp-link:hover{color:#087e4e}
.text-green{color:#0b9b5d!important}.text-red{color:#e3243e!important}
.protected-row td{background:#fbfdff}

/* Forms: all native and label-based forms receive the same premium controls */
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.form-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.form-grid.single-column{grid-template-columns:1fr}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4,.wide{grid-column:1/-1}
.form-grid>label,.inline-form>label,.modal-card form>label{display:flex;flex-direction:column;gap:6px;color:#52617a;font-size:8.5px;font-weight:800;min-width:0}
.form-grid>label input,.form-grid>label select,.form-grid>label textarea,.inline-form>label input,.inline-form>label select,.inline-form>label textarea,.modal-card form>label input,.modal-card form>label select,.modal-card form>label textarea{width:100%;border:1px solid #dfe6f0;border-radius:8px;background:#fff;color:#243553;font-size:10px;padding:0 11px;font-weight:500}
.form-grid>label input,.form-grid>label select,.inline-form>label input,.inline-form>label select,.modal-card form>label input,.modal-card form>label select{height:39px}
.form-grid>label textarea,.inline-form>label textarea,.modal-card form>label textarea{min-height:92px;padding-top:10px;resize:vertical}
.form-grid>label input:focus,.form-grid>label select:focus,.form-grid>label textarea:focus{border-color:#9dbcf5;box-shadow:0 0 0 3px rgba(23,105,255,.075);outline:0}
.field-help{display:block;color:#8a96a8;font-size:7.7px;line-height:1.4;margin-top:1px;font-weight:500}
.checkbox,.check{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;cursor:pointer;color:#40516c!important;font-size:9px!important}
.checkbox input,.check input{width:15px!important;height:15px!important;flex:0 0 15px;accent-color:#1769ff}
.permission-grid fieldset{min-width:0;border:1px solid var(--line);border-radius:9px;padding:10px 11px;background:#fbfcfe}
.permission-grid legend{padding:0 5px;color:var(--navy);font-size:8.4px;font-weight:850}
.permission-grid fieldset .check{min-height:25px;border-bottom:1px solid #edf1f6}.permission-grid fieldset .check:last-child{border-bottom:0}
.password-wrap{position:relative}.password-wrap input{padding-right:62px}.password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);height:29px;border:0;border-radius:6px;background:#f1f5fb;color:#1769ff;padding:0 9px;font-size:8px;font-weight:800}
.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.form-actions .btn:first-child:not(:last-child){margin-right:auto}

/* Record profile/detail pages */
.record-hero:after{content:"";position:absolute;right:-35px;top:-55px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(23,105,255,.08),transparent 68%)}
.record-hero>*{position:relative;z-index:1}.record-hero .badge{margin-left:7px}
.detail-grid .wide{grid-column:1/-1}
.summary-list>*{transition:transform .15s,border-color .15s}.summary-list>*:hover{transform:translateY(-1px);border-color:#ced9e8}
.timeline-item:last-child{padding-bottom:0}
.workflow-strip{scrollbar-width:thin}.workflow-step{box-shadow:0 5px 14px rgba(18,43,82,.025)}
.workflow-step:hover{border-color:#cbd9eb;transform:translateY(-1px)}

/* Documents, dossier and compliance */
.document-layout>.panel{min-width:0}.doc-toolbar{position:sticky;top:0;z-index:2;padding:8px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:9px}
.document-stage{border:1px solid var(--line);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.document-stage iframe,.document-stage embed{width:100%;height:650px;border:0;border-radius:7px;background:#fff}
.doc-comment{display:flex;flex-direction:column;gap:8px}.doc-comment textarea{width:100%;min-height:90px;border:1px solid var(--line);border-radius:8px;padding:10px;font-size:10px}
.dossier{background:#fff}.dossier-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:2px solid var(--navy);padding-bottom:14px;margin-bottom:16px}.dossier-title h1{margin:0;color:var(--navy);font-size:23px}.dossier-title p{margin:5px 0 0;color:#758299;font-size:9px}.dossier-section{margin-top:16px}.dossier-section h2{font-size:12px;color:var(--navy);padding-bottom:7px;border-bottom:1px solid var(--line)}.dossier-doc{display:grid;grid-template-columns:1fr auto;gap:10px;padding:8px 0;border-bottom:1px solid var(--line-2)}
.watermark{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none;z-index:100;opacity:.035;font-size:72px;font-weight:900;transform:rotate(-30deg)}

/* Kanban */
.kanban{display:flex;overflow:auto;align-items:flex-start;scroll-snap-type:x proximity}
.kanban-column{scroll-snap-align:start;max-height:calc(100vh - 165px);overflow:auto}
.kanban-column.drag-over{background:#edf4ff;border-color:#8fb3f7;box-shadow:inset 0 0 0 2px rgba(23,105,255,.08)}
.kanban-card.dragging{opacity:.52;transform:rotate(1deg) scale(.99)}
.kanban-card strong{display:block;color:var(--navy);font-size:9.4px}.kanban-card p{font-size:8.2px;color:#738096;line-height:1.45;margin:5px 0}.kanban-card small{font-size:7.5px;color:#929cad}

/* Notifications, reports, settings and integrations */
.notification-item.unread{border-left:3px solid #1769ff;background:#fbfdff}.notification-item:hover{box-shadow:0 8px 20px rgba(18,43,82,.045)}
.notification-link{position:relative}.notification-actions{align-items:center}
.report-box,.integration-card,.readiness-item{transition:transform .16s,border-color .16s,box-shadow .16s}.report-box:hover,.integration-card:hover,.readiness-item:hover{transform:translateY(-2px);border-color:#c9d8eb;box-shadow:0 10px 25px rgba(18,43,82,.06)}
.report-box .chart-bars{margin-bottom:18px}.chart-bar{box-shadow:0 6px 12px rgba(23,105,255,.12)}
.code-block{display:block;word-break:break-all}.twofa-grid>div,.twofa-grid>form{border:1px solid var(--line);border-radius:10px;padding:15px;background:#fbfcfe}
.signature-pad{padding:10px;border:1px solid var(--line);border-radius:10px;background:#f8faff}

/* Empty states and notices */
.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center}
.empty-icon{display:grid;place-items:center;background:#edf4ff;color:#1769ff}.empty-icon .ui-icon{width:24px;height:24px}
.notice-box{position:relative;overflow:hidden}.notice-box:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#1769ff}.notice-box.danger:before{background:#ef233c}
.mini-empty{padding:18px;text-align:center;color:#8b97a9;font-size:9px}

/* Modal forms and toasts */
.modal-card h2{margin:0 38px 15px 0;color:var(--navy);font-size:16px}.modal-card .form-grid{gap:11px}
.modal-card .form-actions{position:static;box-shadow:none;border:0;padding:8px 0 0;background:transparent}
.modal-template{display:none}
.toast .ui-icon{width:16px;height:16px}.toast strong{display:block;font-size:9.5px}.toast span{font-size:8.2px;color:#78859a}

/* Responsive internal pages and exact desktop fit */
@media (min-width:1181px) and (max-width:1500px){
  body:not(.page-dashboard) .content{padding:14px 14px 20px}
  .stats-grid.compact{gap:8px}.stat-card{min-height:78px;padding:10px 11px}.stat-icon{width:35px;height:35px;flex-basis:35px}.stat-value{font-size:17px}
  .data-table thead th{padding-left:10px;padding-right:10px}.data-table tbody td{height:46px;padding:7px 10px}
  .panel{padding:13px}.panel.table-panel{padding:0}.panel-head{padding-bottom:10px;margin-bottom:10px}
  .form-grid{gap:10px}.form-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:1181px) and (max-height:820px){
  /* The reference remains fully visible without document scrolling on 1366x768-class displays. */
  .page-dashboard .content{overflow:hidden}
  .dash-v6{zoom:.80;width:100%;height:125%;grid-template-rows:115px 84px 234px 174px 185px;gap:12px}
  .sidebar-footer{height:116px;min-height:116px;padding-top:7px;padding-bottom:7px}.user-mini{min-height:42px}.logout-link{height:30px;margin-top:4px}
  .nav>a{height:29px}.nav-section{margin-top:6px;margin-bottom:2px}.module-tabs{height:50px}
}
@media (max-width:1180px){
  .sidebar{box-shadow:18px 0 55px rgba(7,27,70,.16)}
  .menu-toggle{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--navy)}
  body:not(.page-dashboard) .content{min-height:auto}
  .report-grid,.integration-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.span-3,.span-4{grid-column:1/-1}
}
@media (max-width:760px){
  .page-actions .filter-form,.page-actions .search-form{width:100%}.page-actions>.btn{width:100%;justify-content:center;margin:0}
  .stats-grid.compact{grid-template-columns:1fr 1fr}.stat-card{min-height:78px}
  .report-grid,.integration-cards,.permission-grid{grid-template-columns:1fr}
  .form-grid.cols-2,.form-grid.cols-3,.form-grid.cols-4{grid-template-columns:1fr}.span-2,.span-3,.span-4{grid-column:1}
  .document-stage{min-height:360px;padding:10px}.document-stage iframe,.document-stage embed{height:480px}
  .dossier-head{flex-direction:column}.watermark{font-size:42px}
}
/* restore full-width KPI sparkline positioning after glass overlay */
.kpi-card>.kpi-spark{position:absolute;left:10px;right:10px;bottom:8px;width:calc(100% - 20px);height:24px;z-index:1}

@media(max-width:1024px){.document-layout{grid-template-columns:1fr}.document-stage{min-height:360px}}

.owner-console-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#eef5ff,#f7f9fc 55%,#fff);padding:28px}.owner-console-card{width:min(620px,100%);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 70px #0b1d3a18;padding:28px;text-align:center}.owner-live-code{font-size:58px;letter-spacing:8px;font-weight:900;color:var(--navy);padding:18px;border:1px solid var(--line);border-radius:10px;background:#f8fbff;margin:18px 0 8px}.owner-countdown{color:var(--muted);font-size:12px}.verification-steps{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px 0}.verification-steps span{width:9px;height:9px;border-radius:50%;background:var(--blue);animation:verifyPulse 1.2s infinite ease-in-out}.verification-steps span:nth-child(2){animation-delay:.18s}.verification-steps span:nth-child(3){animation-delay:.36s}.verification-steps small{margin-left:8px;color:var(--muted);font-size:11px}@keyframes verifyPulse{0%,80%,100%{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.recovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.recovery-chip{border:1px solid var(--line);border-radius:9px;padding:11px;background:#fbfdff;text-align:left}.recovery-chip strong{display:block;color:var(--navy);letter-spacing:1px}.recovery-chip span{font-size:10px;color:var(--green);font-weight:800}.recovery-chip.used{opacity:.55;background:#f2f4f7}.recovery-chip.used span{color:var(--muted)}.security-code{display:inline-block;font-size:16px;letter-spacing:2px;font-weight:900;color:var(--navy);background:#eef5ff;border:1px solid #d9e6ff;border-radius:7px;padding:5px 8px}.inline-form{display:inline}.data-table td small{display:block;color:var(--muted);font-size:9px;margin-top:4px}@media(max-width:720px){.owner-live-code{font-size:38px;letter-spacing:5px}.recovery-grid{grid-template-columns:1fr}}

.emergency-body{min-height:100vh;background:linear-gradient(145deg,#f7f9fc,#eef5ff);display:grid;place-items:center;padding:24px}.emergency-control,.shutdown-screen{width:min(760px,100%)}.emergency-panel,.shutdown-screen section{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 26px 80px #071d491c;padding:30px;text-align:center}.emergency-panel img,.shutdown-screen img{max-width:210px;margin-bottom:18px}.emergency-panel h1,.shutdown-screen h1{font-size:34px;margin:8px 0;color:var(--navy)}.emergency-panel p,.shutdown-screen p{color:var(--muted);max-width:560px;margin:0 auto 18px}.emergency-status{border:1px solid var(--line);border-radius:12px;padding:18px;margin:18px 0}.emergency-status strong{display:block;font-size:28px;letter-spacing:3px}.emergency-status.on strong{color:var(--green)}.emergency-status.off strong{color:var(--red)}.emergency-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.emergency-actions form{margin:0}.emergency-actions .btn{width:100%;justify-content:center}.shutdown-screen section{min-height:430px;display:flex;flex-direction:column;justify-content:center;align-items:center}.shutdown-lock{margin-top:18px;padding:12px 18px;border-radius:999px;background:#fff0f1;color:var(--red);font-weight:900;letter-spacing:1px}@media(max-width:640px){.emergency-actions{grid-template-columns:1fr}.emergency-panel h1,.shutdown-screen h1{font-size:27px}}

.shutdown-screen section{position:relative;overflow:hidden}.shutdown-screen section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f8fbff 0%,#fff 52%,#fff4f5 100%);z-index:0}.shutdown-screen section>*{position:relative;z-index:1}.shutdown-eyebrow{display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;padding:7px 12px;border-radius:999px;background:#fff0f1;color:var(--red);font-size:11px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}.shutdown-screen h1{max-width:620px;line-height:1.08}.shutdown-ref{display:block;margin-top:14px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.9px}.shutdown-lock{box-shadow:0 10px 30px #e31b3d1a}

.shutdown-pro{display:grid;place-items:center}.shutdown-pro section{width:min(860px,calc(100vw - 32px));min-height:auto;padding:42px 38px;border-radius:18px;background:#fff;text-align:center}.shutdown-logo-wrap{display:flex;justify-content:center;margin-bottom:18px}.shutdown-logo-wrap img{max-width:360px;width:min(70vw,360px);height:auto}.shutdown-pro .shutdown-eyebrow{margin-top:4px}.shutdown-pro h1{font-size:clamp(32px,4.2vw,54px);letter-spacing:0;margin:10px auto 14px;color:#071d49}.shutdown-lead{font-size:clamp(16px,1.5vw,20px);font-weight:750;color:#203352;max-width:760px}.shutdown-subcopy{font-size:14px;color:#60708b;max-width:690px;margin-top:10px}.shutdown-pro .shutdown-lock{display:inline-flex;align-items:center;gap:9px;margin-top:22px;background:#fff0f1;border:1px solid #ffd2d9;color:#c51632}.shutdown-lock span{width:9px;height:9px;border-radius:50%;background:#e31b3d;box-shadow:0 0 0 0 #e31b3d80;animation:shutdownBlink 1.2s infinite}.shutdown-terminal{position:relative;overflow:hidden;text-align:left;margin:24px auto 0;max-width:680px;border:1px solid #d9e6f7;background:#071d49;color:#dce8ff;border-radius:14px;padding:18px 20px;box-shadow:0 18px 45px #071d4924}.shutdown-terminal strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#91b7ff;margin-bottom:8px}.shutdown-terminal p{margin:0;color:#f7fbff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;min-height:20px}.shutdown-terminal p:after{content:'|';animation:cursorBlink .8s infinite;color:#8ee6b0}.scan-line{position:absolute;left:0;right:0;top:-30%;height:45%;background:linear-gradient(180deg,transparent,#5c8dff20,transparent);animation:scanMove 2.8s linear infinite}.shutdown-progress{max-width:680px;height:8px;margin:16px auto 0;border-radius:999px;background:#e8eef8;overflow:hidden}.shutdown-progress i{display:block;width:38%;height:100%;border-radius:999px;background:linear-gradient(90deg,#2f6bff,#23c483,#e31b3d);animation:progressSweep 2.4s ease-in-out infinite}.shutdown-pro .shutdown-ref{margin-top:16px;color:#7b879b;letter-spacing:.5px}@keyframes shutdownBlink{70%{box-shadow:0 0 0 10px #e31b3d00}}@keyframes cursorBlink{50%{opacity:0}}@keyframes scanMove{to{top:100%}}@keyframes progressSweep{0%{transform:translateX(-110%)}50%{transform:translateX(90%)}100%{transform:translateX(260%)}}@media(max-width:640px){.shutdown-pro section{padding:28px 20px}.shutdown-logo-wrap img{width:min(78vw,300px)}.shutdown-terminal{text-align:center}}

.emergency-actions-three{grid-template-columns:repeat(3,minmax(0,1fr))}.emergency-status.maintenance strong{color:#b77900}.maintenance-pro section{background:#fff}.maintenance-eyebrow{background:#fff8e8;color:#9f6500}.maintenance-lock{background:#fff8e8!important;border-color:#ffe2a8!important;color:#9f6500!important}.maintenance-lock span{background:#d99000!important;box-shadow:0 0 0 0 #d9900080!important}.maintenance-terminal{background:#0d2748!important}.maintenance-terminal strong{color:#ffd48a!important}.maintenance-progress i{background:linear-gradient(90deg,#d99000,#2f6bff,#23c483)!important}@media(max-width:760px){.emergency-actions-three{grid-template-columns:1fr}}

.security-code-highlight{font-size:18px!important;letter-spacing:3px!important;background:linear-gradient(135deg,#071d49,#2f6bff)!important;color:#fff!important;border-color:#071d49!important;box-shadow:0 10px 24px #071d4924}.alert.warning{background:#fff8e8;border:1px solid #ffe0a3;color:#7a4d00;border-radius:10px;padding:11px 13px}.login-card .alert.warning strong{color:#7a4d00}.data-table td .security-code-highlight+small{font-weight:800;color:var(--navy)}