:root{--bg:#06080d;--side:#080b11;--card:#0d131b;--card2:#101722;--line:#202a39;--line2:#293548;--text:#f4f6fa;--muted:#7a879a;--purple:#765cff;--green:#5ed49d;--gold:#efc45e;--red:#ef7180}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font:12px Inter,system-ui,-apple-system,Segoe UI,sans-serif}.hidden{display:none!important}button,input,textarea,select{font:inherit}.app{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}
aside{height:100vh;position:sticky;top:0;background:linear-gradient(180deg,#090c12,#070a0f);border-right:1px solid #1a2230;padding:16px 12px;display:flex;flex-direction:column;overflow:auto}.brand{display:flex;align-items:center;gap:10px;padding:5px 8px 20px;text-decoration:none;color:#fff}.brand img{width:38px;height:38px;border-radius:10px}.brand span{display:flex;flex-direction:column}.brand b{font-size:11px;letter-spacing:.06em}.brand small{font-size:6px;color:#657286;letter-spacing:.12em;margin-top:2px}.side-title,.nav-label{font-size:7px;color:#566276;letter-spacing:.14em;font-weight:800}.side-title{padding:8px}.server{width:100%;border:1px solid transparent;background:transparent;color:#748195;border-radius:9px;padding:9px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}.server:hover,.server.active{background:#121925;border-color:#1e2938;color:#fff}.avatar{width:31px;height:31px;border-radius:8px;background:#1a2230;display:grid;place-items:center;overflow:hidden;font-weight:900;flex:0 0 auto}.avatar img{width:100%;height:100%;object-fit:cover}.server small{display:block;font-size:7px;color:#647185;margin-top:2px}aside nav{display:grid;gap:3px;border-top:1px solid #171f2b;margin-top:14px;padding-top:12px}.nav-label{padding:10px 9px 3px}aside nav button,.side-bottom button,.side-bottom a{border:1px solid transparent;background:transparent;color:#718095;border-radius:8px;padding:10px 11px;text-align:left;cursor:pointer;text-decoration:none;font-size:10px}aside nav button{display:flex;align-items:center;gap:9px}aside nav button i{width:18px;text-align:center;color:#5e6a7e;font-style:normal}aside nav button:hover{background:#0f151e;color:#e6e9ef}aside nav button.active{background:linear-gradient(90deg,#21183d,#121720);border-color:#372a59;color:#d4c7ff}aside nav button.active i{color:#aa92ff}.side-bottom{margin-top:auto;border-top:1px solid #171f2b;padding-top:9px;display:grid;gap:3px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5ed49d;box-shadow:0 0 12px #5ed49d77;margin-right:7px}
main{padding:30px 38px 56px;min-width:0;width:100%;max-width:none}.main-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:22px;border-bottom:1px solid #171f2b;margin-bottom:25px}.main-header small{font-size:7px;color:#8e72ff;letter-spacing:.13em;font-weight:900}.main-header h1{font-size:31px;letter-spacing:-.035em;margin:5px 0 3px}.main-header p{margin:0;color:#657286;font-size:10px}.user-chip{display:flex;align-items:center;gap:8px;border:1px solid #222c3b;background:#0b1017;border-radius:999px;padding:8px 11px;color:#d7dce4;font-size:10px}.user-dot{width:7px;height:7px;border-radius:50%;background:#61d19a}.empty{min-height:620px;border:1px dashed #273244;border-radius:15px;display:grid;place-content:center;justify-items:center;text-align:center;color:#778395;background:radial-gradient(circle at 50% 0,#171028,#090d13 58%)}.empty img{width:74px;height:74px;border-radius:17px}.empty>span{font-size:8px;letter-spacing:.16em;color:#947bff;font-weight:900;margin-top:15px}.empty h2{font-size:27px;color:#fff;margin:8px 0 3px}.empty p{font-size:11px}.tab{display:none}.tab.active{display:block}.page-intro,.page-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.page-intro>div>span,.page-head span{font-size:8px;letter-spacing:.16em;color:#9075ff;font-weight:900}.page-intro h2,.page-head h2{font-size:28px;letter-spacing:-.035em;margin:6px 0 5px}.page-intro p,.page-head p{margin:0;color:#758297;font-size:11px;line-height:1.5}.head-badge{font-size:8px;color:#7f8c9f;border:1px solid #263146;background:#0b1119;border-radius:999px;padding:7px 10px}
.panel,.summary article,.module-row,.addon,.plans article,.metric-grid article{background:linear-gradient(145deg,#0e131b,#090e14);border:1px solid var(--line);box-shadow:0 12px 30px #0002}.panel{padding:20px;border-radius:15px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.panel-head span{font-size:7px;color:#6a7689;letter-spacing:.12em}.panel-head h2{font-size:19px;margin:5px 0 4px}.panel-head small{color:#647186;font-size:9px}.pill{display:inline-flex;padding:5px 8px;border:1px solid #38305d;border-radius:999px;color:#ad94ff;font-size:7px;white-space:nowrap}
.summary{display:grid;grid-template-columns:1.4fr repeat(4,minmax(150px,.72fr));gap:11px;margin-bottom:12px}.summary article{min-height:112px;padding:17px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;border-radius:14px}.summary article.wide{grid-template-columns:auto 1fr auto;background:radial-gradient(circle at 0 0,#271849,#0d1219 58%);border-color:#3a2d58}.summary-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;border:1px solid #40345e;background:#201934;color:#bcaaff;font-size:18px}.summary-icon.green{color:#69d9a5;background:#102118;border-color:#204932}.summary-icon.purple{color:#a58cff;background:#17132a;border-color:#332856}.summary-icon.amber{color:#f1c668;background:#211b0e;border-color:#4d401f}.summary-icon.blue{color:#7db8ff;background:#0e1a28;border-color:#203d5d}.summary span{font-size:7px;color:#697689;letter-spacing:.1em}.summary b{display:block;font-size:22px;margin:5px 0 2px}.summary small{color:#667286;font-size:8px}.summary article>button{border:0;background:none;color:#b8a6ff;font-size:8px;cursor:pointer;align-self:end;justify-self:end}
.onboarding-panel{margin:0 0 12px}.onboarding{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}.onboarding-step{min-height:84px;display:flex;gap:10px;align-items:flex-start;border:1px solid #202a3a;background:#0a1018;border-radius:11px;padding:12px}.onboarding-step>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;border:1px solid #384359;color:#718096}.onboarding-step.done>span{border-color:#2f6a4c;background:#10271c;color:#62d59e}.onboarding-step b{display:block;font-size:10px}.onboarding-step small{display:block;color:#657287;font-size:8px;margin-top:3px;line-height:1.35}.columns{display:grid}.dashboard-columns{grid-template-columns:1fr 1fr;gap:12px}.usage-row{display:grid;grid-template-columns:135px 1fr 115px;gap:10px;align-items:center;margin:13px 0}.usage-row b{font-size:10px}.usage-row small{color:#697689;text-align:right;font-size:8px}.meter{height:7px;border:1px solid #263043;background:#090d13;border-radius:20px;overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,#6f49ec,#8b68ff)}.event{display:flex;justify-content:space-between;gap:15px;padding:11px 2px;border-bottom:1px solid #1b2431}.event b{font-size:10px}.event small{color:#647184;font-size:8px}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:12px}.metric-grid article{padding:17px;border-radius:13px}.metric-grid span{display:block;color:#647185;font-size:7px;letter-spacing:.1em}.metric-grid b{display:block;font-size:18px;margin:7px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-grid small{color:#5f6c80;font-size:8px}.ticket-list{display:grid;gap:8px;margin-top:14px}.ticket-row{display:grid;grid-template-columns:minmax(180px,1.3fr) .8fr .7fr .7fr auto;gap:12px;align-items:center;padding:13px;border:1px solid #1f2937;border-radius:10px;background:#0a0f16}.ticket-row b{font-size:10px}.ticket-row span,.ticket-row small{font-size:8px;color:#718095}.ticket-row .priority{display:inline-flex;width:max-content;padding:4px 7px;border:1px solid #2c3648;border-radius:999px;color:#a7b0bf}.ticket-empty{padding:30px 10px;text-align:center;color:#667388}
.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.module-row{min-height:96px;padding:15px;border-radius:13px;display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center}.module-icon{width:40px;height:40px;border-radius:11px;background:#151c27;border:1px solid #222d3d;display:grid;place-items:center}.module-row b{font-size:12px}.module-row small{font-size:9px;color:#6b7789;margin-top:2px;display:block}.plan-pill{font-size:7px;color:#a68cff;border:1px solid #342d55;border-radius:999px;padding:4px 6px}.toggle{width:38px;height:20px;border:0;border-radius:20px;background:#2a3342;position:relative;cursor:pointer}.toggle:after{content:"";position:absolute;width:16px;height:16px;top:2px;left:2px;border-radius:50%;background:#fff;transition:.15s}.toggle.on{background:#724cff}.toggle.on:after{left:20px}.toggle:disabled{opacity:.35}
.command-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.command-grid code{position:relative;display:flex;flex-direction:column;gap:8px;padding:15px;border:1px solid #202a39;border-radius:12px;background:linear-gradient(145deg,#0d131b,#090e14);font-family:inherit}.command-grid code b{font-size:11px;color:#f0f2f6}.command-grid code span{font:9px ui-monospace,SFMono-Regular,Consolas,monospace;color:#a995ff}.command-grid code em{position:absolute;right:10px;top:10px;font-style:normal;font-size:6px;color:#718096;border:1px solid #2c3749;border-radius:999px;padding:3px 5px}
.welcome-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:12px}.welcome-form{align-content:start}.form-title{grid-column:1/-1;border-bottom:1px solid #1d2634;padding-bottom:12px;margin-bottom:2px}.form-title b,.form-title small{display:block}.form-title b{font-size:12px}.form-title small{font-size:9px;color:#68758a;margin-top:3px}.welcome-preview{min-height:270px}.discord-message-preview{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:20px;padding:16px;border-radius:12px;background:#191b20;border:1px solid #2c3038;color:#dfe1e5;line-height:1.5;font-size:11px}.discord-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden}.discord-avatar img{width:100%;height:100%;object-fit:cover}.discord-name{font-weight:800;margin-bottom:4px}.discord-name span{font-size:7px;background:#5865f2;color:white;border-radius:3px;padding:2px 4px;margin-left:4px}.preview-help{display:block;margin-top:10px;color:#647185;font-size:8px}
.form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form label,.modal label{color:#788598;font-size:9px}.form input,.form textarea,.form select,.modal input,.modal textarea{width:100%;display:block;margin-top:5px;padding:11px;border:1px solid #263145;background:#080d13;color:#fff;border-radius:8px;outline:none}.form select{appearance:auto}.form textarea,.modal textarea{min-height:105px;resize:vertical}.form input:focus,.form textarea:focus,.form select:focus,.modal input:focus,.modal textarea:focus{border-color:#7259e6;box-shadow:0 0 0 3px #7259e611}.form .full{grid-column:1/-1}.actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:7px}.btn{border:1px solid #303b50;background:#121925;color:#fff;border-radius:8px;padding:9px 13px;min-height:36px;font-size:10px;font-weight:800;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#7d61ff,#5f42dd);border-color:#8b73ff;box-shadow:0 8px 22px #684cff28}.btn.soft{background:#111722;border-color:#2b3547;color:#cbd2dd}.form-message{min-height:16px;color:#7b879a;font-size:9px}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.toolbar input,.toolbar select{border:1px solid #263145;background:#080d13;color:#fff;border-radius:9px;padding:10px 11px;outline:none}.toolbar input{width:min(420px,100%)}.segmented{display:flex;gap:5px}.segmented button{border:1px solid #283346;background:#0b1119;color:#78869a;border-radius:7px;padding:8px 10px;font-size:8px;cursor:pointer}.segmented button.active{border-color:#6e56d8;background:#18132a;color:#cabaff}.event-list-full{display:grid;gap:7px}.event-row-full{display:grid;grid-template-columns:170px 1fr 170px;gap:14px;align-items:center;padding:12px;border:1px solid #1f2937;border-radius:9px;background:#0a0f16}.event-row-full b{font-size:9px}.event-row-full span{font-size:8px;color:#788598;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-row-full time{font-size:8px;color:#5f6c80;text-align:right}.command-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.command-card{position:relative;padding:16px;border:1px solid #202a39;border-radius:12px;background:#0a0f16;min-height:124px}.command-card.locked{opacity:.52}.command-card code{display:block;color:#c3b3ff;font-size:10px;margin-bottom:9px}.command-card h3{font-size:12px;margin:0 0 6px}.command-card p{color:#738094;font-size:9px;line-height:1.45;margin:0}.command-card .badge-plan{position:absolute;right:11px;top:11px;font-size:6px;border:1px solid #343e50;border-radius:999px;padding:4px 6px;color:#79869a}.command-card.available .badge-plan{color:#6edaa6;border-color:#29513e;background:#0d1b15}
.addon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.addon{padding:18px;border-radius:13px}.addon header{display:flex;justify-content:space-between;color:#8f75e9;font-size:7px}.addon h3{font-size:15px;margin:8px 0}.addon p{font-size:10px;color:#748195;line-height:1.5}.addon footer{display:flex;justify-content:space-between;color:#5f6c7f;font-size:7px}
.billing-current{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px}.billing-info{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px;flex:1}.billing-info>div{border:1px solid #202a3a;background:#0a1018;border-radius:8px;padding:10px}.billing-info span{display:block;color:#667388;font-size:7px;letter-spacing:.08em}.billing-info b{display:block;margin-top:4px;font-size:11px}.danger-btn{border:1px solid #67313a;background:#281218;color:#ff9ca7;border-radius:8px;padding:9px 11px;cursor:pointer}.danger-btn:disabled{opacity:.5}.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.plans article{border-radius:14px;padding:20px}.plans article:nth-child(2){border-color:#6c52d8;background:radial-gradient(circle at 50% 0,#21183d,#0d1219 55%)}.plans article.current-plan{box-shadow:0 0 0 1px #8066ec inset,0 18px 40px #6c4cff18}.plan-card-head{display:flex;align-items:center;justify-content:space-between}.current-plan-badge{font-size:6px;color:#69d9a5;border:1px solid #29513e;border-radius:999px;padding:4px 6px}.plans strong{display:block;font-size:30px;margin:8px 0}.plans strong small{font-size:9px;color:#697689}.plans p{font-size:10px;color:#748195;min-height:42px}.plans ul{list-style:none;padding:0;margin:12px 0}.plans li{font-size:9px;color:#8490a3;padding:4px 0}.plans li:before{content:"✓";color:#5ed39c;margin-right:6px}.plans button{width:100%;padding:9px;border:1px solid #3c4860;background:#151c28;color:#fff;border-radius:8px;cursor:pointer}
.gate{position:fixed;inset:0;z-index:100;background:#05070be6;display:grid;place-items:center;padding:20px}.login,.modal{width:min(430px,94vw);border:1px solid #2a3548;background:#0d131b;border-radius:14px;padding:26px}.login{text-align:center}.login img{width:76px;height:76px;border-radius:17px}.login p{color:#7a8798}.login .btn{display:flex;justify-content:center;margin:18px 0 10px}.login>a:last-child{color:#657286;font-size:9px}.modal{position:relative}.modal .x{position:absolute;right:12px;top:8px;border:0;background:none;color:#7b8798;font-size:22px}.modal h2{margin-top:0}.modal label{display:block;margin-top:10px}.modal .btn{width:100%;margin-top:12px}
.design-shell{display:grid;gap:12px}.branding-lock{border-color:#3a315a;color:#b9a8ff;margin-bottom:10px}.design-subnav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.design-subnav button{min-height:62px;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;text-align:left;padding:12px 13px;border:1px solid #202a39;background:#0a0f16;color:#78869a;border-radius:12px;cursor:pointer}.design-subnav button>span{grid-row:1/3;font-size:8px;color:#5f6c80}.design-subnav button b{font-size:10px;color:#d9dde5}.design-subnav button small{font-size:7px}.design-subnav button small em{font-style:normal;color:#efc45e}.design-subnav button.active{border-color:#7258de;background:#17122a}.design-subnav button:disabled{opacity:.45;cursor:not-allowed}.branding-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(410px,.75fr);gap:12px}.branding-grid.locked{opacity:.58;pointer-events:none}.branding-form{padding:15px}.design-plan-strip{display:flex;align-items:center;gap:10px;border:1px solid #242e3e;background:#0a1018;border-radius:11px;padding:10px;margin-bottom:10px}.design-plan-strip>span{font-size:7px;color:#c1b1ff;border:1px solid #4a3978;border-radius:999px;padding:4px 6px}.design-plan-strip b,.design-plan-strip small{display:block}.design-plan-strip small{color:#667388;font-size:8px;margin-top:2px}.design-page{display:none}.design-page.active{display:block}.ultimate-fields{display:grid}.form-section{border:1px solid #1f2937;background:#0a0f16;border-radius:11px;padding:13px;margin-bottom:10px}.form-section-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:11px}.form-section-head>div b,.form-section-head>div small,.form-section-head>b,.form-section-head>small{display:block}.form-section-head small{color:#687589;font-size:8px}.design-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-badge{align-self:flex-start;font-size:7px;letter-spacing:.08em;border:1px solid #2b3546;border-radius:999px;padding:5px 7px;color:#69778a}.banner-source,.layout-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.banner-source label,.layout-picker label{display:flex;gap:8px;align-items:flex-start;border:1px solid #263146;background:#0d131b;border-radius:10px;padding:10px;cursor:pointer}.banner-source label:has(input:checked),.layout-picker label:has(input:checked){border-color:#8065ef;background:#18132a}.banner-source b,.banner-source small,.layout-picker b,.layout-picker small{display:block}.banner-source b,.layout-picker b{font-size:10px}.banner-source small,.layout-picker small{font-size:8px;color:#69768a;margin-top:2px}.banner-custom{display:grid!important;gap:10px;margin-top:10px}.upload-drop{min-height:82px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px;border:1px dashed #344157;border-radius:11px;background:linear-gradient(145deg,#0b1119,#0a0f15);cursor:pointer}.upload-drop:hover,.upload-drop.dragging{border-color:#8e72ff;background:#151126}.upload-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;border:1px solid #40335f;background:#19142c;color:#b9a4ff}.upload-drop b,.upload-drop small{display:block}.upload-drop small{color:#687589;font-size:8px;margin-top:3px}.upload-info{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border:1px solid #244334;background:#0c1a13;border-radius:9px}.upload-info b,.upload-info small{display:block}.upload-info small{font-size:8px;color:#6b8f7c}.text-btn{border:0;background:none;color:#8190a5;cursor:pointer;font-size:8px}.danger-text{color:#ef8995}.advanced-url{border-top:1px solid #1d2634;padding-top:8px}.advanced-url summary{cursor:pointer;color:#78869a;font-size:9px;user-select:none}.advanced-url label{display:block;margin-top:10px;color:#778498;font-size:9px}.advanced-url input{width:100%;display:block;margin-top:5px;padding:10px;border:1px solid #293449;background:#080d13;color:#fff;border-radius:8px}.advanced-url small{display:block;color:#59677b;font-size:8px;margin-top:4px}.ticket-type-editor{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.ticket-type-editor>div{padding:11px;border:1px solid #202a39;border-radius:10px;background:#0c121a}.ticket-type-title{display:flex;align-items:center;gap:8px;margin-bottom:9px}.ticket-type-title span{font-size:7px;color:#7b689f}.ticket-type-title b{font-size:10px}.ticket-type-editor label{display:block;font-size:8px;color:#748095;margin-top:7px}.ticket-type-editor input{width:100%;margin-top:4px;padding:9px;border:1px solid #283449;background:#080d13;color:#fff;border-radius:7px}.design-savebar{position:sticky;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid #293548;background:#0a0f17f2;backdrop-filter:blur(12px);border-radius:13px;margin-top:10px;z-index:4}.design-savebar b,.design-savebar small{display:block}.design-savebar small{font-size:8px;color:#667388}.branding-preview{position:sticky;top:18px;align-self:start}.preview-head{display:flex;align-items:center;justify-content:space-between}.preview-head span{display:block;font-size:7px;color:#6a7689;letter-spacing:.12em}.preview-head b{display:block;margin-top:3px}.preview-head small{font-size:8px;color:#677386}.discord-preview{margin-top:12px;border-left:4px solid var(--preview-accent,#8B5CF6);background:#191b20;border-radius:10px;padding:15px;color:#f1f2f4}.discord-preview h3{font-size:17px;margin:0 0 5px}.discord-preview h4{font-size:10px;margin:10px 0 5px}.discord-preview p,.discord-preview .type-line{font-size:9px;color:#c3c8d0;line-height:1.5}.discord-preview hr{border:0;border-top:1px solid #343945;margin:10px 0}.discord-preview blockquote{margin:10px 0;padding:8px 10px;border-left:3px solid #efb93e;background:#2a2110;color:#d8c99a;font-size:8px}.discord-preview footer{margin-top:10px;color:#7d8490;font-size:8px}.select-preview{border:1px solid #3a404c;border-radius:7px;padding:9px;margin-top:8px;color:#8f97a3;font-size:8px}.preview-banner{height:130px;border-radius:8px;margin-bottom:12px;background-size:cover;background-position:center}.keryvos-banner{background-image:url('/assets/keryvos-discord-banner-official.png')}.custom{background-color:#12151b}.save-state{font-size:8px;color:#efc45e;border:1px solid #5d4d22;background:#1d180d;border-radius:999px;padding:5px 8px}
@media(max-width:1450px){.summary{grid-template-columns:1.3fr repeat(2,1fr)}.summary article.wide{grid-column:1/-1}.module-grid,.command-catalog{grid-template-columns:repeat(2,1fr)}.command-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1120px){.app{grid-template-columns:225px 1fr}main{padding:26px 24px 46px}.welcome-grid,.branding-grid{grid-template-columns:1fr}.branding-preview{position:static}.metric-grid{grid-template-columns:1fr 1fr}.onboarding{grid-template-columns:1fr 1fr}.dashboard-columns{grid-template-columns:1fr}.addon-grid{grid-template-columns:1fr 1fr}.ticket-type-editor{grid-template-columns:1fr}.command-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.app{grid-template-columns:1fr}aside{height:auto;position:relative}.side-bottom{margin-top:10px}.main-header{margin-top:8px}.summary,.module-grid,.addon-grid,.plans,.command-catalog{grid-template-columns:1fr}.design-subnav{grid-template-columns:1fr 1fr}.page-intro,.page-head{align-items:flex-start;flex-direction:column}.user-chip{display:none}.ticket-row{grid-template-columns:1fr 1fr}.event-row-full{grid-template-columns:1fr}.event-row-full time{text-align:left}.billing-info{grid-template-columns:1fr}.billing-current{align-items:stretch;flex-direction:column}}
@media(max-width:560px){main{padding:20px 14px 36px}.main-header h1{font-size:26px}.summary,.metric-grid,.design-subnav,.banner-source,.layout-picker,.onboarding,.command-grid{grid-template-columns:1fr}.summary article.wide{grid-template-columns:auto 1fr}.summary article.wide button{grid-column:2}.toolbar{align-items:stretch;flex-direction:column}.segmented{overflow:auto}.form,.design-fields{grid-template-columns:1fr}.form .full{grid-column:auto}.upload-drop{grid-template-columns:auto 1fr}.upload-drop .btn{grid-column:1/-1}.ticket-row{grid-template-columns:1fr}.plans{grid-template-columns:1fr}}

/* =========================================================
   KERYVOS 8.6 — OPERATIONS UI / 2026
   ========================================================= */
:root{
  --bg:#05060a;--side:#080a10;--card:#0b0f17;--card2:#0f1520;--line:#20283a;--line2:#303a50;
  --text:#f7f8fb;--muted:#919bae;--muted2:#667286;--purple:#7a5cff;--purple2:#ad96ff;
  --green:#58d6a1;--gold:#efc763;--red:#ff7584;--blue:#66a8ff;--cyan:#5fd9e8;
  --shadow:0 24px 70px rgba(0,0,0,.34);--radius:16px;
}
html{color-scheme:dark;background:var(--bg)}
body{font-size:14px;line-height:1.45;background:
  radial-gradient(900px 620px at 82% -8%,rgba(93,61,255,.13),transparent 66%),
  radial-gradient(700px 520px at 18% 110%,rgba(42,112,255,.08),transparent 66%),
  var(--bg)}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 90%)}
button,input,textarea,select{font-size:13px}button{transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}button:active{transform:translateY(1px)}
.app{grid-template-columns:286px minmax(0,1fr)}
aside{padding:18px 14px;background:rgba(7,9,14,.96);border-right-color:#1a2030;box-shadow:16px 0 60px rgba(0,0,0,.14)}
.brand{padding:4px 8px 18px}.brand img{width:44px;height:44px;border-radius:12px;box-shadow:0 0 28px rgba(122,92,255,.15)}.brand b{font-size:13px}.brand small{font-size:8px;color:#756d94}
.side-title,.nav-label{font-size:9px}.server{padding:11px}.avatar{width:36px;height:36px}.server small{font-size:9px}
aside nav{gap:4px}aside nav button,.side-bottom button,.side-bottom a{font-size:12px;padding:11px 12px;border-radius:10px}aside nav button i{width:20px;font-size:13px}
aside nav button.active{background:linear-gradient(90deg,rgba(122,92,255,.18),rgba(122,92,255,.05));border-color:rgba(130,105,255,.28);box-shadow:inset 3px 0 0 #8d73ff}
main{padding:30px clamp(26px,3vw,64px) 72px;max-width:1960px;margin:0 auto}
.main-header{min-height:96px;padding:0 0 22px;margin-bottom:30px}.main-header small{font-size:9px}.main-header h1{font-size:clamp(30px,2.2vw,42px);margin:5px 0 2px}.main-header p{font-size:12px}.header-actions{display:flex;align-items:center;gap:10px}.build-chip{display:none}.user-chip{padding:8px 11px;border-radius:999px;background:#0b1018;border:1px solid #202a39}
.tab{animation:keryvosIn .2s ease}@keyframes keryvosIn{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:none}}
.page-intro{margin:0 0 22px;min-height:78px}.page-intro>div>span,.panel-head span,.form-title+span{font-size:9px;letter-spacing:.14em}.page-intro h2{font-size:clamp(25px,2vw,34px);letter-spacing:-.035em;margin:5px 0 4px}.page-intro p{font-size:13px;max-width:760px}.head-badge,.pill{font-size:9px;padding:7px 9px}
.panel,.summary article,.metric-grid article,.plans article,.addon,.capability-strip{border:1px solid rgba(115,130,160,.22);background:linear-gradient(150deg,rgba(16,22,33,.96),rgba(9,13,20,.98));box-shadow:0 1px 0 rgba(255,255,255,.02) inset,0 18px 50px rgba(0,0,0,.14);border-radius:var(--radius)}
.panel{padding:18px}.panel-head h2{font-size:18px}.panel-head small{font-size:10px;color:#77849a}.btn{min-height:40px;padding:0 14px;font-size:11px;border-radius:10px}.btn.primary{background:linear-gradient(135deg,#8265ff,#5f43e1);box-shadow:0 12px 30px rgba(105,74,255,.23)}
.summary{gap:12px}.summary article{min-height:116px;padding:18px}.summary article.wide{min-height:116px}.summary article span{font-size:9px}.summary article b{font-size:25px}.summary article small{font-size:10px}.summary-icon{width:40px;height:40px;border-radius:12px;font-size:15px}
.capability-strip{padding:14px;margin:12px 0}.capability-strip-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.capability-strip-head span{display:block;font-size:8px;color:#716292;letter-spacing:.14em;font-weight:900}.capability-strip-head b{font-size:13px}.text-link{border:0;background:transparent;color:#a594ff;cursor:pointer;font-size:11px}.capability-map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.capability{min-width:0;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:left;padding:12px;border:1px solid #212a3a;border-radius:12px;background:#0a0f16;color:#fff;cursor:pointer}.capability:hover{border-color:#3b4963;background:#0d141e}.capability>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#151b27}.capability b,.capability small{display:block}.capability b{font-size:11px}.capability small{font-size:9px;color:#77849a;margin-top:2px}.capability i{font:800 7px/1 ui-monospace,monospace;font-style:normal;letter-spacing:.08em;color:#768198}.capability.running{border-color:rgba(88,214,161,.25)}.capability.running i{color:var(--green)}.capability.locked{opacity:.62}.capability.locked i{color:#a890ff}
.onboarding{gap:10px}.onboarding-step{min-height:76px;padding:13px}.onboarding-step b{font-size:11px}.onboarding-step small{font-size:9px}
.columns.dashboard-columns{gap:14px}.usage-row{grid-template-columns:120px 1fr 128px;gap:12px}.usage-row b{font-size:10px}.usage-row small{font-size:9px}.meter{height:7px}
.event{padding:10px 0}.event b{font-size:10px}.event small{font-size:9px}
.metric-grid{gap:10px}.metric-grid article{padding:15px}.metric-grid span{font-size:8px}.metric-grid b{font-size:15px}.metric-grid small{font-size:9px}
.ticket-row{padding:12px;border-radius:11px}.ticket-row b{font-size:11px}.ticket-row small{font-size:9px}
.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.module-card{border:1px solid #202a3a;background:linear-gradient(145deg,#0d131d,#090e15);border-radius:16px;padding:16px;min-height:235px;display:flex;flex-direction:column;transition:.18s}.module-card:hover{border-color:#37445d;transform:translateY(-1px)}.module-card.is-on{border-color:rgba(88,214,161,.24);box-shadow:inset 0 0 0 1px rgba(88,214,161,.035)}.module-card.is-locked{opacity:.62}.module-card header{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.module-card header span:not(.module-icon){font-size:8px;color:#6e7b90;letter-spacing:.11em;font-weight:900}.module-card h3{font-size:17px;margin:2px 0 0}.module-card>p{color:#9aa5b7;font-size:12px;line-height:1.55;margin:14px 0}.module-card details{border-top:1px solid #1c2533;padding-top:10px}.module-card summary{font-size:10px;color:#b5bed0;cursor:pointer}.module-card details p{font-size:10px;color:#758298;line-height:1.55}.module-commands{display:flex;gap:5px;flex-wrap:wrap}.module-commands code{font-size:8px;color:#b5a7ff;border:1px solid #30294d;background:#151226;border-radius:6px;padding:5px 6px}.module-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:13px}.module-card footer small{font-size:8px;color:#6d798d}.module-icon{width:42px;height:42px;font-size:17px;border-radius:12px}.toggle{width:43px;height:24px}.toggle:before{width:18px;height:18px}.toggle.on:before{transform:translateX(19px)}
.command-grid{gap:9px}.command-grid code{min-height:72px;padding:12px;border-radius:11px}.command-grid code b{font-size:10px}.command-grid code span,.command-grid code em{font-size:8px}
.welcome-grid{grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);gap:14px}.form label{font-size:10px}.form input,.form textarea,.form select,.toolbar input,.toolbar select{min-height:43px;padding:10px 11px;border-radius:9px;font-size:11px}.form textarea{min-height:108px}.discord-message-preview{padding:18px}.discord-name{font-size:11px}.preview-help{font-size:9px}
.toolbar{gap:10px}.toolbar input{min-width:270px}.segmented button{font-size:9px;padding:8px 10px}
.command-catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.command-card{min-height:220px;padding:15px;border-radius:14px}.command-top{display:flex;align-items:center;justify-content:space-between}.command-top small{font-size:8px;color:#667388}.command-card code{font-size:10px}.command-card h3{font-size:16px}.command-card p{font-size:11px;line-height:1.55;color:#8995a8}.command-card footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #1e2735;padding-top:10px;margin-top:auto}.command-card footer span,.command-card footer b{font-size:8px}.command-card footer span{color:#667388}.badge-plan{font-size:7px}
.diagnostic-top{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-bottom:12px}.diagnostic-summary{min-height:150px;position:relative;overflow:hidden}.diagnostic-summary:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-65px;top:-80px;background:rgba(122,92,255,.12);filter:blur(20px)}.diagnostic-summary.ok{border-color:rgba(88,214,161,.3)}.diagnostic-summary.warn{border-color:rgba(239,199,99,.3)}.diagnostic-summary.fail{border-color:rgba(255,117,132,.35)}.diagnostic-summary>span,.diagnostic-server>span{font-size:8px;color:#6f7b90;letter-spacing:.14em;font-weight:900}.diagnostic-summary h3{font-size:24px;margin:8px 0 4px}.diagnostic-summary p{color:#929caf}.diagnostic-summary small{font-size:8px;color:#677388}.server-facts{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.server-facts b{width:100%;font-size:17px}.server-facts span{font-size:9px;border:1px solid #253044;border-radius:999px;padding:6px 8px;color:#8794a8}.diagnostic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.diagnostic-card{display:grid;grid-template-columns:auto 1fr;gap:12px;min-height:155px;padding:15px;border:1px solid #202a39;border-radius:14px;background:#0b1018}.diagnostic-card.ok{border-color:rgba(88,214,161,.17)}.diagnostic-card.warn{border-color:rgba(239,199,99,.22)}.diagnostic-card.fail{border-color:rgba(255,117,132,.26)}.diag-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#141b25;font-weight:900}.diagnostic-card.ok .diag-icon{color:var(--green)}.diagnostic-card.warn .diag-icon{color:var(--gold)}.diagnostic-card.fail .diag-icon{color:var(--red)}.diagnostic-card small{font-size:7px;letter-spacing:.12em;color:#6e7a8d}.diagnostic-card h3{font-size:14px;margin:4px 0}.diagnostic-card p{font-size:10px;color:#8894a8;line-height:1.5;margin:0}.diagnostic-card footer{font-size:9px;color:#b1bac9;border-top:1px solid #1e2735;padding-top:9px;margin-top:10px}.diagnostic-loading{grid-column:1/-1;border:1px dashed #2a3548;border-radius:14px;padding:40px;text-align:center;color:#768397}.diagnostic-loading.error{color:var(--red)}
.branding-grid{grid-template-columns:minmax(0,1.35fr) minmax(440px,.65fr);gap:14px}.design-subnav button{min-height:70px;padding:13px}.design-subnav button b{font-size:11px}.design-subnav button small{font-size:8px}.form-section{padding:15px;border-radius:13px}.form-section-head small{font-size:9px}.banner-source label,.layout-picker label{padding:12px}.upload-drop{min-height:92px}.branding-preview{top:22px}.discord-preview{padding:17px}.discord-preview h3{font-size:18px}.discord-preview p,.discord-preview .type-line{font-size:10px}.design-savebar{bottom:18px;padding:12px 14px}
.addon-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.addon{padding:16px}.addon h3{font-size:16px}.addon p{font-size:11px}.plans{gap:12px}.plans article{padding:22px}.plans strong{font-size:34px}.plans p{font-size:11px}.plans li{font-size:10px}
.empty{min-height:55vh}.empty img{width:82px;height:82px}.empty h2{font-size:29px}.empty p{font-size:12px}
@media(max-width:1500px){.app{grid-template-columns:260px minmax(0,1fr)}.capability-map{grid-template-columns:repeat(3,1fr)}.command-catalog,.diagnostic-grid{grid-template-columns:repeat(2,1fr)}.branding-grid{grid-template-columns:1fr}.branding-preview{position:static}}
@media(max-width:1100px){.app{grid-template-columns:230px minmax(0,1fr)}main{padding-left:24px;padding-right:24px}.module-grid,.command-catalog,.diagnostic-grid{grid-template-columns:1fr}.diagnostic-top,.welcome-grid{grid-template-columns:1fr}.capability-map{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.app{grid-template-columns:1fr}aside{position:relative;height:auto}.header-actions{display:none}.capability-map{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr}.branding-grid{grid-template-columns:1fr}}

/* v9.3.0 additions */
.plan-tag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:rgba(118,92,255,.12);border:1px solid rgba(118,92,255,.28);font-size:11px;letter-spacing:.08em;text-transform:uppercase} .checks .check{min-height:58px} .route-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));}

/* v9.3.0 enterprise */
.plans article[data-plan-card="ENTERPRISE"]{border-color:rgba(180,166,255,.34);background:radial-gradient(circle at 50% 0,rgba(126,93,255,.16),rgba(13,18,25,.98) 58%)}.plans article[data-plan-card="ULTIMATE"]{border-color:rgba(239,199,99,.24)}@media(max-width:1250px){.plans{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.plans{grid-template-columns:1fr}}

/* v9.3.0 billing */
.billing-policy,.upgrade-protection{display:flex;gap:14px;align-items:flex-start}.billing-policy b,.upgrade-protection b{white-space:nowrap;color:#b6a7ff}.billing-policy span,.upgrade-protection span{color:var(--muted);line-height:1.55}.upgrade-protection{margin:14px 0;padding:12px 14px;border:1px solid rgba(122,92,255,.26);border-radius:12px;background:rgba(122,92,255,.06)}.upgrade-credit-note{display:block;min-height:34px;margin-top:8px;color:#9ba6ba;line-height:1.4}.plans article.current-plan{outline:1px solid rgba(122,92,255,.55);box-shadow:0 0 0 3px rgba(122,92,255,.06)}

/* =========================================================
   KERYVOS 9.0 / SIGNAL UI
   Dense, dark-first control surface. Decoration is secondary.
   ========================================================= */
:root{--bg:#050508;--side:#07080c;--card:#090c11;--card2:#0c1016;--line:#1c222d;--line2:#2b3341;--text:#f5f5f8;--muted:#7d8593;--purple:#8769ff;--green:#62dcae;--gold:#e4c36c;--red:#ef7582}
body{background:#050508;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px;color:var(--text)}
.app{grid-template-columns:226px minmax(0,1fr)}
aside{background:rgba(6,7,10,.96);border-right:1px solid #181d25;padding:13px 10px;box-shadow:18px 0 80px rgba(0,0,0,.16)}
.brand{padding:4px 7px 18px}.brand img{width:34px;height:34px;border-radius:5px}.brand b{font-size:10px}.brand small{font:700 6px/1 ui-monospace,monospace;letter-spacing:.15em;color:#5f6572}
.server{border-radius:5px;padding:8px}.server:hover,.server.active{background:#0c1016;border-color:#242b37}.avatar{border-radius:5px;background:#11151d}
aside nav{gap:1px;border-top-color:#171b23;padding-top:10px}aside nav button,.side-bottom button,.side-bottom a{border-radius:4px;padding:9px 9px;font-size:9px}aside nav button.active{background:#0d1016;border-color:#262c38;color:#fff;box-shadow:inset 2px 0 #8769ff}aside nav button.active i{color:#a48fff}
main{padding:26px 34px 50px;max-width:1800px;margin:0 auto}.main-header{padding-bottom:17px;margin-bottom:22px;border-bottom-color:#171c24}.main-header h1{font-size:29px}.main-header small{font:800 7px/1 ui-monospace,monospace;letter-spacing:.16em}.main-header p{font-size:9px}.build-chip{border-radius:3px!important;background:#080a0f!important;border-color:#232936!important;font:800 7px ui-monospace,monospace!important;letter-spacing:.08em!important}.user-chip{border-radius:4px;background:#090c11;border-color:#232936;padding:7px 10px}
.empty{border-radius:6px;background:#080a0f;border-color:#252c38;min-height:520px}.empty img{border-radius:5px}.page-intro,.page-head{margin-bottom:15px}.page-intro>div>span,.page-head span{font:800 8px ui-monospace,monospace;letter-spacing:.15em;color:#8e74ee}.page-intro h2,.page-head h2{font-size:25px}.page-intro p,.page-head p{font-size:10px}.head-badge,.pill,.plan-pill{border-radius:3px;background:#090b10}
.panel,.summary article,.module-row,.addon,.plans article,.metric-grid article{background:#090c11;border-color:#1c222d;box-shadow:none}.panel{padding:17px;border-radius:6px}.panel-head h2{font-size:17px}.panel-head span{font:800 7px ui-monospace,monospace;letter-spacing:.12em}.panel-head small{font-size:8px}
.summary{grid-template-columns:1.35fr repeat(4,minmax(130px,.72fr));gap:0;border:1px solid #202631;margin-bottom:10px}.summary article{min-height:100px;border:0;border-right:1px solid #202631;border-radius:0;padding:14px}.summary article:last-child{border-right:0}.summary article.wide{background:#0b0b12;border-color:#202631}.summary-icon{width:34px;height:34px;border-radius:4px;font-size:14px}.summary b{font-size:19px}.summary span{font:800 7px ui-monospace,monospace;letter-spacing:.08em}.summary article>button{font-size:7px;color:#ab99ff}
.capability-strip{border-radius:6px!important;border-color:#1d2430!important;background:#080b10!important}.capability-map{gap:0!important}.capability-map>*{border-radius:0!important;border-right:1px solid #1d2430!important;background:transparent!important}
.onboarding{gap:0;border:1px solid #1e2530}.onboarding-step{border:0;border-right:1px solid #1e2530;border-radius:0;background:#080b10;min-height:76px}.onboarding-step:last-child{border-right:0}.onboarding-step>span{border-radius:3px}
.dashboard-columns{gap:10px}.usage-row{grid-template-columns:120px 1fr 105px}.meter{height:5px;border-radius:0;background:#07090d}.meter i{background:#8063ef}.event{padding:9px 0}
.metric-grid{gap:0;border:1px solid #202631}.metric-grid article{border:0;border-right:1px solid #202631;border-radius:0;padding:14px}.metric-grid article:last-child{border-right:0}.metric-grid b{font-size:16px}.ticket-row{border-radius:4px;background:#080b10}.module-grid{gap:7px}.module-row{border-radius:5px;background:#090c11}.module-icon{border-radius:4px}.toggle{border-radius:2px;height:18px}.toggle:after{border-radius:1px;height:14px;width:14px}
.command-grid{gap:7px}.command-grid code{border-radius:5px;background:#090c11}.command-grid code em{border-radius:2px}.welcome-grid{gap:10px}.discord-message-preview,.welcome-preview,.branding-preview{border-radius:5px!important}.toolbar input,.toolbar select,input,textarea,select{border-radius:4px!important;background:#070a0f!important}.btn,button{border-radius:4px!important}.btn.primary{background:#8063ef!important;border-color:#8063ef!important}
.diagnostic-card,.command-card,.addon{border-radius:5px!important;background:#090c11!important}.diagnostic-summary{border-radius:6px!important}.design-nav button{border-radius:3px!important}.brand-option,.layout-option{border-radius:4px!important}.preview-card,.brand-preview,.ticket-open-preview{border-radius:5px!important}
#tab-plan .plans{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #242a36}#tab-plan .plans article{border:0;border-right:1px solid #242a36;border-radius:0;min-height:480px;padding:18px}#tab-plan .plans article:last-child{border-right:0}#tab-plan .plans article[data-plan-card="PRO"]{background:#0b0912}#tab-plan .plans article[data-plan-card="ULTIMATE"]{background:#0c0b09}#tab-plan .plans article[data-plan-card="ENTERPRISE"]{background:#0d0a14;box-shadow:inset 0 2px #8a6cff}#tab-plan .plans strong{font-size:30px}.billing-current,.billing-policy{border-radius:5px!important}.upgrade-protection{border-radius:4px!important;background:#0b0912!important}
.gate{background:rgba(3,4,6,.92)!important;backdrop-filter:blur(14px)}.login,.modal{border-radius:7px!important;background:#090b10!important}
@media(max-width:1300px){#tab-plan .plans{grid-template-columns:repeat(2,1fr)}#tab-plan .plans article:nth-child(2){border-right:0}#tab-plan .plans article:nth-child(-n+2){border-bottom:1px solid #242a36}.summary{grid-template-columns:1fr 1fr 1fr}.summary article{border-bottom:1px solid #202631}}
@media(max-width:900px){.app{grid-template-columns:1fr}aside{height:auto;position:relative}main{padding:20px 16px 45px}.summary,#tab-plan .plans{grid-template-columns:1fr}.summary article,#tab-plan .plans article{border-right:0;border-bottom:1px solid #202631}.metric-grid{grid-template-columns:1fr 1fr}.onboarding{grid-template-columns:1fr 1fr}}

/* KERYVOS 9.1 / billing + ENTERPRISE operations */
aside nav button#enterpriseNav{position:relative}
aside nav button#enterpriseNav small{margin-left:auto;font:800 6px ui-monospace,monospace;letter-spacing:.08em;color:#71798a;border:1px solid #2a3140;padding:2px 4px}
aside nav button#enterpriseNav.ent-active{color:#ece8ff;border-color:#4b426b;background:linear-gradient(90deg,#171322,#0e1218)}
aside nav button#enterpriseNav.ent-active small{color:#ded5ff;border-color:#655a89}
.enterprise-lock{min-height:260px;display:grid;place-content:center;justify-items:start;background:linear-gradient(135deg,#0b0d13,#0c0914);border-color:#3b3352}
.enterprise-lock>span{font:800 8px ui-monospace,monospace;letter-spacing:.14em;color:#bfb4ef}.enterprise-lock h3{font-size:25px;margin:12px 0 6px}.enterprise-lock p{color:#7c8493;margin:0 0 20px}
.enterprise-actions{display:flex;align-items:center;gap:10px;margin:0 0 12px}.enterprise-actions>span{margin-left:auto;color:#7c8594;font-size:9px}.enterprise-columns{grid-template-columns:1.15fr .85fr;gap:12px}.enterprise-audit-grid{display:grid;gap:0;margin-top:14px;border-top:1px solid #1c2430}.enterprise-audit-row{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #1c2430}.enterprise-audit-row>span{width:24px;height:24px;display:grid;place-items:center;border:1px solid #2a3342;font:800 9px ui-monospace,monospace}.enterprise-audit-row.ok>span{color:#67d7a4;border-color:#28543f}.enterprise-audit-row.warn>span{color:#e8c56b;border-color:#584a27}.enterprise-audit-row.fail>span{color:#ef7180;border-color:#5a2f36}.enterprise-audit-row b{display:block;font-size:10px}.enterprise-audit-row small{display:block;color:#6f7b8d;margin-top:2px;font-size:8px}.enterprise-feature-list{display:grid;margin-top:14px;border-top:1px solid #1c2430}.enterprise-feature-list>div{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #1c2430}.enterprise-feature-list b{font-size:10px}.enterprise-feature-list span{color:#738095;font-size:8px;text-align:right}.enterprise-metrics article:last-child{background:linear-gradient(145deg,#100d17,#0b0e14);border-color:#4a405f}.enterprise-ok{color:#67d7a4}.enterprise-warn{color:#e8c56b}.enterprise-fail{color:#ef7180}
.scheduled-change,.upgrade-protection{display:flex;align-items:center;gap:18px;padding:13px 16px;border-left:2px solid #8368ff;background:#0d0c15;margin:12px 0}.scheduled-change{border-left-color:#e7c76f;background:#121008}.scheduled-change b,.upgrade-protection b{white-space:nowrap;font-size:10px}.scheduled-change span,.upgrade-protection span{color:#858d9d;font-size:9px;line-height:1.5}.scheduled-change strong{color:#f0d98d}.paypal-checkout{margin-top:12px;border:1px solid #252c38;background:#fff;overflow:hidden}.billing-message{min-height:18px;margin-top:9px;color:#8f98a8;font-size:9px}.plans article.scheduled-plan{box-shadow:inset 0 2px #e4c76b;border-color:#544a2f}.plans .upgrade-credit-note{display:block;min-height:30px;margin-top:8px;color:#858d9c;font-size:8px;line-height:1.45}.plans button[data-action="downgrade"]{border-color:#544a2f;color:#e5cb77;background:#111009}.plans button[data-action="restore"]{border-color:#5e507d;color:#d8cbff;background:#100d18}
@media(max-width:1050px){.enterprise-columns{grid-template-columns:1fr}.enterprise-actions{align-items:flex-start;flex-wrap:wrap}.enterprise-actions>span{margin-left:0;width:100%}}

/* v9.3.0 · category control */
.category-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.category-control-card{border:1px solid #202b3b;background:#0b1118;border-radius:12px;padding:12px}.category-control-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.switch-line{display:flex!important;align-items:center;gap:6px;margin:0!important;font-size:8px!important}.switch-line input{width:auto!important;margin:0!important;accent-color:#7c5cff}.category-basic,.category-advanced,.category-routing{display:grid;grid-template-columns:1fr 1fr;gap:8px}.category-advanced,.category-routing{margin-top:9px;padding-top:9px;border-top:1px solid #1d2735}.category-control-card label{display:block;font-size:8px;color:#748095}.category-control-card input,.category-control-card select{width:100%;margin-top:4px;padding:9px;border:1px solid #283449;background:#080d13;color:#fff;border-radius:7px}.category-control-card .full{grid-column:1/-1}.category-help-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.category-help-strip>div{border:1px solid #1f2a39;background:#090e15;padding:9px;border-radius:9px}.category-help-strip b,.category-help-strip span{display:block}.category-help-strip b{font-size:8px;color:#a996ff}.category-help-strip span{font-size:8px;color:#687589;margin-top:3px}.ticket-routing-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.routing-card{border:1px solid #253247;background:#0a1017;border-radius:10px;padding:11px}.routing-card.routing-off{opacity:.45}.routing-card header{display:flex;gap:8px;align-items:center;margin-bottom:9px}.routing-card header>span{font-size:17px}.routing-card header b,.routing-card header small{display:block}.routing-card header small{font-size:7px;color:#5fba8d;margin-top:2px}.routing-card>div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid #18222f;font-size:8px}.routing-card>div span{color:#657286}.routing-card>div b{color:#cdd3dd;text-align:right;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1200px){.category-control-grid,.ticket-routing-overview{grid-template-columns:1fr}.category-help-strip{grid-template-columns:1fr}}


.preview-stack{display:grid;gap:12px}.mini-tag{display:inline-flex;align-items:center;gap:6px;font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#95a2b8;background:#101722;border:1px solid #2a3445;border-radius:999px;padding:6px 9px;margin-bottom:10px}.preview-block{margin-top:10px;border:1px solid #313848;background:#141923;border-radius:9px;padding:10px}.preview-block.compact{margin-top:12px}.preview-block h4{margin:0 0 6px;font-size:10px}.preview-block p{margin:0}.ticket-open-card h3{margin-bottom:2px}.preview-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.preview-actions span{display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:8px 10px;border-radius:8px;border:1px solid #31384a;background:#131923;color:#dbe3ef;font-size:8px}.type-line{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid #2d3441}.type-line:last-of-type{border-bottom:0}.type-line>span{font-size:16px;line-height:1.1}.type-line small{display:block;color:#92a0b3;font-size:8px;margin-top:3px}.routing-card p{margin:0 0 8px;color:#9aa7ba;font-size:8px;line-height:1.45}.routing-card code{font:700 8px/1 ui-monospace,monospace;color:#d8e0eb;background:#0e151f;border:1px solid #253245;border-radius:5px;padding:3px 5px}.routing-card>div b{white-space:normal;line-height:1.35}.category-ops-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ops-card{border:1px solid #243146;background:linear-gradient(180deg,#0b1017,#0a0f15);border-radius:11px;padding:12px}.ops-card.off{opacity:.5}.ops-head{display:flex;gap:10px;align-items:center;margin-bottom:10px}.ops-head>span{font-size:18px}.ops-head b,.ops-head small{display:block}.ops-head small{font-size:7px;color:#67ba90;margin-top:2px}.ops-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.ops-stats span{display:block;border:1px solid #1f2a39;background:#0b121a;border-radius:9px;padding:8px}.ops-stats i,.ops-stats b{display:block;font-style:normal}.ops-stats i{font-size:7px;color:#708093;margin-bottom:3px}.ops-stats b{font-size:9px;color:#d3dae5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-card p{margin:0;color:#97a4b7;font-size:8px;line-height:1.45}@media(max-width:1200px){.category-ops-matrix{grid-template-columns:1fr}.ops-stats{grid-template-columns:1fr 1fr}}

/* final control surface */
:root{scrollbar-gutter:stable;color-scheme:dark}body{min-height:100dvh;text-wrap:pretty}main{container-type:inline-size;container-name:workspace}.tab{view-transition-name:workspace-panel}.command-palette-trigger{display:inline-flex;align-items:center;gap:10px;border:1px solid #252e3d;background:#090d13;color:#aab5c5;padding:8px 10px;border-radius:6px;cursor:pointer}.command-palette-trigger span{font-size:9px}.command-palette-trigger kbd,.command-palette-search kbd,.palette-item kbd{font:700 8px/1 ui-monospace,monospace;color:#778399;border:1px solid #2a3342;background:#0d131b;border-radius:4px;padding:5px 6px}.ticket-live-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.ticket-policy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ticket-policy-grid>label{min-height:96px;border:1px solid #202b3a;background:#090f16;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.ticket-policy-grid label>span{font-size:9px;color:#8592a5}.ticket-policy-grid select{margin-top:auto}.toggle-setting{flex-direction:row!important;align-items:flex-start!important;justify-content:space-between}.toggle-setting span b,.toggle-setting span small{display:block}.toggle-setting span b{font-size:10px;color:#e0e5ed}.toggle-setting span small{font-size:8px;color:#69778a;margin-top:4px;line-height:1.45}.toggle-setting input{width:18px!important;height:18px;margin:0!important;accent-color:#7c5cff;flex:0 0 auto}.policy-actions{margin-top:10px;display:flex;align-items:center;gap:10px}.policy-actions span{font-size:9px;color:#8b98aa}.ticket-toolbar{grid-template-columns:minmax(220px,1fr) 180px 160px}.priority.urgent{color:#ff9ba5}.priority.important{color:#f1c46e}.priority.normal{color:#83d7aa}.command-palette{position:fixed;inset:0;background:rgba(2,4,8,.68);backdrop-filter:blur(12px);z-index:120;display:grid;place-items:start center;padding-top:min(15vh,140px)}.command-palette.hidden{display:none}.command-palette-box{width:min(680px,calc(100vw - 32px));border:1px solid #2b3445;background:#080c12;box-shadow:0 30px 100px rgba(0,0,0,.55);border-radius:12px;overflow:hidden}.command-palette-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:14px;border-bottom:1px solid #1d2633}.command-palette-search>span{font-size:18px;color:#8f7bff}.command-palette-search input{border:0!important;background:transparent!important;padding:6px!important;font-size:14px;outline:none}.command-palette-list{padding:7px;max-height:420px;overflow:auto}.palette-item{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;border:1px solid transparent;background:transparent;color:#d7dde7;padding:11px 12px;border-radius:8px;cursor:pointer}.palette-item.selected,.palette-item:hover{background:#111823;border-color:#263246}.palette-item b,.palette-item small{display:block}.palette-item b{font-size:10px}.palette-item small{font-size:8px;color:#728095;margin-top:3px}.command-palette-foot{display:flex;gap:14px;padding:10px 14px;border-top:1px solid #1d2633;color:#5f6d80;font-size:8px}.category-control-card,.routing-card,.ops-card{content-visibility:auto;contain-intrinsic-size:230px}.discord-preview{box-shadow:0 18px 55px rgba(0,0,0,.22)}
@supports (color:oklch(60% .2 280)){.btn.primary{background:oklch(62% .22 286)!important}.status-dot{background:oklch(78% .17 158)}}
@media(max-width:1500px){.ticket-live-metrics{grid-template-columns:repeat(3,1fr)}.ticket-policy-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.ticket-live-metrics,.ticket-policy-grid{grid-template-columns:1fr}.ticket-toolbar{grid-template-columns:1fr}.command-palette-trigger{display:none}}

/* Welcome preview: mirrors the Components V2 message sent to Discord. */
.welcome-preview-body{min-width:0}.welcome-card-preview{margin-top:8px;border:1px solid #343a46;background:#171a20;border-radius:10px;padding:14px}.welcome-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.welcome-card-head small{display:block;font:800 7px/1 ui-monospace,monospace;letter-spacing:.14em;color:#7e8998;margin-bottom:5px}.welcome-card-head h3{margin:0;font-size:16px;color:#f2f4f7}.welcome-member-avatar{width:42px;height:42px;border-radius:9px;display:grid;place-items:center;background:#222832;border:1px solid #3a4351;color:#b7c0ce;font-weight:900}.welcome-card-preview>p{margin:13px 0;color:#d2d7df;font-size:10px;line-height:1.55;border-top:1px solid #303640;border-bottom:1px solid #303640;padding:12px 0}.welcome-card-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.welcome-card-meta span{display:block;border:1px solid #2a313c;background:#12161c;border-radius:8px;padding:8px;min-width:0}.welcome-card-meta small,.welcome-card-meta b{display:block}.welcome-card-meta small{font-size:6px;letter-spacing:.11em;color:#697688}.welcome-card-meta b{font-size:9px;color:#e2e7ed;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.welcome-card-preview footer{margin-top:11px;padding-top:9px;border-top:1px solid #2b323c;color:#737f8f;font-size:7px}@media(max-width:700px){.welcome-card-meta{grid-template-columns:1fr}}

/* categorías dinámicas por plan */
.custom-category-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0 10px;padding-top:13px;border-top:1px solid #1d2735}.custom-category-toolbar b,.custom-category-toolbar small{display:block}.custom-category-toolbar b{font-size:10px;color:#e1e6ee}.custom-category-toolbar small{font-size:8px;color:#748095;margin-top:3px}.custom-category-grid{margin-top:0}.custom-category-card{position:relative}.custom-category-card .delete-custom-category{border:1px solid #482731;background:#171015;color:#ff9ca6;border-radius:6px;padding:6px 8px;font-size:8px;cursor:pointer}.custom-category-card .delete-custom-category:hover{background:#26131a}.category-limit-msg{font-size:8px;color:#77859a;margin-top:9px}.category-limit-msg.limit{color:#e7b96c}.category-help-strip{grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){.category-help-strip{grid-template-columns:1fr 1fr}}@media(max-width:720px){.category-help-strip{grid-template-columns:1fr}.custom-category-toolbar{align-items:flex-start;flex-direction:column}}

.white-label-control{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #2a3343;background:#0b1119;border-radius:10px;padding:11px 12px}.white-label-control>div b,.white-label-control>div small{display:block}.white-label-control>div small{margin-top:3px;color:#687589;font-size:8px}.white-label-control .switch-line{margin:0;white-space:nowrap}

.public-priority-control{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #2a3343;background:#0b1119;border-radius:10px;padding:11px 12px}
.public-priority-control>div b,.public-priority-control>div small{display:block}
.public-priority-control>div small{margin-top:3px;color:#687589;font-size:8px}
.public-priority-control .switch-line{margin:0;white-space:nowrap}
.discord-preview.free-tier{border-color:#242b36;background:#0a0d12}
.discord-preview.free-tier .mini-tag{background:#0d1117;color:#8792a3}
.discord-preview.pro-tier{border-color:#4b3f78;background:linear-gradient(180deg,#0d0e17,#0a0c12)}
.discord-preview.ultimate-tier{border-color:#6e5b2c;background:linear-gradient(180deg,#12100a,#0b0d12)}
.discord-preview.enterprise-tier{border-color:#3b4656;background:linear-gradient(180deg,#0d1118,#090c11)}
.type-line.compact-tier{padding:6px 0}
.preview-block.pro-tier{border-color:#463a70;background:#11101c}


/* Tiered ticket identity: each plan gains more control without losing the KERYVOS core. */
.enterprise-composition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.enterprise-composition-grid .toggle-setting{min-height:98px;border:1px solid #2d3747;background:#0b1118;border-radius:10px;padding:11px}
.discord-preview.free-tier{background:linear-gradient(180deg,#0b0f15,#090c11);border:1px solid #293241!important;border-left:3px solid #5865F2!important}
.discord-preview.free-tier .mini-tag{color:#aab3c3;background:#101620;border-color:#2d3745}
.discord-preview.pro-tier{background:linear-gradient(180deg,#12101b,#0b0d13);border:1px solid #493b76!important;border-left:3px solid #8B5CF6!important}
.discord-preview.ultimate-tier{background:linear-gradient(180deg,#15120a,#0c0d12);border:1px solid #6f5c2f!important;border-left:3px solid #F2B84B!important}
.discord-preview.enterprise-tier{background:linear-gradient(180deg,#0e141c,#090c11);border:1px solid #465262!important;border-left:3px solid #B9C2D0!important}
.discord-preview.enterprise-tier .mini-tag{background:#111924;border-color:#435062;color:#d3dae4}
.enterprise-headline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 4px;padding:9px 10px;border:1px solid #394657;background:#0d151f;border-radius:8px}
.enterprise-headline b{font-size:9px;color:#e7ebf1}.enterprise-headline span{font-size:7px;color:#8e9bad;text-align:right}
.preview-block.enterprise-routing{border-color:#3b4858;background:#101721}
.preview-block.enterprise-help{border-color:#303b49;background:#0e141c}
.preview-block.ultimate-control{border-color:#6a5627;background:#171308}
.type-line.enterprise-route{padding:8px 0}.type-line.enterprise-route small{color:#9aa7b9}
@media(max-width:900px){.enterprise-composition-grid{grid-template-columns:1fr}}


/* v9.5 — visual ownership scales clearly from KERYVOS Core to client-controlled Enterprise */
.plan-control-scale{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 14px;border:1px solid #202a38;background:#080d13;border-radius:10px;overflow:hidden}
.plan-control-scale>div{position:relative;min-height:76px;padding:13px 14px;border-right:1px solid #202a38;opacity:.48;transition:opacity .18s ease,background .18s ease,box-shadow .18s ease}
.plan-control-scale>div:last-child{border-right:0}.plan-control-scale>div.available{opacity:.76}.plan-control-scale>div.active{opacity:1;background:linear-gradient(180deg,#131824,#0b1017);box-shadow:inset 0 -2px var(--tier-accent,#8b5cf6)}
.plan-control-scale>div[data-tier="FREE"]{--tier-accent:#5865F2}.plan-control-scale>div[data-tier="PRO"]{--tier-accent:#8B5CF6}.plan-control-scale>div[data-tier="ULTIMATE"]{--tier-accent:#F2B84B}.plan-control-scale>div[data-tier="ENTERPRISE"]{--tier-accent:#B9C2D0}
.plan-control-scale span,.plan-control-scale b,.plan-control-scale small{display:block}.plan-control-scale span{font:800 7px/1 ui-monospace,monospace;color:#657286;letter-spacing:.12em}.plan-control-scale b{font-size:10px;color:#e6ebf2;margin-top:8px}.plan-control-scale small{font-size:8px;color:#758398;margin-top:4px}
.enterprise-copy-fields{margin-top:12px;padding-top:12px;border-top:1px solid #253143}.enterprise-copy-fields textarea{min-height:78px}.preview-directory-title{margin:13px 0 5px;padding-top:11px;border-top:1px solid #344151;font-size:9px;font-weight:800;letter-spacing:.04em;color:#dfe5ed}.discord-preview.enterprise-tier{border-left-width:2px!important}.discord-preview.enterprise-tier .preview-banner{filter:saturate(.88) contrast(1.04)}.discord-preview.enterprise-tier h3{letter-spacing:-.02em}.discord-preview.enterprise-tier .select-preview{border-color:#465466;background:#0b1118}.discord-preview.enterprise-tier footer{color:#8e9bac}.discord-preview.ultimate-tier .preview-banner{box-shadow:0 8px 26px rgba(0,0,0,.24)}.discord-preview.pro-tier .preview-block.pro-tier{border-style:dashed}.discord-preview.free-tier .select-preview{background:#0d131b}.discord-preview.free-tier .type-line{opacity:.92}
@media(max-width:900px){.plan-control-scale{grid-template-columns:1fr 1fr}.plan-control-scale>div:nth-child(2){border-right:0}.plan-control-scale>div:nth-child(-n+2){border-bottom:1px solid #202a38}}
@media(max-width:560px){.plan-control-scale{grid-template-columns:1fr}.plan-control-scale>div{border-right:0;border-bottom:1px solid #202a38}.plan-control-scale>div:last-child{border-bottom:0}}

/* v9.8.0 · experiencia completa por plan */
.enterprise-preview-stack{gap:9px}.enterprise-panel{margin-top:0!important;border-left-width:2px!important}.enterprise-panel>.enterprise-section{position:relative;margin-top:13px;padding-top:15px;border-top:1px solid #344151}.enterprise-panel>.enterprise-section>h3{padding-right:42px}.enterprise-step{position:absolute;top:12px;right:0;font:800 8px/1 ui-monospace,monospace;letter-spacing:.12em;color:#748296;border:1px solid #344253;background:#0a1119;border-radius:999px;padding:5px 7px}.enterprise-service{border-color:#465466!important;background:#0d151f!important}.enterprise-ticket-stack{gap:7px}.enterprise-case,.enterprise-ops{margin-top:0!important}.enterprise-ops{border-style:dashed!important}.enterprise-ops .preview-actions span{min-width:76px}.enterprise-panel>footer{margin-top:13px;padding-top:10px;border-top:1px solid #344151}.enterprise-composition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.enterprise-composition-grid{grid-template-columns:1fr}}

/* v9.9 · Acceso del staff para todos los planes */
.staff-access-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,1.25fr);gap:10px}.staff-access-grid>label,.staff-access-note{border:1px solid #202b3a;background:#090f16;border-radius:10px;padding:12px;min-height:112px}.staff-access-grid>label{display:flex;flex-direction:column;gap:7px}.staff-access-grid>label>span{font-size:9px;color:#8592a5}.staff-access-grid>label select{margin-top:auto}.staff-access-grid>label small{font-size:8px;color:#69778a;line-height:1.45}.staff-access-note b,.staff-access-note p,.staff-access-note span{display:block}.staff-access-note b{font-size:10px;color:#e0e5ed}.staff-access-note p{font-size:8px;color:#69778a;line-height:1.55;margin:7px 0}.staff-access-note span{font-size:8px;color:#8fd5ae}.staff-access-panel .policy-actions{margin-top:10px}@media(max-width:850px){.staff-access-grid{grid-template-columns:1fr}}