:root{--bg:#050313;--surface:#0c081b;--surface-2:#120b24;--glass:rgba(14,9,29,.72);--text:#d4d0da;--text-strong:#eee9f1;--muted:#91869b;--line:rgba(255,255,255,.09);--line-hot:rgba(225,117,196,.28);--pink:#dc448a;--orange:#ff7028;--violet:#905bb9;--green:#78e5a7;--blue:#2aabee;--danger:#f36a7e;--radius:28px;--shadow:0 30px 80px rgba(0,0,0,.34);font-family:"Source Sans Pro","Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(900px 540px at 15% -10%,rgba(128,72,190,.18),transparent 65%),radial-gradient(760px 480px at 100% 25%,rgba(199,57,133,.10),transparent 65%),var(--bg);font-size:16px;font-weight:300;line-height:1.5;color:var(--text)}button,input,select{font:inherit}.app-shell{min-height:100vh}.app-nav{position:fixed;z-index:30;left:24px;top:22px;bottom:22px;width:246px;padding:24px 18px;border:1px solid var(--line);border-radius:36px;background:rgba(8,6,22,.76);backdrop-filter:blur(22px);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:2px 8px 30px;color:var(--text-strong);text-decoration:none}.brand-mark{display:block;width:68px;height:42px}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}.brand strong,.brand small{display:block}.brand strong{font-size:17px;letter-spacing:.04em}.brand small{margin-top:1px;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.app-nav nav{display:grid;gap:5px}.nav-label{margin:22px 12px 8px;color:#746b80;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid transparent;border-radius:18px;color:#aaa2b3;text-decoration:none;font-size:14px;font-weight:600;transition:.18s}.nav-link:hover{color:#eee9f1;background:rgba(255,255,255,.035)}.nav-link.is-active{color:#f3eef5;border-color:rgba(225,117,196,.22);background:linear-gradient(105deg,rgba(144,91,185,.17),rgba(220,68,138,.08))}.nav-icon{width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.11);border-radius:50%;font-size:10px;color:#c9c1d0}.nav-link.is-active .nav-icon{border-color:rgba(255,112,40,.45);color:#ff8a24}.nav-footer{margin-top:auto;display:flex;align-items:center;gap:9px;padding:12px;color:#82788d;font-size:11px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(120,229,167,.8)}.status-dot.off{background:#6d6674;box-shadow:none}.app-main{min-width:0;margin-left:294px}.topbar{position:sticky;z-index:20;top:0;height:96px;padding:0 46px;display:flex;align-items:center;gap:20px;background:linear-gradient(180deg,rgba(5,3,19,.94),rgba(5,3,19,.72));backdrop-filter:blur(18px)}.topbar:after{content:"";position:absolute;left:46px;right:46px;bottom:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(225,117,196,.18),transparent)}.topbar h1{margin:2px 0 0;color:var(--text-strong);font-family:"Source Sans Pro","Segoe UI",sans-serif;font-size:22px;font-weight:300}.eyebrow,.section-kicker{margin:0;color:#e35b9b;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.topbar-meta{margin-left:auto;display:flex;align-items:center;gap:18px;color:#81778c;font-size:12px}.live-pill{padding:7px 12px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025)}.live-pill span{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--green);box-shadow:0 0 11px var(--green)}.menu-button{display:none}.page-wrap{max-width:1540px;margin:auto;padding:38px 46px 70px}
.hero-panel{min-height:430px;padding:58px;border:1px solid var(--line);border-radius:40px;background:radial-gradient(circle at 82% 50%,rgba(144,91,185,.22),transparent 32%),linear-gradient(135deg,rgba(12,7,28,.94),rgba(8,5,21,.9));position:relative;overflow:hidden;display:flex;align-items:center}.hero-panel:before{content:"";position:absolute;inset:auto -10% -60% 35%;height:420px;background:radial-gradient(ellipse,rgba(220,68,138,.18),transparent 65%);transform:rotate(-12deg)}.hero-panel>div:first-child{position:relative;z-index:2;max-width:760px}.hero-panel h2{margin:14px 0 22px;color:#d8d3dc;font-family:"Source Sans Pro","Segoe UI",sans-serif;font-size:clamp(48px,5.8vw,92px);font-weight:300;line-height:.94;letter-spacing:-.055em}.hero-panel h2 em{display:inline-block;font-style:normal;background:linear-gradient(100deg,#ff8a24,#f36a7e 52%,#b66ad1);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-panel p{max-width:630px;margin:0;color:#978e9f;font-size:18px;line-height:1.55}.hero-actions,.card-actions{display:flex;gap:10px;margin-top:30px}.button{appearance:none;min-height:43px;padding:10px 18px;border:1px solid transparent;border-radius:22px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--text);background:transparent;text-decoration:none;font-weight:600;cursor:pointer;transition:.18s}.button-primary{color:#fff;border-color:rgba(255,112,40,.32);background:linear-gradient(105deg,#b02972,#ff6a1f);box-shadow:0 12px 35px rgba(176,41,114,.18)}.button-primary:hover{transform:translateY(-1px);filter:brightness(1.08)}.button-ghost{border-color:var(--line);background:rgba(255,255,255,.025)}.button-ghost:hover{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.05)}.button-soft{color:#e6ddea;border-color:rgba(144,91,185,.2);background:rgba(144,91,185,.11)}.button.compact{min-height:36px;padding:7px 14px;font-size:12px}.button.full{width:100%;margin-top:16px}.hero-orbit{position:absolute;right:5%;width:340px;height:340px;border:1px solid rgba(225,117,196,.14);border-radius:50%}.hero-orbit:after{content:"";position:absolute;inset:55px;border:1px solid rgba(255,255,255,.07);border-radius:50%}.orbit-core,.orbit-node{position:absolute;z-index:1;display:grid;place-items:center;border-radius:50%;font-weight:700}.orbit-core{inset:128px;color:white;background:linear-gradient(145deg,#905bb9,#dc448a 58%,#ff7028)}.orbit-node{width:58px;height:58px;border:1px solid var(--line);background:#0d091b;box-shadow:0 16px 40px rgba(0,0,0,.35)}.orbit-node.telegram{top:23px;left:50px;color:var(--blue)}.orbit-node.max{right:7px;top:140px;color:#a780ff}.orbit-node.rk{bottom:18px;left:74px;color:#ff8a24}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metric-card,.panel,.restaurant-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(14,9,29,.86),rgba(8,6,22,.78));box-shadow:0 1px 0 rgba(255,255,255,.02)}.metric-card{min-height:150px;padding:24px;border-radius:28px}.metric-card span,.metric-card small{display:block;color:var(--muted)}.metric-card strong{display:block;margin:13px 0 6px;color:#e4dfe8;font-family:"Source Sans Pro","Segoe UI",sans-serif;font-size:42px;font-weight:300;letter-spacing:-.04em}.metric-card.accent{border-color:rgba(225,117,196,.22);background:linear-gradient(145deg,rgba(128,72,190,.17),rgba(199,57,133,.07))}.dashboard-grid,.workspace-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:16px}.panel{padding:26px;border-radius:31px}.panel-heading,.page-intro,.card-top,.modal-head,.summary-main{display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-heading h3,.page-intro h2,.modal-head h3{margin:5px 0 0;color:#ded9e2;font-weight:300}.panel-heading>a{color:#e35b9b;text-decoration:none;font-size:13px;font-weight:600}.connection-list,.compact-list{display:grid;margin-top:18px}.connection-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:15px 0;border-top:1px solid var(--line)}.connection-row:first-child{border-top:0}.connection-row small,.compact-list small{display:block;margin-top:3px;color:var(--muted)}.provider-logo{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.03);font-size:11px;font-weight:700}.provider-logo.telegram{color:#5bc1f4;border-color:rgba(42,171,238,.23);background:rgba(42,171,238,.09)}.provider-logo.max{color:#a887ff;border-color:rgba(118,87,231,.25);background:rgba(118,87,231,.10)}.provider-logo.large{width:58px;height:58px}.state-badge{padding:7px 11px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.03);color:#a49aaa;font-size:11px;font-weight:700}.state-badge.ok{color:#8ce6b4;border-color:rgba(120,229,167,.2);background:rgba(120,229,167,.08)}.state-badge.warn{color:#ff9a64;border-color:rgba(255,112,40,.22);background:rgba(255,112,40,.08)}.state-badge.neutral{color:#908797}.compact-list>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.compact-list>div:first-child{border-top:0}.restaurant-avatar{width:38px;height:38px;border:1px solid rgba(225,117,196,.2);border-radius:50%;display:grid;place-items:center;color:#e06ba3;background:rgba(220,68,138,.08);font-weight:700}.page-intro{margin:8px 0 30px}.page-intro h2{font-family:"Source Sans Pro","Segoe UI",sans-serif;font-size:clamp(38px,4vw,62px);line-height:1.02;letter-spacing:-.04em}.page-intro p{max-width:760px;margin:12px 0 0;color:var(--muted);font-size:17px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:16px}.restaurant-card{padding:24px;border-radius:31px;transition:.2s}.restaurant-card:hover{border-color:rgba(225,117,196,.2);transform:translateY(-2px);box-shadow:var(--shadow)}.restaurant-card.is-muted{opacity:.55}.restaurant-card h3{margin:24px 0 6px;color:#e5dfe8;font-size:24px;font-weight:300}.mono{color:#82798c;font-family:"Cascadia Mono",Consolas,monospace;font-size:11px}.provider-stack{min-height:58px;margin-top:20px;display:flex;gap:6px;flex-wrap:wrap;align-content:flex-start}.provider-chip,.rule-codes span{padding:6px 9px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);font-size:11px;font-weight:600}.provider-chip.telegram{color:#6bc8f4}.provider-chip.max{color:#aa91f0}.muted{color:var(--muted);font-size:13px}.card-actions .button{flex:1}.card-actions .button span{padding:1px 6px;border-radius:10px;background:rgba(255,255,255,.07)}
.modal{width:min(640px,calc(100% - 28px));max-height:calc(100vh - 40px);padding:0;border:1px solid rgba(255,255,255,.11);border-radius:31px;color:var(--text);background:#0c081b;box-shadow:0 34px 100px rgba(0,0,0,.66)}.modal::backdrop{background:rgba(3,2,12,.78);backdrop-filter:blur(8px)}.modal-head{padding:23px 26px;border-bottom:1px solid var(--line)}.modal-head button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;color:#d4ced9;background:rgba(255,255,255,.04);font-size:21px;cursor:pointer}.modal-body{padding:26px}.modal-actions{padding:19px 26px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.form-grid label{display:grid;gap:7px;color:#ded7e2;font-size:13px;font-weight:600}.form-grid [hidden]{display:none!important}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select{width:100%;padding:13px 14px;border:1px solid rgba(255,255,255,.12);border-radius:15px;outline:0;color:#e0dbe4;background:rgba(255,255,255,.035)}.form-grid input::placeholder{color:#70677a}.form-grid select option{color:#20152b;background:#fff}.form-grid input:focus,.form-grid select:focus{border-color:rgba(220,68,138,.6);box-shadow:0 0 0 3px rgba(220,68,138,.10)}.form-grid small,.form-note{color:var(--muted);font-weight:300}.check-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check-row input{width:auto;accent-color:var(--pink)}.channel-option{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:8px;padding:12px;border:1px solid var(--line);border-radius:20px}.channel-option small{display:block;color:var(--muted)}.switch{width:44px;height:25px;padding:3px;border:0;border-radius:20px;background:#393241;cursor:pointer}.switch i{display:block;width:19px;height:19px;border-radius:50%;background:#aaa2af;transition:.2s}.switch.on{background:linear-gradient(90deg,#b02972,#ff6a1f)}.switch.on i{background:#fff;transform:translateX(19px)}
.messenger-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px;align-items:start}.channel-sidebar{position:sticky;top:116px;padding:13px}.filter-tabs{display:flex;gap:4px;margin-bottom:10px;padding:4px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025)}.filter-tabs button{flex:1;padding:8px 5px;border:0;border-radius:16px;color:var(--muted);background:transparent;font-size:11px;font-weight:700;cursor:pointer}.filter-tabs button.active{color:#f1eaf3;background:linear-gradient(100deg,rgba(144,91,185,.25),rgba(220,68,138,.14))}.channel-list{display:grid;gap:5px}.channel-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:11px;border:1px solid transparent;border-radius:20px;color:var(--text);text-decoration:none}.channel-item:hover,.channel-item.selected{border-color:var(--line-hot);background:rgba(144,91,185,.09)}.channel-item small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.channel-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.summary-main{justify-content:flex-start}.summary-main h2{margin:5px 0;color:#e6e0e8;font-weight:300}.rules-panel{min-width:0}.rule-list{display:grid;gap:9px;margin-top:18px}.rule-card{display:grid;grid-template-columns:auto 1fr auto;gap:13px;padding:15px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.018)}.rule-icon{width:35px;height:35px;border:1px solid rgba(255,112,40,.24);border-radius:50%;display:grid;place-items:center;color:#ff8a24;background:rgba(255,112,40,.08);font-weight:700}.rule-content p{margin:5px 0;color:var(--muted);font-size:12px}.rule-codes{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.rule-menu{display:flex;align-items:flex-start;gap:4px}.rule-menu button,.table-actions button{padding:7px 9px;border:1px solid var(--line);border-radius:14px;color:#b5adbb;background:rgba(255,255,255,.03);font-size:11px;cursor:pointer}.rule-menu .danger,.table-actions .danger{color:var(--danger)}.linked-panel{align-self:start}.empty-state{text-align:center;color:var(--muted);padding:30px 14px}.empty-workspace{text-align:center;padding:70px}.empty-workspace .provider-logo{margin:auto}.nav-scrim{display:none}
@media(max-width:1150px){.metric-grid{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:repeat(2,1fr)}.hero-orbit{opacity:.3;right:-100px}.messenger-layout{grid-template-columns:280px 1fr}.workspace-grid{grid-template-columns:1fr}.linked-panel{order:-1}}
@media(max-width:800px){.app-nav{left:-276px;top:0;bottom:0;border-radius:0;transition:.22s}.nav-open .app-nav{left:0}.nav-open .nav-scrim{display:block;position:fixed;z-index:25;inset:0;background:rgba(3,2,12,.72)}.app-main{margin-left:0}.topbar{height:78px;padding:0 18px}.topbar:after{left:18px;right:18px}.menu-button{display:grid;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;place-items:center;color:#ddd6e2;background:rgba(255,255,255,.04)}.topbar-meta time{display:none}.page-wrap{padding:24px 16px 48px}.hero-panel{min-height:410px;padding:34px 24px}.hero-panel h2{font-size:48px}.hero-orbit{display:none}.metric-grid,.dashboard-grid,.card-grid,.messenger-layout{grid-template-columns:1fr}.page-intro{align-items:flex-start;flex-direction:column}.page-intro .button{width:100%}.channel-sidebar{position:static}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.channel-summary{align-items:flex-start}.rule-card{grid-template-columns:auto 1fr}.rule-menu{grid-column:2;justify-content:flex-end}}
.brand{padding:0 8px 28px}.brand-mark{width:174px;height:72px}.brand strong,.brand small{display:none}

/* Stronger surface hierarchy for operational readability */
:root{--surface:#110b22;--surface-2:#18102c;--line:rgba(255,255,255,.15);--muted:#aaa0b3}
.metric-card,.panel,.restaurant-card{border-color:rgba(255,255,255,.16);background:linear-gradient(145deg,#151027,#0f0a20);box-shadow:0 18px 46px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025)}
.metric-card:hover,.panel:hover,.restaurant-card:hover{border-color:rgba(225,117,196,.27)}
.metric-card.accent{border-color:rgba(225,117,196,.34);background:linear-gradient(145deg,#241435,#160e2b)}
.connection-row,.compact-list>div{margin-top:7px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.028)}
.connection-row:first-child,.compact-list>div:first-child{border-top:1px solid rgba(255,255,255,.09)}
.rule-card{border-color:rgba(255,255,255,.13);background:#171027;box-shadow:0 10px 26px rgba(0,0,0,.16)}
.channel-sidebar,.channel-summary,.rules-panel,.linked-panel,.proxy-panel,.proxy-route{background:linear-gradient(145deg,#161028,#0f0a20)}
.channel-item{color:#ded8e2}.channel-item:hover,.channel-item.selected{border-color:rgba(225,117,196,.32);background:#211438}
.proxy-table tbody tr{background:rgba(255,255,255,.018)}.proxy-table tbody tr:nth-child(even){background:rgba(144,91,185,.045)}.proxy-table td{border-color:rgba(255,255,255,.11)}
.modal{border-color:rgba(255,255,255,.19);background:#100a21}.modal-body{background:#120c24}.modal-head,.modal-actions{background:#0d081c}.form-grid input,.form-grid select,.operation-combobox{border-color:rgba(255,255,255,.18);background:#19122b}
.provider-chip,.rule-codes span,.state-badge{background:rgba(255,255,255,.055)}
.operation-options{margin:0!important;inset:auto!important;border-color:rgba(255,255,255,.22)!important;background:#18102c!important;box-shadow:0 28px 80px rgba(0,0,0,.82),0 0 0 1px rgba(220,68,138,.12)!important}
.operation-options:popover-open{display:grid!important}

/* Brighter operational surfaces while preserving the FOX Control night palette */
:root{--surface:#1b1430;--surface-2:#241a3b;--line:rgba(255,255,255,.21);--muted:#bdb3c5}
.metric-card,.panel,.restaurant-card{border-color:rgba(255,255,255,.22);background:linear-gradient(145deg,#211936,#171027);box-shadow:0 20px 48px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.05)}
.metric-card.accent{border-color:rgba(240,106,162,.42);background:linear-gradient(145deg,#322044,#211432)}
.panel-heading h3,.page-intro h2,.restaurant-card h3,.summary-main h2{color:#f0ebf2}
.connection-row,.compact-list>div{border-color:rgba(255,255,255,.14);background:#28203b}
.rule-card{border-color:rgba(255,255,255,.18);background:#2a203e}.rule-card:hover{border-color:rgba(240,106,162,.34);background:#302347}
.channel-sidebar,.channel-summary,.rules-panel,.linked-panel,.proxy-panel,.proxy-route{background:linear-gradient(145deg,#211936,#171027)}
.channel-item{color:#eee8f0}.channel-item:hover,.channel-item.selected{border-color:rgba(240,106,162,.42);background:#33234a}
.filter-tabs{background:#160f28}.filter-tabs button.active{background:#36244c}
.proxy-table tbody tr{background:#211831}.proxy-table tbody tr:nth-child(even){background:#281c3a}.proxy-table tbody tr:hover{background:#302143}.proxy-table th{color:#b1a6b9;background:#171025}
.modal{border-color:rgba(255,255,255,.25);background:#18102a}.modal-body{background:#211735}.modal-head,.modal-actions{background:#171025}
.form-grid input,.form-grid select,.operation-combobox{border-color:rgba(255,255,255,.25);color:#f0ebf2;background:#2b213d}.form-grid input::placeholder{color:#978ca1}.form-grid input:hover,.form-grid select:hover,.operation-combobox:hover{border-color:rgba(255,255,255,.34)}
.provider-chip,.rule-codes span,.state-badge{border-color:rgba(255,255,255,.17);background:rgba(255,255,255,.09)}

/* Slightly lighter canvas; cards remain visually distinct above it. */
:root{--bg:#0d081d}
html{background:#0d081d}body{background:radial-gradient(900px 560px at 12% -8%,rgba(128,72,190,.25),transparent 66%),radial-gradient(780px 500px at 100% 28%,rgba(199,57,133,.16),transparent 67%),#0d081d}
.app-nav{background:rgba(20,13,37,.88)}.topbar{background:linear-gradient(180deg,rgba(13,8,29,.96),rgba(13,8,29,.80))}

/* The operation list is a portal inside the active modal, so it remains interactive. */
#ruleModal{overflow:visible}#ruleModal>form{max-height:calc(100vh - 40px);overflow:hidden;border-radius:inherit;display:flex;flex-direction:column}#ruleModal .modal-body{overflow:auto}#ruleModal .modal-actions,#ruleModal .modal-head{flex:none}
#ruleModal>.operation-options{position:absolute!important;z-index:50!important;margin:0!important;display:none}#ruleModal>.operation-options.is-open{display:grid!important}
.chat-settings-actions{display:flex;align-items:end;gap:10px}.theme-picker{display:grid;gap:4px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.theme-picker select{min-width:145px;padding:7px 28px 7px 10px;border:1px solid var(--line);border-radius:16px;color:var(--text);background:#2b213d;font-size:12px;text-transform:none;letter-spacing:0;outline:none}.theme-picker select option{color:#21162e;background:#fff}

/* Unified, non-condensed typography across every control and content surface. */
html,body,.app-shell,button,input,select,textarea,dialog,table{font-family:"Source Sans Pro","Segoe UI",Arial,sans-serif;font-stretch:normal}
body{font-weight:400}.nav-link,.button,.state-badge,.form-grid label,.field-label,.rule-content,.channel-item,.proxy-table{font-stretch:normal}

/* Test operation composer */
.page-actions{display:flex;flex-wrap:wrap;gap:10px}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.operation-test-modal{width:min(820px,calc(100% - 28px))}.operation-test-modal>form{max-height:calc(100vh - 40px);display:flex;flex-direction:column}.operation-test-modal .modal-body{overflow:auto}.test-operation-picker{display:grid;gap:8px}.test-operation-results{max-height:250px;overflow:auto;border:1px solid var(--line);border-radius:18px;background:#171025}.test-operation-results>div{display:grid;grid-template-columns:58px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.09)}.test-operation-results>div:last-child{border-bottom:0}.test-operation-results b{color:#ef6aa7}.test-operation-results span{min-width:0;color:var(--text);font-size:13px}.test-operation-results button{padding:6px 9px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:rgba(255,255,255,.05);font-size:11px;cursor:pointer}.test-operation-results button[data-type="dangerous"]{color:#ff89bd;border-color:rgba(220,68,138,.35)}.test-operation-groups{display:grid;grid-template-columns:1fr 1fr;gap:12px}.test-operation-groups section{min-width:0;padding:15px;border:1px solid var(--line);border-radius:20px;background:#261b39}.test-operation-tags{min-height:48px;margin-top:10px;display:flex;align-content:flex-start;gap:6px;flex-wrap:wrap}.test-operation-tags .operation-tag{max-width:100%}.notice{margin:0 0 18px;padding:13px 16px;border:1px solid var(--line);border-radius:18px}.notice.success{color:#a5ecc3;border-color:rgba(120,229,167,.3);background:rgba(120,229,167,.08)}.notice.error{color:#ff9bad;border-color:rgba(243,106,126,.34);background:rgba(243,106,126,.08)}
@media(max-width:800px){.page-actions{width:100%}.page-actions .button{flex:1}.test-operation-groups{grid-template-columns:1fr}.test-operation-results>div{grid-template-columns:48px 1fr}.test-operation-results button{grid-row:2}.test-operation-results button[data-type="dangerous"]{grid-column:1}.test-operation-results button[data-type="context"]{grid-column:2}}

.operation-test-modal .form-grid textarea{width:100%;padding:13px 14px;border:1px solid rgba(255,255,255,.25);border-radius:15px;outline:0;resize:vertical;color:#f0ebf2;background:#2b213d;font:inherit}.operation-test-modal .form-grid textarea::placeholder{color:#978ca1}.operation-test-modal .form-grid textarea:focus{border-color:rgba(220,68,138,.6);box-shadow:0 0 0 3px rgba(220,68,138,.10)}.test-detail-section{padding:15px;border:1px solid var(--line);border-radius:20px;background:#1d142f}.test-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.test-detail-head strong{display:block;margin-top:3px}.test-detail-list{display:grid;gap:8px;margin-top:12px}.test-detail-list:empty:after{content:"Данные не добавлены";padding:10px;color:var(--muted);font-size:12px;text-align:center}.test-detail-row{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(2,minmax(110px,.7fr)) 34px;gap:7px;align-items:center}.test-detail-row.payment{grid-template-columns:minmax(150px,1.2fr) repeat(3,minmax(105px,.8fr)) 34px}.test-detail-row input{padding:9px 10px;font-size:12px}.test-detail-row button{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;color:var(--danger);background:rgba(255,255,255,.04);cursor:pointer}@media(max-width:800px){.test-detail-row,.test-detail-row.payment{grid-template-columns:1fr 1fr}.test-detail-row button{grid-column:2;justify-self:end}}

/* Administrative access */
.current-user{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.topbar-meta form{margin:0}.logout-button{padding:6px 10px;border:1px solid var(--line);border-radius:14px;color:var(--muted);background:rgba(255,255,255,.04);cursor:pointer}.logout-button:hover{color:var(--text);border-color:rgba(255,255,255,.3)}.auth-body{display:grid;min-height:100vh;place-items:center;padding:28px;background:radial-gradient(700px 520px at 15% 10%,rgba(144,91,185,.28),transparent 65%),radial-gradient(620px 460px at 90% 90%,rgba(220,68,138,.19),transparent 65%),#0d081d}.auth-shell{width:min(1050px,100%);display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;border:1px solid rgba(255,255,255,.17);border-radius:38px;background:#171027;box-shadow:0 40px 120px rgba(0,0,0,.46)}.auth-brand{min-height:610px;padding:64px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 15% 20%,rgba(255,112,40,.14),transparent 28%),linear-gradient(145deg,#211439,#120c27)}.auth-brand img{width:min(330px,82%);height:auto;margin-bottom:65px}.auth-brand h1{max-width:560px;margin:14px 0 18px;color:#f2edf4;font-size:clamp(42px,5vw,68px);font-weight:300;line-height:.96;letter-spacing:-.05em}.auth-brand p{max-width:500px;color:var(--muted);font-size:17px}.auth-card{padding:54px 44px;display:flex;flex-direction:column;justify-content:center;background:#211735}.auth-card h2{margin:8px 0 7px;color:#f1ecf3;font-size:34px;font-weight:300}.auth-card>div>p{margin:0;color:var(--muted)}.auth-form{display:grid;gap:17px;margin-top:36px}.auth-form label{display:grid;gap:7px;color:#ded7e2;font-size:13px;font-weight:600}.auth-form input{width:100%;padding:14px 15px;border:1px solid rgba(255,255,255,.2);border-radius:16px;outline:0;color:#f2edf4;background:#2b213d}.auth-form input:focus{border-color:rgba(220,68,138,.65);box-shadow:0 0 0 3px rgba(220,68,138,.11)}.auth-form .button{margin-top:7px}.validation-summary{color:#ff9bad;font-size:13px}.validation-summary:empty,.validation-summary-valid{display:none}.access-panel{padding:20px}.access-list{display:grid;gap:9px;margin-top:18px}.access-user{display:grid;grid-template-columns:auto minmax(220px,1fr) auto auto;align-items:center;gap:14px;padding:15px;border:1px solid rgba(255,255,255,.17);border-radius:22px;background:#2a203e}.access-user.disabled{opacity:.58}.access-avatar{width:45px;height:45px;display:grid;place-items:center;border:1px solid rgba(220,68,138,.3);border-radius:50%;color:#fff;background:linear-gradient(145deg,#905bb9,#dc448a 60%,#ff7028);font-weight:700}.access-user strong,.access-user small,.access-user .mono{display:block}.access-user small{margin-top:4px;color:var(--muted)}.access-actions{display:flex;gap:5px}.access-actions form{margin:0}.access-actions button{padding:7px 9px;border:1px solid var(--line);border-radius:14px;color:var(--text);background:rgba(255,255,255,.04);font-size:11px;cursor:pointer}.access-actions button.danger{color:var(--danger)}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.auth-card{min-height:580px}.access-user{grid-template-columns:auto 1fr}.access-user>.state-badge,.access-actions{grid-column:2}.topbar-meta .current-user,.topbar-meta .logout-button{display:none}}@media(max-width:520px){.auth-body{padding:12px}.auth-shell{border-radius:27px}.auth-card{padding:38px 24px}.access-actions{flex-wrap:wrap}}

.user-editor-modal{width:min(760px,calc(100% - 28px))}.admin-choice{grid-template-columns:auto 1fr!important;align-items:center;padding:14px;border:1px solid var(--line);border-radius:18px;background:#281e3b}.admin-choice input{width:auto}.admin-choice strong,.admin-choice small{display:block}.restaurant-access{display:grid;gap:9px}.restaurant-access.is-disabled{display:none}.restaurant-access-list{max-height:260px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:8px;border:1px solid var(--line);border-radius:18px;background:#171025}.restaurant-access-list label{grid-template-columns:auto 1fr;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.035)}.restaurant-access-list input{width:auto}.restaurant-access-list strong,.restaurant-access-list small{display:block}@media(max-width:700px){.restaurant-access-list{grid-template-columns:1fr}}

/* Searchable FOX Control restaurant access selector */
.restaurant-access{gap:12px;padding:18px;border:1px solid rgba(255,255,255,.18);border-radius:23px;background:linear-gradient(145deg,#281d3b,#1b132e);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.restaurant-access-head{display:flex;align-items:end;justify-content:space-between;gap:16px}.restaurant-access-head>div:first-child>strong{display:block;margin:3px 0 1px;color:#f1ebf3;font-size:17px}.restaurant-access-head>div:first-child>small{color:var(--muted)}.restaurant-access-head>div:first-child>small b{color:#ff7caf;font-size:14px}.restaurant-access-actions{display:flex;gap:6px}.restaurant-access-actions button{padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:13px;color:#cfc5d5;background:rgba(255,255,255,.045);font-size:11px;cursor:pointer}.restaurant-access-actions button:hover{color:#fff;border-color:rgba(228,83,151,.35);background:rgba(220,68,138,.1)}.restaurant-search{position:relative;display:block!important}.restaurant-search>span{position:absolute;z-index:1;left:15px;top:50%;transform:translateY(-52%);color:#e0649f;font-size:23px;font-weight:300}.restaurant-search input{height:48px;padding-left:45px!important;border-color:rgba(255,255,255,.19)!important;border-radius:17px!important;background:#171025!important}.restaurant-search input::-webkit-search-cancel-button{filter:invert(1);opacity:.55}.restaurant-access-list{max-height:310px;padding:7px;gap:7px;border-color:rgba(255,255,255,.13);background:#171025;scrollbar-color:#6c527d transparent}.restaurant-choice{position:relative;min-width:0;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:11px!important;min-height:66px;padding:10px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:17px!important;background:#211831!important;cursor:pointer;transition:border-color .16s,background .16s,transform .16s}.restaurant-choice[hidden]{display:none!important}.restaurant-choice:hover{transform:translateY(-1px);border-color:rgba(225,117,196,.32)!important;background:#2a1c3c!important}.restaurant-choice.selected{border-color:rgba(233,82,154,.48)!important;background:linear-gradient(135deg,rgba(144,91,185,.24),rgba(220,68,138,.13))!important;box-shadow:inset 0 0 0 1px rgba(236,102,164,.08)}.restaurant-choice>input{position:absolute;width:1px!important;height:1px;opacity:0;pointer-events:none}.restaurant-choice-avatar{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(225,117,196,.22);border-radius:13px;color:#dfa3c2;background:rgba(144,91,185,.12);font-size:15px;font-weight:700}.restaurant-choice.selected .restaurant-choice-avatar{color:#fff;border-color:transparent;background:linear-gradient(145deg,#905bb9,#dc448a 60%,#ff7028)}.restaurant-choice-copy{min-width:0}.restaurant-choice-copy strong,.restaurant-choice-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.restaurant-choice-copy strong{color:#eee7f0;font-size:13px}.restaurant-choice-copy small{margin-top:3px;color:#968a9f;font-size:10px}.restaurant-choice>i{width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;color:transparent;background:rgba(255,255,255,.025);font-size:12px;font-style:normal}.restaurant-choice.selected>i{color:#fff;border-color:rgba(255,112,40,.35);background:linear-gradient(145deg,#c2327c,#ff7028)}.restaurant-search-empty{display:none;grid-column:1/-1;min-height:145px;place-items:center;align-content:center;gap:2px;color:var(--muted);text-align:center}.restaurant-search-empty.visible{display:grid}.restaurant-search-empty>span{color:#d95a97;font-size:28px}.restaurant-search-empty strong{color:#d9d0de}.restaurant-search-empty small{font-size:11px}.restaurant-access-note{margin:0;color:#9f94a8;font-size:11px}@media(max-width:700px){.restaurant-access-head{align-items:flex-start;flex-direction:column}.restaurant-access-actions{width:100%}.restaurant-access-actions button{flex:1}.restaurant-access-list{grid-template-columns:1fr}}

/* Preserve the official spelling even inside uppercase headings. */
.pos-brand{text-transform:none}