/* AlfaLid 1.3 design system — visual layer matching approved mockups */
:root{
 --bg:#f7f9fd;--surface:#fff;--surface-2:#f5f7fb;--ink:#0c1730;--muted:#6b7790;--line:#e7ebf3;
 --brand:#3167ff;--brand-strong:#5638ff;--brand-soft:#eef2ff;--dark:#06152c;--dark-2:#0b1d39;
 --green:#18a85c;--green-soft:#e8f8ee;--red:#eb4e59;--red-soft:#fff0f2;--blue:#2b6eff;--blue-soft:#eef4ff;--orange:#f59b24;
 --shadow:0 14px 36px rgba(35,60,110,.07);--shadow-lg:0 30px 90px rgba(20,40,85,.16);--radius:18px;--radius-sm:11px;
}
body{background:var(--bg);color:var(--ink);font-size:13px}.brand-mark{position:relative;width:34px;height:34px;border-radius:0;background:transparent;box-shadow:none;color:transparent}.brand-mark:before,.brand-mark:after,.brand-mark i{content:"";position:absolute;border-radius:14px;background:linear-gradient(145deg,#10a5ff,#4d52ff 55%,#8339ff)}.brand-mark:before{left:2px;top:2px;width:12px;height:30px}.brand-mark:after{right:2px;top:2px;width:12px;height:30px}.brand-mark i{left:9px;top:4px;width:16px;height:12px}.btn{border-radius:9px;padding:9px 14px}.btn.primary{background:linear-gradient(115deg,#246cff,#6139ff);color:#fff;box-shadow:0 8px 20px rgba(69,72,255,.16)}.btn.primary:hover{background:linear-gradient(115deg,#195ff7,#5431f2)}.btn.dark{background:#10223f}.btn.ghost{border-color:#dfe5ef}.btn.wide{width:100%}.icon-btn{border-color:#e4e8f0;border-radius:10px;background:#fff;color:#23314a}.segmented{background:#eff2f7}.segmented button.active{color:#3047d8}.status-chip.success{background:#e9f8ef;color:#149453}.status-chip.warning{background:#fff4df;color:#c67810}.status-chip.danger{background:#fff0f2;color:#d83c4b}.info-box{border-color:#dfe7ff;background:#f4f7ff;color:#496080}

/* auth */
.auth-screen{grid-template-columns:minmax(440px,.72fr) minmax(690px,1.28fr);background:#f8faff}.auth-visual{background:radial-gradient(circle at 70% 70%,rgba(79,54,255,.24),transparent 32%),linear-gradient(155deg,#06152e 0%,#071733 56%,#102260 100%);padding:34px 36px;min-height:100vh}.auth-visual:before{background:radial-gradient(circle,rgba(43,114,255,.2),transparent 68%);right:-230px;top:-230px}.auth-visual:after{border-color:rgba(88,97,255,.24);right:-80px;bottom:110px}.auth-brand{color:#fff;text-decoration:none;font-size:22px;gap:13px}.auth-copy{margin-top:6vh;max-width:520px}.auth-copy h1{font-size:clamp(39px,3.8vw,60px);line-height:1.04;margin:0 0 18px;color:#fff}.auth-copy>p{font-size:14px;line-height:1.55;color:#c5cce0;max-width:440px}.auth-benefits{display:grid;gap:14px;margin-top:24px}.auth-benefits>div{display:flex;align-items:flex-start;gap:13px}.auth-benefits span strong,.auth-benefits span small{display:block}.auth-benefits span strong{font-size:13px;color:#fff}.auth-benefits span small{font-size:11px;color:#aeb9d0;line-height:1.4;margin-top:3px}.benefit-icon{width:41px;height:41px;flex:0 0 41px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#3d65ff,#6b35ff);font-size:15px}.benefit-icon.whatsapp{background:linear-gradient(135deg,#16bd62,#0b9e54)}.benefit-icon.bitrix{background:linear-gradient(135deg,#20a8f6,#2671ff)}.auth-device-preview{position:absolute;left:28px;bottom:100px;width:410px;transform:perspective(900px) rotateX(2deg) rotateY(4deg) rotateZ(-3deg);filter:drop-shadow(0 30px 50px rgba(0,0,0,.38));z-index:1}.auth-device-preview img{display:block;width:100%;border-radius:17px;border:1px solid rgba(255,255,255,.2)}.auth-trust{position:absolute;left:18px;right:18px;bottom:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(8,19,47,.72);backdrop-filter:blur(12px);z-index:3}.auth-trust span{display:grid;grid-template-columns:27px 1fr;column-gap:7px;align-items:center}.auth-trust b{grid-row:1/3;width:27px;height:27px;border-radius:8px;background:rgba(255,255,255,.08);display:grid;place-items:center}.auth-trust strong{font-size:10px;color:#fff}.auth-trust small{font-size:8px;color:#9dabc7}.auth-panel{display:flex;align-items:center;justify-content:center;gap:24px;padding:32px 44px;background:linear-gradient(100deg,#fff,#fafbff)}.auth-card{width:min(500px,100%);background:#fff;border:1px solid #edf0f5;border-radius:22px;padding:28px 35px;box-shadow:0 18px 45px rgba(27,48,95,.055)}.auth-heading h2{font-size:27px}.auth-tabs{background:transparent;border-radius:0;padding:0;border-bottom:1px solid #e7eaf0;margin:0 0 22px}.auth-tabs button{border-radius:0;padding:11px 10px 13px}.auth-tabs button.active{background:transparent;color:#3744e8;box-shadow:inset 0 -2px #4150ff}.auth-card input,.modal input,.modal textarea,.modal select,.panel input,.panel textarea,.panel select,.search-box input{border-color:#dce2ec;border-radius:9px;padding:11px 12px}.auth-card input:focus,.modal input:focus,.modal textarea:focus,.panel input:focus,.panel textarea:focus,.search-box input:focus{border-color:#5261ff;box-shadow:0 0 0 3px rgba(76,85,255,.11)}.auth-card .btn.xl{height:48px}.social-auth{grid-template-columns:repeat(5,1fr)}.social-auth button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;padding:7px;min-width:0}.social-auth button span{display:none}.auth-hint{font-size:9px}.verify-icon{background:linear-gradient(135deg,#2e70ff,#6338ff);color:#fff}.verification-item{background:#fff}.verification-item .btn{padding:8px 10px}

/* app shell */
.app-shell{grid-template-columns:235px 1fr}.sidebar{width:235px;background:linear-gradient(180deg,#06152c 0%,#07172f 100%);border-right:0;padding:18px 9px;color:#c9d2e4}.sidebar-brand{padding:5px 10px 20px}.sidebar-brand strong{font-size:20px;letter-spacing:-.035em}.sidebar-brand small{display:none}.workspace-box{margin:0 5px 13px;background:#0b1d38;border:1px solid #173050;border-radius:11px}.workspace-avatar{background:#153057;color:#b8c8ff}.workspace-box small{color:#7690b4}.workspace-box select{color:#fff}.main-nav{display:grid;gap:4px}.main-nav button{min-height:44px;border-radius:9px;padding:9px 11px;color:#b7c4d8}.main-nav button:hover{background:#0e2546;color:#fff}.main-nav button.active{background:linear-gradient(105deg,#2477ff,#7040ff);color:#fff;box-shadow:0 8px 24px rgba(49,74,255,.2)}.nav-icon{width:30px;height:30px;border-radius:8px;background:transparent;font-size:16px;color:#d3deed}.main-nav button.active .nav-icon{background:rgba(255,255,255,.09)}.main-nav b{background:#704cff}.sidebar-promo{display:none}.sidebar-user{margin-top:auto;border-top:1px solid #17304c;padding:14px 8px 4px}.sidebar-user button{color:#9fb1ca}.user-avatar{background:linear-gradient(135deg,#0f8df6,#6942ff);color:#fff}.main-content{grid-column:2;background:#f8fafe}.topbar{height:74px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7ebf3;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:25}.topbar-search{display:flex;gap:12px;align-items:center}.menu-square{width:39px;height:39px;border:1px solid #e5e9f1;background:#fff;border-radius:10px}.global-search{display:flex;align-items:center;gap:9px;border:1px solid #dfe5ef;border-radius:10px;padding:0 12px;width:510px;height:40px;background:#fff}.global-search input{border:0;outline:0;flex:1;color:#24314a}.global-search kbd{font:inherit;color:#8894a8;background:#f4f6f9;border-radius:6px;padding:3px 6px}.topbar-actions{display:flex;align-items:center;gap:8px}.notification{position:relative}.notification b{position:absolute;right:-3px;top:-5px;background:#ef2b31;color:#fff;font-size:8px;border-radius:999px;padding:2px 4px}.top-user{display:flex;align-items:center;gap:9px;padding:0 9px 0 7px;border-left:1px solid #e5e9f1}.top-user .user-avatar{width:36px;height:36px}.top-user strong,.top-user small{display:block}.top-user strong{font-size:11px}.top-user small{font-size:9px;color:#8090a6;margin-top:2px}.top-user i{font-style:normal;color:#68758b}.health-pill{padding:7px 10px;border-radius:999px}.health-pill b{font-size:9px}.topbar-page-meta{display:none}.view{padding:18px 20px 32px;max-width:none}.section-hero{margin-bottom:18px}.section-hero h1{font-size:28px;letter-spacing:-.035em}.section-hero p{font-size:11px;color:var(--muted)}

/* dashboard */
.welcome-card{display:none}.metric-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:15px}.metric-card{background:#fff;border:1px solid #e7ebf3;border-radius:14px;padding:16px;box-shadow:0 7px 20px rgba(31,57,104,.035);min-height:105px}.metric-icon{background:linear-gradient(135deg,#395dff,#7042f6);color:#fff;border-radius:12px}.metric-card span{color:#6f7c91}.metric-card strong{font-size:23px;color:#0d1830}.panel{border:1px solid #e7ebf3;border-radius:15px;box-shadow:none;background:#fff}.dashboard-grid{gap:14px}.usage-item{border-color:#edf0f5;background:#fbfcff}

/* profiles */
.profile-grid{gap:13px}.profile-card{border-color:#e5eaf2;border-radius:15px;box-shadow:none}.profile-card:hover{border-color:#b9c8ff;box-shadow:0 12px 32px rgba(45,70,130,.07);transform:translateY(-2px)}.channel-icon{background:linear-gradient(135deg,#2c7bff,#6441fb);color:#fff}.channel-icon.big{border-radius:13px}.filter-toolbar{background:transparent}

/* inbox */
.inbox-view{grid-template-columns:390px minmax(520px,1fr) 285px;height:calc(100vh - 110px);padding:0 14px 14px;gap:0;background:#f8fafe}.inbox-sidebar{border:1px solid #e4e9f2;border-radius:15px 0 0 15px;background:#fff;overflow:hidden}.inbox-title{padding:15px 15px 8px}.inbox-title h3{font-size:16px}.inbox-sidebar>.search-box{margin:5px 13px}.inbox-tabs{padding:7px 13px;border-bottom:1px solid #edf0f5}.inbox-tabs button.active{color:#2748df;background:#eef3ff}.conversation-list{padding:0}.conversation-row{border-bottom:1px solid #edf0f5;border-radius:0;padding:11px 13px}.conversation-row:hover,.conversation-row.active{background:#edf3ff}.chat{border-top:1px solid #e4e9f2;border-bottom:1px solid #e4e9f2;background:#fff}.chat-head{height:66px;border-bottom:1px solid #edf0f5;padding:12px 16px}.messages{padding:18px 24px;background:#fff}.message{max-width:72%;border-radius:12px}.message.outbound{background:#eaf2ff}.composer{border-top:1px solid #edf0f5;padding:10px 14px 7px}.composer textarea{border:1px solid #dfe5ef;border-radius:10px;min-height:40px;padding:10px}.composer .btn.primary{width:42px;height:40px;padding:0;border-radius:9px}.composer-tools{display:flex;gap:7px;padding:0 14px 12px}.composer-tools button{border:1px solid #e3e8f0;background:#fff;border-radius:8px;padding:7px 10px;color:#536078;font-size:10px}.inbox-context{border:1px solid #e4e9f2;border-left:0;border-radius:0 15px 15px 0;background:#f9fbff;padding:10px;display:grid;align-content:start;gap:10px;overflow:auto}.context-card{border:1px solid #e4e9f2;background:#fff;border-radius:13px;padding:15px}.context-card h3{font-size:13px;margin:0 0 8px}.context-card p{font-size:10px;color:#6f7d93;line-height:1.5}.context-b24{display:grid;grid-template-columns:43px 1fr;gap:10px}.context-b24>span{width:43px;height:43px;border-radius:11px;background:#f0f8ff;color:#198ddd;display:grid;place-items:center;font-size:18px;font-weight:850}.context-b24 small,.context-b24 strong{display:block}.context-b24 small{font-size:9px;color:#728198;margin-top:4px}.context-lines{display:grid;gap:9px}.context-line{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;font-size:10px}.context-line i{width:7px;height:7px;border-radius:50%;background:#3167ff}.context-line:nth-child(2) i{background:#ff8a22}.context-line:nth-child(3) i{background:#19ad62}.context-line:nth-child(4) i{background:#23a7e8}.quick-context{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.quick-context button{border:1px solid #e4e9f2;border-radius:10px;background:#fff;padding:10px 6px;color:#485773;font-size:9px}.payment-context strong{font-size:12px}.payment-context .status-chip{margin-left:5px}.payment-context small{display:block;color:#6d7a8f;margin-top:5px}

/* integrations + Bitrix wizard */
.integration-view{display:grid;grid-template-columns:330px 1fr;gap:16px;padding-top:18px}.integration-catalog{min-width:0}.integration-catalog .section-hero{margin-bottom:12px}.messenger-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.messenger-grid article{position:relative;border:1px solid #e4e9f2;border-radius:13px;background:#fff;padding:13px;display:flex;align-items:center;gap:10px;min-height:76px}.messenger-grid article.selected{border-color:#4b64ff;box-shadow:inset 0 0 0 1px #4b64ff}.messenger-grid article strong,.messenger-grid article small{display:block}.messenger-grid article strong{font-size:12px}.messenger-grid article small{font-size:8.5px;color:#7d899e;margin-top:3px}.service-logo{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#f0f3f9;font-weight:850;font-size:11px}.service-logo.telegram{background:#27a8e7;color:#fff}.service-logo.whatsapp{background:#25c461;color:#fff}.service-logo.max{background:linear-gradient(135deg,#2424bd,#8238ff);color:#fff}.service-logo.aitu{background:#0c4c83;color:#fff}.service-logo.vk{background:#1586eb;color:#fff}.service-logo.avito{color:#7042e8}.service-logo.b24{background:#eaf8ff;color:#198ed8;font-size:16px}.service-logo.slack{color:#d33b84}.service-logo.discord{background:#5865f2;color:#fff}.connected-dot{position:absolute;right:10px;top:10px;width:7px;height:7px;border-radius:50%;background:#1ab562}.bitrix-wizard{border:1px solid #e2e7ef;background:#fff;border-radius:16px;padding:17px;min-width:0}.wizard-head{display:flex;justify-content:space-between;align-items:center}.wizard-head>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.wizard-head h2{font-size:20px;margin:0}.official-chip{padding:6px 9px;border-radius:999px;background:#e9f8ef;color:#208d55;font-size:9px}.wizard-progress{display:grid;grid-template-columns:repeat(4,1fr);margin:21px 0 15px}.wizard-progress>div{position:relative;text-align:center;color:#7b879b}.wizard-progress>div:after{content:"";position:absolute;left:55%;right:-45%;top:14px;height:1px;background:#dfe4ed;z-index:0}.wizard-progress>div:last-child:after{display:none}.wizard-progress b{position:relative;z-index:1;width:29px;height:29px;border:1px solid #d8deea;border-radius:50%;background:#fff;display:grid;place-items:center;margin:0 auto 6px}.wizard-progress span{font-size:9px;line-height:1.25}.wizard-progress .active{color:#13213d}.wizard-progress .active b{background:#2b66ff;color:#fff;border-color:#2b66ff}.wizard-progress .active:after{background:#3a6cff}.wizard-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.wizard-step{border:1px solid #e7ebf2;border-radius:13px;padding:13px;min-width:0;display:flex;flex-direction:column;gap:10px}.wizard-step h3{font-size:11px;margin:0}.wizard-step>p{font-size:8.7px;color:#78859a;line-height:1.45;margin:0;min-height:38px}.wizard-step label{font-size:9px}.wizard-step input,.wizard-step select{font-size:9px}.wizard-checks{display:grid;gap:7px;color:#56647a;font-size:8.8px;margin:3px 0}.wizard-checks .ok{color:#179553}.wizard-note{padding:9px;border-radius:9px;background:#eef4ff;color:#3d63ad;font-size:8px;line-height:1.45;margin-top:auto}.wizard-note.light{background:#f7f9fc;color:#7b8798}.app-install-card{text-align:center;border:1px solid #edf0f5;border-radius:11px;padding:13px;display:grid;justify-items:center;gap:5px}.app-install-card .brand-mark{width:46px;height:46px}.app-install-card strong{font-size:11px}.app-install-card small{font-size:8px;color:#7c879a}.install-status{padding:5px 7px;border-radius:999px;background:#f3f5f8;color:#7a879b;font-size:8px}.install-status.ok{background:#eaf8ef;color:#168f50}.b24-mappings{display:grid;gap:7px}.b24-map-row{display:grid;grid-template-columns:minmax(0,1fr) 13px minmax(0,1fr);gap:5px;align-items:center;font-size:8px}.b24-map-row select{padding:7px 5px;width:100%;border:1px solid #dfe5ed;border-radius:7px}.test-state{display:grid;grid-template-columns:1fr;gap:2px;padding:9px;border:1px solid #edf0f5;border-radius:10px}.test-state span{font-size:9px;font-weight:750}.test-state small{font-size:7.5px;color:#7b8798;margin-bottom:5px}.test-state .ok{color:#169754}.test-chat{display:grid;gap:6px;font-size:8px}.test-chat>div{background:#f2f4f8;border-radius:8px;padding:8px}.test-chat .agent{background:#eaf2ff;margin-left:18px}.test-chat b{font-size:8px}.test-chat p{margin:3px 0 0;color:#58667c;line-height:1.4}.wizard-footer{margin-top:11px;border:1px solid #e8ecf3;background:#fbfcff;border-radius:10px;padding:10px 12px;color:#718098;font-size:8.5px;display:flex;justify-content:space-between;gap:15px}.wizard-footer a{color:#3261e6;text-decoration:none}

/* pricing + billing */
.pricing-view .section-hero{display:flex;justify-content:space-between;align-items:end}.pricing-view .plan-grid{grid-template-columns:repeat(5,1fr)}.plan-grid{gap:11px}.plan-card{border-color:#e5eaf2;border-radius:15px;background:#fff;box-shadow:none}.plan-card.popular{border:1.5px solid #6849ff;box-shadow:0 12px 32px rgba(91,65,255,.1)}.popular-label{background:#f1edff;color:#6542e9}.plan-price strong{font-size:25px;color:#0d1830}.plan-card .btn.dark{background:#fff;color:#23314a;border-color:#dce3ee}.plan-card .btn.primary{background:linear-gradient(115deg,#286aff,#653bff);color:#fff}.pricing-help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.pricing-help-grid article{border:1px solid #e5eaf2;background:#fff;border-radius:14px;padding:18px}.pricing-help-grid span{width:38px;height:38px;border-radius:10px;background:#eef3ff;color:#3556e5;display:grid;place-items:center}.pricing-help-grid h3{font-size:13px;margin:12px 0 6px}.pricing-help-grid p{font-size:10px;color:#6f7b90;line-height:1.5;margin:0}.billing-hero{margin-bottom:12px}.current-plan-card{border:1px solid #e4e9f1;border-radius:14px;background:#fff;box-shadow:none}.current-plan-card h2{font-size:22px}.billing-period{margin:15px 0}.billing-columns{gap:14px}.invoice-row{border-color:#edf0f5}.payment-method{border-color:#e3e8f0}

/* team */
.team-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 14px}.team-kpis article{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #e4e9f1;border-radius:13px;padding:15px}.team-kpis article>span{width:39px;height:39px;border-radius:10px;background:linear-gradient(135deg,#2d6dff,#6341fa);display:grid;place-items:center;color:#fff}.team-kpis small,.team-kpis strong{display:block}.team-kpis small{font-size:9px;color:#7c879b}.team-kpis strong{font-size:16px;margin-top:3px}.team-row{border-color:#edf0f5}

/* settings */
.settings-layout{grid-template-columns:190px 1fr;gap:14px}.settings-nav{border:1px solid #e5eaf2;border-radius:14px;background:#fff}.settings-nav button.active{background:#eef3ff;color:#3552df}.security-cards>div{border-color:#e7ebf2}

/* admin */
.admin-hero{display:none}.admin-metrics{grid-template-columns:repeat(4,1fr)}.admin-tabs{border-bottom:1px solid #e5eaf2;gap:6px}.admin-tabs button{border:0;background:transparent;padding:10px 13px;color:#6f7b8f}.admin-tabs button.active{color:#2d54e7;box-shadow:inset 0 -2px #3464ff}.data-table th{background:#fafbfe;color:#778398}.data-table td{border-color:#edf0f5}.admin-plan-grid{grid-template-columns:repeat(5,1fr)}.system-card{border-color:#e4e9f1}.table-wrap{border-radius:12px;overflow:hidden}

/* modals */
dialog.modal{border:0;border-radius:18px;box-shadow:0 32px 100px rgba(16,35,75,.22)}.modal-head{border-color:#edf0f5}.modal-actions{border-color:#edf0f5}.auth-methods button:hover{border-color:#6477ff;background:#f6f7ff}.method-icon{color:#4c5cff}.pairing-code{background:#f1f4ff;border-color:#6170ff;color:#293adf}.qr-frame{border-color:#e1e6ef}

@media(max-width:1350px){.app-shell{grid-template-columns:82px 1fr}.sidebar{width:82px}.sidebar-brand>div,.workspace-box>div,.main-nav button>span:nth-child(2),.sidebar-user>div:nth-child(2){display:none}.sidebar-brand{justify-content:center}.workspace-box{justify-content:center}.main-nav button{grid-template-columns:1fr;justify-items:center}.main-content{grid-column:2}.global-search{width:380px}.top-user>div{display:none}.inbox-view{grid-template-columns:330px 1fr 250px}.integration-view{grid-template-columns:280px 1fr}.wizard-columns{grid-template-columns:1fr 1fr}.pricing-view .plan-grid{grid-template-columns:repeat(3,1fr)}.admin-plan-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1050px){.auth-screen{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{min-height:100vh}.inbox-view{grid-template-columns:320px 1fr}.inbox-context{display:none}.integration-view{grid-template-columns:1fr}.messenger-grid{grid-template-columns:repeat(3,1fr)}.global-search{width:300px}.health-pill,.top-user{display:none}}
@media(max-width:760px){.topbar{height:68px;padding:0 12px}.global-search{width:min(62vw,340px)}.global-search kbd{display:none}.topbar-actions .btn.primary,.notification,.topbar-actions>.icon-btn:nth-of-type(2){display:none}.view{padding:14px}.inbox-view{height:calc(100vh - 136px);grid-template-columns:1fr;padding:0}.messenger-grid{grid-template-columns:1fr 1fr}.wizard-columns{grid-template-columns:1fr}.pricing-view .plan-grid,.pricing-help-grid,.team-kpis{grid-template-columns:1fr}.auth-panel{padding:75px 15px 25px}.auth-card{padding:24px 20px}.social-auth{grid-template-columns:repeat(3,1fr)}}

/* 1.3 verification UX */
.verification-modern{display:grid;gap:20px;padding:24px;border:1px solid #e4e9f2;border-radius:20px;background:#fff;box-shadow:0 18px 50px rgba(18,42,86,.07)}
.verification-modern .verify-main{display:flex;align-items:center;gap:14px}
.verification-modern .verify-main>div{display:grid;gap:4px}.verification-modern .verify-main strong{font-size:18px;color:#101a31}.verification-modern .verify-main small{color:#7a869a}
.verification-modern .verify-channel{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#3867ff,#713cff);color:#fff;font-weight:800;font-size:19px;box-shadow:0 10px 25px rgba(70,83,255,.24)}
.otp-grid{display:grid;grid-template-columns:repeat(6,minmax(42px,1fr));gap:10px;max-width:440px;margin:2px auto 0;width:100%}
.otp-grid input{height:58px;padding:0!important;text-align:center;font-size:22px;font-weight:800;border:1px solid #dbe2ee!important;border-radius:13px!important;background:#fbfcff!important;outline:0;transition:.18s ease}
.otp-grid input:focus{border-color:#4c55ff!important;box-shadow:0 0 0 4px rgba(76,85,255,.11);background:#fff!important;transform:translateY(-1px)}
.verify-actions.modern{display:grid;grid-template-columns:1fr 1.35fr;gap:10px}.verify-actions.modern .btn{min-height:46px}.verify-resend-note{display:block;text-align:center;color:#8994a7;line-height:1.5}
@media(max-width:620px){.verification-modern{padding:18px}.otp-grid{gap:6px}.otp-grid input{height:50px;font-size:19px;border-radius:10px!important}.verify-actions.modern{grid-template-columns:1fr}}

/* admin KPI row mirrors approved five-card design */
.admin-metrics{grid-template-columns:repeat(5,minmax(0,1fr))!important}
@media(max-width:1350px){.admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:820px){.admin-metrics{grid-template-columns:1fr!important}}
/* collapsible navigation */
.app-shell.sidebar-collapsed{grid-template-columns:82px 1fr}.app-shell.sidebar-collapsed .sidebar{width:82px}.app-shell.sidebar-collapsed .sidebar-brand>div,.app-shell.sidebar-collapsed .workspace-box>div,.app-shell.sidebar-collapsed .main-nav button>span:nth-child(2),.app-shell.sidebar-collapsed .sidebar-user>div:nth-child(2){display:none}.app-shell.sidebar-collapsed .sidebar-brand,.app-shell.sidebar-collapsed .workspace-box{justify-content:center}.app-shell.sidebar-collapsed .main-nav button{grid-template-columns:1fr;justify-items:center}.app-shell.sidebar-collapsed .main-content{grid-column:2}
@media(min-width:1351px){.app-shell.sidebar-collapsed .global-search{width:430px}}