.goods-receiving-layout{grid-template-columns:minmax(0,1fr)}.goods-receiving-dialog-backdrop{overflow-y:auto;overscroll-behavior:contain}.goods-receiving-receipt-dialog{max-height:calc(100dvh - calc(48px * var(--mobile-interface-scale, 1)))}.goods-receiving-receipt-form{-webkit-overflow-scrolling:touch;max-height:calc(100dvh - calc(148px * var(--mobile-interface-scale, 1)));overscroll-behavior:contain;overflow-x:hidden;overflow-y:auto}.goods-receiving-photo-timeline{display:grid;grid-gap:calc(7px * var(--mobile-interface-scale, 1));gap:calc(7px * var(--mobile-interface-scale, 1));min-width:calc(210px * var(--mobile-interface-scale, 1))}.goods-receiving-photo-stage{background:var(--surface-muted);border:1px solid var(--line);border-radius:calc(7px * var(--mobile-interface-scale, 1));display:grid;grid-gap:calc(3px * var(--mobile-interface-scale, 1));gap:calc(3px * var(--mobile-interface-scale, 1));padding:calc(7px * var(--mobile-interface-scale, 1))}.goods-receiving-photo-stage-title{align-items:baseline;display:flex;flex-wrap:wrap;gap:calc(4px * var(--mobile-interface-scale, 1)) calc(7px * var(--mobile-interface-scale, 1))}.goods-receiving-photo-stage-title strong{font-size:calc(11px * var(--mobile-interface-scale, 1));line-height:1.25}.goods-receiving-photo-empty,.goods-receiving-photo-stage-title span{color:var(--muted);font-size:calc(10px * var(--mobile-interface-scale, 1));font-weight:700}.goods-receiving-photo-stage .request-item-photo-gallery{margin-top:calc(2px * var(--mobile-interface-scale, 1))}.goods-receiving-detail-item>.goods-receiving-photo-timeline{grid-column:1/-1;margin-top:calc(8px * var(--mobile-interface-scale, 1))}.goods-receiving-receipt-dialog .goods-receiving-photo-timeline{grid-template-columns:repeat(3,minmax(0,1fr));margin:calc(12px * var(--mobile-interface-scale, 1)) 0}.goods-receiving-mobile-list,.goods-receiving-mobile-summary{display:none}.goods-item-row-actions{display:flex;flex-wrap:wrap;gap:calc(6px * var(--mobile-interface-scale, 1));min-width:calc(260px * var(--mobile-interface-scale, 1))}.goods-receiving-corrections{border-top:1px solid var(--line);margin-top:calc(24px * var(--mobile-interface-scale, 1));padding-top:calc(20px * var(--mobile-interface-scale, 1))}.goods-item-receipt-backdrop{overflow:hidden}.goods-item-receipt-dialog{display:flex;flex-direction:column;max-height:calc(100dvh - calc(40px * var(--mobile-interface-scale, 1)));max-width:calc(860px * var(--mobile-interface-scale, 1));overflow:hidden;width:min(calc(860px * var(--mobile-interface-scale, 1)),calc(100vw - calc(32px * var(--mobile-interface-scale, 1))))}.goods-item-receipt-header>div>span{color:var(--muted);display:block;font-size:calc(13px * var(--mobile-interface-scale, 1));font-weight:800;margin-top:calc(4px * var(--mobile-interface-scale, 1))}.goods-item-receipt-form{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.goods-item-receipt-scroll{display:grid;grid-gap:calc(18px * var(--mobile-interface-scale, 1));gap:calc(18px * var(--mobile-interface-scale, 1));min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:calc(20px * var(--mobile-interface-scale, 1))}.goods-item-receipt-summary{display:grid;grid-gap:calc(8px * var(--mobile-interface-scale, 1));gap:calc(8px * var(--mobile-interface-scale, 1));grid-template-columns:repeat(4,minmax(0,1fr))}.goods-item-receipt-summary>div{background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius-panel);display:grid;grid-gap:calc(5px * var(--mobile-interface-scale, 1));gap:calc(5px * var(--mobile-interface-scale, 1));padding:calc(12px * var(--mobile-interface-scale, 1))}.goods-item-receipt-summary span{color:var(--muted);font-size:calc(10px * var(--mobile-interface-scale, 1));font-weight:900;letter-spacing:.04em;text-transform:uppercase}.goods-item-receipt-summary strong{font-size:calc(14px * var(--mobile-interface-scale, 1));line-height:1.3}.goods-item-receipt-action-picker{background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius-panel);display:grid;grid-gap:calc(6px * var(--mobile-interface-scale, 1));gap:calc(6px * var(--mobile-interface-scale, 1));grid-template-columns:repeat(3,minmax(0,1fr));padding:calc(6px * var(--mobile-interface-scale, 1))}.goods-item-receipt-action-picker button{align-items:center;background:transparent;border:1px solid transparent;border-radius:calc(8px * var(--mobile-interface-scale, 1));color:var(--muted);cursor:pointer;display:flex;font:inherit;font-size:calc(13px * var(--mobile-interface-scale, 1));font-weight:900;gap:calc(8px * var(--mobile-interface-scale, 1));justify-content:center;min-height:calc(46px * var(--mobile-interface-scale, 1));padding:calc(9px * var(--mobile-interface-scale, 1)) calc(12px * var(--mobile-interface-scale, 1))}.goods-item-receipt-action-picker button.is-active{background:var(--surface);border-color:var(--line-strong);box-shadow:0 calc(4px * var(--mobile-interface-scale, 1)) calc(14px * var(--mobile-interface-scale, 1)) var(--shadow-color-faint);color:var(--text)}.goods-item-receipt-action-picker button.is-active.tone-success{border-color:var(--green);color:var(--green)}.goods-item-receipt-action-picker button.is-active.tone-warning{border-color:var(--amber);color:var(--amber)}.goods-item-receipt-action-picker button.is-active.tone-danger{border-color:var(--red);color:var(--red)}.goods-item-receipt-fields{gap:calc(14px * var(--mobile-interface-scale, 1))}.goods-item-receipt-reason{display:grid;grid-gap:calc(7px * var(--mobile-interface-scale, 1));gap:calc(7px * var(--mobile-interface-scale, 1));font-size:calc(12px * var(--mobile-interface-scale, 1));font-weight:900}.goods-item-receipt-alert{align-items:start;background:var(--green-alpha-10);border:1px solid var(--green-alpha-22);border-radius:var(--radius-panel);color:var(--green);display:grid;grid-gap:calc(10px * var(--mobile-interface-scale, 1));gap:calc(10px * var(--mobile-interface-scale, 1));grid-template-columns:auto minmax(0,1fr);padding:calc(12px * var(--mobile-interface-scale, 1))}.goods-item-receipt-alert.warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--amber)}.goods-item-receipt-alert.danger{background:var(--danger-bg);border-color:var(--danger-alpha-28);color:var(--red)}.goods-item-receipt-alert span,.goods-item-receipt-alert strong{display:block}.goods-item-receipt-alert span{color:var(--muted);font-size:calc(12px * var(--mobile-interface-scale, 1));font-weight:700;line-height:1.45;margin-top:calc(3px * var(--mobile-interface-scale, 1))}.goods-item-receipt-actions{flex:0 0 auto}.goods-mobile-item-actions{display:grid;grid-gap:calc(7px * var(--mobile-interface-scale, 1));gap:calc(7px * var(--mobile-interface-scale, 1));grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:calc(8px * var(--mobile-interface-scale, 1))}.service-price-actions{align-items:center;flex-wrap:wrap}.service-acceptance-mobile-list{display:none}.service-acceptance-mobile-card{background:var(--surface);border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1));box-shadow:0 calc(8px * var(--mobile-interface-scale, 1)) calc(24px * var(--mobile-interface-scale, 1)) var(--shadow-color-faint);display:grid;grid-gap:calc(14px * var(--mobile-interface-scale, 1));gap:calc(14px * var(--mobile-interface-scale, 1));padding:calc(14px * var(--mobile-interface-scale, 1))}.service-acceptance-mobile-head{align-items:flex-start;display:flex;gap:calc(12px * var(--mobile-interface-scale, 1));justify-content:space-between}.service-acceptance-mobile-facts>div,.service-acceptance-mobile-head>div,.service-acceptance-mobile-result>div,.service-acceptance-mobile-service{display:grid;grid-gap:calc(3px * var(--mobile-interface-scale, 1));gap:calc(3px * var(--mobile-interface-scale, 1));min-width:0}.service-acceptance-mobile-facts span,.service-acceptance-mobile-head span:first-child,.service-acceptance-mobile-result span,.service-acceptance-mobile-service>span{color:var(--muted);font-size:calc(10px * var(--mobile-interface-scale, 1));font-weight:900;letter-spacing:.04em;text-transform:uppercase}.service-acceptance-mobile-facts strong,.service-acceptance-mobile-head strong,.service-acceptance-mobile-result p,.service-acceptance-mobile-result strong,.service-acceptance-mobile-service h3,.service-acceptance-mobile-service p{overflow-wrap:anywhere}.service-acceptance-mobile-facts small,.service-acceptance-mobile-head small,.service-acceptance-mobile-result p,.service-acceptance-mobile-result small,.service-acceptance-mobile-service p{color:var(--muted);font-size:calc(12px * var(--mobile-interface-scale, 1));font-weight:700;line-height:1.4}.service-acceptance-mobile-service{border-bottom:1px solid var(--line);padding-bottom:calc(12px * var(--mobile-interface-scale, 1))}.service-acceptance-mobile-result p,.service-acceptance-mobile-service h3,.service-acceptance-mobile-service p{margin:0}.service-acceptance-mobile-service h3{font-size:calc(17px * var(--mobile-interface-scale, 1))}.service-acceptance-mobile-facts,.service-acceptance-mobile-result{display:grid;grid-gap:calc(8px * var(--mobile-interface-scale, 1));gap:calc(8px * var(--mobile-interface-scale, 1));grid-template-columns:repeat(2,minmax(0,1fr))}.service-acceptance-mobile-facts>div,.service-acceptance-mobile-result>div{background:var(--surface-muted);border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1));padding:calc(10px * var(--mobile-interface-scale, 1))}.service-acceptance-mobile-actions{display:grid;grid-gap:calc(8px * var(--mobile-interface-scale, 1));gap:calc(8px * var(--mobile-interface-scale, 1));grid-template-columns:repeat(auto-fit,minmax(calc(150px * var(--mobile-interface-scale, 1)),1fr))}.service-acceptance-mobile-actions .primary-button,.service-acceptance-mobile-actions .secondary-button{justify-content:center;min-height:calc(48px * var(--mobile-interface-scale, 1));width:100%}.service-price-editor{display:grid;grid-gap:calc(14px * var(--mobile-interface-scale, 1));gap:calc(14px * var(--mobile-interface-scale, 1))}.service-price-editor-head{align-items:flex-start;display:flex;gap:calc(16px * var(--mobile-interface-scale, 1));justify-content:space-between}.service-price-editor-head h3{margin:0 0 calc(4px * var(--mobile-interface-scale, 1))}.service-price-editor-head>div>span,.service-price-history small,.service-price-item-title span{color:var(--muted);font-size:calc(12px * var(--mobile-interface-scale, 1));font-weight:700}.service-price-history>div,.service-price-items{display:grid;grid-gap:calc(10px * var(--mobile-interface-scale, 1));gap:calc(10px * var(--mobile-interface-scale, 1))}.service-price-history article,.service-price-item{background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius-panel);display:grid;grid-gap:calc(12px * var(--mobile-interface-scale, 1));gap:calc(12px * var(--mobile-interface-scale, 1));padding:calc(12px * var(--mobile-interface-scale, 1))}.service-price-history article,.service-price-item-title,.service-price-item-title>div{display:grid;grid-gap:calc(4px * var(--mobile-interface-scale, 1));gap:calc(4px * var(--mobile-interface-scale, 1))}.service-price-fields{display:grid;grid-gap:calc(10px * var(--mobile-interface-scale, 1));gap:calc(10px * var(--mobile-interface-scale, 1));grid-template-columns:repeat(2,minmax(0,1fr))}.service-price-save{justify-self:end}.service-price-history article>span{color:var(--green);font-weight:900}@media (max-width:1000px){.service-acceptance-desktop-table{display:none}.service-acceptance-mobile-list{display:grid;grid-gap:calc(12px * var(--mobile-interface-scale, 1));gap:calc(12px * var(--mobile-interface-scale, 1))}}@media (max-width:640px){.section-service-acceptance .service-acceptance-section .panel-title,.section-service-history .service-acceptance-section .panel-title,.service-acceptance-section .mini-metrics{display:none}.service-acceptance-section .work-panel{padding:calc(14px * var(--mobile-interface-scale, 1))}.service-acceptance-mobile-actions,.service-acceptance-mobile-facts,.service-acceptance-mobile-result{grid-template-columns:1fr}.service-acceptance-backdrop{padding:0}.service-acceptance-modal{border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr);height:100dvh;max-height:100dvh;width:100%}.service-acceptance-modal-header{padding-top:max(calc(14px * var(--mobile-interface-scale, 1)),var(--safe-top))}.service-acceptance-modal-body{-webkit-overflow-scrolling:touch;max-height:none;min-height:0;overscroll-behavior:contain;overflow-y:auto}.service-acceptance-modal-body .request-modal-actions{padding-bottom:max(calc(16px * var(--mobile-interface-scale, 1)),var(--safe-bottom))}.service-price-editor-head{display:grid}.service-price-editor-head .plain-pill{justify-self:start}.service-price-fields{grid-template-columns:1fr}.service-price-save{justify-self:stretch;width:100%}.section-goods-receiving .goods-receiving-desktop-table,.section-goods-receiving .goods-receiving-layout .mini-metrics,.section-goods-receiving .topbar{display:none}.section-goods-receiving .goods-receiving-layout{gap:0}.section-goods-receiving .goods-receiving-layout .work-panel{padding:calc(14px * var(--mobile-interface-scale, 1))}.section-goods-receiving .goods-receiving-layout .panel-title{display:none}.section-goods-receiving .goods-receiving-layout .panel-title .icon-button{flex:0 0 auto;min-height:calc(44px * var(--mobile-interface-scale, 1));width:calc(44px * var(--mobile-interface-scale, 1))}.section-production-receiving .goods-receiving-desktop-table,.section-production-receiving .goods-receiving-layout .mini-metrics,.section-production-receiving .goods-receiving-layout .panel-title,.section-production-receiving .topbar{display:none}.section-production-receiving .goods-receiving-layout{gap:0}.section-production-receiving .goods-receiving-layout .work-panel{padding:calc(14px * var(--mobile-interface-scale, 1))}.goods-receiving-mobile-summary{display:grid;grid-gap:calc(8px * var(--mobile-interface-scale, 1));gap:calc(8px * var(--mobile-interface-scale, 1));grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:calc(12px * var(--mobile-interface-scale, 1))}.goods-receiving-mobile-chip{background:var(--surface-muted);border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1));display:grid;grid-gap:calc(3px * var(--mobile-interface-scale, 1));gap:calc(3px * var(--mobile-interface-scale, 1));min-height:calc(58px * var(--mobile-interface-scale, 1));padding:calc(10px * var(--mobile-interface-scale, 1))}.goods-receiving-mobile-chip strong{font-size:calc(20px * var(--mobile-interface-scale, 1));line-height:1}.goods-receiving-mobile-chip span{color:var(--muted);font-size:calc(11px * var(--mobile-interface-scale, 1));font-weight:900;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.goods-receiving-mobile-chip.green strong{color:var(--green)}.goods-receiving-mobile-chip.amber strong{color:var(--amber)}.goods-receiving-mobile-chip.blue strong{color:var(--blue)}.goods-receiving-mobile-chip.violet strong{color:var(--violet)}.goods-receiving-mobile-list{display:grid;grid-gap:calc(10px * var(--mobile-interface-scale, 1));gap:calc(10px * var(--mobile-interface-scale, 1))}.goods-receiving-mobile-card.status-receipt-rejected:before{background:linear-gradient(90deg,var(--red),var(--danger-alpha-28))}.goods-receiving-mobile-card .plain-pill,.goods-receiving-mobile-card .status-pill{align-self:start}.goods-receiving-mobile-item{transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.goods-receiving-mobile-item.receipt-accepted{background:var(--success-bg-soft);border-color:var(--success-border-strong);box-shadow:inset calc(3px * var(--mobile-interface-scale, 1)) 0 0 var(--green)}.goods-receiving-mobile-item.receipt-accepted-with-discrepancy,.goods-receiving-mobile-item.receipt-partially-received{background:var(--warning-bg);border-color:var(--warning-border);box-shadow:inset calc(3px * var(--mobile-interface-scale, 1)) 0 0 var(--amber)}.goods-receiving-mobile-item.receipt-rejected{background:var(--danger-bg);border-color:var(--danger-border);box-shadow:inset calc(3px * var(--mobile-interface-scale, 1)) 0 0 var(--red)}.tracking-mobile-item>div:first-child span.goods-receiving-mobile-item-status{align-items:center;border:1px solid var(--success-border-strong);border-radius:var(--radius-pill);color:var(--green);display:inline-flex;font-size:calc(10px * var(--mobile-interface-scale, 1));font-weight:900;gap:calc(4px * var(--mobile-interface-scale, 1));line-height:1.2;margin-top:calc(7px * var(--mobile-interface-scale, 1));max-width:100%;overflow:visible;padding:calc(4px * var(--mobile-interface-scale, 1)) calc(7px * var(--mobile-interface-scale, 1));text-overflow:clip;white-space:normal;width:-moz-fit-content;width:fit-content}.tracking-mobile-item>div:first-child span.goods-receiving-mobile-item-status.receipt-accepted-with-discrepancy,.tracking-mobile-item>div:first-child span.goods-receiving-mobile-item-status.receipt-partially-received{border-color:var(--warning-border);color:var(--amber)}.tracking-mobile-item>div:first-child span.goods-receiving-mobile-item-status.receipt-rejected{border-color:var(--danger-border);color:var(--red)}.goods-receiving-mobile-item-status svg{flex:0 0 auto}.goods-receiving-mobile-facts>span{grid-template-columns:auto minmax(0,1fr) auto}.goods-receiving-mobile-facts>span>small:empty{display:none}.goods-receiving-mobile-actions{justify-content:stretch}.goods-receiving-mobile-actions .primary-button,.goods-receiving-mobile-actions .secondary-button{flex:1 1 calc(130px * var(--mobile-interface-scale, 1))}.goods-receiving-mobile-sheet-backdrop{align-items:end;background:var(--overlay-ink-48);display:grid;inset:0;padding:max(calc(10px * var(--mobile-interface-scale, 1)),var(--safe-top)) max(calc(10px * var(--mobile-interface-scale, 1)),var(--safe-right)) calc(calc(82px * var(--mobile-interface-scale, 1)) + max(calc(10px * var(--mobile-interface-scale, 1)), var(--safe-bottom))) max(calc(10px * var(--mobile-interface-scale, 1)),var(--safe-left));position:fixed;z-index:82}.goods-receiving-mobile-sheet{height:min(86dvh,calc(720px * var(--mobile-interface-scale, 1)));max-height:min(86dvh,calc(720px * var(--mobile-interface-scale, 1)))}.goods-receiving-detail-wide{grid-column:1/-1}.goods-receiving-detail-item .request-mobile-item-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.goods-receiving-photo-timeline,.goods-receiving-receipt-dialog .goods-receiving-photo-timeline{grid-template-columns:1fr;min-width:0}.goods-receiving-mobile-note{align-items:start;background:var(--green-alpha-10);border:1px solid var(--green-alpha-22);border-radius:calc(8px * var(--mobile-interface-scale, 1));color:var(--green);display:grid;grid-gap:calc(10px * var(--mobile-interface-scale, 1));gap:calc(10px * var(--mobile-interface-scale, 1));grid-template-columns:auto minmax(0,1fr);padding:calc(12px * var(--mobile-interface-scale, 1))}.goods-receiving-mobile-note span,.goods-receiving-mobile-note strong{display:block}.goods-receiving-mobile-note span{color:var(--muted);font-size:calc(12px * var(--mobile-interface-scale, 1));font-weight:800;line-height:1.35;margin-top:calc(3px * var(--mobile-interface-scale, 1))}.goods-receiving-mobile-sheet-actions{justify-content:stretch}.goods-receiving-mobile-sheet-actions .primary-button,.goods-receiving-mobile-sheet-actions .secondary-button{flex:1 1}.goods-receiving-corrections{display:none}.goods-item-receipt-backdrop{align-items:end;padding:max(calc(8px * var(--mobile-interface-scale, 1)),var(--safe-top)) max(calc(8px * var(--mobile-interface-scale, 1)),var(--safe-right)) max(calc(8px * var(--mobile-interface-scale, 1)),var(--safe-bottom)) max(calc(8px * var(--mobile-interface-scale, 1)),var(--safe-left))}.goods-item-receipt-dialog{border-radius:var(--radius-modal);max-height:calc(100dvh - max(calc(16px * var(--mobile-interface-scale, 1)), var(--safe-top)));width:100%}.goods-item-receipt-scroll{gap:calc(14px * var(--mobile-interface-scale, 1));padding:calc(14px * var(--mobile-interface-scale, 1))}.goods-item-receipt-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.goods-item-receipt-action-picker{grid-template-columns:1fr}.goods-item-receipt-action-picker button{justify-content:flex-start;min-height:calc(42px * var(--mobile-interface-scale, 1))}.goods-item-receipt-fields{grid-template-columns:1fr}.goods-item-receipt-actions{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.goods-mobile-item-actions{grid-template-columns:1fr}}.module-board{display:grid}.module-grid{display:grid;grid-gap:calc(14px * var(--mobile-interface-scale, 1));gap:calc(14px * var(--mobile-interface-scale, 1));grid-template-columns:repeat(3,minmax(0,1fr))}.module-card{background:var(--surface-muted);border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1));display:grid;grid-gap:calc(10px * var(--mobile-interface-scale, 1));gap:calc(10px * var(--mobile-interface-scale, 1));min-height:calc(138px * var(--mobile-interface-scale, 1));padding:calc(18px * var(--mobile-interface-scale, 1))}.module-card span{color:var(--muted);font-size:calc(14px * var(--mobile-interface-scale, 1));font-weight:700}.module-card strong{font-size:calc(34px * var(--mobile-interface-scale, 1));line-height:1}.module-card small{color:#53637a;font-size:calc(13px * var(--mobile-interface-scale, 1));font-weight:700}.module-card.green strong{color:var(--green)}.module-card.amber strong{color:var(--amber)}.module-card.blue strong{color:var(--blue)}.module-card.violet strong{color:var(--violet)}:root[data-theme=dark] .module-action{background:var(--surface-muted);border-color:var(--line);color:var(--text)}.notifications-board{align-items:start;display:grid;grid-gap:calc(18px * var(--mobile-interface-scale, 1));gap:calc(18px * var(--mobile-interface-scale, 1));grid-template-columns:minmax(calc(360px * var(--mobile-interface-scale, 1)),1fr) minmax(calc(300px * var(--mobile-interface-scale, 1)),calc(380px * var(--mobile-interface-scale, 1)))}.notifications-panel,.notifications-settings-panel{align-content:start;align-self:start;display:grid;grid-gap:calc(16px * var(--mobile-interface-scale, 1));gap:calc(16px * var(--mobile-interface-scale, 1));grid-auto-rows:max-content;padding:calc(20px * var(--mobile-interface-scale, 1))}.notifications-intro{color:var(--muted);margin:calc(-6px * var(--mobile-interface-scale, 1)) 0 0}.notifications-search{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1));color:var(--muted);display:grid;grid-gap:calc(10px * var(--mobile-interface-scale, 1));gap:calc(10px * var(--mobile-interface-scale, 1));grid-template-columns:auto minmax(0,1fr);min-height:calc(48px * var(--mobile-interface-scale, 1));padding:0 calc(14px * var(--mobile-interface-scale, 1))}.notifications-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 1px color-mix(in srgb,var(--blue) 24%,transparent)}.notifications-search input{background:transparent;border:0;color:var(--text);font:inherit;font-size:calc(14px * var(--mobile-interface-scale, 1));font-weight:750;min-width:0;outline:0}.notifications-search input::placeholder{color:var(--muted)}.notifications-controls{align-items:center;display:flex;gap:calc(12px * var(--mobile-interface-scale, 1));justify-content:space-between}.notifications-controls>div{display:flex;flex-wrap:wrap;gap:calc(8px * var(--mobile-interface-scale, 1))}.notification-list{border-top:1px solid var(--line);display:grid}.notification-list .empty-state{justify-content:flex-start;margin:0;min-height:calc(44px * var(--mobile-interface-scale, 1))}.notification-row{align-items:center;background:transparent;border:0;border-bottom:1px solid var(--line);color:inherit;cursor:pointer;display:grid;grid-gap:calc(12px * var(--mobile-interface-scale, 1));gap:calc(12px * var(--mobile-interface-scale, 1));grid-template-columns:auto minmax(0,1fr) auto;padding:calc(14px * var(--mobile-interface-scale, 1)) calc(4px * var(--mobile-interface-scale, 1));text-align:left;transition:background .16s ease;width:100%}.notification-row:hover{background:color-mix(in srgb,var(--blue) 7%,transparent)}.notification-row.unread{background:color-mix(in srgb,var(--blue) 10%,transparent)}.notification-row-icon{align-items:center;background:color-mix(in srgb,var(--blue) 13%,transparent);border-radius:var(--radius-pill);color:var(--blue);display:inline-flex;height:calc(36px * var(--mobile-interface-scale, 1));justify-content:center;width:calc(36px * var(--mobile-interface-scale, 1))}.notification-row-copy{display:grid;grid-gap:calc(3px * var(--mobile-interface-scale, 1));gap:calc(3px * var(--mobile-interface-scale, 1));min-width:0}.notification-row time,.notification-row-copy small,.notification-row-copy span{color:var(--muted);font-size:calc(13px * var(--mobile-interface-scale, 1))}.notification-row time{white-space:nowrap}.notifications-pagination{align-items:center;display:grid;grid-gap:calc(10px * var(--mobile-interface-scale, 1));gap:calc(10px * var(--mobile-interface-scale, 1));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.notifications-pagination button{justify-content:center;min-width:0}.notifications-pagination>span{color:var(--muted);font-size:calc(12px * var(--mobile-interface-scale, 1));font-weight:850;text-align:center;white-space:nowrap}.notification-preferences-list{display:grid;grid-gap:calc(14px * var(--mobile-interface-scale, 1));gap:calc(14px * var(--mobile-interface-scale, 1))}.notification-preference-group{display:grid;grid-gap:calc(8px * var(--mobile-interface-scale, 1));gap:calc(8px * var(--mobile-interface-scale, 1))}.notification-preference-group-title{align-items:center;color:var(--text);display:flex;font-size:calc(13px * var(--mobile-interface-scale, 1));justify-content:space-between}.notification-preference-group-title span{color:var(--muted);font-size:calc(12px * var(--mobile-interface-scale, 1));font-weight:800}.notification-preference-toggle{align-items:flex-start;border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1));cursor:pointer;display:flex;gap:calc(11px * var(--mobile-interface-scale, 1));padding:calc(14px * var(--mobile-interface-scale, 1))}.notification-preference-toggle input{accent-color:var(--green);height:calc(18px * var(--mobile-interface-scale, 1));margin-top:calc(2px * var(--mobile-interface-scale, 1));width:calc(18px * var(--mobile-interface-scale, 1))}.notification-preference-toggle span{display:grid;grid-gap:calc(4px * var(--mobile-interface-scale, 1));gap:calc(4px * var(--mobile-interface-scale, 1))}.notification-preference-toggle small,.notification-push-card p{color:var(--muted);margin:0}.notification-push-card{align-items:center;background:color-mix(in srgb,var(--green) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--green) 30%,var(--line));border-radius:calc(8px * var(--mobile-interface-scale, 1));display:flex;gap:calc(14px * var(--mobile-interface-scale, 1));justify-content:space-between;padding:calc(14px * var(--mobile-interface-scale, 1))}.notification-push-card>div{display:grid;grid-gap:calc(5px * var(--mobile-interface-scale, 1));gap:calc(5px * var(--mobile-interface-scale, 1))}.notification-push-card>.notification-push-actions{align-items:center;display:flex;flex:0 0 auto;flex-wrap:wrap;gap:calc(8px * var(--mobile-interface-scale, 1));justify-content:flex-end}.notification-push-active{color:var(--green);flex:0 0 auto}.telegram-notification-card{align-content:start;display:grid;grid-gap:calc(18px * var(--mobile-interface-scale, 1));gap:calc(18px * var(--mobile-interface-scale, 1));grid-column:1/-1;padding:calc(20px * var(--mobile-interface-scale, 1))}.telegram-notification-heading{align-items:center;display:grid;grid-gap:calc(14px * var(--mobile-interface-scale, 1));gap:calc(14px * var(--mobile-interface-scale, 1));grid-template-columns:auto minmax(0,1fr)}.telegram-notification-feedback,.telegram-notification-heading h2,.telegram-notification-heading p{margin:0}.telegram-notification-heading p{color:var(--muted);margin-top:calc(4px * var(--mobile-interface-scale, 1))}.telegram-notification-icon{align-items:center;background:color-mix(in srgb,var(--blue) 11%,var(--surface-muted));border-radius:calc(8px * var(--mobile-interface-scale, 1));color:var(--blue);display:inline-flex;height:calc(56px * var(--mobile-interface-scale, 1));justify-content:center;width:calc(56px * var(--mobile-interface-scale, 1))}.telegram-notification-status{border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1));margin:0;overflow:hidden}.telegram-notification-status>div{align-items:center;display:grid;grid-gap:calc(16px * var(--mobile-interface-scale, 1));gap:calc(16px * var(--mobile-interface-scale, 1));grid-template-columns:minmax(calc(120px * var(--mobile-interface-scale, 1)),.8fr) minmax(0,1.2fr);min-height:calc(58px * var(--mobile-interface-scale, 1));padding:calc(12px * var(--mobile-interface-scale, 1)) calc(16px * var(--mobile-interface-scale, 1))}.telegram-notification-status>div+div{border-top:1px solid var(--line)}.telegram-notification-status dt{color:var(--muted);font-weight:750}.telegram-notification-status dd{color:var(--text);font-weight:850;margin:0;min-width:0;overflow-wrap:anywhere}.telegram-notification-actions{align-items:center;display:flex;flex-wrap:wrap;gap:calc(10px * var(--mobile-interface-scale, 1))}.telegram-notification-feedback{border-radius:calc(8px * var(--mobile-interface-scale, 1));font-size:calc(13px * var(--mobile-interface-scale, 1));font-weight:750;padding:calc(11px * var(--mobile-interface-scale, 1)) calc(13px * var(--mobile-interface-scale, 1))}.telegram-notification-feedback.success{background:color-mix(in srgb,var(--green) 10%,transparent);color:var(--green)}.telegram-notification-feedback.danger{background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger)}.telegram-connect-link{background:var(--surface-muted);border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1));padding:calc(14px * var(--mobile-interface-scale, 1))}.telegram-connect-link,.telegram-connect-link a{display:grid;grid-gap:calc(10px * var(--mobile-interface-scale, 1));gap:calc(10px * var(--mobile-interface-scale, 1))}.telegram-connect-link a{align-items:center;color:var(--blue);grid-template-columns:minmax(0,1fr) auto;text-decoration:underline}.telegram-connect-link a span{min-width:0;overflow-wrap:anywhere}.telegram-connect-link small{color:var(--muted)}.notification-onboarding-backdrop{align-items:center;background:color-mix(in srgb,var(--text) 48%,transparent);-webkit-backdrop-filter:blur(calc(10px * var(--mobile-interface-scale, 1)));backdrop-filter:blur(calc(10px * var(--mobile-interface-scale, 1)));display:grid;inset:0;overflow-y:auto;padding:max(calc(20px * var(--mobile-interface-scale, 1)),var(--safe-top)) max(calc(20px * var(--mobile-interface-scale, 1)),var(--safe-right)) max(calc(20px * var(--mobile-interface-scale, 1)),var(--safe-bottom)) max(calc(20px * var(--mobile-interface-scale, 1)),var(--safe-left));position:fixed;z-index:130}.notification-onboarding-dialog{background:var(--surface);border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1));box-shadow:0 calc(30px * var(--mobile-interface-scale, 1)) calc(86px * var(--mobile-interface-scale, 1)) var(--shadow-color-strong);display:grid;grid-gap:calc(18px * var(--mobile-interface-scale, 1));gap:calc(18px * var(--mobile-interface-scale, 1));justify-items:center;justify-self:center;max-width:calc(520px * var(--mobile-interface-scale, 1));padding:calc(28px * var(--mobile-interface-scale, 1));text-align:center;width:100%}.notification-onboarding-banner-icon,.notification-onboarding-icon{align-items:center;background:color-mix(in srgb,var(--green) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--green) 30%,var(--line));color:var(--green);display:inline-flex;justify-content:center}.notification-onboarding-icon{border-radius:var(--radius-pill);height:calc(64px * var(--mobile-interface-scale, 1));width:calc(64px * var(--mobile-interface-scale, 1))}.notification-onboarding-copy{display:grid;grid-gap:calc(8px * var(--mobile-interface-scale, 1));gap:calc(8px * var(--mobile-interface-scale, 1))}.notification-onboarding-banner p,.notification-onboarding-banner small,.notification-onboarding-copy h2,.notification-onboarding-copy p,.notification-onboarding-dialog>small,.notification-onboarding-error{margin:0}.notification-onboarding-banner p,.notification-onboarding-copy p:last-child,.notification-onboarding-dialog>small{color:var(--muted)}.notification-onboarding-banner small,.notification-onboarding-error{color:var(--danger);font-size:calc(13px * var(--mobile-interface-scale, 1))}.notification-onboarding-actions{display:flex;flex-wrap:wrap;gap:calc(10px * var(--mobile-interface-scale, 1));justify-content:center;width:100%}.notification-onboarding-banner{align-items:center;background:color-mix(in srgb,var(--surface) 96%,transparent);border:1px solid color-mix(in srgb,var(--green) 34%,var(--line));border-radius:calc(8px * var(--mobile-interface-scale, 1));box-shadow:0 calc(18px * var(--mobile-interface-scale, 1)) calc(54px * var(--mobile-interface-scale, 1)) var(--shadow-color-strong);display:grid;grid-gap:calc(12px * var(--mobile-interface-scale, 1));gap:calc(12px * var(--mobile-interface-scale, 1));grid-template-columns:auto minmax(0,1fr) auto;left:50%;max-width:calc(760px * var(--mobile-interface-scale, 1));padding:calc(12px * var(--mobile-interface-scale, 1));position:fixed;top:max(calc(12px * var(--mobile-interface-scale, 1)),var(--safe-top));transform:translateX(-50%);width:calc(100% - max(calc(32px * var(--mobile-interface-scale, 1)), var(--safe-left)) - max(calc(32px * var(--mobile-interface-scale, 1)), var(--safe-right)));z-index:45}.notification-onboarding-banner-icon{border-radius:calc(8px * var(--mobile-interface-scale, 1));height:calc(42px * var(--mobile-interface-scale, 1));width:calc(42px * var(--mobile-interface-scale, 1))}.notification-onboarding-banner>div:not(.notification-onboarding-banner-actions){display:grid;grid-gap:calc(3px * var(--mobile-interface-scale, 1));gap:calc(3px * var(--mobile-interface-scale, 1))}.notification-onboarding-banner-actions{align-items:center;display:flex;gap:calc(8px * var(--mobile-interface-scale, 1))}.notification-onboarding-dismiss{align-items:center;background:transparent;border:0;border-radius:calc(8px * var(--mobile-interface-scale, 1));color:var(--muted);cursor:pointer;display:inline-flex;height:calc(36px * var(--mobile-interface-scale, 1));justify-content:center;width:calc(36px * var(--mobile-interface-scale, 1))}.notification-onboarding-dismiss:hover{background:var(--surface-muted);color:var(--text)}@media (max-width:900px){.notification-push-card,.notifications-controls{align-items:flex-start;flex-direction:column}.notification-row{align-items:start;grid-template-columns:auto minmax(0,1fr)}.notification-row time{grid-column:2}}@media (max-width:760px){.notifications-board{grid-template-columns:1fr}.notifications-panel,.telegram-notification-card{padding:calc(14px * var(--mobile-interface-scale, 1))}.telegram-notification-card{gap:calc(14px * var(--mobile-interface-scale, 1))}.telegram-notification-heading{align-items:start}.telegram-notification-icon{height:calc(46px * var(--mobile-interface-scale, 1));width:calc(46px * var(--mobile-interface-scale, 1))}.telegram-notification-status>div{grid-template-columns:minmax(calc(86px * var(--mobile-interface-scale, 1)),.7fr) minmax(0,1.3fr);min-height:calc(52px * var(--mobile-interface-scale, 1));padding:calc(10px * var(--mobile-interface-scale, 1)) calc(12px * var(--mobile-interface-scale, 1))}.telegram-notification-actions{align-items:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.telegram-notification-actions .primary-button{grid-column:1/-1}.telegram-notification-actions button{justify-content:center;min-width:0;width:100%}.notifications-search{min-height:calc(46px * var(--mobile-interface-scale, 1));padding:0 calc(12px * var(--mobile-interface-scale, 1))}.notifications-pagination{gap:calc(7px * var(--mobile-interface-scale, 1))}.notifications-pagination>span{font-size:calc(11px * var(--mobile-interface-scale, 1))}.notification-onboarding-dialog{padding:calc(22px * var(--mobile-interface-scale, 1)) calc(18px * var(--mobile-interface-scale, 1))}.notification-onboarding-actions{align-items:stretch;flex-direction:column}.notification-onboarding-actions .primary-button,.notification-onboarding-actions .secondary-button{width:100%}.notification-onboarding-banner{bottom:calc(max(calc(12px * var(--mobile-interface-scale, 1)), var(--safe-bottom)) + calc(76px * var(--mobile-interface-scale, 1)));grid-template-columns:auto minmax(0,1fr);left:max(calc(10px * var(--mobile-interface-scale, 1)),var(--safe-left));top:auto;transform:none;width:calc(100% - max(calc(20px * var(--mobile-interface-scale, 1)), var(--safe-left)) - max(calc(20px * var(--mobile-interface-scale, 1)), var(--safe-right)))}.notification-onboarding-banner-actions{grid-column:1/-1;justify-content:space-between}}:root{--mobile-interface-scale:1;font-size:calc(100% * var(--mobile-interface-scale, 1))}.mobile-scale-settings{display:none}@media (max-width:1000px) and (pointer:coarse),(max-width:640px){:root[data-mobile-scale="115"]{--mobile-interface-scale:1.15}:root[data-mobile-scale="130"]{--mobile-interface-scale:1.3}:root[data-mobile-scale="150"]{--mobile-interface-scale:1.5}.mobile-scale-preview,.mobile-scale-settings{display:grid;grid-gap:calc(12px * var(--mobile-interface-scale, 1));gap:calc(12px * var(--mobile-interface-scale, 1));min-width:0}.settings-choice-grid.mobile-scale-options{grid-template-columns:1fr}.mobile-scale-options .settings-choice{min-height:calc(56px * var(--mobile-interface-scale, 1));padding:calc(12px * var(--mobile-interface-scale, 1))}.mobile-scale-options strong{white-space:nowrap}.mobile-scale-settings .panel-title{align-items:start}.mobile-scale-settings .panel-title>div{min-width:0}.mobile-scale-settings .panel-title>svg{flex-shrink:0}.mobile-scale-preview{background:var(--surface-muted);border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1));padding:calc(14px * var(--mobile-interface-scale, 1))}.mobile-scale-preview strong{align-items:center;display:flex;gap:calc(8px * var(--mobile-interface-scale, 1))}.mobile-scale-preview [aria-disabled=true]{cursor:default}.mobile-scale-reset{white-space:normal}:root[data-mobile-scale]:not([data-mobile-scale="100"]) .lucide{width:1.25rem;height:1.25rem;flex-shrink:0}:root[data-mobile-scale]:not([data-mobile-scale="100"]) :is(button,.button,label,h1,h2,h3){overflow-wrap:anywhere}:root[data-mobile-scale]:not([data-mobile-scale="100"]) :is(.primary-button,.secondary-button,.ghost-button){height:auto;white-space:normal}}@media (max-width:1000px) and (pointer:coarse),(max-width:640px){.mobile-scale-settings>.muted-line{margin:0}.mobile-scale-settings .panel-title{display:grid;grid-template-columns:minmax(0,1fr) auto}.mobile-scale-settings .panel-title>div{display:contents}.mobile-scale-settings .panel-title h2{grid-column:1/-1;grid-row:2}.mobile-scale-settings .panel-title>svg{grid-column:2;grid-row:1}.mobile-scale-options .settings-choice{grid-template-columns:minmax(0,1fr) auto;gap:calc(4px * var(--mobile-interface-scale, 1))}.mobile-scale-options .settings-choice>span{grid-row:2;grid-column:1/-1}.mobile-scale-options .settings-choice>svg{grid-row:1;grid-column:2}:root[data-mobile-scale]:not([data-mobile-scale="100"]) .work-panel{padding:calc(12px * var(--mobile-interface-scale, 1))}:root[data-mobile-scale]:not([data-mobile-scale="100"]) .mobile-tab-button span{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.15}}@media (max-width:640px){:root[data-mobile-scale]:not([data-mobile-scale="100"]) .mobile-app-bar{flex-wrap:wrap;height:auto}:root[data-mobile-scale]:not([data-mobile-scale="100"]) .mobile-app-title{min-width:min-content}:root[data-mobile-scale]:not([data-mobile-scale="100"]) .mobile-app-title strong{white-space:normal}:root[data-mobile-scale]:not([data-mobile-scale="100"]) .mobile-app-actions{margin-left:auto}}@media (max-width:1000px) and (pointer:coarse),(max-width:640px){:root[data-mobile-scale]:not([data-mobile-scale="100"]) .date-picker-day{padding:0;min-height:calc(30px * var(--mobile-interface-scale, 1));white-space:nowrap;overflow-wrap:normal}:root[data-mobile-scale]:not([data-mobile-scale="100"]) .date-picker-head strong{white-space:normal;overflow:visible;text-overflow:clip}:root[data-mobile-scale]:not([data-mobile-scale="100"]) .notification-onboarding-banner{align-items:start;grid-template-columns:minmax(0,1fr) auto;max-height:50dvh;overflow-y:auto;width:calc(100% - calc(16px * var(--mobile-interface-scale, 1)))}:root[data-mobile-scale]:not([data-mobile-scale="100"]) .notification-onboarding-banner-icon{display:none}:root[data-mobile-scale]:not([data-mobile-scale="100"]) .notification-onboarding-banner>div:not(.notification-onboarding-banner-actions){grid-column:1;grid-row:1;min-width:0;overflow-wrap:anywhere}:root[data-mobile-scale]:not([data-mobile-scale="100"]) .notification-onboarding-banner-actions{display:contents}:root[data-mobile-scale]:not([data-mobile-scale="100"]) .notification-onboarding-banner-actions>:first-child{grid-column:1/-1;grid-row:2}:root[data-mobile-scale]:not([data-mobile-scale="100"]) .notification-onboarding-dismiss{grid-column:2;grid-row:1;position:-webkit-sticky;position:sticky;top:0}}.settings-board{display:grid;grid-gap:calc(18px * var(--mobile-interface-scale, 1));gap:calc(18px * var(--mobile-interface-scale, 1));max-width:calc(860px * var(--mobile-interface-scale, 1))}.settings-choice-grid{display:grid;grid-gap:calc(12px * var(--mobile-interface-scale, 1));gap:calc(12px * var(--mobile-interface-scale, 1));grid-template-columns:repeat(2,minmax(0,1fr))}.settings-choice-grid.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-choice-grid.theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-choice{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1));color:var(--text);cursor:pointer;display:grid;grid-gap:calc(12px * var(--mobile-interface-scale, 1));gap:calc(12px * var(--mobile-interface-scale, 1));grid-template-columns:auto minmax(0,1fr) auto;min-height:calc(96px * var(--mobile-interface-scale, 1));padding:calc(16px * var(--mobile-interface-scale, 1));text-align:left;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;width:100%}.settings-choice.active,.settings-choice:hover{border-color:var(--accent);box-shadow:0 0 0 calc(3px * var(--mobile-interface-scale, 1)) color-mix(in srgb,var(--accent) 16%,transparent);transform:translateY(-1px)}.settings-choice-icon{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1));color:var(--accent);display:inline-flex;height:calc(42px * var(--mobile-interface-scale, 1));justify-content:center;width:calc(42px * var(--mobile-interface-scale, 1))}.settings-choice small,.settings-choice strong{display:block}.settings-choice small{color:var(--muted);font-size:calc(13px * var(--mobile-interface-scale, 1));font-weight:700;margin-top:calc(4px * var(--mobile-interface-scale, 1))}:root[data-theme=dark] .settings-choice.active,:root[data-theme=dark] .settings-choice:hover{box-shadow:0 0 0 calc(3px * var(--mobile-interface-scale, 1)) color-mix(in srgb,var(--accent) 20%,transparent)}@media (max-width:1000px){.settings-choice-grid.theme-options,.settings-choice-grid.three-columns{grid-template-columns:1fr}}.server-monitoring-board{display:grid;grid-gap:calc(18px * var(--mobile-interface-scale, 1));gap:calc(18px * var(--mobile-interface-scale, 1))}.operations-drilldown-panel,.operations-hero,.operations-history-panel,.server-monitoring-panel{display:grid;grid-gap:calc(14px * var(--mobile-interface-scale, 1));gap:calc(14px * var(--mobile-interface-scale, 1))}.operations-hero{border-top:calc(3px * var(--mobile-interface-scale, 1)) solid var(--line)}.operations-hero.healthy{border-top-color:var(--green)}.operations-hero.degraded{border-top-color:var(--amber)}.operations-hero.critical,.operations-hero.unavailable{border-top-color:var(--red)}.monitoring-status,.operations-chart-title,.operations-freshness,.operations-hero-topline,.operations-live-actions,.operations-section-heading,.operations-status-row{align-items:center;display:flex;gap:calc(10px * var(--mobile-interface-scale, 1))}.operations-chart-title,.operations-hero-topline,.operations-section-heading,.operations-status-row{justify-content:space-between}.operations-chart-title h4,.operations-hero-topline h2,.operations-section-heading h3{margin:0}.operations-freshness{color:var(--muted);font-size:calc(12px * var(--mobile-interface-scale, 1));font-weight:700;margin-right:auto}.monitoring-status{border:1px solid var(--line);border-radius:var(--radius-pill);font-size:calc(13px * var(--mobile-interface-scale, 1));font-weight:800;padding:calc(7px * var(--mobile-interface-scale, 1)) calc(10px * var(--mobile-interface-scale, 1))}.monitoring-empty.ok,.monitoring-status.healthy{color:var(--green)}.monitoring-status.degraded{color:var(--amber)}.monitoring-status.critical,.monitoring-status.unavailable{color:var(--red)}.monitoring-status.loading{color:var(--muted)}.monitoring-refreshing{animation:monitoring-spin .9s linear infinite}.operations-source-warning{align-items:center;background:color-mix(in srgb,var(--amber) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--amber) 35%,var(--line));border-radius:calc(8px * var(--mobile-interface-scale, 1));color:var(--amber);display:flex;font-size:calc(13px * var(--mobile-interface-scale, 1));font-weight:700;gap:calc(8px * var(--mobile-interface-scale, 1));padding:calc(11px * var(--mobile-interface-scale, 1)) calc(13px * var(--mobile-interface-scale, 1))}.operations-source-warning.critical{background:color-mix(in srgb,var(--red) 9%,var(--surface));border-color:color-mix(in srgb,var(--red) 35%,var(--line));color:var(--red)}.monitoring-loading{color:var(--muted);font-weight:700;min-height:calc(100px * var(--mobile-interface-scale, 1));place-items:center}.server-monitoring-kpis{display:grid;grid-gap:calc(12px * var(--mobile-interface-scale, 1));gap:calc(12px * var(--mobile-interface-scale, 1));grid-template-columns:repeat(3,minmax(0,1fr))}.monitoring-kpi{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-muted) 65%,transparent));border:1px solid var(--line);border-radius:calc(10px * var(--mobile-interface-scale, 1));display:grid;grid-gap:calc(6px * var(--mobile-interface-scale, 1));gap:calc(6px * var(--mobile-interface-scale, 1));min-height:calc(112px * var(--mobile-interface-scale, 1));padding:calc(15px * var(--mobile-interface-scale, 1))}.monitoring-kpi small,.monitoring-kpi span{color:var(--muted);font-size:calc(12px * var(--mobile-interface-scale, 1));font-weight:800}.monitoring-kpi strong{font-size:calc(25px * var(--mobile-interface-scale, 1))}.monitoring-kpi.green{border-color:color-mix(in srgb,var(--green) 35%,var(--line))}.monitoring-kpi.blue{border-color:color-mix(in srgb,var(--blue) 35%,var(--line))}.monitoring-kpi.violet{border-color:color-mix(in srgb,var(--violet) 35%,var(--line))}.monitoring-kpi.amber{border-color:color-mix(in srgb,var(--amber) 40%,var(--line))}.monitoring-kpi.red{border-color:color-mix(in srgb,var(--red) 40%,var(--line))}.operations-range-picker{background:var(--surface-muted);border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1));display:flex;flex-wrap:wrap;gap:calc(3px * var(--mobile-interface-scale, 1));padding:calc(3px * var(--mobile-interface-scale, 1))}.operations-range-picker button{background:transparent;border:0;border-radius:calc(6px * var(--mobile-interface-scale, 1));color:var(--muted);cursor:pointer;font-size:calc(12px * var(--mobile-interface-scale, 1));font-weight:800;padding:calc(7px * var(--mobile-interface-scale, 1)) calc(9px * var(--mobile-interface-scale, 1))}.operations-range-picker button.active{background:var(--surface);color:var(--text);box-shadow:0 1px calc(4px * var(--mobile-interface-scale, 1)) rgb(0 0 0/14%)}.operations-dashboard-tabs{display:grid;grid-gap:calc(8px * var(--mobile-interface-scale, 1));gap:calc(8px * var(--mobile-interface-scale, 1));grid-template-columns:repeat(4,minmax(0,1fr))}.operations-dashboard-tabs button{background:color-mix(in srgb,var(--surface-muted) 68%,transparent);border:1px solid var(--line);border-radius:calc(9px * var(--mobile-interface-scale, 1));color:var(--text);cursor:pointer;display:grid;grid-gap:calc(4px * var(--mobile-interface-scale, 1));gap:calc(4px * var(--mobile-interface-scale, 1));min-height:calc(70px * var(--mobile-interface-scale, 1));padding:calc(11px * var(--mobile-interface-scale, 1)) calc(12px * var(--mobile-interface-scale, 1));text-align:left;transition:border-color .16s ease,background .16s ease,transform .16s ease}.operations-dashboard-tabs button:hover{border-color:color-mix(in srgb,var(--blue) 45%,var(--line));transform:translateY(-1px)}.operations-dashboard-tabs button.active{background:color-mix(in srgb,var(--blue) 10%,var(--surface));border-color:color-mix(in srgb,var(--blue) 55%,var(--line))}.operations-dashboard-tabs strong{font-size:calc(13px * var(--mobile-interface-scale, 1))}.operations-dashboard-tabs span{color:var(--muted);font-size:calc(11px * var(--mobile-interface-scale, 1));line-height:1.35}.operations-dashboard-content,.operations-dashboard-grids{display:grid;grid-gap:calc(12px * var(--mobile-interface-scale, 1));gap:calc(12px * var(--mobile-interface-scale, 1))}.operations-detail-kpis{display:grid;grid-gap:calc(10px * var(--mobile-interface-scale, 1));gap:calc(10px * var(--mobile-interface-scale, 1));grid-template-columns:repeat(4,minmax(0,1fr))}.operations-detail-kpi{border:1px solid var(--line);border-left:calc(3px * var(--mobile-interface-scale, 1)) solid var(--muted);border-radius:calc(8px * var(--mobile-interface-scale, 1));display:grid;grid-gap:calc(5px * var(--mobile-interface-scale, 1));gap:calc(5px * var(--mobile-interface-scale, 1));min-width:0;padding:calc(12px * var(--mobile-interface-scale, 1))}.operations-detail-kpi.good{border-left-color:var(--green)}.operations-detail-kpi.warning{border-left-color:var(--amber)}.operations-detail-kpi.critical{border-left-color:var(--red)}.operations-detail-kpi small,.operations-detail-kpi>span{color:var(--muted);font-size:calc(11px * var(--mobile-interface-scale, 1));font-weight:700}.operations-detail-kpi strong{font-size:calc(22px * var(--mobile-interface-scale, 1));overflow-wrap:anywhere}.operations-data-grid-card{border:1px solid var(--line);border-radius:calc(9px * var(--mobile-interface-scale, 1));display:grid;grid-gap:calc(11px * var(--mobile-interface-scale, 1));gap:calc(11px * var(--mobile-interface-scale, 1));min-width:0;padding:calc(13px * var(--mobile-interface-scale, 1))}.operations-data-grid-card h4{font-size:calc(14px * var(--mobile-interface-scale, 1));margin:0}.operations-data-grid-card p{color:var(--muted);font-size:calc(11px * var(--mobile-interface-scale, 1));margin:calc(4px * var(--mobile-interface-scale, 1)) 0 0}.operations-metric-grid{min-width:calc(720px * var(--mobile-interface-scale, 1))}.operations-metric-grid td,.operations-metric-grid th{border-top:1px solid var(--line);font-size:calc(12px * var(--mobile-interface-scale, 1));padding:calc(9px * var(--mobile-interface-scale, 1)) calc(10px * var(--mobile-interface-scale, 1));text-align:left;white-space:nowrap}.operations-metric-grid th{color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.operations-grid-status,.operations-metric-grid th{font-size:calc(10px * var(--mobile-interface-scale, 1))}.operations-grid-status{border:1px solid var(--line);border-radius:var(--radius-pill);display:inline-flex;font-weight:800;padding:calc(4px * var(--mobile-interface-scale, 1)) calc(7px * var(--mobile-interface-scale, 1))}.operations-grid-status.good{border-color:color-mix(in srgb,var(--green) 38%,var(--line));color:var(--green)}.operations-grid-status.warning{border-color:color-mix(in srgb,var(--amber) 42%,var(--line));color:var(--amber)}.operations-grid-status.critical{border-color:color-mix(in srgb,var(--red) 40%,var(--line));color:var(--red)}.operations-chart-grid{display:grid;grid-gap:calc(12px * var(--mobile-interface-scale, 1));gap:calc(12px * var(--mobile-interface-scale, 1));grid-template-columns:repeat(2,minmax(0,1fr))}.operations-chart-card{border:1px solid var(--line);border-radius:calc(9px * var(--mobile-interface-scale, 1));display:grid;min-width:0;padding:calc(13px * var(--mobile-interface-scale, 1));position:relative}.operations-chart-title h4{font-size:calc(14px * var(--mobile-interface-scale, 1))}.operations-chart-legend{display:flex;flex-wrap:wrap;gap:calc(10px * var(--mobile-interface-scale, 1))}.operations-chart-legend span{align-items:center;color:var(--muted);display:flex;font-size:calc(11px * var(--mobile-interface-scale, 1));font-weight:800;gap:calc(5px * var(--mobile-interface-scale, 1))}.operations-chart-legend span:before{background:currentcolor;border-radius:50%;content:"";height:calc(7px * var(--mobile-interface-scale, 1));width:calc(7px * var(--mobile-interface-scale, 1))}.chart-data-line.line-1,.operations-chart-legend .line-1{color:var(--blue);stroke:var(--blue)}.chart-data-line.line-2,.operations-chart-legend .line-2{color:var(--violet);stroke:var(--violet)}.chart-data-line.line-3,.operations-chart-legend .line-3{color:var(--amber);stroke:var(--amber)}.chart-data-line.line-4,.operations-chart-legend .line-4{color:var(--green);stroke:var(--green)}.chart-data-line.line-5,.operations-chart-legend .line-5{color:var(--red);stroke:var(--red)}.chart-data-line.line-6,.operations-chart-legend .line-6{color:var(--brand-gold);stroke:var(--brand-gold)}.operations-chart{height:auto;margin-top:calc(5px * var(--mobile-interface-scale, 1));overflow:visible;width:100%}.chart-grid-line{stroke:var(--line);stroke-dasharray:3 5;stroke-width:1}.chart-data-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4;vector-effect:non-scaling-stroke}.chart-axis-label,.chart-time-label{fill:var(--muted);font-size:calc(10px * var(--mobile-interface-scale, 1));font-weight:700}.chart-axis-label,.chart-time-label.end{text-anchor:end}.operations-chart-unit{bottom:calc(17px * var(--mobile-interface-scale, 1));color:var(--muted);font-size:calc(10px * var(--mobile-interface-scale, 1));font-weight:700;position:absolute;right:calc(14px * var(--mobile-interface-scale, 1))}.server-monitoring-grid{align-items:start;display:grid;grid-gap:calc(18px * var(--mobile-interface-scale, 1));gap:calc(18px * var(--mobile-interface-scale, 1));grid-template-columns:repeat(2,minmax(0,1fr))}.server-monitoring-wide-panel{grid-column:1/-1}.operations-service-grid{grid-gap:calc(9px * var(--mobile-interface-scale, 1));grid-template-columns:repeat(3,minmax(0,1fr))}.operations-service-card,.operations-service-grid{display:grid;gap:calc(9px * var(--mobile-interface-scale, 1))}.operations-service-card{align-items:start;border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1));grid-gap:calc(9px * var(--mobile-interface-scale, 1));grid-template-columns:auto minmax(0,1fr) auto;padding:calc(11px * var(--mobile-interface-scale, 1))}.operations-service-card>span:last-child{color:var(--muted);font-size:calc(11px * var(--mobile-interface-scale, 1));font-weight:800}.operations-service-card small,.operations-service-card strong{display:block}.operations-service-card strong{font-size:calc(13px * var(--mobile-interface-scale, 1))}.operations-service-card p,.operations-service-card small{color:var(--muted);font-size:calc(11px * var(--mobile-interface-scale, 1))}.operations-service-card p{margin:calc(5px * var(--mobile-interface-scale, 1)) 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-status-dot{background:var(--muted);border-radius:50%;height:calc(9px * var(--mobile-interface-scale, 1));margin-top:calc(4px * var(--mobile-interface-scale, 1));width:calc(9px * var(--mobile-interface-scale, 1))}.operations-service-card.up .service-status-dot{background:var(--green);box-shadow:0 0 0 calc(4px * var(--mobile-interface-scale, 1)) color-mix(in srgb,var(--green) 13%,transparent)}.operations-service-card.degraded .service-status-dot{background:var(--amber)}.operations-service-card.down .service-status-dot{background:var(--red);box-shadow:0 0 0 calc(4px * var(--mobile-interface-scale, 1)) color-mix(in srgb,var(--red) 13%,transparent)}.operations-alert-table{display:grid;grid-gap:calc(8px * var(--mobile-interface-scale, 1));gap:calc(8px * var(--mobile-interface-scale, 1))}.operations-alert-row{align-items:center;border:1px solid var(--line);border-left:calc(3px * var(--mobile-interface-scale, 1)) solid var(--amber);border-radius:calc(7px * var(--mobile-interface-scale, 1));display:grid;grid-gap:calc(12px * var(--mobile-interface-scale, 1));gap:calc(12px * var(--mobile-interface-scale, 1));grid-template-columns:minmax(calc(220px * var(--mobile-interface-scale, 1)),2fr) repeat(3,minmax(calc(80px * var(--mobile-interface-scale, 1)),.5fr)) minmax(calc(180px * var(--mobile-interface-scale, 1)),1fr);padding:calc(10px * var(--mobile-interface-scale, 1)) calc(12px * var(--mobile-interface-scale, 1))}.operations-alert-row.critical{border-left-color:var(--red)}.operations-alert-row p{color:var(--muted);font-size:calc(12px * var(--mobile-interface-scale, 1));margin:calc(3px * var(--mobile-interface-scale, 1)) 0 0}.operations-alert-row code,.operations-alert-row>span{color:var(--muted);font-size:calc(11px * var(--mobile-interface-scale, 1))}.operations-alert-row code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitoring-detail-list{display:grid;margin:0}.monitoring-detail-row{align-items:baseline;border-top:1px solid var(--line);display:grid;grid-gap:calc(12px * var(--mobile-interface-scale, 1));gap:calc(12px * var(--mobile-interface-scale, 1));grid-template-columns:minmax(0,1fr) auto;padding:calc(10px * var(--mobile-interface-scale, 1)) 0}.monitoring-detail-row:first-child{border-top:0;padding-top:0}.monitoring-detail-row dt{color:var(--muted)}.monitoring-detail-row dd,.monitoring-detail-row dt{font-size:calc(13px * var(--mobile-interface-scale, 1))}.monitoring-detail-row dd{font-weight:800;margin:0;text-align:right}.monitoring-detail-row dd.ok{color:var(--green)}.monitoring-detail-row dd.warning{color:var(--amber)}.monitoring-detail-row dd.danger{color:var(--red)}.monitoring-empty{align-items:center;color:var(--muted);display:flex;font-size:calc(13px * var(--mobile-interface-scale, 1));gap:calc(8px * var(--mobile-interface-scale, 1));min-height:calc(44px * var(--mobile-interface-scale, 1))}.monitoring-queue-grid{display:grid;grid-gap:calc(12px * var(--mobile-interface-scale, 1));gap:calc(12px * var(--mobile-interface-scale, 1));grid-template-columns:repeat(3,minmax(0,1fr))}.monitoring-queue-card{background:var(--surface-muted);border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1));display:grid;grid-gap:calc(8px * var(--mobile-interface-scale, 1));gap:calc(8px * var(--mobile-interface-scale, 1));padding:calc(13px * var(--mobile-interface-scale, 1))}.monitoring-queue-card h4{font-size:calc(14px * var(--mobile-interface-scale, 1));margin:0}.operations-runtime-strip{display:grid;grid-gap:calc(18px * var(--mobile-interface-scale, 1));gap:calc(18px * var(--mobile-interface-scale, 1));grid-template-columns:repeat(3,minmax(0,1fr))}@keyframes monitoring-spin{to{transform:rotate(1turn)}}@media (max-width:1100px){.operations-dashboard-tabs,.operations-detail-kpis,.operations-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.operations-alert-row{grid-template-columns:minmax(calc(200px * var(--mobile-interface-scale, 1)),2fr) repeat(2,minmax(calc(80px * var(--mobile-interface-scale, 1)),.5fr))}.operations-alert-row code,.operations-alert-row>span:last-of-type{display:none}}@media (max-width:900px){.operations-chart-grid,.server-monitoring-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.monitoring-queue-grid,.operations-runtime-strip{grid-template-columns:1fr}}@media (max-width:640px){.operations-hero-topline,.operations-section-heading,.operations-status-row{align-items:flex-start;flex-direction:column}.operations-freshness{margin-right:0}.operations-range-picker{width:100%}.operations-range-picker button{flex:1 0 28%}.operations-chart-grid,.operations-dashboard-tabs,.operations-detail-kpis,.operations-service-grid,.server-monitoring-grid,.server-monitoring-kpis{grid-template-columns:1fr}.server-monitoring-wide-panel{grid-column:auto}.operations-alert-row{align-items:start;grid-template-columns:1fr auto}.operations-alert-row code,.operations-alert-row>span:nth-of-type(n+2){display:none}.monitoring-detail-row{gap:calc(3px * var(--mobile-interface-scale, 1));grid-template-columns:minmax(0,1fr)}.monitoring-detail-row dd{text-align:left}}.admin-board{display:grid;grid-gap:calc(18px * var(--mobile-interface-scale, 1));gap:calc(18px * var(--mobile-interface-scale, 1))}.admin-workspace{display:grid;grid-gap:calc(16px * var(--mobile-interface-scale, 1));gap:calc(16px * var(--mobile-interface-scale, 1))}.admin-tabs{background:var(--surface-muted);border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1));display:flex;flex-wrap:wrap;gap:calc(6px * var(--mobile-interface-scale, 1));padding:calc(6px * var(--mobile-interface-scale, 1))}.admin-tab-button{align-items:center;background:transparent;border:1px solid transparent;border-radius:calc(8px * var(--mobile-interface-scale, 1));color:var(--muted);cursor:pointer;display:inline-flex;font-weight:800;gap:calc(8px * var(--mobile-interface-scale, 1));min-height:calc(40px * var(--mobile-interface-scale, 1));padding:0 calc(12px * var(--mobile-interface-scale, 1))}.admin-tab-button.active,.admin-tab-button:hover{background:var(--surface);border-color:var(--line);color:var(--green)}.admin-summary-strip{display:grid;grid-gap:calc(8px * var(--mobile-interface-scale, 1));grid-template-columns:repeat(4,minmax(0,1fr))}.admin-summary-strip,.admin-summary-strip span{gap:calc(8px * var(--mobile-interface-scale, 1))}.admin-summary-strip span{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1));color:var(--muted);display:flex;font-size:calc(13px * var(--mobile-interface-scale, 1));font-weight:800;min-height:calc(44px * var(--mobile-interface-scale, 1));padding:calc(10px * var(--mobile-interface-scale, 1)) calc(12px * var(--mobile-interface-scale, 1))}.admin-summary-strip strong{color:var(--text);font-size:calc(18px * var(--mobile-interface-scale, 1))}.admin-view-stack{display:grid;grid-gap:calc(14px * var(--mobile-interface-scale, 1));gap:calc(14px * var(--mobile-interface-scale, 1))}.admin-role-selector,.admin-users-toolbar{align-items:end;display:grid;grid-gap:calc(12px * var(--mobile-interface-scale, 1));gap:calc(12px * var(--mobile-interface-scale, 1));grid-template-columns:minmax(calc(240px * var(--mobile-interface-scale, 1)),1fr) minmax(calc(220px * var(--mobile-interface-scale, 1)),.6fr) auto}.admin-role-list label,.admin-role-selector label,.admin-users-toolbar label{color:var(--text);display:grid;font-size:calc(14px * var(--mobile-interface-scale, 1));font-weight:700;grid-gap:calc(7px * var(--mobile-interface-scale, 1));gap:calc(7px * var(--mobile-interface-scale, 1))}.admin-save-cluster{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end}.admin-save-cluster,.admin-users-table{gap:calc(8px * var(--mobile-interface-scale, 1))}.admin-users-table{display:grid;grid-gap:calc(8px * var(--mobile-interface-scale, 1))}.admin-user-row{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1));display:grid;grid-gap:calc(12px * var(--mobile-interface-scale, 1));gap:calc(12px * var(--mobile-interface-scale, 1));grid-template-columns:minmax(calc(220px * var(--mobile-interface-scale, 1)),1.15fr) calc(120px * var(--mobile-interface-scale, 1)) minmax(calc(220px * var(--mobile-interface-scale, 1)),1.3fr) auto;min-height:calc(64px * var(--mobile-interface-scale, 1));padding:calc(12px * var(--mobile-interface-scale, 1))}.admin-user-row-head{background:transparent;border:0;color:var(--muted);font-size:calc(12px * var(--mobile-interface-scale, 1));font-weight:900;min-height:0;padding-bottom:0;padding-top:0;text-transform:uppercase}.admin-user-row small,.admin-user-row strong{display:block}.admin-user-row small{color:var(--muted);font-size:calc(13px * var(--mobile-interface-scale, 1));margin-top:calc(2px * var(--mobile-interface-scale, 1));overflow-wrap:anywhere}.admin-role-chips{align-items:center;display:flex;flex-wrap:wrap;gap:calc(6px * var(--mobile-interface-scale, 1))}.admin-role-chip{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--text);display:inline-flex;font-size:calc(12px * var(--mobile-interface-scale, 1));font-weight:800;line-height:1;padding:calc(7px * var(--mobile-interface-scale, 1)) calc(9px * var(--mobile-interface-scale, 1))}.admin-role-layout{align-items:flex-start;display:grid;grid-gap:calc(14px * var(--mobile-interface-scale, 1));gap:calc(14px * var(--mobile-interface-scale, 1));grid-template-columns:minmax(calc(260px * var(--mobile-interface-scale, 1)),.36fr) minmax(0,1fr)}.admin-role-list{display:grid;grid-gap:calc(12px * var(--mobile-interface-scale, 1));gap:calc(12px * var(--mobile-interface-scale, 1))}.admin-role-list-scroll{display:grid;grid-gap:calc(8px * var(--mobile-interface-scale, 1));gap:calc(8px * var(--mobile-interface-scale, 1));max-height:min(58vh,calc(620px * var(--mobile-interface-scale, 1)));overflow:auto;padding-right:calc(2px * var(--mobile-interface-scale, 1))}.admin-role-button{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1));color:var(--text);cursor:pointer;display:flex;gap:calc(10px * var(--mobile-interface-scale, 1));justify-content:space-between;min-height:calc(58px * var(--mobile-interface-scale, 1));padding:calc(11px * var(--mobile-interface-scale, 1)) calc(12px * var(--mobile-interface-scale, 1));text-align:left;width:100%}.admin-role-button.active,.admin-role-button:hover{border-color:var(--green);box-shadow:0 0 0 calc(3px * var(--mobile-interface-scale, 1)) rgba(18,128,92,.12)}.admin-role-button small,.admin-role-button strong{display:block}.admin-role-button small{color:var(--muted);font-size:calc(12px * var(--mobile-interface-scale, 1));margin-top:calc(3px * var(--mobile-interface-scale, 1));overflow-wrap:anywhere}.admin-role-detail{background:var(--surface-muted);border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1));display:grid;grid-gap:calc(14px * var(--mobile-interface-scale, 1));min-height:calc(220px * var(--mobile-interface-scale, 1));padding:calc(16px * var(--mobile-interface-scale, 1))}.admin-role-detail,.admin-role-detail-head{gap:calc(14px * var(--mobile-interface-scale, 1))}.admin-role-detail-head{align-items:flex-start;display:flex;justify-content:space-between}.admin-drawer h3,.admin-drawer p,.admin-role-detail h3,.admin-role-detail p{margin:0}.admin-drawer h3,.admin-role-detail h3{font-size:calc(22px * var(--mobile-interface-scale, 1));margin-top:calc(8px * var(--mobile-interface-scale, 1))}.admin-drawer p,.admin-role-detail p{color:var(--muted);font-size:calc(14px * var(--mobile-interface-scale, 1));margin-top:calc(5px * var(--mobile-interface-scale, 1))}.admin-role-detail-grid{display:grid;grid-gap:calc(8px * var(--mobile-interface-scale, 1));gap:calc(8px * var(--mobile-interface-scale, 1));grid-template-columns:repeat(3,minmax(0,1fr))}.admin-role-detail-grid span{background:var(--surface);border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1));color:var(--muted);display:grid;font-size:calc(13px * var(--mobile-interface-scale, 1));font-weight:800;grid-gap:calc(5px * var(--mobile-interface-scale, 1));gap:calc(5px * var(--mobile-interface-scale, 1));min-height:calc(62px * var(--mobile-interface-scale, 1));padding:calc(11px * var(--mobile-interface-scale, 1)) calc(12px * var(--mobile-interface-scale, 1))}.admin-role-detail-grid strong{color:var(--text);font-size:calc(16px * var(--mobile-interface-scale, 1));overflow-wrap:anywhere}.admin-note,.admin-warning{align-items:center;border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1));display:flex;font-size:calc(14px * var(--mobile-interface-scale, 1));font-weight:700;gap:calc(10px * var(--mobile-interface-scale, 1));line-height:1.45;padding:calc(12px * var(--mobile-interface-scale, 1))}.admin-warning{background:rgba(183,107,2,.1);border-color:rgba(183,107,2,.22);color:#8a4d00}.admin-note,.admin-warning.subtle{background:var(--blue-alpha-08);border-color:rgba(36,99,198,.18);color:var(--blue)}.permission-matrix{display:grid;grid-gap:calc(10px * var(--mobile-interface-scale, 1));gap:calc(10px * var(--mobile-interface-scale, 1))}.permission-group{background:var(--surface-muted);border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1));overflow:hidden}.permission-group-header{align-items:center;background:transparent;border:0;color:var(--text);cursor:pointer;display:grid;grid-gap:calc(10px * var(--mobile-interface-scale, 1));gap:calc(10px * var(--mobile-interface-scale, 1));grid-template-columns:minmax(0,1fr) auto auto;min-height:calc(52px * var(--mobile-interface-scale, 1));padding:calc(12px * var(--mobile-interface-scale, 1));text-align:left;width:100%}.permission-group-header>span:first-child{align-items:center;display:flex;gap:calc(9px * var(--mobile-interface-scale, 1));min-width:0}.permission-group-header strong{overflow-wrap:anywhere}.permission-group-header>svg:last-child{color:var(--muted);transition:transform .16s ease}.permission-group-header[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.permission-group-body{border-top:1px solid var(--line);display:grid;grid-gap:calc(10px * var(--mobile-interface-scale, 1));gap:calc(10px * var(--mobile-interface-scale, 1));padding:calc(12px * var(--mobile-interface-scale, 1))}.permission-group-actions{align-items:center;display:flex;flex-wrap:wrap;gap:calc(8px * var(--mobile-interface-scale, 1))}.permission-grid,.role-assignment-grid{display:grid;grid-gap:calc(8px * var(--mobile-interface-scale, 1));gap:calc(8px * var(--mobile-interface-scale, 1));grid-template-columns:repeat(2,minmax(0,1fr))}.permission-check{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1));color:var(--text);display:flex;gap:calc(9px * var(--mobile-interface-scale, 1));min-height:calc(40px * var(--mobile-interface-scale, 1));padding:calc(9px * var(--mobile-interface-scale, 1)) calc(10px * var(--mobile-interface-scale, 1))}.permission-check input{flex:0 0 auto}.permission-check span{flex:1 1 auto;font-size:calc(13px * var(--mobile-interface-scale, 1));font-weight:700;min-width:0;overflow-wrap:anywhere}.permission-check small{color:var(--muted);flex:0 1 45%;font-size:calc(12px * var(--mobile-interface-scale, 1));font-weight:800;margin-left:auto;overflow-wrap:anywhere;text-align:right}.admin-drawer-backdrop{align-items:stretch;background:var(--overlay-dark-42);display:flex;inset:0;justify-content:flex-end;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);position:fixed;z-index:90}.admin-drawer{background:var(--surface);box-shadow:calc(-20px * var(--mobile-interface-scale, 1)) 0 calc(60px * var(--mobile-interface-scale, 1)) var(--overlay-dark-shadow);display:grid;grid-gap:calc(14px * var(--mobile-interface-scale, 1));grid-template-rows:auto auto minmax(0,1fr) auto;max-width:100%;min-height:100dvh;overflow:auto;padding:calc(20px * var(--mobile-interface-scale, 1));width:calc(460px * var(--mobile-interface-scale, 1))}.admin-drawer,.admin-drawer-header{gap:calc(14px * var(--mobile-interface-scale, 1))}.admin-drawer-header{align-items:flex-start;display:flex;justify-content:space-between}.admin-drawer-role-list{align-content:flex-start;display:grid;grid-gap:calc(8px * var(--mobile-interface-scale, 1));gap:calc(8px * var(--mobile-interface-scale, 1))}.admin-drawer-actions{background:var(--surface);border-top:1px solid var(--line);display:flex;gap:calc(10px * var(--mobile-interface-scale, 1));justify-content:flex-end;margin:0 calc(-20px * var(--mobile-interface-scale, 1)) calc(-20px * var(--mobile-interface-scale, 1));padding:calc(14px * var(--mobile-interface-scale, 1)) calc(20px * var(--mobile-interface-scale, 1)) calc(20px * var(--mobile-interface-scale, 1));position:-webkit-sticky;position:sticky;bottom:0}:root[data-theme=dark] .admin-warning{background:rgba(228,169,74,.12);border-color:rgba(228,169,74,.3);color:var(--amber)}:root[data-theme=dark] .admin-note,:root[data-theme=dark] .admin-warning.subtle{background:var(--blue-soft-alpha-12);border-color:rgba(130,173,255,.28);color:var(--blue)}@media (max-width:1000px){.admin-board,.admin-role-layout{grid-template-columns:1fr}.admin-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-role-detail-grid,.admin-role-selector,.admin-user-row,.admin-users-toolbar{grid-template-columns:1fr}.admin-user-row-head{display:none}}@media (max-width:640px){.admin-role-detail-grid,.admin-role-selector,.admin-summary-strip,.admin-tabs,.admin-users-toolbar,.permission-grid,.role-assignment-grid{grid-template-columns:1fr}.admin-tabs{display:grid}.admin-drawer-actions,.admin-role-detail-head{align-items:stretch;flex-direction:column}.admin-drawer{width:100%}}