/* The sign-in screen follows the Admin Pro layout while retaining the existing admin auth endpoints. */
#login-view.centered{display:grid!important;grid-template-columns:48% 52%;min-height:100vh!important;min-height:100dvh!important;padding:0!important;background:#fff!important;place-items:stretch!important;max-width:none!important}
#login-view.hidden,#dashboard-view.hidden{display:none!important}
.login-showcase{position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:100vh;padding:42px 9%;background:linear-gradient(145deg,#1b367c 0%,#254bc1 57%,#5876ee 100%);color:#fff}
.login-showcase::before{content:"";position:absolute;right:-18%;bottom:-32%;width:85%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#99b0ff45 0%,#6f91fa20 43%,transparent 72%);filter:blur(30px);animation:showcaseGlow 12s ease-in-out infinite alternate;pointer-events:none}
.login-showcase::after{content:"";position:absolute;left:28%;top:-24%;width:58%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#a2b7ff20,transparent 68%);filter:blur(25px);animation:showcaseGlow 15s ease-in-out infinite alternate-reverse;pointer-events:none}
.showcase-brand{display:flex;align-items:center;gap:11px;position:relative;z-index:2;font:800 19px Manrope,'Segoe UI',sans-serif;letter-spacing:-.045em}
.showcase-logo,.login-logo{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;overflow:hidden;border-radius:10px;background:#fff}
.showcase-logo img,.login-logo img{display:block;width:46px;height:46px;object-fit:cover}
.login-logo .logo-dark{display:none}
.showcase-mark{display:grid;place-items:center;width:33px;height:33px;border:1px solid #ffffff5c;border-radius:10px;background:#ffffff25;color:#fff;font:800 17px Manrope,'Segoe UI',sans-serif}
.showcase-copy{position:relative;z-index:2;max-width:510px;margin:auto 0;padding-bottom:7vh}
.showcase-kicker{margin:0;color:#c5d5ff;font-size:10px;font-weight:800;letter-spacing:.17em}
.showcase-copy h2{margin:22px 0 26px;color:#fff;font:800 clamp(36px,4vw,62px)/1.18 Manrope,'Segoe UI',sans-serif;letter-spacing:-.065em}
.showcase-copy>p:last-child{max-width:470px;margin:0;color:#d9e2ff;font-size:16px;line-height:1.75}
.showcase-orbit{position:absolute;right:-230px;bottom:-180px;width:570px;height:570px;border:1px solid #ffffff42;border-radius:50%;box-shadow:inset 0 0 32px #ffffff08,0 0 28px #cbd7ff12;animation:orbitDrift 16s ease-in-out infinite alternate;pointer-events:none}
.showcase-orbit-two{right:-130px;bottom:-70px;width:360px;height:360px;background:#ffffff0b;animation-duration:12s;animation-delay:-5s;animation-direction:alternate-reverse}
@keyframes orbitDrift{0%{transform:translate3d(0,0,0) scale(1);opacity:.7}50%{opacity:1}100%{transform:translate3d(-26px,-28px,0) scale(1.08);opacity:.85}}
@keyframes showcaseGlow{from{transform:translate3d(0,0,0) scale(.93);opacity:.55}to{transform:translate3d(-25px,-32px,0) scale(1.12);opacity:1}}
#login-view .login-card{display:grid!important;grid-template-columns:minmax(0,1fr)!important;place-items:center!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:100vh!important;margin:0!important;padding:42px!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;transform:none!important}
.login-form-inner{width:min(390px,100%);min-width:0;max-width:100%}
#login-view .mobile-login-brand{display:none}
#login-view .eyebrow{margin:0;color:#8999b3!important;font-size:10px!important;letter-spacing:.17em!important}
#login-view h1{margin:13px 0 7px!important;color:#182337!important;font:800 30px/1.25 Manrope,'Segoe UI',sans-serif!important;letter-spacing:-.05em!important;white-space:normal!important;overflow-wrap:normal!important}
.login-intro{margin:0 0 28px;color:#8693a6;font-size:13px;line-height:1.6}
.login-mode-links{display:flex;gap:22px;align-items:center;margin:0 0 18px!important;padding:0;border:0}
#login-view .login-tab{min-height:30px!important;margin:0!important;padding:0 0 5px!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#8b97a9!important;font-size:12px!important;font-weight:700!important;transform:none!important}
#login-view .login-tab.active{border-bottom-color:#3859e9!important;color:#3859e9!important}
#login-view .form-grid{gap:15px!important}
#login-view .label{gap:8px!important;margin:0!important;color:#34445b!important;font-size:12px!important;font-weight:700!important}
#login-view .label .muted{color:#34445b!important;font-size:12px!important;font-weight:700!important}
#login-view .field{width:100%!important;min-height:44px!important;padding:11px 13px!important;border:1px solid #dfe5ee!important;border-radius:9px!important;background:#fff!important;color:#17243a!important;box-shadow:none!important;font-size:13px!important}
#login-view .field::placeholder{color:#9aa8bb!important;opacity:1;transition:color .25s ease}
#login-view .field:placeholder-shown{border-color:#cfdbfa!important;background:linear-gradient(115deg,#fff 0%,#f8faff 52%,#fff 100%)!important;box-shadow:0 0 0 1px #dfe7ff,0 6px 24px #4465e911!important;animation:fieldGlow 4s ease-in-out infinite}
#login-view .field:focus{border-color:#5673ee!important;background:#fff!important;box-shadow:0 0 0 4px #3859e923,0 10px 30px #3859e91f!important;outline:0!important;animation:none!important}
#login-view .field:focus::placeholder{color:#8297ca!important}
@keyframes fieldGlow{0%,100%{box-shadow:0 0 0 1px #dfe7ff,0 6px 24px #4465e911}50%{box-shadow:0 0 0 1px #b9c9ff,0 8px 27px #4465e925}}
#login-view #login-btn{min-height:46px!important;margin-top:20px!important;border:0!important;border-radius:10px!important;background:#3859e9!important;color:#fff!important;box-shadow:0 6px 16px #3859e929!important;font-size:13px!important;font-weight:800!important}
#login-view #login-btn:hover{background:#2948d9!important;transform:translateY(-1px)}
#login-view #login-error{margin-top:16px!important;padding:11px 12px!important;border-radius:9px!important;background:#fff0f2!important;color:#b7374d!important;font-size:12px!important}

/* Dashboard shell: calm surfaces, clear hierarchy, and room for dense operational data. */
html:not(.dark){--primary:#3859e9;--brand:#3859e9;--brand-soft:#eef2ff;--brand-ring:#3859e91c;--page:#f6f8fb;--card:#fff;--line:#e8edf4;--line-strong:#dce4ed;--ink:#182337;--ink-2:#36465d;--subtle:#8290a2;--shadow-card:0 3px 14px #17294408}
html:not(.dark) body{font-family:'DM Sans','Segoe UI',sans-serif!important;background:#f6f8fb!important;color:#182337!important}
html:not(.dark) #dashboard-view{background:#f6f8fb!important}
html:not(.dark) #dashboard-view.shell{grid-template-columns:238px minmax(0,1fr)!important}
html:not(.dark) #dashboard-view .sidebar{width:238px!important;min-width:238px!important;padding:27px 16px 18px!important;gap:0!important;border-right:1px solid #e9edf3!important;background:#fff!important;box-shadow:none!important}
html:not(.dark) #dashboard-view .sidebar-brand{min-height:42px!important;margin:0 0 44px!important;padding:0 12px!important;gap:10px!important}
html:not(.dark) #dashboard-view .sidebar-brand img{width:40px!important;height:40px!important;border-radius:10px!important;object-fit:cover}
html:not(.dark) #dashboard-view .sidebar-brand-name{color:#17243a!important;font:800 18px Manrope,'Segoe UI',sans-serif!important;letter-spacing:-.045em!important}
html:not(.dark) #dashboard-view .sidebar-nav{gap:3px!important;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d6dfec transparent}
html:not(.dark) #dashboard-view .sidebar .nav-item{min-height:41px!important;margin:0!important;padding:10px 12px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#77859a!important;box-shadow:none!important;font-size:12.5px!important;font-weight:700!important;transform:none!important}
html:not(.dark) #dashboard-view .sidebar .nav-item:hover{background:#f2f5ff!important;color:#3859e9!important}
html:not(.dark) #dashboard-view .sidebar .nav-item.active{background:#edf1ff!important;color:#3859e9!important}
html:not(.dark) #dashboard-view .sidebar .nav-item.active::before{display:none!important}
html:not(.dark) #dashboard-view .sidebar .nav-icon{width:19px!important;height:19px!important;flex-basis:19px!important;stroke:currentColor!important}
html:not(.dark) #dashboard-view .sidebar-footer{margin-top:auto!important;padding-top:12px!important;border-top:1px solid #e9edf3!important}
html:not(.dark) #dashboard-view .sidebar-footer .nav-item{color:#8491a2!important}
html:not(.dark) #dashboard-view .main{background:#f6f8fb!important}
html:not(.dark) #dashboard-view .topbar{min-height:75px!important;border-bottom:1px solid #e9edf3!important;background:#fff!important;box-shadow:none!important;backdrop-filter:none!important}
html:not(.dark) #dashboard-view .topbar-inner{min-height:75px!important;padding:0 34px!important}
html:not(.dark) #dashboard-view .topbar .eyebrow{color:#9aa5b5!important;font-size:10px!important;letter-spacing:.12em!important}
html:not(.dark) #dashboard-view .topbar h1{margin-top:5px!important;color:#26364b!important;font:800 14px Manrope,'Segoe UI',sans-serif!important;letter-spacing:-.03em!important}
html:not(.dark) #dashboard-view .admin-search{height:40px!important;border:1px solid #e4e9f0!important;border-radius:10px!important;background:#f9fbfd!important;box-shadow:none!important}
html:not(.dark) #dashboard-view .notification-bell{width:40px!important;height:40px!important;border:1px solid #e4e9f0!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}
html:not(.dark) #dashboard-view .profile-chip{height:40px!important;border:1px solid #e4e9f0!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}
html:not(.dark) #dashboard-view .profile-avatar{border-radius:9px!important;background:#e7edff!important;color:#3957d4!important}
html:not(.dark) #dashboard-view .main-inner{max-width:1440px!important;padding:34px 38px 60px!important}
html:not(.dark) #dashboard-view .dashboard-overview-heading{margin-bottom:23px!important}
html:not(.dark) #dashboard-view .dashboard-overview-heading .eyebrow{color:#8899b3!important;font-size:10px!important}
html:not(.dark) #dashboard-view .dashboard-overview-heading .muted{color:#8896a8!important;font-size:13px!important}
html:not(.dark) #dashboard-view .panel,html:not(.dark) #dashboard-view .quote-card,html:not(.dark) #dashboard-view .pending-order-card,html:not(.dark) #dashboard-view .stat,html:not(.dark) #dashboard-view .table-wrap,html:not(.dark) #dashboard-view .pending-transactions-panel,html:not(.dark) #dashboard-view .card{border:1px solid #e8edf4!important;border-radius:15px!important;background:#fff!important;box-shadow:0 3px 14px #17294408!important}
html:not(.dark) #dashboard-view .panel:hover,html:not(.dark) #dashboard-view .quote-card:hover{border-color:#d7e0ed!important;box-shadow:0 8px 24px #17294410!important;transform:none!important}
html:not(.dark) #dashboard-view .stats .stat{min-height:124px!important;padding:20px 50px 19px 20px!important}
html:not(.dark) #dashboard-view .stat-label{color:#8490a2!important;font-size:12px!important;font-weight:700!important}
html:not(.dark) #dashboard-view .stat-value{color:#1c2940!important;font:800 clamp(20px,2vw,30px)/1.2 Manrope,'Segoe UI',sans-serif!important;letter-spacing:-.05em!important}
html:not(.dark) #dashboard-view .stat-icon{border:0!important;border-radius:10px!important;background:#eff2ff!important;color:#4866e7!important}
html:not(.dark) #dashboard-view .stat-icon svg{color:inherit!important;stroke:currentColor!important}
html:not(.dark) #dashboard-view .btn-primary,html:not(.dark) #dashboard-view .action-btn.primary{border:0!important;border-radius:10px!important;background:#3859e9!important;color:#fff!important;box-shadow:0 5px 13px #3859e924!important}
html:not(.dark) #dashboard-view .btn-primary:hover{background:#2948d9!important}
html:not(.dark) #dashboard-view .btn-ghost{border:1px solid #e2e8f1!important;border-radius:10px!important;background:#fff!important;color:#53647c!important}
html:not(.dark) #dashboard-view .btn-ghost:hover{border-color:#bdcafa!important;background:#f1f4ff!important;color:#3859e9!important}
html:not(.dark) #dashboard-view .field,html:not(.dark) #dashboard-view .textarea,html:not(.dark) #dashboard-view select.field{border:1px solid #dfe5ee!important;border-radius:9px!important;background:#fff!important;color:#25364b!important}
html:not(.dark) #dashboard-view .field:focus,html:not(.dark) #dashboard-view .textarea:focus{border-color:#3859e9!important;box-shadow:0 0 0 3px #3859e91a!important}
html:not(.dark) #dashboard-view thead th{border-bottom:1px solid #e8edf4!important;background:#fafbfe!important;color:#95a2b3!important;font-size:10px!important;letter-spacing:.1em!important}
html:not(.dark) #dashboard-view tbody td{border-bottom:1px solid #f0f2f6!important;color:#5f7085!important}
html:not(.dark) #dashboard-view tbody tr:hover td{background:#f8faff!important}
html:not(.dark) #dashboard-view .badge{border-radius:30px!important}
html:not(.dark) #dashboard-view .chart-panel h2,html:not(.dark) #dashboard-view .panel h2{font-family:Manrope,'Segoe UI',sans-serif!important;font-weight:800!important;letter-spacing:-.03em!important}

/* Main dashboard overview: make live information scannable before the detailed sections. */
#dashboard-view .sidebar-section-label{margin:0 13px 13px;color:#9eabbc;font-size:10px;font-weight:800;letter-spacing:.16em}
html:not(.dark) #dashboard-view .sidebar-brand{margin-bottom:29px!important}
#dashboard-view #tab-home:not(.hidden){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px}
#dashboard-view #tab-home>.dashboard-overview-heading,#dashboard-view #tab-home>.stats,#dashboard-view #tab-home>.analytics-grid,#dashboard-view #tab-home>.home-grid{grid-column:1/-1;min-width:0}
#dashboard-view #tab-home>.dashboard-overview-heading{align-items:center!important;margin:0 0 8px!important}
#dashboard-view #tab-home>.dashboard-overview-heading .eyebrow{margin:0 0 7px!important}
#dashboard-view #tab-home .overview-title{margin:0 0 6px!important;color:#19283e;font:800 clamp(25px,2.2vw,32px)/1.24 Manrope,'Segoe UI',sans-serif!important;letter-spacing:-.055em!important}
#dashboard-view #tab-home>.dashboard-overview-heading .muted{margin:0!important;color:#8794a7!important;font-size:13px!important}
#dashboard-view #overview-updated{display:inline-flex;align-items:center;gap:8px;padding:9px 13px!important;border:1px solid #dce6ff!important;border-radius:999px!important;background:#f0f4ff!important;color:#3859e9!important;font-size:11px!important;font-weight:800!important}
#dashboard-view #overview-updated::before{content:"";width:7px;height:7px;border-radius:50%;background:#36b987;box-shadow:0 0 0 4px #36b98720}
#dashboard-view #tab-home>.stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin:0 0 2px!important}
#dashboard-view #tab-home .stat{min-width:0!important;min-height:136px!important;padding:22px 54px 20px 22px!important;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important}
#dashboard-view #tab-home .stat:hover{transform:translateY(-2px)!important;border-color:#cbd8f9!important;box-shadow:0 12px 30px #17294414!important}
#dashboard-view #tab-home .stat-label{text-transform:none!important;letter-spacing:0!important;font-size:12px!important;line-height:1.35!important}
#dashboard-view #tab-home .stat-value{margin-top:18px!important;font-size:clamp(22px,2.1vw,30px)!important;line-height:1.13!important}
#dashboard-view #tab-home .stat-revenue .stat-value,#dashboard-view #tab-home .stat-won .stat-value{font-size:clamp(20px,1.7vw,26px)!important}
#dashboard-view #tab-home .stat::after{right:-28px!important;bottom:-35px!important;width:105px!important;height:105px!important;background:#3859e90a!important}
#dashboard-view #tab-home>.attention-panel,#dashboard-view #tab-home>.pending-transactions-panel{width:100%!important;max-width:none!important;min-width:0;min-height:170px;margin:0!important;padding:23px!important}
#dashboard-view #tab-home>.attention-panel .toolbar,#dashboard-view #tab-home>.pending-transactions-panel .toolbar{align-items:flex-start!important;padding:0 0 18px!important;gap:12px!important}
#dashboard-view #tab-home>.attention-panel h2,#dashboard-view #tab-home>.pending-transactions-panel h2{font-size:16px!important;letter-spacing:-.04em!important}
#dashboard-view #tab-home>.attention-panel .muted,#dashboard-view #tab-home>.pending-transactions-panel .muted{font-size:12px!important;line-height:1.5!important}
#dashboard-view #tab-home>.analytics-grid{margin:1px 0 0!important;gap:18px!important}
#dashboard-view #tab-home .chart-panel{min-height:270px!important;padding:24px!important}
#dashboard-view #tab-home .chart-panel-wide{min-height:558px!important}
#dashboard-view #tab-home .chart-heading{align-items:center!important}
#dashboard-view #tab-home .chart-heading h2{margin:5px 0 0!important;font-size:16px!important}
#dashboard-view #tab-home .chart-caption{padding:6px 10px!important;border-radius:999px!important;background:#f1f4ff!important;color:#4964dc!important;font-size:10px!important;font-weight:800!important}
#dashboard-view #tab-home .svg-chart .trend-line{stroke:#3859e9!important;stroke-width:3!important}
#dashboard-view #tab-home .svg-chart .trend-point{stroke:#3859e9!important}
#dashboard-view #tab-home .pipeline-track{background:#edf1f7!important}
#dashboard-view #tab-home .pipeline-fill{background:linear-gradient(90deg,#3859e9,#7891ff)!important}
#dashboard-view #tab-home>.home-grid{gap:18px!important;margin-top:0!important}
#dashboard-view #tab-home>.home-grid>.panel{min-width:0;padding:23px!important}
html.dark #dashboard-view .sidebar-section-label{color:#92a2b9!important}
html.dark #dashboard-view #tab-home .overview-title{color:#f0f4fb!important}
html.dark #dashboard-view #tab-home>.dashboard-overview-heading .muted{color:#9eacc0!important}
html.dark #dashboard-view #overview-updated{border-color:#2b437c!important;background:#192b53!important;color:#a8baff!important}
html.dark #dashboard-view #tab-home .stat:hover{border-color:#3c568a!important;box-shadow:0 12px 30px #0003!important}
html.dark #dashboard-view #tab-home .stat::after{background:#7891ff0c!important}
html.dark #dashboard-view #tab-home .chart-caption{border-color:#2b437c!important;background:#192b53!important;color:#a8baff!important}
html.dark #dashboard-view #tab-home .pipeline-track{background:#27364e!important}

html.dark #login-view .login-card{background:#101a2b!important}
html.dark #login-view h1,html.dark #login-view .mobile-login-brand{color:#eef3fb!important}
html.dark #login-view .login-intro{color:#a4b2c5!important}
html.dark #login-view .eyebrow{color:#8da3c0!important}
html.dark #login-view .label,html.dark #login-view .label .muted{color:#d2deef!important}
html.dark #login-view .field{border-color:#33445d!important;background:#142239!important;color:#eaf0f9!important}
html.dark #login-view .field::placeholder{color:#8295b3!important}
html.dark #login-view .field:placeholder-shown{border-color:#3c528b!important;background:linear-gradient(115deg,#142239 0%,#172947 52%,#142239 100%)!important;box-shadow:0 0 0 1px #263a70,0 7px 26px #4f70ed24!important;animation:fieldGlowDark 4s ease-in-out infinite}
html.dark #login-view .field:focus{border-color:#6683ff!important;background:#182842!important;box-shadow:0 0 0 4px #6683ff2b,0 10px 30px #516eed22!important;animation:none!important}
@keyframes fieldGlowDark{0%,100%{box-shadow:0 0 0 1px #263a70,0 7px 26px #4f70ed24}50%{box-shadow:0 0 0 1px #526cc5,0 9px 30px #6f8bff38}}
html.dark #login-view .login-tab{color:#9eacc0!important}
html.dark #login-view .login-tab.active{color:#9cb0ff!important;border-bottom-color:#7993ff!important}
html.dark #login-view .login-logo{background:#000}
html.dark #login-view .login-logo .logo-light{display:none}
html.dark #login-view .login-logo .logo-dark{display:block}

@media(min-width:761px){#dashboard-view .mobile-toggle{display:none!important}}

@media(max-width:900px){#login-view.centered{grid-template-columns:42% 58%}.login-showcase{padding:35px 8%}.showcase-copy h2{font-size:clamp(31px,4vw,44px)}html:not(.dark) #dashboard-view .topbar-inner{padding:0 20px!important}html:not(.dark) #dashboard-view .main-inner{padding:25px 22px 48px!important}}
@media(max-width:1150px){#dashboard-view #tab-home:not(.hidden){grid-template-columns:minmax(0,1fr)!important}#dashboard-view #tab-home>.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}#dashboard-view #tab-home .chart-panel-wide{min-height:330px!important}}
@media(max-width:620px){#dashboard-view #tab-home:not(.hidden){gap:14px!important}#dashboard-view #tab-home>.dashboard-overview-heading{align-items:flex-start!important;gap:12px!important}#dashboard-view #tab-home>.stats{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}#dashboard-view #tab-home .stat{min-height:111px!important;padding:18px 54px 17px 18px!important}#dashboard-view #tab-home .stat-value{margin-top:13px!important}#dashboard-view #tab-home>.attention-panel,#dashboard-view #tab-home>.pending-transactions-panel,#dashboard-view #tab-home .chart-panel,#dashboard-view #tab-home>.home-grid>.panel{padding:18px!important}#dashboard-view #tab-home>.analytics-grid{grid-template-columns:minmax(0,1fr)!important}#dashboard-view #tab-home .chart-panel-wide{min-height:290px!important}}
@media(max-width:620px){#dashboard-view .topbar-inner{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;min-height:67px!important;padding:0 14px!important;gap:8px!important}#dashboard-view .topbar-inner>div:first-child{min-width:0;flex:1 1 auto;gap:8px!important}#dashboard-view .topbar-actions{display:flex!important;flex:0 0 auto!important;flex-wrap:nowrap!important;align-items:center!important;width:auto!important;margin-left:auto!important;gap:6px!important}#dashboard-view .admin-search,#dashboard-view #subtitle{display:none!important}#dashboard-view .profile-chip{min-width:38px!important;width:38px!important;padding:3px!important}#dashboard-view .profile-copy{display:none!important}#dashboard-view .topbar h1{font-size:12px!important;white-space:nowrap!important}#dashboard-view .topbar .eyebrow{font-size:8px!important;white-space:nowrap!important}#dashboard-view .notification-bell{width:36px!important;height:36px!important}}
@media(max-width:760px){html,body{max-width:100%;overflow-x:hidden}#login-view.centered,#login-view .login-card,#login-view .login-form-inner{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}#login-view .login-form-inner{width:100%!important}#login-view h1{font-size:clamp(24px,7vw,30px)!important}#dashboard-view,#dashboard-view .main,#dashboard-view .main-inner,#dashboard-view .tab-panel{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}#dashboard-view .main{width:100%!important}#dashboard-view .main-inner{width:100%!important}#dashboard-view .tab-panel>*{min-width:0;max-width:100%;box-sizing:border-box}#dashboard-view .panel,#dashboard-view .card,#dashboard-view .quote-card,#dashboard-view .quotes-toolbar,#dashboard-view .table-wrap{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}#dashboard-view .toolbar-row,#dashboard-view .toolbar,#dashboard-view .quotes-toolbar .row,#dashboard-view .panel>.row{flex-wrap:wrap!important}#dashboard-view .search-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important}#dashboard-view .search-grid>*{min-width:0!important;max-width:100%!important}#dashboard-view .table-wrap,#dashboard-view [style*="overflow-x:auto"]{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}#dashboard-view #add-user-form,#dashboard-view #settings-form{grid-template-columns:minmax(0,1fr)!important}#dashboard-view #add-user-permissions{grid-column:1!important;grid-row:auto!important;min-width:0!important}#dashboard-view #add-user-form>.btn{grid-column:1!important}#dashboard-view .calendar-shell{grid-template-columns:minmax(0,1fr)!important}#dashboard-view .modal{max-width:calc(100vw - 24px)!important}#dashboard-view .field,#dashboard-view .textarea{max-width:100%!important}}
@media(max-width:760px){#login-view.centered:not(.hidden){display:block!important}.login-showcase{display:none!important}#login-view .login-card{min-height:100vh!important;padding:30px 24px!important}#login-view .mobile-login-brand{display:flex!important;align-items:center;gap:9px;margin-bottom:55px;color:#182337;font:800 18px Manrope,'Segoe UI',sans-serif;letter-spacing:-.045em}#login-view .mobile-login-brand .showcase-mark{background:#3859e9;border-color:#3859e9}html:not(.dark) #dashboard-view.shell:not(.hidden){display:block!important}html:not(.dark) #dashboard-view .sidebar{position:fixed!important;z-index:45!important;width:min(286px,88vw)!important;height:100vh!important;transform:translateX(-105%)!important;transition:transform .24s ease!important;box-shadow:18px 0 50px #17294424!important}html:not(.dark) #dashboard-view .sidebar.open{transform:translateX(0)!important}html:not(.dark) #dashboard-view .main-inner{padding:23px 16px 48px!important}}
@media(prefers-reduced-motion:reduce){.login-showcase::before,.login-showcase::after,.showcase-orbit,#login-view .field:placeholder-shown{animation:none!important}#login-view .field{transition:none!important}}

/* One dashboard system for both themes and every workspace section. */
#dashboard-view{--dash-page:#f6f8fb;--dash-surface:#fff;--dash-surface-soft:#f9fbfe;--dash-border:#e5ebf3;--dash-ink:#1b2a40;--dash-muted:#748399;--dash-accent:#3859e9;--dash-accent-soft:#edf1ff;--dash-shadow:0 3px 14px #17294408}
html.dark #dashboard-view{--dash-page:#0b1424;--dash-surface:#142136;--dash-surface-soft:#192a43;--dash-border:#2c3d57;--dash-ink:#edf3ff;--dash-muted:#a4b3ca;--dash-accent:#91a7ff;--dash-accent-soft:#263a68;--dash-shadow:0 4px 18px #0002}
#dashboard-view.shell:not(.hidden){grid-template-columns:238px minmax(0,1fr)!important}
#dashboard-view.shell.sidebar-collapsed:not(.hidden){grid-template-columns:0 minmax(0,1fr)!important}
#dashboard-view.shell.sidebar-collapsed>.sidebar{transform:translateX(-105%)!important;opacity:0!important;pointer-events:none!important}
#dashboard-view .mobile-toggle{display:inline-flex!important;flex:0 0 38px;width:38px;height:38px;border:1px solid var(--dash-border)!important;border-radius:10px;background:var(--dash-surface)!important;color:var(--dash-ink)!important;font-size:19px}
#dashboard-view .mobile-toggle:hover{background:var(--dash-accent-soft)!important;color:var(--dash-accent)!important}
#dashboard-view .main,#dashboard-view .main-inner{min-width:0;background:var(--dash-page)!important}
#dashboard-view .main-inner{max-width:1440px!important;padding:28px 32px 48px!important}
#dashboard-view .topbar{min-height:70px!important;background:var(--dash-surface)!important;border-bottom:1px solid var(--dash-border)!important;box-shadow:none!important}
#dashboard-view .topbar-inner{min-height:70px!important;padding:0 28px!important}
#dashboard-view .topbar h1{color:var(--dash-ink)!important}
#dashboard-view .topbar .eyebrow,#dashboard-view #subtitle{color:var(--dash-muted)!important}
#dashboard-view .sidebar{width:238px!important;min-width:238px!important;padding:24px 16px 18px!important;background:var(--dash-surface)!important;border-right:1px solid var(--dash-border)!important;box-shadow:none!important}
#dashboard-view .sidebar-brand{margin:0 0 25px!important;padding:0 12px!important;border:0!important}
#dashboard-view .sidebar-brand-name{color:var(--dash-ink)!important;font:800 18px Manrope,'Segoe UI',sans-serif!important}
#dashboard-view .sidebar-section-label{color:var(--dash-muted)!important}
#dashboard-view .sidebar .nav-item{min-height:40px!important;margin:0!important;padding:9px 12px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--dash-muted)!important;box-shadow:none!important;font-size:12.5px!important;font-weight:700!important;transform:none!important}
#dashboard-view .sidebar .nav-item:hover,#dashboard-view .sidebar .nav-item.active{background:var(--dash-accent-soft)!important;color:var(--dash-accent)!important}
#dashboard-view .sidebar .nav-item.active::before{display:none!important}
#dashboard-view .sidebar-footer{border-top:1px solid var(--dash-border)!important}
#dashboard-view .tab-panel{min-width:0;color:var(--dash-ink)!important}
#dashboard-view .tab-panel:not(#tab-home)>.section-heading{display:flex;align-items:center;gap:12px;margin:0 0 20px;padding:0 0 17px;border-bottom:1px solid var(--dash-border)}
#dashboard-view .section-heading-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:11px;background:var(--dash-accent-soft);color:var(--dash-accent)}
#dashboard-view .section-heading-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#dashboard-view .section-heading h2{margin:0;color:var(--dash-ink);font:800 19px Manrope,'Segoe UI',sans-serif;letter-spacing:-.04em}
#dashboard-view .section-heading p{margin:3px 0 0;color:var(--dash-muted);font-size:12px}
#dashboard-view .panel,#dashboard-view .quote-card,#dashboard-view .pending-order-card,#dashboard-view .stat,#dashboard-view .table-wrap,#dashboard-view .pending-transactions-panel,#dashboard-view .card,#dashboard-view .quotes-toolbar,#dashboard-view .calendar-shell{border:1px solid var(--dash-border)!important;border-radius:14px!important;background:var(--dash-surface)!important;box-shadow:var(--dash-shadow)!important}
#dashboard-view .panel:hover,#dashboard-view .quote-card:hover{border-color:var(--dash-accent)!important;box-shadow:0 8px 25px #182a4918!important;transform:none!important}
#dashboard-view .quotes-toolbar{padding:16px!important;margin-bottom:16px!important}
#dashboard-view .toolbar,#dashboard-view .toolbar-row{border-color:var(--dash-border)!important;background:transparent!important}
#dashboard-view .tab-panel h1,#dashboard-view .tab-panel h2,#dashboard-view .panel h2,#dashboard-view .chart-heading h2{color:var(--dash-ink)!important;font-family:Manrope,'Segoe UI',sans-serif!important;font-weight:800!important;letter-spacing:-.035em!important}
#dashboard-view .muted,#dashboard-view .quote-meta,#dashboard-view .activity-item p{color:var(--dash-muted)!important}
html.dark #dashboard-view .btn-warning{background:#fbbf24!important;border-color:#fde68a!important;color:#2b1900!important;font-weight:800!important;text-shadow:none!important}
html.dark #dashboard-view .btn-warning:hover,html.dark #dashboard-view .btn-warning:focus-visible{background:#fcd34d!important;border-color:#fef3c7!important;color:#1f1300!important}
html.dark #transfer-work-form>.muted{color:#c7d3e5!important}
html.theme-transitioning body,html.theme-transitioning #dashboard-view,html.theme-transitioning .main,html.theme-transitioning .sidebar,html.theme-transitioning .topbar,html.theme-transitioning .main-inner,html.theme-transitioning .tab-panel,html.theme-transitioning .panel,html.theme-transitioning .card,html.theme-transitioning .stat,html.theme-transitioning .quote-card,html.theme-transitioning .table-wrap,html.theme-transitioning table,html.theme-transitioning th,html.theme-transitioning td,html.theme-transitioning .field,html.theme-transitioning .textarea,html.theme-transitioning .btn,html.theme-transitioning .notification-bell,html.theme-transitioning .profile-chip,html.theme-transitioning .theme-topbar-switch{transition:background-color .32s ease,color .32s ease,border-color .32s ease,box-shadow .32s ease!important}
@media(prefers-reduced-motion:reduce){html.theme-transitioning *,html.theme-transitioning *::before,html.theme-transitioning *::after{transition:none!important}}
#dashboard-view .field,#dashboard-view .textarea,#dashboard-view select.field,#dashboard-view .status-select,#dashboard-view .admin-search,#dashboard-view .profile-chip,#dashboard-view .notification-bell{border:1px solid var(--dash-border)!important;border-radius:10px!important;background:var(--dash-surface-soft)!important;color:var(--dash-ink)!important;box-shadow:none!important}
#dashboard-view .field::placeholder,#dashboard-view .textarea::placeholder{color:var(--dash-muted)!important}
#dashboard-view .field:focus,#dashboard-view .textarea:focus,#dashboard-view select.field:focus{border-color:var(--dash-accent)!important;box-shadow:0 0 0 3px #738cff2b!important}
#dashboard-view .btn-ghost,#dashboard-view .filter-btn,#dashboard-view .tab-btn{border:1px solid var(--dash-border)!important;border-radius:9px!important;background:var(--dash-surface)!important;color:var(--dash-ink)!important;box-shadow:none!important}
#dashboard-view .btn-ghost:hover,#dashboard-view .filter-btn:hover,#dashboard-view .filter-btn.active,#dashboard-view .tab-btn.active{border-color:var(--dash-accent)!important;background:var(--dash-accent-soft)!important;color:var(--dash-accent)!important}
#dashboard-view .btn-primary{border:0!important;border-radius:9px!important;background:#3859e9!important;color:#fff!important;box-shadow:0 5px 13px #3859e924!important}
#dashboard-view .table-wrap{overflow-x:auto!important}
#dashboard-view table{background:var(--dash-surface)!important;color:var(--dash-ink)!important}
#dashboard-view thead th{background:var(--dash-surface-soft)!important;color:var(--dash-muted)!important;border-bottom:1px solid var(--dash-border)!important}
#dashboard-view tbody td{background:var(--dash-surface)!important;color:var(--dash-ink)!important;border-bottom:1px solid var(--dash-border)!important}
#dashboard-view tbody tr:hover td{background:var(--dash-surface-soft)!important}
#dashboard-view .empty{background:var(--dash-surface-soft)!important;color:var(--dash-muted)!important}
#dashboard-view .chart-caption{border:1px solid var(--dash-border)!important;background:var(--dash-accent-soft)!important;color:var(--dash-accent)!important}
#dashboard-view #tab-home>.stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
#dashboard-view #tab-home .stat{min-height:98px!important;padding:15px 46px 14px 17px!important}
#dashboard-view #tab-home .stat::before{width:3px!important}
#dashboard-view #tab-home .stat::after{width:70px!important;height:70px!important;right:-24px!important;bottom:-34px!important}
#dashboard-view #tab-home .stat-label{max-width:none!important;color:var(--dash-muted)!important;font-size:11px!important}
#dashboard-view #tab-home .stat-value,#dashboard-view #tab-home .stat-revenue .stat-value,#dashboard-view #tab-home .stat-won .stat-value{margin-top:10px!important;color:var(--dash-ink)!important;font:800 clamp(17px,1.55vw,23px)/1.15 Manrope,'Segoe UI',sans-serif!important;letter-spacing:-.045em!important;overflow-wrap:anywhere}
#dashboard-view #tab-home .stat-icon{top:13px!important;right:12px!important;width:28px!important;height:28px!important;border:0!important;border-radius:8px!important;background:var(--dash-accent-soft)!important;color:var(--dash-accent)!important}
#dashboard-view #tab-home .stat-icon svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round;stroke-linejoin:round}
html.dark #dashboard-view #tab-home .pipeline-track{background:#30435f!important}
html.dark #dashboard-view .profile-avatar{background:var(--dash-accent-soft)!important;color:var(--dash-accent)!important}
html.dark #dashboard-view .tabs{background:var(--dash-surface-soft)!important;border-color:var(--dash-border)!important}
@media(max-width:1150px){#dashboard-view #tab-home>.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:900px){#dashboard-view.shell:not(.hidden),#dashboard-view.shell.sidebar-collapsed:not(.hidden){display:block!important}#dashboard-view .sidebar{position:fixed!important;z-index:45!important;width:min(286px,88vw)!important;min-width:0!important;height:100dvh!important;transform:translateX(-105%)!important;opacity:1!important;transition:transform .24s ease!important;box-shadow:18px 0 50px #0003!important}#dashboard-view .sidebar.open{display:flex!important;transform:translateX(0)!important;pointer-events:auto!important}#dashboard-view .main-inner{padding:22px 18px 40px!important}}
@media(max-width:620px){#dashboard-view .topbar-inner{padding:0 12px!important}#dashboard-view .main-inner{padding:20px 14px 38px!important}#dashboard-view #tab-home>.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}#dashboard-view #tab-home .stat{min-height:91px!important;padding:13px 31px 12px 13px!important}#dashboard-view #tab-home .stat-icon{top:11px!important;right:9px!important;width:23px!important;height:23px!important}#dashboard-view #tab-home .stat-icon svg{width:14px!important;height:14px!important}#dashboard-view #tab-home .stat-label{font-size:10px!important}#dashboard-view #tab-home .stat-value,#dashboard-view #tab-home .stat-revenue .stat-value,#dashboard-view #tab-home .stat-won .stat-value{font-size:clamp(15px,4vw,19px)!important}#dashboard-view .quotes-toolbar{padding:13px!important}#dashboard-view .tab-panel:not(#tab-home)>.section-heading{margin-bottom:14px}}

/* Dense, usable content inside CRM, Team, and the other sections. */
#dashboard-view .tab-panel:not(#tab-home)>.toolbar{padding:16px 18px!important;border:1px solid var(--dash-border)!important;border-radius:14px!important;background:var(--dash-surface)!important;box-shadow:var(--dash-shadow)!important}
#dashboard-view .quotes-toolbar .toolbar-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:0!important}
#dashboard-view .quotes-toolbar .toolbar-row+.toolbar-row{margin-top:13px!important;padding-top:13px!important;border-top:1px solid var(--dash-border)!important}
#dashboard-view .quotes-toolbar .toolbar-row>.row{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important}
#dashboard-view .quotes-toolbar .search-grid,#dashboard-view #tab-user-activity .search-grid,#dashboard-view #tab-complaints .search-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:8px!important;min-width:0!important;flex:0 0 auto!important;width:100%!important;height:auto!important}
#dashboard-view #tab-user-activity .search-grid{grid-template-columns:minmax(220px,1.7fr) minmax(150px,1fr)!important;max-width:720px}
#dashboard-view .search-grid>*{min-width:0!important;max-width:100%!important}
#dashboard-view .quotes-toolbar .filters{display:flex!important;gap:5px!important;flex-wrap:wrap!important;padding:3px!important;border:1px solid var(--dash-border)!important;border-radius:10px!important;background:var(--dash-surface-soft)!important}
#dashboard-view .filter-btn{min-height:30px!important;padding:5px 10px!important;font-size:11px!important;white-space:nowrap}
#dashboard-view .quotes-toolbar .btn,#dashboard-view .tab-panel:not(#tab-home)>.toolbar .btn{min-height:34px!important;padding:7px 11px!important;font-size:11px!important}
#dashboard-view .quotes-toolbar .field,#dashboard-view .tab-panel:not(#tab-home)>.toolbar .field{min-height:36px!important;padding:7px 10px!important;font-size:12px!important}
#dashboard-view .quote-list{display:grid!important;gap:11px!important;min-width:0}
#dashboard-view .quote-card{min-width:0!important;padding:16px 18px!important}
#dashboard-view .quote-card h2{margin:0 0 4px!important;font-size:15px!important;line-height:1.3!important}
#dashboard-view .quote-card .muted,#dashboard-view .quote-card p{font-size:12px!important;line-height:1.45!important}
#dashboard-view .quote-card .section{margin-top:12px!important;padding-top:11px!important;border-top:1px solid var(--dash-border)!important}
#dashboard-view .quote-card .btn{min-height:32px!important;padding:6px 10px!important;font-size:11px!important}
#dashboard-view .tab-panel:not(#tab-home)>.panel{padding:18px 20px!important}
#dashboard-view .tab-panel:not(#tab-home)>.panel[style*="padding:0"]{padding:0!important;overflow:hidden!important}
#dashboard-view .tab-panel:not(#tab-home)>.panel h2{margin:0;font-size:16px!important}
#dashboard-view .tab-panel:not(#tab-home)>.panel>.muted{max-width:850px;font-size:12px!important;line-height:1.55!important}
#dashboard-view .tab-panel table{width:100%!important;min-width:640px!important;border-collapse:separate!important;border-spacing:0!important}
#dashboard-view .tab-panel th{padding:10px 12px!important;font-size:10px!important;letter-spacing:.08em!important;white-space:nowrap!important}
#dashboard-view .tab-panel td{padding:10px 12px!important;font-size:12px!important;line-height:1.4!important;vertical-align:middle!important}
#dashboard-view .tab-panel td .btn{min-height:30px!important;padding:5px 9px!important;font-size:11px!important}
#dashboard-view .tab-panel .label{color:var(--dash-ink)!important;font-size:12px!important;font-weight:700!important;gap:6px!important}
#dashboard-view .tab-panel .form-grid{gap:11px 14px!important}
#dashboard-view .tab-panel form .field,#dashboard-view .tab-panel form .textarea{min-height:38px!important;padding:8px 10px!important;font-size:12px!important}
#dashboard-view .tab-panel form .btn{min-height:36px!important;padding:8px 12px!important;font-size:12px!important}
#dashboard-view #tab-users .team-panel{background:var(--dash-surface)!important}
#dashboard-view #add-user-form{margin-top:20px!important;padding-top:18px!important;border-top:1px solid var(--dash-border)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
#dashboard-view #add-user-permissions{grid-column:2!important;grid-row:1/span 4!important;padding:13px 14px!important;border:1px solid var(--dash-border)!important;border-radius:11px!important;background:var(--dash-surface-soft)!important}
#dashboard-view #add-user-permissions label{display:flex;align-items:center;gap:7px;padding:4px 0;color:var(--dash-ink)!important;font-size:11px!important}
#dashboard-view #add-user-permissions p{color:var(--dash-ink)!important;font-size:12px!important;font-weight:800!important}
#dashboard-view #tab-settings>.panel{max-width:1000px}
#dashboard-view #tab-templates>div[style*="overflow-x:auto"]{border:1px solid var(--dash-border)!important;border-radius:14px!important;background:var(--dash-surface)!important;box-shadow:var(--dash-shadow)!important}
#dashboard-view .calendar-shell{gap:13px!important;padding:15px!important}
#dashboard-view .calendar-shell>*{min-width:0!important}
#dashboard-view #tab-audit>.panel,#dashboard-view #tab-user-activity>.panel,#dashboard-view #tab-monitor>.panel{overflow:hidden}
#dashboard-view .tab-panel .badge{border-radius:999px!important;font-size:10px!important;font-weight:800!important}
@media(max-width:1000px){#dashboard-view .quotes-toolbar .search-grid,#dashboard-view #tab-user-activity .search-grid,#dashboard-view #tab-complaints .search-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){#dashboard-view .quotes-toolbar .toolbar-row{align-items:stretch!important;flex-direction:column!important}#dashboard-view .quotes-toolbar .search-grid,#dashboard-view #tab-user-activity .search-grid,#dashboard-view #tab-complaints .search-grid{width:100%!important;flex:auto!important}#dashboard-view .tab-panel:not(#tab-home)>.panel{padding:15px!important}#dashboard-view .tab-panel:not(#tab-home)>.panel[style*="padding:0"]{padding:0!important}#dashboard-view #add-user-form{grid-template-columns:minmax(0,1fr)!important}#dashboard-view #add-user-permissions{grid-column:1!important;grid-row:auto!important}#dashboard-view #add-user-form>.btn{grid-column:1!important}}
@media(max-width:560px){#dashboard-view .quotes-toolbar .search-grid,#dashboard-view #tab-user-activity .search-grid,#dashboard-view #tab-complaints .search-grid{grid-template-columns:minmax(0,1fr)!important}#dashboard-view .quotes-toolbar .toolbar-row>.row{align-items:stretch!important}#dashboard-view .quotes-toolbar .toolbar-row>.row .btn{flex:1 1 auto!important}#dashboard-view .quote-card{padding:14px!important}#dashboard-view .tab-panel th,#dashboard-view .tab-panel td{padding:9px 10px!important}}
#dashboard-view #tab-crm .quotes-toolbar>.toolbar-row:first-child{justify-content:flex-end!important}
#dashboard-view #tab-crm .quotes-toolbar>.toolbar-row:first-child>div{display:none!important}
#dashboard-view #tab-crm .quotes-toolbar>.toolbar-row:first-child .btn{min-height:33px!important}
#dashboard-view .quotes-toolbar{grid-template-columns:minmax(0,1fr)!important;min-width:0!important}
#dashboard-view .quotes-toolbar .toolbar-row{min-width:0!important;max-width:100%!important;width:100%!important}
#dashboard-view .quotes-toolbar .toolbar-row>*{min-width:0!important;max-width:100%!important}
@media(max-width:560px){#dashboard-view #tab-crm .quotes-toolbar>.toolbar-row:first-child{flex-direction:row!important}#dashboard-view #tab-crm .quotes-toolbar>.toolbar-row:first-child .btn{width:auto!important}#dashboard-view .quotes-toolbar .search-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#dashboard-view .quotes-toolbar .search-grid>*:first-child,#dashboard-view .quotes-toolbar .search-grid>*:nth-child(2){grid-column:1/-1}#dashboard-view .quotes-toolbar .filters{flex-wrap:nowrap!important;overflow-x:auto!important;width:100%!important;scrollbar-width:thin}#dashboard-view .quotes-toolbar .filters .filter-btn{flex:0 0 auto!important}#dashboard-view .quotes-toolbar .toolbar-row:last-child>.row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important}#dashboard-view .quotes-toolbar .toolbar-row:last-child>.row>*{min-width:0!important}#dashboard-view .quotes-toolbar .toolbar-row:last-child>.row .btn{padding:6px 7px!important}}
#dashboard-view #tab-workflow-projects>.toolbar,#dashboard-view #tab-workflow-support>.toolbar,#dashboard-view #tab-tawk-admin>.toolbar{padding:16px 18px!important;border:1px solid var(--dash-border)!important;border-radius:14px!important;background:var(--dash-surface)!important;box-shadow:var(--dash-shadow)!important}
#dashboard-view .workflow-card,#dashboard-view .tawk-item{border:1px solid var(--dash-border)!important;border-radius:11px!important;background:var(--dash-surface-soft)!important;box-shadow:none!important;color:var(--dash-ink)!important}
#dashboard-view .workflow-finance{border-color:var(--dash-border)!important}
#dashboard-view .workflow-stage{background:var(--dash-surface-soft)!important;border-color:var(--dash-border)!important}
#dashboard-view #tab-tawk-admin .tawk-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
#dashboard-view #tab-tawk-admin .panel{min-width:0!important}
#dashboard-view #tab-tawk-admin .panel .toolbar{padding:0 0 10px!important;border-bottom:1px solid var(--dash-border)!important;background:transparent!important}
@media(max-width:900px){#dashboard-view #tab-tawk-admin .tawk-grid{grid-template-columns:minmax(0,1fr)!important}}

.user-activity-name-link{appearance:none;border:0;background:none;padding:0;color:var(--primary,#2563eb);font:inherit;text-align:left;cursor:pointer}.user-activity-name-link:hover{text-decoration:underline}.user-activity-name-link:focus-visible{outline:2px solid #2563eb;outline-offset:3px;border-radius:3px}
.user-activity-row{cursor:pointer;transition:background .16s ease,box-shadow .16s ease}.user-activity-row:hover{background:rgba(37,99,235,.055)}.user-activity-row:focus-visible{outline:2px solid #2563eb;outline-offset:-2px;background:rgba(37,99,235,.07)}.user-activity-row:hover .user-activity-name-link{text-decoration:underline}
.customer-activity-backdrop{display:flex!important;justify-content:flex-end!important;align-items:stretch!important;padding:0!important;background:rgba(2,8,23,.58)!important}.customer-activity-drawer{width:min(540px,94vw);height:100vh;overflow:auto;padding:28px 24px;background:var(--surface,#fff);color:var(--text,#172033);border-left:1px solid var(--border,#dce5ef);box-shadow:-26px 0 72px rgba(2,8,23,.28);animation:customerActivityIn .24s ease-out both}.customer-activity-drawer>header{position:sticky;top:-28px;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:-28px -24px 18px;padding:28px 24px 18px;background:color-mix(in srgb,var(--surface,#fff) 94%,transparent);border-bottom:1px solid var(--border,#dce5ef);backdrop-filter:blur(14px)}.customer-activity-drawer h2{margin:3px 0 0;font-size:1.55rem}.customer-activity-drawer>header p:not(.eyebrow){margin:5px 0 0;color:var(--muted,#64748b);font-size:.82rem}.customer-activity-drawer>header>button{width:36px;height:36px;flex:none;border:1px solid var(--border,#dce5ef);border-radius:50%;background:var(--surface-soft,#f8fafc);color:var(--text,#172033);font-size:20px;cursor:pointer}.customer-activity-summary{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;margin-bottom:22px}.customer-activity-summary span{padding:13px 14px;border:1px solid var(--border,#dce5ef);border-radius:12px;background:var(--surface-soft,#f8fafc)}.customer-activity-summary small,.customer-activity-summary strong{display:block}.customer-activity-summary small{color:var(--muted,#64748b);font-size:.69rem;text-transform:uppercase;letter-spacing:.06em}.customer-activity-summary strong{margin-top:5px;font-size:.9rem}.customer-activity-timeline{display:grid;gap:0}.customer-activity-timeline article{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;padding-bottom:17px}.customer-activity-timeline article:not(:last-child):before{content:"";position:absolute;left:6px;top:13px;bottom:0;width:1px;background:var(--border,#dce5ef)}.customer-activity-timeline article>i{position:relative;z-index:1;width:13px;height:13px;margin-top:4px;border:3px solid color-mix(in srgb,#2563eb 22%,var(--surface,#fff));border-radius:50%;background:#2563eb}.customer-activity-timeline article>div{padding:14px;border:1px solid var(--border,#dce5ef);border-radius:13px;background:var(--surface-soft,#f8fafc)}.customer-activity-timeline article header{display:flex;align-items:start;justify-content:space-between;gap:12px}.customer-activity-timeline article time{color:var(--muted,#64748b);font-size:.72rem;text-align:right}.customer-activity-timeline dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 0}.customer-activity-timeline dl div{padding:8px 10px;border-radius:8px;background:var(--surface,#fff)}.customer-activity-timeline dt{color:var(--muted,#64748b);font-size:.67rem;text-transform:uppercase;letter-spacing:.05em}.customer-activity-timeline dd{margin:3px 0 0;font-size:.78rem;overflow-wrap:anywhere}@keyframes customerActivityIn{from{opacity:.55;transform:translateX(48px)}to{opacity:1;transform:none}}html.dark .customer-activity-drawer{background:#0b1424;border-color:#263449}html.dark .customer-activity-drawer>header{background:rgba(11,20,36,.94)}html.dark .customer-activity-summary span,html.dark .customer-activity-timeline article>div{background:#101d31;border-color:#263449}html.dark .customer-activity-timeline dl div,html.dark .customer-activity-drawer>header>button{background:#0b1424;border-color:#263449;color:#f8fafc}@media(max-width:620px){.customer-activity-backdrop{align-items:flex-end!important}.customer-activity-drawer{width:100%;height:min(88vh,780px);padding:22px 17px;border-left:0;border-top:1px solid var(--border,#dce5ef);border-radius:22px 22px 0 0;animation:customerActivityUp .24s ease-out both}.customer-activity-drawer>header{top:-22px;margin:-22px -17px 16px;padding:22px 17px 15px}.customer-activity-summary{grid-template-columns:1fr}.customer-activity-timeline dl{grid-template-columns:1fr}@keyframes customerActivityUp{from{opacity:.55;transform:translateY(48px)}to{opacity:1;transform:none}}}

/* In-app toast notifications (replace native alert popups) */
#app-toast-host{position:fixed;top:18px;right:18px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:min(92vw,380px);pointer-events:none}
.app-toast{background:var(--surface,#fff);color:var(--ink,#0f172a);border:1px solid var(--border,#e2e8f0);border-left:4px solid #64748b;border-radius:12px;box-shadow:0 12px 34px rgba(15,23,42,.16);padding:12px 16px;font-size:.9rem;line-height:1.45;opacity:0;transform:translateY(-8px);transition:opacity .28s ease,transform .28s ease;word-break:break-word}
.app-toast.app-toast-success{border-left-color:#16a34a}
.app-toast.app-toast-error{border-left-color:#dc2626}
.app-toast.is-visible{opacity:1;transform:translateY(0)}
html.dark .app-toast{background:var(--surface,#0f1d34);color:var(--ink,#f8fafc);border-color:var(--border,#334155);box-shadow:0 12px 34px rgba(2,6,23,.55)}
@media(max-width:640px){#app-toast-host{top:10px;right:10px;left:10px;max-width:none}.app-toast{padding:11px 13px;font-size:.86rem}}

/* ============================================================
   Admin UI redesign v2 — settings layout, toolbars, stats, tables
   ============================================================ */

/* ---- Settings: two-column sectioned layout ---- */
.settings-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;align-items:start}
.settings-nav{position:sticky;top:86px;display:flex;flex-direction:column;gap:2px;padding:14px 12px;background:var(--surface,#fff);border:1px solid var(--border,#e5e9f2);border-radius:14px;box-shadow:var(--shadow,0 8px 22px rgba(29,38,68,.05))}
.settings-nav-title{margin:0 0 6px;font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted,#718096)}
.settings-nav-link{display:block;padding:7px 10px;border-radius:8px;font-size:.82rem;font-weight:600;color:var(--muted,#64748b);text-decoration:none;transition:background .15s ease,color .15s ease}
.settings-nav-link:hover{background:var(--primary-soft,#eff6ff);color:var(--primary,#2563eb)}
.settings-nav-link.active{background:var(--primary,#2563eb);color:#fff}
.settings-content{display:flex;flex-direction:column;gap:18px;min-width:0;align-items:stretch}
.settings-section{width:100%;scroll-margin-top:96px;background:var(--surface,#fff);border:1px solid var(--border,#e5e9f2);border-radius:16px;box-shadow:var(--shadow,0 8px 22px rgba(29,38,68,.05));overflow:hidden}
.settings-section-head{padding:16px 20px 14px;border-bottom:1px solid var(--border,#e5e9f2);background:linear-gradient(180deg,rgba(37,99,235,.035),transparent 70%)}
.settings-section-head h3{margin:0;font-size:.98rem;font-weight:700;color:var(--text,#172033);letter-spacing:-.01em}
.settings-section-head p{margin:4px 0 0;font-size:.78rem;color:var(--muted,#718096)}
.settings-section-body{padding:18px 20px 20px}
.settings-subhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 8px}
.settings-status-list{display:flex;flex-direction:column;gap:0}
.settings-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 2px;border-bottom:1px dashed var(--border,#e5e9f2);font-size:.86rem}
.settings-status-row:last-of-type{border-bottom:0}
.settings-status{flex:0 0 auto;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.settings-status.on{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}
.settings-status.off{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}
.settings-test-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.settings-test-card{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--border,#e5e9f2);border-radius:12px;background:var(--surface,#fff)}
.settings-test-card>strong{font-size:.88rem}
.settings-savebar{position:sticky;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;background:var(--surface,#fff);border:1px solid var(--border,#e5e9f2);border-radius:14px;box-shadow:0 -6px 28px rgba(15,23,42,.12);z-index:20}
.settings-savebar strong{display:block;font-size:.86rem}
.settings-savebar span{display:block;font-size:.72rem;color:var(--muted,#718096);margin-top:2px}
@media(max-width:900px){.settings-layout{grid-template-columns:minmax(0,1fr)}.settings-nav{position:static;flex-direction:row;flex-wrap:wrap;align-items:center}.settings-nav-title{width:100%;margin-bottom:2px}.settings-nav-link{padding:5px 9px;font-size:.76rem}}

/* ---- Toolbars: labeled field groups + button clusters ---- */
.quotes-toolbar .toolbar-row{row-gap:10px}
.toolbar-group{display:flex;flex-direction:column;gap:5px;min-width:0;flex:0 0 auto;justify-content:flex-start}
.toolbar-group-label{font-size:.64rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted,#718096)}
#dashboard-view .toolbar-group>.search-grid{flex:0 0 auto !important;width:100%;grid-auto-rows:min-content;height:auto!important}
#dashboard-view .quotes-toolbar .search-grid{flex:0 0 auto !important;width:100%;grid-auto-rows:min-content;height:auto!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}
.quotes-toolbar .toolbar-group .search-grid .field,.quotes-toolbar .toolbar-group .field{height:38px;min-height:38px}
.toolbar-cluster{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.toolbar-cluster .btn{padding:6px 11px;font-size:.8rem}
.quotes-toolbar .toolbar-row>.toolbar-group+.toolbar-group{margin-left:18px}
#tab-crm .quotes-toolbar .toolbar-group:first-child{min-width:min(100%,300px)}
.toolbar-divider{width:1px;align-self:stretch;margin:2px 4px;background:var(--border,#e5e9f2)}
.filters .filter-btn{min-width:44px}

/* ---- Stat cards: breathing room + tabular numerals ---- */
.stats{gap:14px}
.stat{padding:16px 18px !important;border-radius:16px !important}
.stat .stat-label{font-size:.72rem !important;font-weight:700 !important;letter-spacing:.02em}
.stat .stat-value{font-size:1.62rem !important;font-weight:800 !important;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.15 !important;margin-top:6px !important}
.stat .stat-icon{opacity:.9}

/* ---- Tables: softer headers, aligned cells ---- */
.panel table thead th{font-size:.66rem !important;letter-spacing:.08em !important;color:var(--muted,#718096) !important;font-weight:800 !important;padding:10px 12px !important;border-bottom:1px solid var(--border,#e5e9f2) !important;background:rgba(148,163,184,.06)}
.panel table tbody td{padding:11px 12px !important;vertical-align:middle}
.panel table tbody tr{transition:background .14s ease}
.panel table tbody tr:hover{background:rgba(37,99,235,.035)}

/* ---- Dark mode parity ---- */
html.dark .settings-nav,html.dark .settings-section,html.dark .settings-savebar{background:var(--surface,#101c30);border-color:var(--border,#253852)}
html.dark .settings-section-head{border-bottom-color:var(--border,#253852);background:linear-gradient(180deg,rgba(96,165,250,.06),transparent 70%)}
html.dark .settings-section-head h3{color:var(--text,#f1f5f9)}
html.dark .settings-nav-link:hover{background:rgba(96,165,250,.12);color:#93c5fd}
html.dark .settings-nav-link.active{background:var(--primary,#3b82f6);color:#fff}
html.dark .settings-status-row{border-bottom-color:var(--border,#253852)}
html.dark .settings-status.on{background:rgba(16,185,129,.14);color:#6ee7b7;border-color:rgba(110,231,183,.3)}
html.dark .settings-status.off{background:rgba(100,116,139,.16);color:#94a3b8;border-color:rgba(148,163,184,.25)}
html.dark .settings-test-card{border-color:var(--border,#253852)}
html.dark .toolbar-divider{background:var(--border,#253852)}
html.dark .panel table thead th{color:#94a3b8 !important;border-bottom-color:var(--border,#253852) !important;background:rgba(148,163,184,.08)}
html.dark .panel table tbody tr:hover{background:rgba(96,165,250,.07)}

/* ---- Unified card pattern for table/panel tabs ---- */
.panel.ui-card{padding:0 !important;overflow:hidden;border-radius:16px !important}
.ui-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 18px;border-bottom:1px solid var(--border,#e5e9f2);background:linear-gradient(180deg,rgba(37,99,235,.035),transparent 70%)}
.ui-card-head>div:first-child{min-width:0;max-width:58ch}
.ui-card-head h3{margin:0;font-size:.98rem;font-weight:700;letter-spacing:-.01em;color:var(--text,#172033)}
.ui-card-head p{margin:4px 0 0;font-size:.78rem;color:var(--muted,#718096)}
.ui-card-head .toolbar-cluster{align-items:center;padding-top:2px;flex-wrap:nowrap;margin-left:auto}
.ui-card-head .toolbar-cluster .field{flex:0 1 260px;min-width:150px}
.ui-card-head .field{height:38px;padding:8px 10px}
@media(max-width:860px){.ui-card-head .toolbar-cluster{flex-wrap:wrap;margin-left:0}}
.ui-table-wrap{overflow-x:auto}
.ui-table-wrap table{width:100%;border-collapse:collapse}

/* ---- Calendar polish ---- */
.calendar-toolbar{padding:16px 18px}
.calendar-legend{padding:12px 18px 14px;font-size:.76rem}
.calendar-agenda .agenda-heading{padding:16px 18px 0}
.calendar-agenda .calendar-agenda-list{padding:0 18px 16px}

/* ---- Dark parity for cards ---- */
html.dark .ui-card-head{border-bottom-color:var(--border,#253852);background:linear-gradient(180deg,rgba(96,165,250,.06),transparent 70%)}
html.dark .ui-card-head h3{color:var(--text,#f1f5f9)}
html.dark .panel.ui-card{background:var(--surface,#101c30);border-color:var(--border,#253852)}

/* 2026-09-28: Team-wide modal stacking parity.
   Admin and member/viewer accounts share the same workspace shell and #modal-root.
   Any action dialog launched while a Quote Details drawer is open must render above it. */
#modal-root:not(.hidden){position:fixed!important;inset:0!important;z-index:30000!important;pointer-events:none!important}
#modal-root:not(.hidden)>.modal-backdrop,
#modal-root:not(.hidden) .modal-backdrop{position:fixed!important;inset:0!important;z-index:30001!important;pointer-events:auto!important}
#modal-root:not(.hidden) :is(.modal,.card.modal,[role="dialog"],[role="alertdialog"]){position:relative!important;z-index:30002!important;pointer-events:auto!important}

/* 2026-09-28: Remove redundant tab intro headings.
   The active item is already identified by the left navigation, so repeating
   the tab title + description at the top of every opened workspace tab wastes space. */
#dashboard-view .tab-panel:not(#tab-home) > .section-heading{
  display:none!important;
}