/* Shared UI: violet actions, emerald status, clear contrast. */
:root{--ink:#202a43;--muted:#617087;--line:#e2e7f0;--bg:#f5f6fb;--green:#6551c9;--green-hover:#5040ac;--nav:#172337;--nav-muted:#a5b5cc;--shadow:0 5px 24px #26335b08}
.sidebar{background:linear-gradient(165deg,#172b3c,#1f243e)}
.nav-link{color:#c0cedd}.nav-link.active{background:#6350c93d;color:#fff}.nav-link.active .icon{color:#bdb4ff}.nav-link.active:before{background:#9b8cff}
.nav-link:hover{background:#ffffff10}.topbar{box-shadow:0 3px 18px #26335b04}
.btn.primary{background:#6551c9;box-shadow:0 3px 10px #6551c926}.btn.primary:hover{background:#5140ad;box-shadow:0 5px 15px #6551c936}.btn.secondary:hover{background:#f0edff;border-color:#c9bef8;color:#5140ad}
.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a99aea;outline-offset:3px}
.btn.danger{background:#fff3f3;color:#a62e43;border-color:#edcad1}.btn.danger:hover{background:#fae2e7}
.panel{box-shadow:var(--shadow)}.table-wrap{max-width:100%;overflow-x:auto}.team-table td{vertical-align:middle}.team-table th{color:#52617a}.team-table tbody tr:hover{background:#f8f7fd}
.user-access-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px 16px;min-width:206px}
.user-access-switch{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;min-width:112px;font-size:12px;color:#44536a;cursor:pointer}
.user-access-switch>span{width:auto;height:auto;background:none;border-radius:0;flex:none;line-height:1.5}
.user-access-switch input[role=switch]{flex:0 0 38px;width:38px;min-width:38px;height:22px;margin:0;background:#aab4c5}
.user-access-switch input[role=switch]:before{width:16px;height:16px}.user-access-switch input[role=switch]:checked{background:#138d72}.user-access-switch input[role=switch]:checked:before{left:19px}.user-access-switch input:disabled{opacity:.5;cursor:not-allowed}
.user-access-controls>.btn{min-height:34px;padding:7px 12px;font-size:11px;flex-shrink:0}
.billing-cell-note,.billing-period-detail{color:#65748a}.eyebrow{color:#62718a}.tabs button.selected{color:#5943b5;border-color:#7964db}.billing-plan-featured{border-color:#8d79dd;box-shadow:0 8px 28px #6551c91c}.billing-featured-label{background:#6551c9;color:white}
.billing-access{background:#f1effa;border-color:#dfd9f3}.billing-access p{color:#5e6e81}.billing-access.is-active{background:#ecf8f2;border-color:#cbe7db}
.support-card{padding:12px;background:#ffffff06}.support-card strong,.support-star{display:none}.app-footer{color:#62718a}
.registration-phone .otp-send-btn{background:#16866b;color:#fff}.registration-phone .otp-send-btn:hover{background:#106e58}
@media(max-width:700px){.page-heading{align-items:flex-start;flex-wrap:wrap}.page-heading>.btn{max-width:100%}.billing-row-actions{justify-content:flex-start}.team-tabs{overflow-x:auto;max-width:100%;flex-wrap:nowrap}.team-tabs button{flex-shrink:0}.user-access-controls{min-width:194px}.billing-access{padding:18px;flex-wrap:wrap}.billing-access>div{min-width:0}.billing-access h2{overflow-wrap:anywhere}.form-grid{min-width:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

/* Retail command surface: restrained, high-contrast and deliberately technical. */
:root{--tech-cyan:#38d9ff;--tech-violet:#8b7cff;--tech-glow:rgba(56,217,255,.16);--tech-panel:rgba(13,25,45,.72)}
.sidebar{background:radial-gradient(100% 48% at 0% 0%,#274866 0%,transparent 61%),radial-gradient(90% 40% at 100% 100%,#312567 0%,transparent 62%),linear-gradient(160deg,#0c1728 0%,#111b31 52%,#161434 100%);border-right:1px solid rgba(148,190,224,.16);box-shadow:14px 0 40px rgba(3,10,25,.18);isolation:isolate}
.sidebar:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 96%,rgba(111,216,255,.12) 100%),repeating-linear-gradient(0deg,transparent 0 39px,rgba(149,207,242,.025) 40px);pointer-events:none;z-index:-1}
.brand.official-brand{position:relative;padding:11px 12px;margin:0 4px 27px;border:1px solid rgba(141,210,245,.14);border-radius:12px;background:linear-gradient(110deg,rgba(255,255,255,.075),rgba(255,255,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.07),0 8px 24px rgba(0,0,0,.12)}
.brand.official-brand:after{content:'CONTROL ABSOLUTO POR IA';position:absolute;left:57px;bottom:-11px;color:#79dfff;font-size:7px;font-weight:800;letter-spacing:1.7px;white-space:nowrap;opacity:.75}
.nav-heading{position:relative;margin:25px 12px 9px;padding-left:10px;color:#86a9c9;font-size:8px;letter-spacing:2px}
.nav-heading:before{content:'';position:absolute;left:0;top:50%;width:3px;height:3px;border-radius:50%;background:var(--tech-cyan);box-shadow:0 0 8px var(--tech-cyan)}
.nav-link{min-height:40px;border:1px solid transparent;border-radius:10px;color:#b6c7da;overflow:hidden;transition:color .22s ease,background .22s ease,border-color .22s ease,transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease}
.nav-link:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,rgba(87,222,255,.1),rgba(139,124,255,.09));opacity:0;transition:opacity .22s ease;pointer-events:none}
.nav-link:hover{color:#f5fbff;background:rgba(255,255,255,.07);border-color:rgba(139,206,246,.16);transform:translateX(3px);box-shadow:0 8px 18px rgba(0,0,0,.12)}
.nav-link:hover:after{opacity:1}.nav-link .icon{position:relative;z-index:1;color:#8eacc5;transition:color .22s ease,filter .22s ease,transform .22s ease}.nav-link:hover .icon{color:#8ce8ff;filter:drop-shadow(0 0 5px rgba(56,217,255,.46));transform:scale(1.08)}
.nav-link.active{background:linear-gradient(95deg,rgba(49,211,255,.18),rgba(123,100,255,.19));border-color:rgba(137,214,255,.28);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.12),0 8px 20px rgba(4,17,44,.22)}
.nav-link.active:before{left:-18px;top:9px;bottom:9px;width:3px;background:linear-gradient(var(--tech-cyan),var(--tech-violet));box-shadow:0 0 12px var(--tech-cyan)}
.nav-link.active .icon{color:#91efff;filter:drop-shadow(0 0 6px rgba(56,217,255,.5))}.nav-link.active:after{opacity:1}
.nav-parent[aria-expanded=true]{background:rgba(255,255,255,.055);border-color:rgba(148,190,224,.11)}.subnav{border-left-color:rgba(115,205,243,.28)}.subnav .nav-link{border-radius:8px}.nav-live{background:rgba(17,131,100,.34);border-color:rgba(102,243,181,.4);box-shadow:0 0 14px rgba(60,241,161,.08)}
.support-card{position:relative;overflow:hidden;border-color:rgba(113,218,255,.16);background:linear-gradient(130deg,rgba(48,113,143,.32),rgba(87,61,166,.28));box-shadow:inset 0 1px rgba(255,255,255,.08)}.support-card:before{content:'';position:absolute;width:90px;height:90px;right:-34px;top:-45px;border:1px solid rgba(93,221,255,.35);border-radius:50%;box-shadow:0 0 0 13px rgba(93,221,255,.05)}.support-card button{position:relative;color:#e3f7ff}.sidebar-profile{margin:0 4px;border:1px solid rgba(149,199,229,.11);border-radius:10px;background:rgba(255,255,255,.035);transition:background .2s ease,border-color .2s ease,transform .2s ease}.sidebar-profile:hover{background:rgba(255,255,255,.08);border-color:rgba(142,220,255,.26);transform:translateY(-1px)}.mini-avatar{background:linear-gradient(135deg,#84e8ff,#907aff);color:#0d1b31;box-shadow:0 0 15px rgba(83,207,255,.26)}
.collapse-btn{margin-top:8px;border:1px solid transparent;border-radius:8px;transition:background .2s ease,border-color .2s ease}.collapse-btn:hover{background:rgba(255,255,255,.06);border-color:rgba(145,208,244,.14);color:#dff8ff}
.topbar{position:relative;height:96px;background:linear-gradient(100deg,rgba(255,255,255,.97),rgba(246,250,255,.94));border-bottom-color:#dce6f1;box-shadow:0 5px 26px rgba(30,49,88,.055);overflow:hidden}.topbar:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 74%,rgba(99,177,255,.08) 100%),repeating-linear-gradient(90deg,transparent 0 54px,rgba(63,104,162,.035) 55px);pointer-events:none}.topbar>*{position:relative}
.greeting{gap:15px;padding:8px 17px 8px 9px;border:1px solid #dbe8ef;border-radius:15px;background:linear-gradient(110deg,#fff,rgba(241,249,255,.88));box-shadow:0 9px 24px rgba(44,74,113,.065)}.greeting-mascot{width:50px;height:55px;border-radius:13px;background:linear-gradient(145deg,#e8fbff,#eae6ff);border:1px solid #c9ebf7;overflow:visible}.greeting-mascot:before{content:'';position:absolute;inset:5px;border:1px solid rgba(70,178,223,.24);border-radius:9px}.greeting-mascot img{height:51px;position:relative;z-index:1}.greeting-mascot .wave-hand{right:-11px;top:16px}.greeting strong{font-size:15px;letter-spacing:-.3px;color:#172e47}.greeting>div>span:not(.wave-hand){font-size:10px;color:#62798d;text-transform:uppercase;letter-spacing:.72px;font-weight:700}.plan-expiry{border-left-color:#d3e5f0;color:#607789}.plan-expiry strong{color:#3c61b5}
.preview-badge{border-color:#c7e4eb;background:linear-gradient(110deg,#f0fcff,#f4f1ff);color:#38536b;font-weight:700;letter-spacing:.25px}.preview-badge>span{background:#2ee2b4;box-shadow:0 0 0 3px rgba(46,226,180,.16),0 0 10px rgba(46,226,180,.72)}.avatar{background:linear-gradient(135deg,#defaff,#eee8ff);border-color:#c9e8f1;color:#294a69;box-shadow:0 5px 14px rgba(68,94,143,.12);transition:transform .2s ease,box-shadow .2s ease}.avatar:hover{transform:translateY(-2px);box-shadow:0 8px 19px rgba(68,94,143,.2)}
#main>*{animation:module-enter .38s cubic-bezier(.2,.8,.2,1) both}@keyframes module-enter{from{opacity:0;transform:translateY(10px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.btn{position:relative;overflow:hidden;border-radius:9px;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,background .2s ease}.btn:before{content:'';position:absolute;top:-80%;left:-42%;width:30%;height:260%;transform:rotate(25deg);background:linear-gradient(transparent,rgba(255,255,255,.45),transparent);transition:left .5s ease}.btn:hover{transform:translateY(-2px)}.btn:hover:before{left:120%}.btn.primary{background:linear-gradient(115deg,#4c75dc,#7655d7 52%,#8160dd);box-shadow:0 7px 18px rgba(84,84,201,.24)}.btn.primary:hover{background:linear-gradient(115deg,#426dda,#6946cf 52%,#7656dd);box-shadow:0 11px 25px rgba(84,84,201,.32)}
@media(max-width:760px){.topbar{height:86px}.greeting{padding:6px 10px 6px 5px;border-radius:12px}.greeting-mascot{width:39px;height:48px;border-radius:10px}.greeting-mascot img{height:43px}.greeting>div>span:not(.wave-hand){font-size:8px;letter-spacing:.4px}.greeting-mascot .wave-hand{top:13px}.brand.official-brand:after{left:57px}.nav-link:hover{transform:none}}

/* Calm future palette: soft ocean light, no hard neon. */
:root{--tech-cyan:#78cfc5;--tech-violet:#9ca8d9;--tech-glow:rgba(120,207,197,.15);--nav:#16303a;--nav-muted:#b1c9cc}
.sidebar{background:radial-gradient(92% 47% at 0% 0%,#325862 0%,transparent 63%),radial-gradient(85% 43% at 100% 100%,#3f5572 0%,transparent 66%),linear-gradient(160deg,#122c35 0%,#193842 52%,#23334a 100%)}
.sidebar:before{background:linear-gradient(90deg,transparent 0 96%,rgba(158,221,217,.15) 100%),repeating-linear-gradient(0deg,transparent 0 39px,rgba(196,235,232,.025) 40px)}
.brand.official-brand{display:flex;align-items:center;gap:15px;min-height:70px;margin:0 2px 32px;padding:13px 15px;border-color:rgba(183,232,226,.26);background:linear-gradient(115deg,rgba(213,245,241,.14),rgba(178,191,230,.08));box-shadow:inset 0 1px rgba(255,255,255,.12),0 12px 28px rgba(5,25,35,.2)}
.brand.official-brand>.official-mark{width:47px;height:47px;flex:0 0 47px;border-radius:15px;background:radial-gradient(circle at 35% 25%,#ecfffc,#bfeee8 43%,#aab9e5);padding:6px;box-shadow:0 0 0 1px rgba(239,255,253,.35),0 0 22px rgba(131,214,204,.24),inset 0 1px rgba(255,255,255,.8)}
.brand.official-brand>.official-mark img{width:100%;height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(26,72,79,.2))}
.brand.official-brand>.official-word{font-size:31px;letter-spacing:-1.8px;text-shadow:0 1px 12px rgba(202,249,243,.13)}
.official-word em{color:#9be2d8}.brand.official-brand:after{left:78px;bottom:7px;color:#b6deda;font-size:7px;letter-spacing:1.65px}
.nav-heading{color:#a7c8c7}.nav-heading:before{background:#9edfd7;box-shadow:0 0 7px rgba(158,223,215,.75)}
.nav-link{color:#c3d6d7}.nav-link:after{background:linear-gradient(100deg,rgba(132,214,204,.105),rgba(174,187,230,.10))}.nav-link:hover{border-color:rgba(184,229,224,.2);box-shadow:0 8px 18px rgba(5,23,32,.12)}.nav-link:hover .icon{color:#aee9e0;filter:drop-shadow(0 0 5px rgba(131,214,204,.35))}
.nav-link.active{background:linear-gradient(95deg,rgba(112,199,190,.2),rgba(140,159,215,.19));border-color:rgba(178,230,224,.3);box-shadow:inset 0 1px rgba(255,255,255,.13),0 8px 20px rgba(5,23,38,.2)}.nav-link.active:before{background:linear-gradient(#a7e8df,#aab6e6);box-shadow:0 0 11px rgba(151,225,215,.7)}.nav-link.active .icon{color:#b2f0e8;filter:drop-shadow(0 0 5px rgba(142,221,211,.42))}
.support-card{border-color:rgba(184,231,225,.18);background:linear-gradient(130deg,rgba(73,137,140,.3),rgba(88,105,157,.27))}.mini-avatar{background:linear-gradient(135deg,#b8ece5,#bec7eb);color:#183640;box-shadow:0 0 14px rgba(147,217,207,.2)}
.topbar{background:linear-gradient(100deg,rgba(255,255,255,.98),rgba(243,250,250,.94));border-bottom-color:#d8e9e8}.topbar:before{background:linear-gradient(90deg,transparent 0 74%,rgba(118,199,190,.075) 100%),repeating-linear-gradient(90deg,transparent 0 54px,rgba(71,122,133,.028) 55px)}
.greeting{border-color:#d8ece9;background:linear-gradient(110deg,#fff,rgba(239,250,249,.9));box-shadow:0 9px 24px rgba(40,84,89,.055)}.greeting-mascot{background:linear-gradient(145deg,#ebfbf9,#e9edf9);border-color:#c7e8e4}.greeting-mascot:before{border-color:rgba(88,175,167,.2)}.greeting strong{color:#1a3944}.greeting>div>span:not(.wave-hand){color:#67858a}.plan-expiry{border-left-color:#d3e8e5}.plan-expiry strong{color:#4c7f83}
.preview-badge{border-color:#c9e7e2;background:linear-gradient(110deg,#f0fbfa,#f0f2fb);color:#496872}.preview-badge>span{background:#81cdbf;box-shadow:0 0 0 3px rgba(129,205,191,.16),0 0 9px rgba(129,205,191,.55)}.avatar{background:linear-gradient(135deg,#e0f7f4,#ebedfb);border-color:#cbe8e4;color:#355a65;box-shadow:0 5px 14px rgba(65,112,119,.11)}
.btn.primary{background:linear-gradient(115deg,#579a9a,#7193c7 54%,#879bcf);box-shadow:0 7px 18px rgba(73,127,154,.2)}.btn.primary:hover{background:linear-gradient(115deg,#4b8e8f,#6687bd 54%,#7a90c8);box-shadow:0 11px 25px rgba(73,127,154,.26)}
@media(max-width:1200px) and (min-width:761px){.brand.official-brand{gap:10px;min-height:60px;padding:10px}.brand.official-brand>.official-mark{width:38px;height:38px;flex-basis:38px;border-radius:12px}.brand.official-brand>.official-word{font-size:25px}.brand.official-brand:after{left:59px;bottom:4px;font-size:6px}}
@media(min-width:761px){.sidebar-collapsed .brand.official-brand{width:56px;min-height:56px;padding:5px;margin:0 auto 29px}.sidebar-collapsed .brand.official-brand>.official-mark{width:44px;height:44px;flex-basis:44px}.sidebar-collapsed .brand.official-brand:after{display:none}}
@media(max-width:760px){.brand.official-brand,.sidebar-collapsed .brand.official-brand{min-height:61px;padding:9px 13px;margin-bottom:25px;gap:11px}.brand.official-brand>.official-mark{width:39px;height:39px;flex-basis:39px;border-radius:12px}.brand.official-brand>.official-word{font-size:27px}.brand.official-brand:after{left:64px;bottom:4px;font-size:6px}}

/* UX1 administrative language: orient the operator before exposing details. */
.context-help{display:flex;align-items:flex-start;gap:10px;margin:-10px 0 22px;padding:12px 15px;border:1px solid #d8ebe8;border-radius:12px;background:linear-gradient(100deg,#f8fdfc,#f4f7fd);color:#58727a}.context-help .icon{width:17px;flex:0 0 17px;color:#5b9f9a}.context-help p{margin:0;font-size:12px;line-height:1.55}.operation-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-link{position:relative;display:block;color:inherit;overflow:hidden;text-decoration:none;border:1px solid #e0ebed;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.metric-link:after{content:'';position:absolute;inset:auto -16px -28px auto;width:80px;height:80px;border:1px solid #b6e4df;border-radius:50%;opacity:.42}.metric-link small{display:flex;align-items:center;gap:5px;margin-top:12px;font-size:10px;color:#548083;font-weight:700}.metric-link small .icon{width:13px}.metric-link:hover{transform:translateY(-3px);border-color:#b5ded9;box-shadow:0 12px 26px rgba(39,86,91,.1)}.attention-panel{margin-top:24px}.attention-panel .panel-heading{padding-bottom:8px}.ux-table{border:1px solid #e5eeee;border-radius:13px;background:#fff}.ux-table table{min-width:680px}.ux-table th{background:#f7fbfa;color:#637b80;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.ux-table td{color:#3e5660}.ux-table tbody tr{transition:background .16s ease}.ux-table tbody tr:hover{background:#f4fbfa}.ux-table td:first-child{color:#263f4a}.table-empty{padding:18px 4px;color:#71858a;text-align:center}.status-badge{display:inline-flex;align-items:center;gap:5px;min-height:23px;padding:3px 8px;border-radius:999px;background:#f0f4f4;border:1px solid #dce7e6;color:#61777a;font-size:10px;font-weight:750;white-space:nowrap}.status-badge:before{content:'';width:6px;height:6px;border-radius:50%;background:#99abad}.status-active,.status-done,.status-enabled,.status-completed{background:#eaf8f3;border-color:#cce8dc;color:#26705e}.status-active:before,.status-done:before,.status-enabled:before,.status-completed:before{background:#52ae8a}.status-pending,.status-processing,.status-retrying,.status-approval-pending{background:#fff8e8;border-color:#f0dfac;color:#8a6b20}.status-pending:before,.status-processing:before,.status-retrying:before,.status-approval-pending:before{background:#d7a92e}.status-failed,.status-blocked,.status-error{background:#fff1f1;border-color:#f0cbcc;color:#a44a4e}.status-failed:before,.status-blocked:before,.status-error:before{background:#d06c70}.status-requires-mapping,.status-plan-mapping-required{background:#fff7e9;border-color:#efd5a2;color:#8c671d}.status-shadow,.status-simulation{background:#eff3ff;border-color:#d9dff4;color:#596da6}.status-panel{display:flex;align-items:flex-start;gap:15px;padding:20px 22px;border-color:#dcebea;background:linear-gradient(110deg,#fbfefd,#f5f8fd)}.status-panel-icon{display:flex;width:39px;height:39px;align-items:center;justify-content:center;flex:0 0 39px;border-radius:12px;background:#e5f4f1;color:#548b89}.status-panel-icon .icon{width:20px}.status-panel .eyebrow{margin-bottom:5px}.status-panel h2{font-size:16px}.status-panel p{margin:5px 0 0;color:#61777e;font-size:12px;line-height:1.55}
.company-overview .status-badge{vertical-align:middle}.technical-details{margin-top:22px;padding:17px 20px;background:#f8fbfb;border:1px solid #dce9e7;border-radius:12px}.technical-details summary{cursor:pointer;font-size:12px}.technical-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px}.technical-grid p{margin:0;color:#667b80;font-size:11px;overflow-wrap:anywhere}
details{border-color:#dbe8e7}details>summary{color:#425f67;font-weight:700}details>summary:hover{color:#427e7a}.panel .eyebrow{color:#63878a}.error-panel{border-radius:12px}.preview-note{border-radius:11px}
@media(max-width:1000px){.operation-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.technical-grid{grid-template-columns:1fr}}@media(max-width:700px){.operation-metrics{grid-template-columns:1fr}.context-help{margin-top:0}.context-help p{font-size:11px}.status-panel{padding:17px}.ux-table{border-radius:10px}.metric-link:hover{transform:none}}

/* Calm AI design tokens: shared by the existing light interface and administrative modules. */
:root{--brand-primary:#4e8f91;--brand-primary-hover:#3f7c7f;--brand-primary-soft:#e8f5f3;--brand-secondary:#738abd;--brand-accent:#91cfc7;--bg-app:#f6f9fa;--bg-sidebar:#16303a;--bg-header:rgba(255,255,255,.94);--bg-surface:#fff;--bg-surface-secondary:#f7fbfb;--bg-surface-hover:#f1f8f7;--text-primary:#203943;--text-secondary:#587078;--text-muted:#748b91;--text-on-dark:#effafa;--border-subtle:#e5eeee;--border-default:#d8e7e5;--border-active:#9ccfc8;--success:#2f8469;--success-soft:#eaf7f1;--warning:#a87822;--warning-soft:#fff7e7;--danger:#ad555b;--danger-soft:#fff2f2;--info:#5f78b1;--info-soft:#f0f3fc;--radius-xs:7px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--shadow-xs:0 1px 2px rgba(25,57,67,.045);--shadow-sm:0 5px 16px rgba(25,57,67,.06);--shadow-md:0 12px 30px rgba(25,57,67,.09);--shadow-focus:0 0 0 3px rgba(103,176,167,.28);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--duration-fast:140ms;--duration-normal:200ms;--ease-standard:cubic-bezier(.2,.8,.2,1)}
body{background:var(--bg-app);color:var(--text-primary)}#main{padding-top:var(--space-6)}.page-heading h1{color:var(--text-primary);letter-spacing:-.75px}.page-heading p{max-width:680px;color:var(--text-secondary);line-height:1.55}.eyebrow{color:#638589;font-weight:750}.panel,.metric{border-color:var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.panel{background:var(--bg-surface)}.panel-heading{padding:var(--space-5)}.panel-heading h2{color:var(--text-primary);letter-spacing:-.2px}.panel-heading p{color:var(--text-secondary)}
.btn{min-height:40px;border-radius:var(--radius-sm);font-weight:700;letter-spacing:.01em;transition:transform var(--duration-fast) var(--ease-standard),background var(--duration-fast) ease,border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.btn:before{display:none}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0);box-shadow:none}.btn.primary{background:linear-gradient(110deg,#4e8f91,#7189bd);border-color:transparent;box-shadow:0 5px 13px rgba(68,129,145,.18)}.btn.primary:hover{background:linear-gradient(110deg,#437f82,#647fb1);box-shadow:0 8px 18px rgba(68,129,145,.22)}.btn.secondary{background:var(--bg-surface);border-color:var(--border-default);color:#45616a;box-shadow:none}.btn.secondary:hover{background:var(--bg-surface-hover);border-color:#afd8d2;color:#356e70}.btn.danger{background:var(--danger-soft);border-color:#efced0;color:#9e444b}.btn.danger:hover{background:#fde8e8}.btn:disabled{opacity:.5;transform:none!important;box-shadow:none!important;cursor:not-allowed}
.icon-btn{border-radius:var(--radius-sm);transition:background var(--duration-fast) ease,color var(--duration-fast) ease,transform var(--duration-fast) var(--ease-standard)}.icon-btn:hover{background:var(--brand-primary-soft);color:var(--brand-primary);transform:translateY(-1px)}.icon-btn:active{transform:none}.btn:focus-visible,.icon-btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;box-shadow:var(--shadow-focus)}
.field{gap:7px;color:#405d66;font-weight:700}.field input,.field textarea,.field select{border-color:var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease,background var(--duration-fast) ease}.field input:hover,.field textarea:hover,.field select:hover{border-color:#b9d8d3}.field input:focus,.field textarea:focus,.field select:focus{outline:0;border-color:var(--brand-primary);box-shadow:var(--shadow-focus)}.field input:disabled{background:#f4f7f7;color:#7f9498}.field small,.small-text{color:var(--text-muted)}input[role=switch]{background:#c6d7d7}input[role=switch]:checked{background:var(--brand-primary)}
.table-wrap{border-radius:var(--radius-sm)}table{font-size:12px}th{background:var(--bg-surface-secondary);color:#607981;font-size:10px;font-weight:750;letter-spacing:.05em;text-transform:uppercase}td{border-bottom-color:#edf3f2;color:var(--text-primary)}tbody tr{transition:background var(--duration-fast) ease}tbody tr:hover{background:#f6fbfa}.badge{border-radius:999px;border-color:#dbe8e7;background:#f1f5f5;color:#5e757b;font-weight:700}.badge.mint{background:var(--success-soft);border-color:#cfe9dc;color:var(--success)}.badge.purple{background:var(--info-soft);border-color:#dce2f4;color:var(--info)}
dialog{border-color:var(--border-default);border-radius:var(--radius-lg);box-shadow:0 24px 64px rgba(21,48,61,.18)}dialog::backdrop{background:rgba(17,42,52,.42);backdrop-filter:blur(2px)}.modal-heading{margin-bottom:var(--space-5)}.modal-heading h2{color:var(--text-primary)}.modal-heading p{color:var(--text-secondary)}.tabs{border-bottom-color:var(--border-subtle)}.tabs button{color:var(--text-muted);font-weight:650}.tabs button.selected{color:var(--brand-primary);border-color:var(--brand-primary)}.empty-art{background:var(--brand-primary-soft);border-color:#d6ebe8;color:var(--brand-primary);box-shadow:0 0 0 9px #fbfdfd}.preview-note{background:#f2f8f7;border-color:#dcece9;color:#54747a}.info-card{color:var(--text-secondary)}
@media(max-width:760px){#main{padding-top:var(--space-5)}.page-heading{gap:var(--space-4)}.page-heading>.btn{width:auto;min-height:38px}.panel-heading{padding:20px}.field input,.field textarea,.field select{font-size:16px}.btn{min-height:42px}}

/* Enterprise reference layer: light navigation, restrained turquoise, precise feedback. */
:root{--sidebar:282px;--color-brand-turquoise:#17c7cb;--color-brand-turquoise-strong:#00aab2;--color-brand-turquoise-soft:#ddf7f6;--color-navy-900:#102b40;--color-navy-800:#15384d;--color-sidebar:#f1f0ee;--color-sidebar-surface:#f7f7f5;--color-app-bg:#f7f9fb;--color-surface:#fff;--color-surface-soft:#f3f7f9;--color-text-primary:#10223b;--color-text-secondary:#61758d;--color-text-muted:#8290a0;--color-border:#dce5eb;--color-border-soft:#e9eef2;--color-success:#19a866;--color-success-soft:#e3f5ea;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-xs:0 1px 3px rgba(16,43,64,.04);--shadow-sm:0 4px 16px rgba(16,43,64,.06);--shadow-focus:0 0 0 3px rgba(23,199,203,.25)}
.sidebar{padding:21px 17px 12px;background:var(--color-sidebar);color:var(--color-navy-900);border-right:1px solid var(--color-border);box-shadow:none}.sidebar:before{display:none}.brand.official-brand{min-height:55px;margin:0 8px 34px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;gap:10px}.brand.official-brand>.official-mark{width:40px;height:40px;flex-basis:40px;padding:3px;border-radius:9px;background:var(--color-navy-900);box-shadow:none}.brand.official-brand>.official-mark img{filter:none}.brand.official-brand>.official-word{font-size:28px;letter-spacing:-1.6px;color:var(--color-navy-900);text-shadow:none}.official-word em{color:var(--color-brand-turquoise)}.brand.official-brand:after{left:51px;bottom:-1px;color:#63778c;font-size:7px;letter-spacing:1.5px;opacity:1}
.nav-heading{margin:25px 10px 8px;padding:0;color:#74869a;font-size:10px;letter-spacing:.14em;font-weight:750}.nav-heading:before{display:none}.nav-link{min-height:40px;margin:2px 0;padding:9px 12px;color:#203b53;border:0;border-left:3px solid transparent;border-radius:8px;overflow:hidden;transition:background var(--duration-fast) ease,color var(--duration-fast) ease,border-color var(--duration-fast) ease,transform var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.nav-link:after{content:'';inset:0 auto 0 -42%;width:31%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.68),rgba(23,199,203,.2),transparent);transform:skewX(-16deg);opacity:0;transition:left .46s var(--ease-standard),opacity .12s ease}.nav-link .icon{width:18px;height:18px;color:#3d566d;filter:none}.nav-link:hover{background:#e9f4f4;border-color:transparent;color:#163b51;transform:translateX(1px);box-shadow:none}.nav-link:hover:after,.nav-link:focus-visible:after,.nav-link.active:after{left:112%;opacity:1}.nav-link:hover .icon{color:#108f98;filter:none;transform:translateX(1px)}.nav-link.active{background:linear-gradient(90deg,rgba(23,199,203,.15),rgba(23,199,203,.25));border-left-color:var(--color-brand-turquoise);color:#15384d;font-weight:750;box-shadow:inset 0 1px rgba(255,255,255,.6)}.nav-link.active:before{display:none}.nav-link.active .icon{color:#078d97;filter:none;transform:translateX(1px)}.nav-parent[aria-expanded=true]{background:#eaf3f4;border-color:transparent}.nav-parent.parent-active{color:#15384d}.subnav{margin-left:17px;border-left-color:#ccdce2}.subnav .nav-link{font-size:11px}.nav-live{background:#e4f5ea;border-color:#cbe8d8;color:#20704a}.nav-live i{background:#19a866}
.support-card{padding:11px 12px;margin:0 2px 15px;border:1px solid #dce7e9;border-radius:8px;background:var(--color-sidebar-surface);box-shadow:none}.support-card:before{display:none}.support-card strong{display:block;color:#29465a;font-size:11px}.support-star{display:block;color:#159da5;margin-bottom:7px}.support-card button{color:#507080}.sidebar-profile{margin:0 2px;padding:11px 8px;border:1px solid #e0e7ea;border-radius:8px;background:#f8f8f7;color:#27445a}.sidebar-profile:hover{background:#fff;border-color:#cbdde1;transform:none}.sidebar-profile small{color:#728397}.sidebar-profile>.icon{color:#718397}.mini-avatar{background:#d9f3f2;color:#22656d;box-shadow:none;border-radius:50%}.collapse-btn{color:#657b8d}.collapse-btn:hover{background:#e8f2f3;border-color:#d6e5e7;color:#294d62}
.app-shell{background:var(--color-app-bg)}.topbar{height:91px;padding:0 32px;background:rgba(255,255,255,.93);border-bottom-color:var(--color-border);box-shadow:var(--shadow-xs);overflow:visible}.topbar:before{background:linear-gradient(112deg,transparent 0 63%,rgba(41,145,160,.045) 63% 63.2%,transparent 63.2%),linear-gradient(112deg,transparent 0 75%,rgba(41,145,160,.035) 75% 75.15%,transparent 75.15%)}.greeting{min-height:61px;padding:7px 17px 7px 8px;border:0;border-radius:0;background:transparent;box-shadow:none}.greeting-mascot{width:48px;height:56px;border:0;border-radius:0;background:transparent}.greeting-mascot:before{display:none}.greeting-mascot img{height:55px}.greeting-mascot .wave-hand{right:-9px;top:17px}.greeting strong{font-size:18px;color:var(--color-navy-900);letter-spacing:-.45px}.greeting>div>span:not(.wave-hand){font-size:12px;color:var(--color-text-secondary);text-transform:none;letter-spacing:0;font-weight:500}.plan-expiry{margin-left:25px;padding-left:25px;border-left-color:#dce6eb;color:#708195;font-size:10px;letter-spacing:.1em;font-weight:750}.plan-expiry strong{font-size:16px;color:#17757c;letter-spacing:-.3px}.preview-badge{border:0;border-radius:0;background:transparent;color:#28465d;font-weight:650}.preview-badge>span{width:7px;height:7px;background:#19a866;box-shadow:none}.topbar-divider{background:#dce5ea}.avatar{width:40px;height:40px;background:#dff3f5;border-color:#cfe9ec;color:#205165;box-shadow:none}.avatar:hover{transform:none;box-shadow:none;background:#d0ecef}
#main{max-width:1740px;padding:32px 32px 28px}.page-heading{margin-bottom:27px}.page-heading h1{font-size:40px;line-height:1.12;letter-spacing:-1.25px;color:var(--color-text-primary)}.page-heading p{font-size:16px;color:var(--color-text-secondary);margin-top:8px}.eyebrow{font-size:10px;letter-spacing:.15em;color:#63758a}.panel,.metric{border-color:var(--color-border);border-radius:10px;box-shadow:var(--shadow-xs)}.panel:hover{box-shadow:var(--shadow-xs)}.panel-heading{padding:22px 24px}.panel-heading h2{font-size:16px}.panel-heading p{font-size:12px}.metrics{gap:18px}.metric{padding:19px 21px}.metric-value{color:var(--color-navy-900)}.metric-link:hover{border-color:#bfdde0;box-shadow:var(--shadow-sm);transform:translateY(-1px)}
.btn{min-height:44px;padding:10px 16px;border-radius:8px;font-size:12px}.btn.primary{background:linear-gradient(110deg,#007e88,#12394e);box-shadow:0 4px 12px rgba(16,57,78,.16)}.btn.primary:hover{background:linear-gradient(110deg,#008b94,#153f55);box-shadow:0 6px 15px rgba(16,57,78,.2);transform:translateY(-1px)}.btn.secondary{border-color:#d5e0e6;color:#38556b}.btn.secondary:hover{background:#f2f8f8;border-color:#b8d9dc;color:#123e53}.btn:focus-visible,.icon-btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--shadow-focus)}.tabs{gap:32px;margin-bottom:22px}.tabs button{padding-bottom:13px;font-size:13px;color:#718197}.tabs button.selected{color:#087d86;border-color:#17c7cb}.badge{border-radius:6px;background:#f1f5f7;border-color:#e1e9ed;color:#5f7488;font-size:9px}.badge.mint,.status-active,.status-done,.status-enabled,.status-completed{background:var(--color-success-soft);border-color:#d0eadb;color:#197549}.status-pending,.status-processing,.status-retrying,.status-approval-pending{background:#fff7e8;border-color:#f0e0af;color:#896a23}.status-failed,.status-blocked,.status-error{background:#fff1f1;border-color:#f1d1d3;color:#aa5258}.status-shadow,.status-simulation{background:#edf5f8;border-color:#d8e7ed;color:#52778c}
.table-wrap{border:1px solid var(--color-border);border-radius:10px;background:#fff}th{padding:16px 22px;background:#f1f6f8;color:#526a81;font-size:10px;letter-spacing:.04em}td{padding:18px 22px;border-bottom-color:#e8eef2;color:#18364d}tbody tr:hover{background:#f8fbfc}.ux-table{border:0;border-radius:10px}.ux-table th{background:#f1f6f8}.field{color:#38566d}.field input,.field textarea,.field select{border-color:#d6e1e7;border-radius:7px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#17aeb3;box-shadow:var(--shadow-focus)}.context-help{border-color:#dce8ed;border-radius:9px;background:#f3f8fa;color:#526e82}.context-help .icon{color:#159da5}.status-panel{border-color:#dce8ed;background:#f7fbfc}.status-panel-icon{border-radius:9px;background:#e4f5f5;color:#188d95}.technical-details{border-color:#dce7ec;border-radius:9px;background:#f7fafb}
@media(min-width:761px){.sidebar-collapsed .sidebar{background:var(--color-sidebar)}.sidebar-collapsed .brand.official-brand{width:46px;min-height:46px;margin:0 auto 30px;padding:0}.sidebar-collapsed .brand.official-brand>.official-mark{width:40px;height:40px;flex-basis:40px}.sidebar-collapsed .brand.official-brand:after{display:none}.sidebar-collapsed .nav-link.active{border-left-color:var(--color-brand-turquoise)}.sidebar-collapsed .nav-link.active:before{display:none}}
@media(max-width:1200px){:root{--sidebar:255px}.topbar{padding:0 26px}#main{padding:28px}.page-heading h1{font-size:34px}}@media(max-width:760px){:root,body.sidebar-collapsed{--sidebar:282px}.sidebar{width:282px;background:var(--color-sidebar);padding:21px 17px 12px}.brand.official-brand,.sidebar-collapsed .brand.official-brand{margin:0 8px 30px;padding:0;min-height:55px}.brand.official-brand>.official-mark{width:40px;height:40px;flex-basis:40px}.brand.official-brand>.official-word{font-size:28px}.brand.official-brand:after{left:51px;bottom:-1px}.topbar{height:82px;padding:0 16px}.greeting{padding-left:3px}.greeting-mascot{width:38px}.greeting-mascot img{height:45px}.greeting strong{font-size:15px}.greeting>div>span:not(.wave-hand){font-size:10px}.plan-expiry{display:none}#main{padding:26px 20px 20px}.page-heading h1{font-size:30px}.page-heading p{font-size:13px}.table-wrap{border-radius:8px}.panel,.metric{border-radius:9px}}
@media(prefers-reduced-motion:reduce){.nav-link,.nav-link .icon,.btn,.icon-btn,.metric-link{transition:none!important}.nav-link:after{display:none}.nav-link:hover,.nav-link .icon:hover,.btn:hover,.metric-link:hover{transform:none!important}}

/* Requested sidebar tone: corporate turquoise-blue with quiet contrast. */
.sidebar,.sidebar-collapsed .sidebar{background:linear-gradient(165deg,#087b8b 0%,#0b687d 46%,#154f70 100%);border-right-color:rgba(210,248,248,.2)}
.brand.official-brand>.official-mark{background:#ecffff}.brand.official-brand>.official-word{color:#fff}.official-word em{color:#b9f7f2}.brand.official-brand:after{color:#c1f2ef}.nav-heading{color:#c3eceb}.nav-link{color:#e1f4f5}.nav-link .icon{color:#c5e8eb}.nav-link:hover{background:rgba(255,255,255,.11);color:#fff}.nav-link:hover .icon{color:#fff}.nav-link.active{background:linear-gradient(90deg,rgba(213,255,252,.23),rgba(153,235,237,.31));border-left-color:#d0fffb;color:#fff}.nav-link.active .icon{color:#e5fffc}.nav-parent[aria-expanded=true]{background:rgba(255,255,255,.09)}.subnav{border-left-color:rgba(219,255,252,.34)}.support-card{background:rgba(255,255,255,.1);border-color:rgba(225,255,252,.2)}.support-card strong,.support-card button,.support-star{color:#efffff}.sidebar-profile{background:rgba(255,255,255,.09);border-color:rgba(229,255,252,.17);color:#fff}.sidebar-profile:hover{background:rgba(255,255,255,.15);border-color:rgba(229,255,252,.3)}.sidebar-profile small,.sidebar-profile>.icon,.collapse-btn{color:#d1eff0}.mini-avatar{background:#d8f8f5;color:#176779}.collapse-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(229,255,252,.16);color:#fff}

/* Subtle selection feedback: clear state, nearly imperceptible light sweep. */
.nav-link:after{width:20%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),rgba(195,255,251,.08),transparent);transition:left .32s var(--ease-standard),opacity .1s ease}.nav-link:hover:after,.nav-link:focus-visible:after,.nav-link.active:after{opacity:.34}.nav-link.active{background:linear-gradient(90deg,rgba(215,255,252,.14),rgba(162,236,238,.18));border-left-color:rgba(211,255,251,.82);box-shadow:none}.nav-link:hover{background:rgba(255,255,255,.075)}

/* Selected navigation: muted gold accent, reserved for the current module. */
.nav-link.active{background:linear-gradient(90deg,rgba(255,236,183,.17),rgba(224,184,94,.22));border-left-color:#f0c66a;color:#fff}.nav-link.active .icon{color:#ffe3a5}.nav-link.active:after{background:linear-gradient(90deg,transparent,rgba(255,248,220,.22),rgba(240,198,106,.11),transparent)}

/* Header requested as a distinct professional black-and-gold band. */
.topbar{background:linear-gradient(105deg,#151515 0%,#252118 52%,#5c481d 100%);border-bottom-color:#8e7332;box-shadow:0 3px 14px rgba(12,12,10,.2)}.topbar:before{background:linear-gradient(112deg,transparent 0 63%,rgba(246,211,128,.13) 63% 63.15%,transparent 63.15%),linear-gradient(112deg,transparent 0 76%,rgba(246,211,128,.08) 76% 76.12%,transparent 76.12%)}.greeting strong{color:#fff8e9}.greeting>div>span:not(.wave-hand){color:#e8d6ad}.greeting-mascot{filter:drop-shadow(0 3px 4px rgba(0,0,0,.28))}.plan-expiry{border-left-color:rgba(246,216,149,.3);color:#d9c38f}.plan-expiry strong{color:#f7d77f}.topbar .preview-badge,.topbar .help-button,.topbar .topbar-divider{display:none}.topbar .avatar{background:linear-gradient(135deg,#f6dfa0,#d2a950);border-color:#f7e7b9;color:#33260f}.topbar .avatar:hover{background:#ffe8a9}

/* Header now shares the exact turquoise-blue family of the navigation. */
.topbar{background:linear-gradient(165deg,#087b8b 0%,#0b687d 46%,#154f70 100%);border-bottom-color:rgba(210,248,248,.2);box-shadow:0 3px 14px rgba(8,56,70,.2)}.topbar:before{background:linear-gradient(112deg,transparent 0 63%,rgba(218,255,252,.13) 63% 63.15%,transparent 63.15%),linear-gradient(112deg,transparent 0 76%,rgba(218,255,252,.08) 76% 76.12%,transparent 76.12%)}.greeting strong{color:#f6ffff}.greeting>div>span:not(.wave-hand){color:#cfefef}.plan-expiry{border-left-color:rgba(221,255,253,.28);color:#c9e9e9}.plan-expiry strong{color:#e1fffb}.topbar .avatar{background:linear-gradient(135deg,#d7f7f4,#a7dcd9);border-color:#ddfffc;color:#155666}.topbar .avatar:hover{background:#e6fffc}

/* Selected controls use a muted terracotta accent. */
:root{--selection-terracotta:#bf6a54;--selection-terracotta-soft:rgba(224,158,136,.26)}.nav-link.active{background:linear-gradient(90deg,rgba(245,202,186,.2),var(--selection-terracotta-soft));border-left-color:#e2a18d;color:#fff}.nav-link.active .icon{color:#ffe0d3}.nav-link.active:after{background:linear-gradient(90deg,transparent,rgba(255,240,232,.2),rgba(222,149,126,.1),transparent)}.tabs button.selected{color:#aa5543;border-color:var(--selection-terracotta)}.role-option.selected,.crm-group.selected{background:#fff4f0;border-color:#e9b5a6;color:#9e4f3f}.bulk-filters [aria-pressed=true]{background:#fff1ec;border-color:#e6ad9c;color:#a04e3d}

/* Softer header and larger navigation typography, per requested proportions. */
.topbar{background:linear-gradient(165deg,rgba(8,123,139,.10) 0%,rgba(11,104,125,.10) 46%,rgba(21,79,112,.10) 100%);border-bottom-color:rgba(64,125,142,.16);box-shadow:none}.topbar:before{background:linear-gradient(112deg,transparent 0 63%,rgba(24,116,131,.03) 63% 63.15%,transparent 63.15%),linear-gradient(112deg,transparent 0 76%,rgba(24,116,131,.02) 76% 76.12%,transparent 76.12%)}.greeting strong{color:#15384d}.greeting>div>span:not(.wave-hand){color:#506f7d}.plan-expiry{border-left-color:rgba(52,112,127,.22);color:#5e7e8b}.plan-expiry strong{color:#176b74}.topbar .avatar{background:linear-gradient(135deg,#e2f6f4,#b8e5e1);border-color:#cceae7;color:#155666}.topbar .avatar:hover{background:#effdfb}.sidebar .nav-link{font-size:14.4px;line-height:1.3}.sidebar .subnav .nav-link{font-size:13.2px}.sidebar .nav-heading{font-size:12px}.sidebar .nav-link .icon{width:19px;height:19px}.sidebar .subnav .icon{width:16px;height:16px}

/* Prominent profile initial in the welcome row. */
.topbar .avatar{width:52px;height:52px;min-width:52px;border:2px solid #95d6d2;color:#0d5362;font-size:21px;font-weight:800;box-shadow:0 3px 8px rgba(20,96,108,.12)}.topbar .avatar:hover{transform:translateY(-1px);box-shadow:0 5px 11px rgba(20,96,108,.18)}@media(max-width:760px){.topbar .avatar{width:40px;height:40px;min-width:40px;font-size:16px}}

/* Keep brand and Summary anchored while the rest of the navigation scrolls. */
.sidebar{overflow:hidden}.sidebar>nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 1px 10px;margin:0 -1px;scrollbar-width:thin;scrollbar-color:rgba(218,255,252,.42) transparent}.sidebar>nav>.nav-link:first-child{position:sticky;top:0;z-index:2;margin-top:0;background:#0a7185;box-shadow:0 8px 10px -10px rgba(2,39,52,.8)}.sidebar>nav>.nav-link:first-child:hover{background:#0d7d90}.sidebar>nav>.nav-link:first-child.active{background:linear-gradient(90deg,rgba(213,140,118,.92),rgba(176,86,68,.94));border-left-color:#ffe1d6}.sidebar-bottom{flex:0 0 auto;margin-top:0}
@media(max-width:760px){.sidebar>nav>.nav-link:first-child{background:#0a7185}.sidebar>nav>.nav-link:first-child.active{background:linear-gradient(90deg,rgba(213,140,118,.92),rgba(176,86,68,.94))}}

/* The operational guide is intentionally hidden; Summary remains the menu anchor. */
.support-card{display:none}.sidebar>nav>.nav-link:first-child{box-shadow:0 6px 16px rgba(255,255,255,.18),0 8px 12px -10px rgba(2,39,52,.8)}

/* Live chat: visible operational presence without overwhelming the menu. */
.nav-live{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border:1px solid rgba(60,207,123,.58);border-radius:999px;background:rgba(15,135,76,.24);color:#caffdf;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 0 0 2px rgba(61,224,131,.09),0 0 14px rgba(55,225,122,.34);animation:live-breathe 1.8s ease-in-out infinite}.nav-live i{width:7px;height:7px;border-radius:50%;background:#4dff98;box-shadow:0 0 0 3px rgba(77,255,152,.16),0 0 9px rgba(77,255,152,.95);animation:live-pulse 1.15s ease-out infinite}@keyframes live-breathe{50%{border-color:rgba(105,255,164,.9);box-shadow:0 0 0 3px rgba(61,224,131,.13),0 0 19px rgba(55,225,122,.46)}}@keyframes live-pulse{70%{box-shadow:0 0 0 7px rgba(77,255,152,0),0 0 10px rgba(77,255,152,.72)}100%{box-shadow:0 0 0 3px rgba(77,255,152,0),0 0 9px rgba(77,255,152,.95)}}@media(prefers-reduced-motion:reduce){.nav-live,.nav-live i{animation:none}}

/* Client connection forms: keep names, email and controls within small screens. */
.page-heading>div,.panel-heading>div{min-width:0;overflow-wrap:anywhere}
.account-connection-card .panel-heading,.account-channel-card .panel-heading{flex-wrap:wrap;gap:12px}
.account-connection-card input{min-width:0;width:100%;box-sizing:border-box}
.account-channel-card{margin-top:20px}.account-channel-card .info-card>div{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){.account-connection-card .profile-actions{flex-wrap:wrap}.account-connection-card .profile-actions .btn{max-width:100%}.account-channel-card .panel-heading>div{flex-basis:100%}}

/* Connect IA: restore the premium surface after the shared .panel refresh. */
.panel.billing-plan-featured{background:linear-gradient(145deg,#172a40 0%,#24264f 58%,#33245e 100%);border:2px solid #8d79dd;box-shadow:0 16px 38px rgba(56,43,111,.24);color:#fff}.panel.billing-plan-featured h2,.panel.billing-plan-featured .billing-price{color:#fff}.panel.billing-plan-featured .billing-price small,.panel.billing-plan-featured>.billing-period-detail,.panel.billing-plan-featured>p{color:#d8d6ed}.panel.billing-plan-featured .billing-featured-label{background:#c9ff9d;color:#173727}.panel.billing-plan-featured .badge{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#eef0ff}.panel.billing-plan-featured .icon-tile.mint{background:rgba(201,255,157,.14);color:#c9ff9d}.panel.billing-plan-featured>.btn.primary{background:#c9ff9d;border-color:#c9ff9d;color:#173727;box-shadow:0 8px 22px rgba(129,255,145,.2)}.panel.billing-plan-featured>.btn.primary:hover{background:#ddffc1}.panel.billing-plan-upgrade{transform:translateY(-4px)}
@media(max-width:760px){.panel.billing-plan-upgrade{transform:none}}


/* Usuarios y roles · superficie administrativa */
#main:has(.team-tabs){max-width:1740px}
#main:has(.team-tabs) .page-heading{margin-bottom:20px;padding:4px 0 0}
#main:has(.team-tabs) .page-heading h1{font-size:38px;letter-spacing:-1.35px;color:#10213d}
#main:has(.team-tabs) .page-heading p{font-size:16px;color:#71819a}
#main:has(.team-tabs) .page-heading>.btn{min-width:174px;min-height:48px;border:0;border-radius:9px;background:linear-gradient(112deg,#3c8796,#1c375d);box-shadow:0 10px 20px rgb(22 58 82 / .17)}
#main:has(.team-tabs) .page-heading>.btn:hover{background:linear-gradient(112deg,#469baa,#24436e);transform:translateY(-1px)}
#main:has(.team-tabs) .team-tabs{gap:18px;margin:0 0 23px;padding:0 1px;border-bottom:1px solid #e2eaf0}
#main:has(.team-tabs) .team-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 12px 12px;border-bottom:3px solid transparent;color:#718198;font-size:13px;font-weight:650}
#main:has(.team-tabs) .team-tabs button:before{content:'◌';display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#edf6fb;color:#2c7392;font-size:18px;line-height:1}
#main:has(.team-tabs) .team-tabs button:nth-child(2):before{content:'◇'}
#main:has(.team-tabs) .team-tabs button.selected{color:#244c6c;border-bottom-color:#3188a6}
#main:has(.team-tabs) .team-tabs button.selected:before{background:#e3f5f4;color:#087f89}
#main:has(.team-tabs) .team-tabs button>span:not(.team-tab-count){font:inherit}
#main:has(.team-tabs) .team-tabs button>span:last-child{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#e5f3fb;color:#3b7799;font-size:10px;font-weight:800}
#main:has(.team-tabs) .team-tabs button.selected>span:last-child{background:#d9f3ef;color:#147456}
#main:has(.team-tabs) .panel:has(.team-table){overflow:visible;border:1px solid #e2eaf1;border-radius:14px;box-shadow:0 12px 30px rgb(24 69 96 / .07)}
#main:has(.team-tabs) .panel:has(.team-table) .panel-heading{padding:22px 26px 20px;border-bottom:1px solid #edf1f5}
#main:has(.team-tabs) .panel:has(.team-table) .panel-heading h2{font-size:18px;color:#14243b}
#main:has(.team-tabs) .panel:has(.team-table) .panel-heading p{font-size:12px;color:#74859b}
#main:has(.team-tabs) .panel:has(.team-table) .panel-heading .badge{padding:8px 13px;border:0;border-radius:9px;background:#eaf8ef;color:#337850;font-size:10px;font-weight:800}
#main:has(.team-tabs) .panel:has(.team-table) .table-wrap{border:0;border-radius:0;overflow:auto}
#main:has(.team-tabs) .team-table{min-width:1040px}
#main:has(.team-tabs) .team-table th{padding:15px 18px;background:#f5f8fb;color:#74849a;font-size:10px;font-weight:800;letter-spacing:.03em}
#main:has(.team-tabs) .team-table td{padding:18px;border-bottom:1px solid #edf1f5;color:#243850;vertical-align:middle}
#main:has(.team-tabs) .team-table tbody tr:hover{background:#fbfdfe}
#main:has(.team-tabs) .team-person{gap:12px}
#main:has(.team-tabs) .team-person .mini-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#e9f7fa,#d6edf4);color:#2e7086;font-size:14px;box-shadow:inset 0 0 0 1px #d7ebf0}
#main:has(.team-tabs) .team-person strong{display:block;font-size:13px;color:#17253d}
#main:has(.team-tabs) .team-person small{color:#74849a;font-size:10px}
#main:has(.team-tabs) .you-label{display:inline-flex;margin-left:5px;padding:2px 6px;border-radius:6px;background:#e1f2fb;color:#3780a1;font-size:8px}
#main:has(.team-tabs) .team-plan{display:block;color:#244365;font-weight:750}
#main:has(.team-tabs) .billing-cell-note{color:#8290a1;font-size:9px}
#main:has(.team-tabs) .team-module-list{gap:6px;min-width:210px}
#main:has(.team-tabs) .team-module-list span{padding:5px 8px;border:1px solid #e7edf3;border-radius:8px;background:#f5f8fc;color:#587087;font-size:9px}
#main:has(.team-tabs) .service-status-list{gap:5px}
#main:has(.team-tabs) .service-status-list>*{border-radius:8px}
#main:has(.team-tabs) .user-status{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:#e9f8ee;color:#278151;font-size:10px;font-weight:800}
#main:has(.team-tabs) .user-status:before{content:'';width:7px;height:7px;border-radius:50%;background:#42b871}
#main:has(.team-tabs) .team-table .icon-btn{width:36px;height:36px;border:1px solid #e4eaf0;border-radius:10px;background:#f8fafc;color:#557088}
#main:has(.team-tabs) .team-table .icon-btn:hover{border-color:#b9dbe2;background:#ecf8f8;color:#16828a}
#main:has(.team-tabs) .info-card{max-width:none;margin-top:20px;padding:19px 24px;border:1px solid #cfe6f2;border-radius:12px;background:linear-gradient(105deg,#fafdff,#f0f8fc);color:#5f7890}
#main:has(.team-tabs) .info-card>.icon{width:30px;height:30px;padding:7px;border-radius:9px;background:#e4f5fb;color:#327d9d}
#main:has(.team-tabs) .info-card strong{color:#254660;font-size:12px}
#main:has(.team-tabs) .info-card p{font-size:11px;color:#70849a}
@media(max-width:760px){
 #main:has(.team-tabs) .page-heading h1{font-size:30px}
 #main:has(.team-tabs) .page-heading>.btn{width:100%;min-width:0}
 #main:has(.team-tabs) .team-tabs{gap:5px}
 #main:has(.team-tabs) .team-tabs button{padding-inline:8px;font-size:11px}
 #main:has(.team-tabs) .team-tabs button:before{width:21px;height:21px;font-size:15px}
 #main:has(.team-tabs) .panel:has(.team-table) .panel-heading{padding:18px}
}


/* Equipo: acceso heredado del propietario */
.team-owner-access{margin:8px 0 18px;padding:17px;border:1px solid #cfe8e4;border-radius:12px;background:linear-gradient(135deg,#f5fcfb,#eff8f8)}
.team-owner-access>.eyebrow{margin-bottom:12px;color:#19857b}
.team-owner-access .field{margin-bottom:12px}
.team-owner-access .field input:disabled{background:#fff;color:#315a68;opacity:1;-webkit-text-fill-color:#315a68}
.team-owner-access-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.team-owner-access-grid>div{padding:12px;border-radius:9px;background:#fff;border:1px solid #dbeceb}
.team-owner-access-grid small{display:block;color:#78909a;font-size:10px}
.team-owner-access-grid strong{display:block;margin-top:4px;color:#1c5364;font-size:13px}
.team-owner-access>p{margin:13px 0;color:#557782;font-size:11px;line-height:1.55}
.team-owner-access .user-module-access{margin:13px 0 0}
@media(max-width:540px){.team-owner-access-grid{grid-template-columns:1fr}}


/* Usuarios y roles · composición de permisos */
#main:has(.roles-layout){max-width:none;padding-top:18px}
#main:has(.roles-layout) .page-heading{position:relative;min-height:68px;margin:0 0 16px;padding:0 118px 0 86px;align-items:center}
#main:has(.roles-layout) .page-heading>div:first-child:before{content:'';position:absolute;left:0;top:2px;width:55px;height:55px;border-radius:17px;background:radial-gradient(circle at 50% 33%,#0d6071 0 4px,transparent 4.8px),radial-gradient(circle at 37% 34%,#0d6071 0 3px,transparent 3.8px),radial-gradient(circle at 63% 34%,#0d6071 0 3px,transparent 3.8px),linear-gradient(135deg,#edf9f8,#e4f1f5);box-shadow:inset 0 0 0 1px #e1eff0}
#main:has(.roles-layout) .page-heading>div:first-child:after{content:'';position:absolute;left:17px;top:30px;width:22px;height:11px;border:2px solid #0d6071;border-bottom:0;border-radius:14px 14px 0 0}
#main:has(.roles-layout) .page-heading .eyebrow{display:none}
#main:has(.roles-layout) .page-heading h1{font-size:22px;letter-spacing:-.65px;line-height:1.15;margin:0;color:#102541}
#main:has(.roles-layout) .page-heading p{margin:5px 0 0;font-size:13px;color:#64758e}
#main:has(.roles-layout) .team-tabs{margin:0 0 23px;padding:0 18px;border-bottom:1px solid #dde7ed;gap:22px}
#main:has(.roles-layout) .team-tabs button{position:relative;min-height:47px;padding:0 10px 12px;font-size:13px;font-weight:760;color:#526780;border-bottom:3px solid transparent}
#main:has(.roles-layout) .team-tabs button:before{width:25px;height:25px;border-radius:9px;background:#eff5fa;color:#365878;font-size:16px}
#main:has(.roles-layout) .team-tabs button.selected{color:#124f62;border-bottom-color:#158a8c}
#main:has(.roles-layout) .team-tabs button.selected:before{background:#e2f7f4;color:#087d83}
#main:has(.roles-layout) .team-tabs button>span:last-child{min-width:23px;height:23px;border-radius:50%;background:#e9f1fa;color:#47769c;font-size:10px}
#main:has(.roles-layout) .team-tabs button.selected>span:last-child{background:#d9f4ef;color:#0d7b70}
#main:has(.roles-layout) .roles-layout{grid-template-columns:minmax(270px,312px) minmax(0,1fr);gap:20px;align-items:start}
#main:has(.roles-layout) .role-picker{padding:15px 13px 13px;border:1px solid #e3edf0;border-radius:17px;background:linear-gradient(180deg,#fff,#fbfdfe);box-shadow:0 10px 30px rgb(29 66 94 / .08)}
#main:has(.roles-layout) .role-picker>h2{margin:7px 9px 13px;color:#566a82;font-size:14px;font-weight:800;letter-spacing:0}
#main:has(.roles-layout) .role-option{min-height:88px;gap:13px;margin:0 0 10px;padding:13px 14px;border:1px solid transparent;border-radius:14px;background:#fff;color:#132a48;box-shadow:0 4px 13px rgb(42 74 98 / .035);transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}
#main:has(.roles-layout) .role-option:hover{border-color:#cde8e5;background:#f8fcfc}
#main:has(.roles-layout) .role-option.selected{border-color:#f6d7c8;border-left:4px solid #ee8b49;padding-left:11px;background:linear-gradient(100deg,#fff6f0,#fffaf8);color:#9b4d25;box-shadow:0 9px 19px rgb(211 111 56 / .09)}
#main:has(.roles-layout) .role-option .icon-tile{width:46px;height:46px;flex:0 0 46px;border-radius:13px;background:#f1f5f8;color:#56708a;box-shadow:none}
#main:has(.roles-layout) .role-option.selected .icon-tile{background:#fff0e8;color:#c96a2e}
#main:has(.roles-layout) .role-option strong{font-size:13px;line-height:1.25;color:inherit}
#main:has(.roles-layout) .role-option small{margin-top:5px;font-size:10px;line-height:1.45;color:#718198}
#main:has(.roles-layout) .role-option.selected small{color:#95654b}
#main:has(.roles-layout) .role-option>.icon{width:16px;color:#8ba0b0}
#main:has(.roles-layout) .real-permissions{overflow:hidden;border:1px solid #e3edf0;border-radius:17px;background:#fff;box-shadow:0 10px 30px rgb(29 66 94 / .08)}
#main:has(.roles-layout) .real-permissions>.panel-heading{padding:25px 27px 18px;border-bottom:0;background:linear-gradient(135deg,#fff,#fbfdfd)}
#main:has(.roles-layout) .real-permissions>.panel-heading h2{font-size:22px;letter-spacing:-.7px;color:#102541}
#main:has(.roles-layout) .real-permissions>.panel-heading p{margin-top:6px;font-size:13px;color:#6a7b93}
#main:has(.roles-layout) .real-permissions>.panel-heading .badge{padding:9px 14px;border:0;border-radius:10px;background:#e5f6ff;color:#17709a;font-size:10px;font-weight:800}
#main:has(.roles-layout) .real-permissions .role-details{gap:20px;padding:0 27px 17px;margin:0}
#main:has(.roles-layout) .real-permissions .field{gap:7px;margin:0;color:#1a3352;font-size:12px;font-weight:800}
#main:has(.roles-layout) .real-permissions .field input{min-height:44px;border-color:#d9e5ed;border-radius:9px;background:#f9fbfd;color:#5d708a;font-size:12px}
#main:has(.roles-layout) .real-permissions .field input:disabled{opacity:1;background:#f7fafc;color:#64758b;-webkit-text-fill-color:#64758b}
#main:has(.roles-layout) .permission-group{margin:8px 16px 15px;border:1px solid #e1edef;border-radius:13px;overflow:hidden}
#main:has(.roles-layout) .permission-group h3{display:flex;align-items:center;min-height:48px;margin:0;padding:0 21px;background:linear-gradient(90deg,#eaf9f7,#f7fcfc);color:#14596a;font-size:11px;letter-spacing:1.2px}
#main:has(.roles-layout) .permission-group h3:before{content:'';width:22px;height:22px;margin-right:13px;border-radius:7px;background:#d8f2ed;box-shadow:inset 0 0 0 1px #c6e9e3}
#main:has(.roles-layout) .permission-group .permission-row{min-height:58px;margin:0;padding:0 22px;border-bottom:1px solid #edf1f4;color:#162d4b;font-size:12px;font-weight:700}
#main:has(.roles-layout) .permission-group .permission-row:last-child{border-bottom:0}
#main:has(.roles-layout) .permission-group .permission-row>span{max-width:73%}
#main:has(.roles-layout) input[role=switch]{width:42px;height:24px;min-width:42px;background:#c8d4da}
#main:has(.roles-layout) input[role=switch]:before{width:18px;height:18px}
#main:has(.roles-layout) input[role=switch]:checked{background:linear-gradient(90deg,#118d85,#38b8a7)}
#main:has(.roles-layout) input[role=switch]:checked:before{left:21px}
#main:has(.roles-layout) .permission-footer{margin:0;padding:18px 27px;border-top:1px solid #edf2f4;background:#fbfcfd;color:#60748b;font-size:11px}
#main:has(.roles-layout) .permission-footer>.btn{min-height:42px;border-radius:10px;background:linear-gradient(105deg,#158b85,#244865);box-shadow:0 8px 17px rgb(27 105 109 / .18)}
@media(max-width:1000px){#main:has(.roles-layout) .roles-layout{grid-template-columns:1fr}#main:has(.roles-layout) .role-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#main:has(.roles-layout) .role-picker>h2{grid-column:1/-1}#main:has(.roles-layout) .role-option{margin:0}}
@media(max-width:650px){#main:has(.roles-layout){padding-top:8px}#main:has(.roles-layout) .page-heading{min-height:58px;padding:0 0 0 68px}#main:has(.roles-layout) .page-heading>div:first-child:before{width:48px;height:48px;border-radius:14px}#main:has(.roles-layout) .page-heading>div:first-child:after{left:14px;top:27px}#main:has(.roles-layout) .page-heading h1{font-size:18px}#main:has(.roles-layout) .page-heading p{font-size:11px}#main:has(.roles-layout) .team-tabs{margin-inline:0;padding-inline:0;gap:4px}#main:has(.roles-layout) .team-tabs button{font-size:11px;padding-inline:7px}#main:has(.roles-layout) .role-picker{grid-template-columns:1fr;padding:10px}#main:has(.roles-layout) .real-permissions>.panel-heading{padding:20px}#main:has(.roles-layout) .real-permissions .role-details{grid-template-columns:1fr;gap:14px;padding:0 20px 16px}#main:has(.roles-layout) .permission-group{margin:8px 10px 13px}#main:has(.roles-layout) .permission-group h3{padding-inline:14px}#main:has(.roles-layout) .permission-group .permission-row{padding-inline:14px;font-size:11px}#main:has(.roles-layout) .permission-footer{padding:16px 20px}}