/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-q5h730l6o9] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-q5h730l6o9] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-8bscoa46d3],
.components-reconnect-repeated-attempt-visible[b-8bscoa46d3],
.components-reconnect-failed-visible[b-8bscoa46d3],
.components-pause-visible[b-8bscoa46d3],
.components-resume-failed-visible[b-8bscoa46d3],
.components-rejoining-animation[b-8bscoa46d3] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-8bscoa46d3],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-8bscoa46d3],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-8bscoa46d3],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-8bscoa46d3],
#components-reconnect-modal.components-reconnect-retrying[b-8bscoa46d3],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-8bscoa46d3],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-8bscoa46d3],
#components-reconnect-modal.components-reconnect-failed[b-8bscoa46d3],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-8bscoa46d3] {
    display: block;
}


#components-reconnect-modal[b-8bscoa46d3] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-8bscoa46d3 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-8bscoa46d3 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-8bscoa46d3 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-8bscoa46d3]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-8bscoa46d3 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-8bscoa46d3 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-8bscoa46d3 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-8bscoa46d3 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-8bscoa46d3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-8bscoa46d3] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-8bscoa46d3] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-8bscoa46d3] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-8bscoa46d3] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-8bscoa46d3] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-8bscoa46d3] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-8bscoa46d3 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-8bscoa46d3] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-8bscoa46d3 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Clubs/Audit.razor.rz.scp.css */
/* Журнал действий: фильтры одной карточкой сверху, ниже дни с компактными строками во всю ширину. */
.filters[b-bvuyc4g013]{display:flex;flex-direction:column;gap:12px;padding:14px 16px;border-radius:var(--r-panel);background:var(--surface);box-shadow:inset 0 0 0 1px var(--ring)}
.filter-row[b-bvuyc4g013]{display:grid;grid-template-columns:minmax(0,1fr) 250px 170px;gap:10px}
.filter-row:not(:has(.seat-pick))[b-bvuyc4g013]{grid-template-columns:minmax(0,1fr) 250px}
.field[b-bvuyc4g013]{display:block;cursor:text}
.field.pick[b-bvuyc4g013]{cursor:pointer}
.field select[b-bvuyc4g013]{cursor:pointer;appearance:none;-webkit-appearance:none;padding-right:18px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23f2f3f7' stroke-opacity='.5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 2px center}
.search-line[b-bvuyc4g013]{display:flex;align-items:center;gap:8px;padding-top:4px}
.search-line[b-bvuyc4g013]  svg{width:15px;height:15px;color:var(--muted-3);flex:0 0 auto}
.search-line input[b-bvuyc4g013]{padding-top:0}
.search-line input[b-bvuyc4g013]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}

.result-line[b-bvuyc4g013]{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:-4px;padding:0 4px;font-size:12.5px;color:var(--muted)}
.result-line b[b-bvuyc4g013]{color:var(--ink);font-weight:800}
.link[b-bvuyc4g013]{border:0;background:transparent;padding:0;color:var(--accent);font-size:12.5px;font-weight:800}
.link:hover[b-bvuyc4g013]{text-decoration:underline}

.days[b-bvuyc4g013]{display:flex;flex-direction:column;gap:6px;min-width:0}

.tail[b-bvuyc4g013]{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:4px 2px 8px}
.tail .hint[b-bvuyc4g013]{font-size:12px}

@media (max-width:900px){
  .filter-row[b-bvuyc4g013],.filter-row:not(:has(.seat-pick))[b-bvuyc4g013]{grid-template-columns:1fr 1fr}
  .filter-row .search[b-bvuyc4g013]{grid-column:1 / -1}
}
@media (max-width:560px){
  .filters[b-bvuyc4g013]{padding:12px;gap:10px}
  .filter-row[b-bvuyc4g013]{gap:8px}
  .filter-row .field[b-bvuyc4g013]{padding:8px 12px}
  .filter-row:not(:has(.seat-pick))[b-bvuyc4g013]{grid-template-columns:1fr}
  /* Разделы — одной прокручиваемой строкой, чтобы фильтры не занимали пол-экрана телефона. */
  .filters[b-bvuyc4g013]  .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -12px;padding:0 12px}
  .filters[b-bvuyc4g013]  .chips::-webkit-scrollbar{display:none}
}
/* /Components/Pages/Clubs/Bar.razor.rz.scp.css */
/* Бар: сетка карточек с ценой, «в продаже» и остатком прямо в карточке; редкое — в панели справа. */
.bm-readonly[b-stvvdv80z9]{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:var(--muted-2);font-size:12.5px}
.bm-readonly[b-stvvdv80z9]  svg,.bm-readonly svg[b-stvvdv80z9]{width:14px;height:14px;flex:0 0 auto}

.bm-toolbar[b-stvvdv80z9]{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:10px}
.bm-search[b-stvvdv80z9]{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:var(--muted);flex:0 1 280px;min-width:200px}
.bm-search:focus-within[b-stvvdv80z9]{box-shadow:inset 0 0 0 1.5px rgba(47,196,214,.55)}
.bm-search svg[b-stvvdv80z9]{width:14px;height:14px;flex:0 0 auto}
.bm-search input[b-stvvdv80z9]{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font-size:13px;outline:0}
.bm-toolbar[b-stvvdv80z9]  .chips{flex:1 1 auto}
[b-stvvdv80z9] .bm-cats{margin-bottom:16px}

.bm-grid[b-stvvdv80z9]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;align-items:start}
.bm-card[b-stvvdv80z9]{position:relative;display:flex;flex-direction:column;border-radius:18px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--ring);min-width:0}
.bm-photo[b-stvvdv80z9]{position:relative;height:118px;border-radius:18px 18px 0 0;overflow:hidden;background:#131b23}
.bm-photo img[b-stvvdv80z9]{width:100%;height:100%;object-fit:cover;display:block}
.bm-ph[b-stvvdv80z9]{display:grid;place-items:center;height:100%;color:#4c7180;background:radial-gradient(ellipse at 50% 80%,#1d333f,transparent)}
.bm-ph[b-stvvdv80z9]  svg,.bm-ph svg[b-stvvdv80z9]{width:30px;height:30px}
.bm-badge[b-stvvdv80z9]{position:absolute;left:10px;top:10px;padding:4px 8px;border-radius:8px;background:#b52f3a;color:#fff;font:700 10px var(--font-mono);letter-spacing:.06em;text-transform:uppercase}
.bm-card.off .bm-photo img[b-stvvdv80z9],.bm-card.out .bm-photo img[b-stvvdv80z9],.bm-card.archived .bm-photo img[b-stvvdv80z9]{filter:saturate(.3);opacity:.6}
.bm-card.archived[b-stvvdv80z9]{opacity:.75}
.bm-card.archived .bm-badge[b-stvvdv80z9]{background:#3a4350}
.bm-card.out .bm-badge[b-stvvdv80z9]{background:#8a5a12}

.bm-body[b-stvvdv80z9]{display:flex;flex-direction:column;gap:12px;padding:12px 14px 14px}
.bm-title[b-stvvdv80z9]{display:flex;align-items:flex-start;gap:8px}
.bm-name[b-stvvdv80z9]{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.bm-name b[b-stvvdv80z9]{font-size:14.5px;font-weight:800;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.bm-name small[b-stvvdv80z9]{font-size:11.5px;color:var(--muted)}
.bm-toggle[b-stvvdv80z9]{display:inline-flex;padding-top:2px}

.bm-row[b-stvvdv80z9]{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.bm-price[b-stvvdv80z9]{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;margin-left:-10px;border:0;border-radius:10px;background:transparent;color:var(--ink);font:700 15px var(--font-mono);cursor:pointer;white-space:nowrap}
.bm-price span[b-stvvdv80z9]{display:inline-flex;color:var(--muted-3)}
.bm-price span[b-stvvdv80z9]  svg,.bm-price span svg[b-stvvdv80z9]{width:12px;height:12px}
.bm-price:hover:not(:disabled)[b-stvvdv80z9]{background:rgba(255,255,255,.06)}
.bm-price:hover span[b-stvvdv80z9]{color:var(--accent)}
.bm-price.static[b-stvvdv80z9]{cursor:default;margin-left:0;padding:0}
.bm-price-edit[b-stvvdv80z9]{display:inline-flex;align-items:center;gap:6px}
.bm-price-edit input[b-stvvdv80z9]{width:118px;height:34px;border-radius:10px;border:0;background:var(--bg-3);box-shadow:inset 0 0 0 1.5px rgba(47,196,214,.55);color:var(--ink);font:700 14px var(--font-mono);padding:0 10px;outline:0}
.bm-price-edit .btn[b-stvvdv80z9]{width:34px;padding:0}

.bm-stock[b-stvvdv80z9]{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 4px;border-radius:999px;background:rgba(255,255,255,.05);font:600 12px var(--font-mono);color:#71d9a0;white-space:nowrap}
.bm-stock>span[b-stvvdv80z9]{padding:0 6px}
.bm-stock.low[b-stvvdv80z9]{color:var(--warn)}
.bm-stock.out[b-stvvdv80z9]{color:var(--danger-text)}
.bm-stock.none[b-stvvdv80z9]{padding:0 10px;color:var(--muted);font-family:var(--font-body);font-weight:600;font-size:11.5px;background:transparent;box-shadow:inset 0 0 0 1px var(--line)}
.bm-step[b-stvvdv80z9]{width:26px;height:26px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:var(--ink);font:700 15px/1 var(--font-body);cursor:pointer;display:grid;place-items:center}
.bm-step:hover:not(:disabled)[b-stvvdv80z9]{background:rgba(47,196,214,.22)}
.bm-step:disabled[b-stvvdv80z9]{opacity:.35;cursor:default}

.bm-adjust[b-stvvdv80z9]{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:12px;background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--line)}
.bm-adjust-head[b-stvvdv80z9]{display:flex;align-items:center;gap:8px;font-size:12.5px}
.bm-adjust-head b[b-stvvdv80z9]{flex:1}
.bm-adjust-head input[b-stvvdv80z9]{width:74px;height:32px;border-radius:9px;border:0;background:var(--bg-3);box-shadow:inset 0 0 0 1px var(--ring-2);color:var(--ink);font:700 13px var(--font-mono);padding:0 8px;outline:0}
.bm-adjust-head span[b-stvvdv80z9]{color:var(--muted);font-size:12px}
.bm-reasons[b-stvvdv80z9]{display:flex;flex-wrap:wrap;gap:6px}
.bm-chip[b-stvvdv80z9]{height:28px;padding:0 10px;border-radius:999px;border:0;background:var(--surface-2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:var(--muted-2);font-size:11.5px;font-weight:700;cursor:pointer}
.bm-chip.on[b-stvvdv80z9]{background:rgba(47,196,214,.14);box-shadow:inset 0 0 0 1.5px rgba(47,196,214,.5);color:var(--accent)}
.bm-adjust-note[b-stvvdv80z9]{height:32px;border-radius:9px;border:0;background:var(--bg-3);box-shadow:inset 0 0 0 1px var(--ring-2);color:var(--ink);font-size:12px;padding:0 10px;outline:0;min-width:0}

.bm-empty[b-stvvdv80z9]{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:40px 16px 60px}
.bm-empty-art[b-stvvdv80z9]{display:flex;gap:10px;max-width:420px;width:100%;align-items:center;margin-bottom:12px}
.bm-empty-art img[b-stvvdv80z9]{width:calc((100% - 20px)/3);height:120px;object-fit:cover;border-radius:18px;filter:saturate(.75)}
.bm-empty-art img:nth-child(2)[b-stvvdv80z9]{height:145px}
.bm-empty h2[b-stvvdv80z9]{font:600 20px/1.4 var(--font-display);margin:0}
.bm-empty p[b-stvvdv80z9]{color:var(--muted-2);font-size:13px;margin:0}

/* Боковая панель: новый товар и карточка. */
.bm-back[b-stvvdv80z9]{position:fixed;inset:0;z-index:40;background:rgba(5,7,11,.55);backdrop-filter:blur(2px)}
.bm-drawer[b-stvvdv80z9]{position:fixed;z-index:41;top:0;right:0;bottom:0;width:min(440px,100vw);overflow-y:auto;padding:20px 22px 28px;background:#12151c;
  box-shadow:inset 1px 0 0 var(--ring-2),-30px 0 80px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:12px;animation:bm-slide-b-stvvdv80z9 .18s ease-out}
@keyframes bm-slide-b-stvvdv80z9{from{transform:translateX(24px);opacity:.4}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.bm-drawer[b-stvvdv80z9]{animation:none}}
.bm-drawer-head[b-stvvdv80z9]{display:flex;align-items:center;gap:12px;margin-bottom:4px}
.bm-drawer-head h3[b-stvvdv80z9]{flex:1;margin:0;font:700 18px var(--font-display);letter-spacing:-.02em}
.bm-drawer .field[b-stvvdv80z9]{flex:0 0 auto}
.bm-track[b-stvvdv80z9]{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-input);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line)}
.bm-track>span:first-child[b-stvvdv80z9]{flex:1;display:flex;flex-direction:column;gap:2px;font-size:13px}
.bm-track small[b-stvvdv80z9]{font-size:11.5px;color:var(--muted);line-height:1.4}
.bm-inline[b-stvvdv80z9]{display:flex;gap:8px;align-items:flex-end}
.bm-inline .field[b-stvvdv80z9]{flex:1}
.bm-photo-pick[b-stvvdv80z9]{display:flex;align-items:center;gap:12px}
.bm-photo-pick>div[b-stvvdv80z9]{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.bm-photo-pick small[b-stvvdv80z9]{font-size:11.5px;color:var(--muted)}
.bm-mini[b-stvvdv80z9]{width:64px;height:64px;border-radius:14px;overflow:hidden;background:#1b252f;display:grid;place-items:center;flex:0 0 auto;color:#66bbc7}
.bm-mini img[b-stvvdv80z9]{width:100%;height:100%;object-fit:cover}
.bm-mini[b-stvvdv80z9]  svg,.bm-mini svg[b-stvvdv80z9]{width:24px;height:24px}
.bm-photo-pick label.btn[b-stvvdv80z9]{position:relative;overflow:hidden;cursor:pointer}
.bm-photo-pick[b-stvvdv80z9]  input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.bm-link[b-stvvdv80z9]{background:none;border:0;padding:0;color:var(--muted);font-size:12px;font-weight:700;text-decoration:underline dotted;cursor:pointer}
.bm-link:hover[b-stvvdv80z9]{color:var(--danger-text)}
.bm-drawer-actions[b-stvvdv80z9]{margin-top:6px}

@media (max-width:640px){
  .bm-search[b-stvvdv80z9]{flex:1 1 100%}
  .bm-grid[b-stvvdv80z9]{grid-template-columns:1fr}
  .bm-drawer[b-stvvdv80z9]{padding:16px 16px 24px}
}
/* /Components/Pages/Clubs/BarOrders.razor.rz.scp.css */
/* Заказы к месту: карточки — место крупно, сколько ждёт, одно главное действие. Новые выделены, опоздания — жёлтым. */
.bo-toolbar[b-nd57vwi0m3]{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:10px}
.bo-toolbar[b-nd57vwi0m3]  .chips{flex:1 1 auto}
.bo-search[b-nd57vwi0m3]{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:var(--muted);flex:0 1 200px;min-width:150px}
.bo-search:focus-within[b-nd57vwi0m3]{box-shadow:inset 0 0 0 1.5px rgba(47,196,214,.55)}
.bo-search svg[b-nd57vwi0m3]{width:14px;height:14px;flex:0 0 auto}
.bo-search input[b-nd57vwi0m3]{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font-size:13px;outline:0}
[b-nd57vwi0m3] .bo-halls{margin-bottom:14px}

.bo-grid[b-nd57vwi0m3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:16px;align-items:start;margin-top:6px}
.bo-card[b-nd57vwi0m3]{display:flex;flex-direction:column;gap:12px;padding:16px 18px;border-radius:20px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--ring);min-width:0}
.bo-card.new[b-nd57vwi0m3]{box-shadow:inset 0 0 0 1.5px rgba(255,214,10,.55),0 10px 30px rgba(255,214,10,.06);background:linear-gradient(160deg,rgba(255,214,10,.06),var(--surface) 45%)}
.bo-card.work[b-nd57vwi0m3]{box-shadow:inset 0 0 0 1px rgba(47,196,214,.35)}
.bo-card.closed[b-nd57vwi0m3]{opacity:.72}
.bo-card.late[b-nd57vwi0m3]{box-shadow:inset 0 0 0 1.5px rgba(255,150,40,.75)}
.bo-card.awaiting[b-nd57vwi0m3]{box-shadow:inset 0 0 0 1px rgba(255,214,10,.45)}
.bo-card.help[b-nd57vwi0m3]{box-shadow:inset 0 0 0 2px var(--orange),0 0 0 4px rgba(255,122,47,.12);animation:bo-pulse-b-nd57vwi0m3 1.6s ease-in-out infinite}
@keyframes bo-pulse-b-nd57vwi0m3{50%{box-shadow:inset 0 0 0 2px var(--orange),0 0 0 8px rgba(255,122,47,.05)}}
@media (prefers-reduced-motion:reduce){.bo-card.help[b-nd57vwi0m3]{animation:none}}

.bo-head[b-nd57vwi0m3]{display:flex;align-items:center;gap:12px;min-width:0}
.bo-seat[b-nd57vwi0m3]{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;max-width:96px;height:56px;padding:0 10px;border-radius:15px;background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-ring);color:var(--accent);flex:0 0 auto}
.bo-seat b[b-nd57vwi0m3]{font-family:var(--font-display);font-size:19px;line-height:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bo-seat small[b-nd57vwi0m3]{font-family:var(--font-mono);font-size:9px;opacity:.85;text-transform:uppercase;margin-top:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bo-who[b-nd57vwi0m3]{flex:1;min-width:0}
.bo-num[b-nd57vwi0m3]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:var(--font-display);font-size:20px;font-weight:800;letter-spacing:-.01em}
.bo-meta[b-nd57vwi0m3]{font-size:12.5px;color:var(--muted-2);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bo-handler[b-nd57vwi0m3]{color:var(--muted);margin-left:4px}
.bo-time[b-nd57vwi0m3]{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:0 0 auto;text-align:right}
.bo-time b[b-nd57vwi0m3]{font:700 14px var(--font-mono)}
.bo-time small[b-nd57vwi0m3]{font-size:11px;color:var(--muted);white-space:nowrap}
.bo-time.late small[b-nd57vwi0m3]{color:#ffb15c;font-weight:700}

.bo-help[b-nd57vwi0m3]{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:14px;background:rgba(255,122,47,.12);color:#ffb27f;font-weight:800;font-size:13px}
.bo-help .grow[b-nd57vwi0m3]{flex:1}
.bo-eta[b-nd57vwi0m3]{font-family:var(--font-mono);font-size:11.5px;color:var(--muted-2)}
.bo-eta.late[b-nd57vwi0m3]{color:#ffb15c}
.bo-comment[b-nd57vwi0m3]{font-size:12.5px;color:var(--ink);padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.04)}

.bo-lines[b-nd57vwi0m3]{display:flex;flex-direction:column;border-radius:14px;background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--line)}
.bo-line[b-nd57vwi0m3]{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-top:1px solid var(--line)}
.bo-line:first-child[b-nd57vwi0m3]{border-top:0}
.bo-line-main[b-nd57vwi0m3]{display:flex;align-items:baseline;gap:8px;font-size:14px}
.bo-line-main .qty[b-nd57vwi0m3]{font-family:var(--font-mono);color:var(--muted);min-width:26px}
.bo-line-main .name[b-nd57vwi0m3]{flex:1;font-weight:700;min-width:0;overflow-wrap:anywhere}
.bo-line-main .sum[b-nd57vwi0m3]{font-family:var(--font-mono);font-size:12.5px;white-space:nowrap}
.bo-line.gone .name[b-nd57vwi0m3],.bo-line.gone .sum[b-nd57vwi0m3]{text-decoration:line-through;color:var(--muted)}
.bo-line-note[b-nd57vwi0m3]{font-size:12px;color:var(--muted-2)}
.bo-line-note.wait[b-nd57vwi0m3]{color:var(--warn)}
.bo-oos[b-nd57vwi0m3]{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.bo-oos select[b-nd57vwi0m3]{height:34px;border-radius:12px;background:var(--bg-3);color:var(--ink);border:1px solid var(--ring-2);padding:0 8px;font-size:12px;max-width:100%}
.bo-link[b-nd57vwi0m3]{background:none;border:0;padding:0;color:var(--muted);font-size:11.5px;font-weight:700;text-decoration:underline dotted;cursor:pointer}
.bo-link:hover[b-nd57vwi0m3]{color:var(--danger-text)}

.bo-total[b-nd57vwi0m3]{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.bo-total>span:first-child[b-nd57vwi0m3]{font-size:12px;color:var(--muted)}
.bo-total .v[b-nd57vwi0m3]{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--ink);white-space:nowrap}

.bo-act[b-nd57vwi0m3]{display:flex;align-items:center;gap:8px}
.bo-main[b-nd57vwi0m3]{flex:1;height:44px;font-size:14px}
.bo-cancel-btn[b-nd57vwi0m3]{flex:0 0 auto}
.bo-eta-pick[b-nd57vwi0m3]{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:-4px}
.bo-eta-pick .lbl[b-nd57vwi0m3]{font-size:11.5px;color:var(--muted);margin-right:2px}
.bo-chip[b-nd57vwi0m3]{height:28px;padding:0 11px;border-radius:999px;border:0;background:var(--surface-2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:var(--muted-2);font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.bo-chip:hover:not(:disabled)[b-nd57vwi0m3]{color:var(--ink);background:rgba(47,196,214,.14)}
.bo-chip.on[b-nd57vwi0m3]{background:rgba(255,59,74,.14);box-shadow:inset 0 0 0 1.5px rgba(255,59,74,.45);color:var(--danger-text)}
.bo-chip:disabled[b-nd57vwi0m3]{opacity:.5}

.bo-cancel[b-nd57vwi0m3]{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:14px;background:rgba(255,59,74,.05);box-shadow:inset 0 0 0 1px rgba(255,59,74,.2)}
.bo-cancel .lbl[b-nd57vwi0m3]{font-size:12px;color:var(--muted-2);font-weight:700}
.bo-reasons[b-nd57vwi0m3]{display:flex;flex-wrap:wrap;gap:6px}
.bo-cancel input[b-nd57vwi0m3]{height:34px;border-radius:12px;background:var(--bg-3);color:var(--ink);border:1px solid var(--ring-2);padding:0 10px;font-size:12px;min-width:0}

@media (max-width:600px){
  .bo-card[b-nd57vwi0m3]{padding:14px}
  .bo-num[b-nd57vwi0m3]{font-size:18px}
  .bo-total .v[b-nd57vwi0m3]{font-size:18px}
  .bo-search[b-nd57vwi0m3]{flex:1 1 100%}
}
/* /Components/Pages/Clubs/Boot.razor.rz.scp.css */
/* MONO Boot — карточки ПК, сводка и объяснение слоёв диска. Токены и базовые компоненты (btn, pill, panel, field, tab) — из app.css.
   Цвета слоёв одни на всю страницу: эталон — бирюзовый акцент, настройки ПК — фиолетовый, изменения посетителя — оранжевый. */
.bx[b-6s4dj8aqw8], .bx-modal[b-6s4dj8aqw8], .bx-toast[b-6s4dj8aqw8] {
    --l-image: var(--accent);
    --l-identity: #a98bff;
    --l-session: var(--orange);
    --st-run: var(--ok);
    --st-boot: var(--warn);
    --st-ban: var(--danger-text);
    --st-setup: #a98bff;
    --st-edit: var(--accent);
}
.bx[b-6s4dj8aqw8] { position: relative; }

.bx[b-6s4dj8aqw8]  svg, .bx-modal[b-6s4dj8aqw8]  svg, .bx-toast[b-6s4dj8aqw8]  svg { width: 16px; height: 16px; flex: 0 0 auto; }
.bx-status-down[b-6s4dj8aqw8] { background: rgba(255, 59, 74, .08); box-shadow: inset 0 0 0 1px rgba(255, 59, 74, .3); color: var(--danger-text); }

/* ---------- Режим просмотра ---------- */
.bx-viewonly[b-6s4dj8aqw8] { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 14px; background: var(--surface-3); box-shadow: inset 0 0 0 1px var(--line); font-size: 12px; color: var(--muted-2); line-height: 1.5; }
.bx-viewonly b[b-6s4dj8aqw8] { color: var(--ink); }
.bx-viewonly[b-6s4dj8aqw8]  svg { color: var(--accent); }

/* ---------- Как это работает ---------- */
.bx-howto[b-6s4dj8aqw8] { border-radius: var(--r-panel); background: linear-gradient(120deg, rgba(47, 196, 214, .06), rgba(255, 255, 255, .02) 60%); box-shadow: inset 0 0 0 1px var(--ring); overflow: hidden; }
.bx-howto-head[b-6s4dj8aqw8] { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 16px; border: 0; background: transparent; text-align: left; color: inherit; }
.bx-howto-head:hover[b-6s4dj8aqw8] { background: rgba(255, 255, 255, .02); }
.bx-howto-ico[b-6s4dj8aqw8] { width: 34px; height: 34px; border-radius: 11px; display: inline-flex; align-items: center; justify-content: center; background: rgba(47, 196, 214, .12); color: var(--accent); flex: 0 0 auto; }
.bx-howto-title[b-6s4dj8aqw8] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.bx-howto-title b[b-6s4dj8aqw8] { font-size: 13px; font-weight: 800; }
.bx-howto-title small[b-6s4dj8aqw8] { font-size: 12px; color: var(--muted); }
.bx-chev[b-6s4dj8aqw8] { color: var(--muted); transition: transform .15s; display: inline-flex; }
.bx-howto.open .bx-chev[b-6s4dj8aqw8] { transform: rotate(180deg); }
.bx-layers[b-6s4dj8aqw8] { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); align-items: stretch; gap: 8px; padding: 2px 16px 12px; }
.bx-layer[b-6s4dj8aqw8] { display: flex; gap: 11px; padding: 12px 14px; border-radius: 16px; background: rgba(255, 255, 255, .03); box-shadow: inset 0 0 0 1px var(--line); border-left: 3px solid var(--c); }
.bx-layer.l-image[b-6s4dj8aqw8] { --c: var(--l-image); }
.bx-layer.l-identity[b-6s4dj8aqw8] { --c: var(--l-identity); }
.bx-layer.l-session[b-6s4dj8aqw8] { --c: var(--l-session); }
.bx-layer-n[b-6s4dj8aqw8] { width: 24px; height: 24px; border-radius: 8px; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-mono); font-size: 11px; font-weight: 700; color: var(--c); background: color-mix(in srgb, var(--c) 14%, transparent); }
.bx-layer b[b-6s4dj8aqw8] { display: block; font-size: 13px; font-weight: 800; color: var(--ink); }
.bx-layer p[b-6s4dj8aqw8] { font-size: 12px; color: var(--muted-2); line-height: 1.55; margin-top: 3px; }
.bx-plus[b-6s4dj8aqw8] { align-self: center; font-family: var(--font-display); font-weight: 800; color: var(--muted-3); font-size: 16px; }
.bx-howto-flow[b-6s4dj8aqw8] { padding: 0 16px 14px; font-size: 12px; color: var(--muted-2); line-height: 1.6; }
.bx-howto-flow b[b-6s4dj8aqw8] { color: var(--ink); }

/* ---------- Пустые и ошибочные состояния ---------- */
.bx-hero[b-6s4dj8aqw8] { display: flex; gap: 18px; padding: 22px 24px; border-radius: var(--r-panel); background: linear-gradient(120deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .015)); box-shadow: inset 0 0 0 1px var(--ring); }
.bx-hero.down[b-6s4dj8aqw8] { background: linear-gradient(120deg, rgba(255, 59, 74, .08), rgba(255, 59, 74, .015)); box-shadow: inset 0 0 0 1px rgba(255, 59, 74, .28); }
.bx-hero-ico[b-6s4dj8aqw8] { width: 52px; height: 52px; border-radius: 16px; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; background: var(--surface-2); color: var(--accent); }
.bx-hero.down .bx-hero-ico[b-6s4dj8aqw8] { background: rgba(255, 59, 74, .12); color: var(--danger-text); }
.bx-hero-ico[b-6s4dj8aqw8]  svg { width: 24px; height: 24px; }
.bx-hero-body[b-6s4dj8aqw8] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 10px; }
.bx-hero h2[b-6s4dj8aqw8] { font-family: var(--font-display); font-size: 20px; font-weight: 700; letter-spacing: -.02em; }
.bx-hero p[b-6s4dj8aqw8] { font-size: 13px; color: var(--muted-2); line-height: 1.65; max-width: 760px; }
.bx-hero-err[b-6s4dj8aqw8] { color: var(--danger-text) !important; font-weight: 700; }
.bx-hero-who[b-6s4dj8aqw8] { color: var(--ink) !important; font-weight: 700; }
.bx-ol[b-6s4dj8aqw8] { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 6px; font-size: 12.5px; color: var(--muted-2); line-height: 1.6; max-width: 820px; }
.bx-ol .mono[b-6s4dj8aqw8] { font-size: 11px; color: var(--ink); overflow-wrap: anywhere; }
.bx-tech[b-6s4dj8aqw8] { border-radius: 14px; padding: 10px 14px; background: rgba(0, 0, 0, .14); box-shadow: inset 0 0 0 1px var(--line); display: flex; flex-direction: column; gap: 10px; }
.bx-tech summary[b-6s4dj8aqw8] { cursor: pointer; font-size: 12px; font-weight: 800; color: var(--muted-2); }
.bx-tech[open] summary[b-6s4dj8aqw8] { margin-bottom: 10px; }
.bx-tech .btn-row[b-6s4dj8aqw8] { margin-top: 10px; }
.bx-narrow[b-6s4dj8aqw8] { max-width: 130px; }

/* ---------- Сводка ---------- */
.bx-summary[b-6s4dj8aqw8] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.bx-card[b-6s4dj8aqw8] { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 15px 16px 14px; border-radius: var(--r-card); background: var(--surface); box-shadow: inset 0 0 0 1px var(--ring); min-width: 0; min-height: 112px; }
.bx-card .eyebrow[b-6s4dj8aqw8] { font-size: 9.5px; letter-spacing: .1em; }
.bx-card-ico[b-6s4dj8aqw8] { position: absolute; top: 13px; right: 13px; width: 30px; height: 30px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: var(--surface-2); color: var(--muted-2); }
.bx-card-value[b-6s4dj8aqw8] { display: flex; align-items: baseline; gap: 7px; font-family: var(--font-display); font-size: 20px; font-weight: 800; letter-spacing: -.02em; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 36px; }
.bx-card-value em[b-6s4dj8aqw8] { font-style: normal; font-family: var(--font-body); font-size: 12px; font-weight: 700; color: var(--muted); letter-spacing: 0; }
.bx-card-value .dot[b-6s4dj8aqw8] { align-self: center; color: var(--ok); }
.bx-card small[b-6s4dj8aqw8] { font-size: 11.5px; color: var(--muted); line-height: 1.45; margin-top: auto; }
.bx-card.ok[b-6s4dj8aqw8] { background: linear-gradient(125deg, rgba(0, 200, 83, .08), rgba(0, 200, 83, .015)); box-shadow: inset 0 0 0 1px rgba(0, 200, 83, .24); }
.bx-card.ok .bx-card-value[b-6s4dj8aqw8] { color: var(--ok); }
.bx-card.ok .bx-card-ico[b-6s4dj8aqw8] { background: rgba(0, 200, 83, .12); color: var(--ok); }
.bx-card.image[b-6s4dj8aqw8] { background: linear-gradient(125deg, rgba(47, 196, 214, .09), rgba(47, 196, 214, .015)); box-shadow: inset 0 0 0 1px rgba(47, 196, 214, .24); }
.bx-card.image .bx-card-ico[b-6s4dj8aqw8] { background: rgba(47, 196, 214, .14); color: var(--accent); }
.bx-card.image .bx-card-value em[b-6s4dj8aqw8] { color: var(--accent); font-family: var(--font-mono); }
.bx-card.warn[b-6s4dj8aqw8] { background: linear-gradient(125deg, rgba(255, 214, 10, .08), rgba(255, 214, 10, .015)); box-shadow: inset 0 0 0 1px rgba(255, 214, 10, .25); }
.bx-card.warn .bx-card-value[b-6s4dj8aqw8] { color: var(--warn); }
.bx-frozen[b-6s4dj8aqw8] { color: var(--accent); font-weight: 700; }
.bx-meter[b-6s4dj8aqw8] { display: block; height: 6px; border-radius: 3px; background: rgba(255, 255, 255, .08); overflow: hidden; margin-top: 4px; }
.bx-meter span[b-6s4dj8aqw8] { display: block; height: 100%; border-radius: 3px; background: linear-gradient(90deg, var(--l-identity), var(--l-session)); }
.bx-stack[b-6s4dj8aqw8] { display: flex; height: 6px; border-radius: 3px; background: rgba(255, 255, 255, .06); overflow: hidden; margin-top: 4px; gap: 2px; }
.bx-stack i[b-6s4dj8aqw8] { display: block; height: 100%; }
.bx-stack i:empty[style*="width:0"][b-6s4dj8aqw8] { display: none; }
.bx-counts[b-6s4dj8aqw8] { display: flex; flex-wrap: wrap; gap: 4px 10px; }
.bx-counts span[b-6s4dj8aqw8] { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.bx-counts i[b-6s4dj8aqw8] { width: 7px; height: 7px; border-radius: 2px; display: inline-block; }
.bx i.run[b-6s4dj8aqw8] { background: var(--st-run); }
.bx i.boot[b-6s4dj8aqw8] { background: var(--st-boot); }
.bx i.off[b-6s4dj8aqw8] { background: rgba(242, 243, 247, .35); }
.bx i.ban[b-6s4dj8aqw8] { background: var(--danger); }
.bx i.none[b-6s4dj8aqw8] { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35); }

/* ---------- Полосы-подсказки ---------- */
.bx-banner[b-6s4dj8aqw8] { display: flex; align-items: center; gap: 12px; padding: 11px 14px; border-radius: 16px; font-size: 12.5px; line-height: 1.55; color: var(--muted-2); }
.bx-banner span[b-6s4dj8aqw8] { flex: 1; min-width: 0; }
.bx-banner b[b-6s4dj8aqw8] { color: var(--ink); }
.bx-banner.warn[b-6s4dj8aqw8] { background: rgba(255, 214, 10, .06); box-shadow: inset 0 0 0 1px rgba(255, 214, 10, .24); }
.bx-banner.warn[b-6s4dj8aqw8]  svg { color: var(--warn); }
.bx-banner.setup[b-6s4dj8aqw8] { background: rgba(169, 139, 255, .07); box-shadow: inset 0 0 0 1px rgba(169, 139, 255, .3); }
.bx-banner.setup[b-6s4dj8aqw8]  svg { color: var(--l-identity); }
/* Правка эталона: бирюзовый, как слой эталона; сборка не удалась — красный, готово — зелёный */
.bx-banner.edit[b-6s4dj8aqw8] { background: rgba(47, 196, 214, .06); box-shadow: inset 0 0 0 1px rgba(47, 196, 214, .28); }
.bx-banner.edit[b-6s4dj8aqw8]  svg { color: var(--accent); }
.bx-banner.edit.fail[b-6s4dj8aqw8] { background: rgba(255, 59, 74, .06); box-shadow: inset 0 0 0 1px rgba(255, 59, 74, .3); }
.bx-banner.edit.fail[b-6s4dj8aqw8]  svg { color: var(--danger-text); }
.bx-banner.edit.ready[b-6s4dj8aqw8] { background: rgba(0, 200, 83, .06); box-shadow: inset 0 0 0 1px rgba(0, 200, 83, .26); }
.bx-banner.edit.ready[b-6s4dj8aqw8]  svg { color: var(--ok); }

/* ---------- Компьютеры ---------- */
.bx-pcs[b-6s4dj8aqw8] { gap: 14px; }
.bx-filters[b-6s4dj8aqw8] { display: flex; flex-wrap: wrap; gap: 6px; }
.bx-filter[b-6s4dj8aqw8] { height: 30px; padding: 0 12px; border-radius: 999px; border: 0; background: var(--surface-2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .09); color: var(--muted-2); font-size: 11.5px; font-weight: 800; display: inline-flex; align-items: center; gap: 7px; }
.bx-filter span[b-6s4dj8aqw8] { font-family: var(--font-mono); font-size: 10px; color: var(--muted); font-weight: 600; }
.bx-filter:hover[b-6s4dj8aqw8] { color: var(--ink); }
.bx-filter.active[b-6s4dj8aqw8] { background: rgba(47, 196, 214, .14); box-shadow: inset 0 0 0 1.5px rgba(47, 196, 214, .5); color: var(--accent); }
.bx-filter.active span[b-6s4dj8aqw8] { color: var(--accent); }
.bx-hall[b-6s4dj8aqw8] { display: flex; flex-direction: column; gap: 10px; }
.bx-hall + .bx-hall[b-6s4dj8aqw8] { margin-top: 6px; }
.bx-grid[b-6s4dj8aqw8] { display: grid; grid-template-columns: repeat(auto-fill, minmax(232px, 1fr)); gap: 10px; align-items: stretch; }

.bx-pc[b-6s4dj8aqw8] { --c: rgba(242, 243, 247, .55); --bg: rgba(255, 255, 255, .035); position: relative; display: flex; flex-direction: column; gap: 11px; padding: 13px 14px 12px; border-radius: var(--r-card); background: var(--bg); box-shadow: inset 0 0 0 1px var(--ring); min-width: 0; transition: box-shadow .15s, background .15s; }
.bx-pc:hover[b-6s4dj8aqw8] { box-shadow: inset 0 0 0 1px var(--ring-2); }
.bx-pc[b-6s4dj8aqw8]::before { content: ""; position: absolute; left: 0; top: 14px; bottom: 14px; width: 3px; border-radius: 0 3px 3px 0; background: var(--c); opacity: .9; }
.bx-pc.run[b-6s4dj8aqw8] { --c: var(--st-run); --bg: linear-gradient(160deg, rgba(0, 200, 83, .07), rgba(255, 255, 255, .02) 55%); }
.bx-pc.boot[b-6s4dj8aqw8] { --c: var(--st-boot); --bg: linear-gradient(160deg, rgba(255, 214, 10, .07), rgba(255, 255, 255, .02) 55%); }
.bx-pc.ban[b-6s4dj8aqw8] { --c: var(--st-ban); --bg: linear-gradient(160deg, rgba(255, 59, 74, .08), rgba(255, 255, 255, .02) 55%); }
.bx-pc.setup[b-6s4dj8aqw8] { --c: var(--st-setup); --bg: linear-gradient(160deg, rgba(169, 139, 255, .09), rgba(255, 255, 255, .02) 60%); box-shadow: inset 0 0 0 1px rgba(169, 139, 255, .22); }
.bx-pc.setup.ready[b-6s4dj8aqw8] { box-shadow: inset 0 0 0 1.5px rgba(169, 139, 255, .6); }
.bx-pc.edit[b-6s4dj8aqw8] { --c: var(--st-edit); --bg: linear-gradient(160deg, rgba(47, 196, 214, .09), rgba(255, 255, 255, .02) 60%); box-shadow: inset 0 0 0 1px rgba(47, 196, 214, .24); }
.bx-pc.edit.ready[b-6s4dj8aqw8] { box-shadow: inset 0 0 0 1.5px rgba(47, 196, 214, .6); }
.bx-pc.none[b-6s4dj8aqw8] { --bg: transparent; box-shadow: none; border: 1.5px dashed rgba(255, 255, 255, .14); padding: 12px 13px 11px; }
.bx-pc.none[b-6s4dj8aqw8]::before { display: none; }
.bx-pc.menu-open[b-6s4dj8aqw8] { z-index: 30; }

.bx-pc-head[b-6s4dj8aqw8] { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.bx-pc-name[b-6s4dj8aqw8] { min-width: 0; display: flex; flex-direction: column; }
.bx-pc-name b[b-6s4dj8aqw8] { font-family: var(--font-display); font-size: 17px; font-weight: 800; letter-spacing: -.02em; line-height: 1.2; }
.bx-pc-name span[b-6s4dj8aqw8] { font-size: 11px; color: var(--muted); margin-top: 1px; }
.bx-mono[b-6s4dj8aqw8] { display: inline-flex; align-items: center; gap: 6px; height: 22px; padding: 0 9px; border-radius: 999px; background: rgba(255, 255, 255, .05); font-family: var(--font-mono); font-size: 9.5px; letter-spacing: .02em; color: var(--muted); white-space: nowrap; flex: 0 0 auto; }
.bx-mono i[b-6s4dj8aqw8] { width: 6px; height: 6px; border-radius: 50%; background: rgba(242, 243, 247, .35); }
.bx-mono.on[b-6s4dj8aqw8] { color: var(--ok); background: rgba(0, 200, 83, .09); }
.bx-mono.on i[b-6s4dj8aqw8] { background: var(--ok-dot); box-shadow: 0 0 0 3px rgba(0, 200, 83, .15); }
.bx-mono.none i[b-6s4dj8aqw8] { background: transparent; box-shadow: inset 0 0 0 1px rgba(242, 243, 247, .35); }

.bx-pc-state[b-6s4dj8aqw8] { display: flex; align-items: center; gap: 11px; }
.bx-pc-ico[b-6s4dj8aqw8] { width: 38px; height: 38px; border-radius: 12px; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; color: var(--c); background: color-mix(in srgb, var(--c) 13%, transparent); }
.bx-pc-ico[b-6s4dj8aqw8]  svg { width: 19px; height: 19px; }
.bx-pc.boot .bx-pc-ico[b-6s4dj8aqw8]  svg { animation: bx-spin-b-6s4dj8aqw8 1.1s linear infinite; }
.bx-pc.none .bx-pc-ico[b-6s4dj8aqw8] { background: rgba(255, 255, 255, .04); color: var(--muted); }
.bx-pc-state > div[b-6s4dj8aqw8] { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.bx-pc-state b[b-6s4dj8aqw8] { font-size: 14px; font-weight: 800; color: var(--c); line-height: 1.3; }
.bx-pc.off .bx-pc-state b[b-6s4dj8aqw8], .bx-pc.none .bx-pc-state b[b-6s4dj8aqw8] { color: var(--ink); }
.bx-pc-state small[b-6s4dj8aqw8] { font-size: 11.5px; color: var(--muted); line-height: 1.4; }
@keyframes bx-spin-b-6s4dj8aqw8 { to { transform: rotate(360deg); } }

/* Шаги настройки ПК */
.bx-steps[b-6s4dj8aqw8] { list-style: none; margin: 0; padding: 9px 10px; border-radius: 12px; background: rgba(0, 0, 0, .18); display: flex; flex-direction: column; gap: 5px; }
.bx-steps li[b-6s4dj8aqw8] { display: flex; align-items: center; gap: 8px; font-size: 11.5px; color: var(--muted-3); line-height: 1.35; }
.bx-steps .n[b-6s4dj8aqw8] { width: 18px; height: 18px; border-radius: 50%; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-mono); font-size: 9.5px; font-weight: 700; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18); }
.bx-steps li.done[b-6s4dj8aqw8] { color: var(--muted); }
.bx-steps li.done .n[b-6s4dj8aqw8] { background: rgba(169, 139, 255, .2); box-shadow: none; color: var(--l-identity); }
.bx-steps li.done .t[b-6s4dj8aqw8] { text-decoration: line-through; text-decoration-color: rgba(242, 243, 247, .25); }
.bx-steps li.now[b-6s4dj8aqw8] { color: var(--ink); font-weight: 800; }
.bx-steps li.now .n[b-6s4dj8aqw8] { background: var(--l-identity); color: #160f2b; box-shadow: 0 0 0 3px rgba(169, 139, 255, .22); }
.bx-steps.inline[b-6s4dj8aqw8] { flex-direction: row; flex-wrap: wrap; gap: 6px 14px; background: transparent; padding: 0; }
.bx-steps.inline li[b-6s4dj8aqw8] { color: var(--muted-2); }

.bx-pc-warn[b-6s4dj8aqw8] { display: flex; gap: 8px; align-items: flex-start; padding: 8px 10px; border-radius: 11px; background: rgba(255, 214, 10, .06); box-shadow: inset 0 0 0 1px rgba(255, 214, 10, .22); font-size: 11.5px; line-height: 1.45; color: var(--muted-2); }
.bx-pc-warn[b-6s4dj8aqw8]  svg { color: var(--warn); width: 14px; height: 14px; margin-top: 1px; }
.bx-pc-edit[b-6s4dj8aqw8] { display: flex; gap: 8px; align-items: flex-start; padding: 8px 10px; border-radius: 11px; background: rgba(47, 196, 214, .06); box-shadow: inset 0 0 0 1px rgba(47, 196, 214, .22); font-size: 11.5px; line-height: 1.45; color: var(--muted-2); }
.bx-pc-edit[b-6s4dj8aqw8]  svg { color: var(--accent); width: 14px; height: 14px; margin-top: 1px; }

.bx-facts[b-6s4dj8aqw8] { margin: 0; display: flex; flex-direction: column; gap: 5px; padding-top: 10px; border-top: 1px solid var(--line); }
.bx-facts > div[b-6s4dj8aqw8] { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; min-width: 0; }
.bx-facts dt[b-6s4dj8aqw8] { font-size: 11.5px; color: var(--muted); line-height: 1.35; display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.bx-facts .l-session dt[b-6s4dj8aqw8]::before, .bx-facts .l-identity dt[b-6s4dj8aqw8]::before { content: ""; width: 7px; height: 7px; border-radius: 2px; background: var(--l-session); flex: 0 0 auto; }
.bx-facts .l-identity dt[b-6s4dj8aqw8]::before { background: var(--l-identity); }
.bx-facts .l-image dt[b-6s4dj8aqw8]::before { content: ""; width: 7px; height: 7px; border-radius: 2px; background: var(--l-image); flex: 0 0 auto; }
.bx-facts .l-image dd[b-6s4dj8aqw8] { color: var(--accent); }
.bx-facts dd[b-6s4dj8aqw8] { margin: 0; font-size: 12px; font-weight: 700; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: right; }
.bx-facts dd.mono[b-6s4dj8aqw8] { font-size: 11px; font-weight: 600; }
.bx-facts dd small[b-6s4dj8aqw8] { font-size: 11px; font-weight: 500; color: var(--muted); margin-left: 4px; }

/* Места без Boot: компактная строка мест, а не пустые карточки */
.bx-unlinked[b-6s4dj8aqw8] { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 11px 14px; border-radius: 16px; border: 1.5px dashed rgba(255, 255, 255, .13); }
.bx-unlinked-text[b-6s4dj8aqw8] { display: flex; flex-direction: column; gap: 2px; min-width: 200px; flex: 1 1 260px; }
.bx-unlinked-text b[b-6s4dj8aqw8] { font-size: 12.5px; font-weight: 800; }
.bx-unlinked-text small[b-6s4dj8aqw8] { font-size: 11.5px; color: var(--muted); line-height: 1.45; }
.bx-chips[b-6s4dj8aqw8] { display: flex; flex-wrap: wrap; gap: 6px; flex: 2 1 320px; justify-content: flex-end; }
.bx-chip[b-6s4dj8aqw8] { position: relative; height: 32px; padding: 0 12px; border-radius: 10px; border: 0; display: inline-flex; align-items: center; gap: 6px; background: rgba(47, 196, 214, .07); box-shadow: inset 0 0 0 1px rgba(47, 196, 214, .3); color: var(--accent); font-family: var(--font-mono); font-size: 11px; font-weight: 700; }
span.bx-chip[b-6s4dj8aqw8] { background: rgba(255, 255, 255, .04); box-shadow: inset 0 0 0 1px var(--ring-2); color: var(--muted-2); }
button.bx-chip:hover:not(:disabled)[b-6s4dj8aqw8] { background: var(--accent-grad); color: #fff; box-shadow: none; }
.bx-chip[b-6s4dj8aqw8]  svg { width: 12px; height: 12px; }
.bx-chip i.on[b-6s4dj8aqw8] { width: 6px; height: 6px; border-radius: 50%; background: var(--ok-dot); }

.bx-pc-actions[b-6s4dj8aqw8] { margin-top: auto; display: flex; align-items: center; gap: 8px; position: relative; min-height: 32px; }
.bx-pc-actions .grow[b-6s4dj8aqw8] { flex: 1; }
.bx-pc-actions .btn[b-6s4dj8aqw8] { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.bx-pc-actions .btn.primary:disabled[b-6s4dj8aqw8] { opacity: .38; }
.bx-pc-actions .btn.bx-wrap[b-6s4dj8aqw8] { white-space: normal; height: auto; min-height: 32px; padding: 6px 13px; line-height: 1.25; text-align: left; }
.bx-pc-note[b-6s4dj8aqw8] { font-size: 11px; color: var(--muted-3); line-height: 1.35; }
.bx-more[b-6s4dj8aqw8] { width: 32px; height: 32px; border-radius: 10px; border: 0; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; background: var(--surface-2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1); color: var(--muted-2); }
.bx-more:hover[b-6s4dj8aqw8], .bx-more[aria-expanded="true"][b-6s4dj8aqw8] { color: var(--ink); background: rgba(255, 255, 255, .1); }
.bx-menu[b-6s4dj8aqw8] { position: absolute; right: 0; bottom: 40px; z-index: 31; width: calc(100% + 6px); min-width: 236px; padding: 6px; border-radius: 14px; background: #171a22; box-shadow: inset 0 0 0 1px var(--ring-2), 0 18px 40px rgba(0, 0, 0, .55); display: flex; flex-direction: column; }
.bx-menu button[b-6s4dj8aqw8] { display: flex; align-items: flex-start; gap: 10px; width: 100%; padding: 9px 10px; border: 0; border-radius: 9px; background: transparent; color: var(--ink); text-align: left; font-size: 12.5px; font-weight: 700; }
.bx-menu button:hover:not(:disabled)[b-6s4dj8aqw8] { background: rgba(255, 255, 255, .06); }
.bx-menu button[b-6s4dj8aqw8]  svg { color: var(--muted-2); margin-top: 1px; }
.bx-menu button span[b-6s4dj8aqw8] { display: flex; flex-direction: column; gap: 1px; }
.bx-menu button small[b-6s4dj8aqw8] { font-size: 10.5px; font-weight: 500; color: var(--muted); }
.bx-menu button.danger[b-6s4dj8aqw8] { color: var(--danger-text); }
.bx-menu button.danger[b-6s4dj8aqw8]  svg { color: var(--danger-text); }
.bx-menu-sep[b-6s4dj8aqw8] { height: 1px; background: var(--line); margin: 4px 6px; }
.bx-menu-back[b-6s4dj8aqw8] { position: fixed; inset: 0; z-index: 20; }

/* ---------- Эталоны, журнал, подключение ---------- */
.bx-more-panel:focus[b-6s4dj8aqw8] { outline: none; }
.bx-tabs[b-6s4dj8aqw8] { display: flex; gap: 7px; flex-wrap: wrap; }
.bx-images[b-6s4dj8aqw8] { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 10px; }
.bx-image[b-6s4dj8aqw8] { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 16px; background: rgba(255, 255, 255, .03); box-shadow: inset 0 0 0 1px var(--line); }
.bx-image.latest[b-6s4dj8aqw8] { background: rgba(47, 196, 214, .05); box-shadow: inset 0 0 0 1px rgba(47, 196, 214, .25); }
.bx-image-ico[b-6s4dj8aqw8] { width: 36px; height: 36px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; background: rgba(47, 196, 214, .12); color: var(--accent); flex: 0 0 auto; }
.bx-image-body[b-6s4dj8aqw8] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.bx-image-body b[b-6s4dj8aqw8] { display: flex; align-items: center; gap: 7px; font-size: 13.5px; font-weight: 800; }
.bx-image-body b em[b-6s4dj8aqw8] { font-style: normal; font-family: var(--font-mono); font-size: 11px; color: var(--accent); }
.bx-image-body small[b-6s4dj8aqw8] { font-size: 11px; color: var(--muted); }
.bx-image-body small.mono[b-6s4dj8aqw8] { font-size: 10px; color: var(--muted-3); }
.bx-image-body .bx-image-edit[b-6s4dj8aqw8] { align-self: flex-start; margin-top: 6px; }
.bx-image-used[b-6s4dj8aqw8] { display: flex; flex-direction: column; align-items: center; min-width: 36px; }
.bx-image-used b[b-6s4dj8aqw8] { font-family: var(--font-display); font-size: 17px; }
.bx-image-used small[b-6s4dj8aqw8] { font-family: var(--font-mono); font-size: 9px; color: var(--muted); }
/* Правки эталона во вкладке «Эталоны Windows» */
.bx-edits[b-6s4dj8aqw8] { display: flex; flex-direction: column; gap: 10px; }
.bx-edit[b-6s4dj8aqw8] { --c: var(--accent); display: flex; flex-direction: column; gap: 10px; padding: 14px 16px; border-radius: 16px; background: linear-gradient(120deg, rgba(47, 196, 214, .07), rgba(255, 255, 255, .015) 65%); box-shadow: inset 0 0 0 1px rgba(47, 196, 214, .26); }
.bx-edit.fail[b-6s4dj8aqw8] { --c: var(--danger-text); background: linear-gradient(120deg, rgba(255, 59, 74, .07), rgba(255, 255, 255, .015) 65%); box-shadow: inset 0 0 0 1px rgba(255, 59, 74, .3); }
.bx-edit.ready[b-6s4dj8aqw8] { --c: var(--ok); background: linear-gradient(120deg, rgba(0, 200, 83, .07), rgba(255, 255, 255, .015) 65%); box-shadow: inset 0 0 0 1px rgba(0, 200, 83, .26); }
.bx-edit-head[b-6s4dj8aqw8] { display: flex; align-items: center; gap: 12px; }
.bx-edit-ico[b-6s4dj8aqw8] { width: 36px; height: 36px; border-radius: 12px; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; color: var(--c); background: color-mix(in srgb, var(--c) 13%, transparent); }
.bx-edit-title[b-6s4dj8aqw8] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.bx-edit-title b[b-6s4dj8aqw8] { font-size: 13.5px; font-weight: 800; }
.bx-edit-title b em[b-6s4dj8aqw8] { font-style: normal; font-family: var(--font-mono); font-size: 11px; color: var(--accent); margin-left: 4px; }
.bx-edit-title small[b-6s4dj8aqw8] { font-size: 11.5px; color: var(--muted); line-height: 1.45; }
.bx-edit-state[b-6s4dj8aqw8] { flex: 0 1 auto; padding: 5px 11px; border-radius: 999px; font-size: 11.5px; font-weight: 800; color: var(--c); background: color-mix(in srgb, var(--c) 12%, transparent); text-align: center; }
.bx-edit.wait .bx-edit-state[b-6s4dj8aqw8] { color: var(--muted-2); background: rgba(255, 255, 255, .06); }
.bx-edit-hint[b-6s4dj8aqw8] { font-size: 12.5px; color: var(--muted-2); line-height: 1.55; overflow-wrap: anywhere; }
.bx-edit .btn-row[b-6s4dj8aqw8] { align-items: center; }
.bx-progress[b-6s4dj8aqw8] { display: block; height: 8px; border-radius: 4px; background: rgba(255, 255, 255, .08); overflow: hidden; }
.bx-progress span[b-6s4dj8aqw8] { display: block; height: 100%; border-radius: 4px; background: var(--accent); transition: width .4s ease-out; }
.bx-journal-head[b-6s4dj8aqw8] { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.bx-rows .v[b-6s4dj8aqw8] { text-transform: none; letter-spacing: 0; font-size: 11px; max-width: 65%; overflow-wrap: anywhere; }
.bx-break[b-6s4dj8aqw8] { word-break: break-all; }

/* ---------- Диалоги ---------- */
.bx-modal-back[b-6s4dj8aqw8] { position: fixed; inset: 0; z-index: 50; background: rgba(5, 7, 11, .62); backdrop-filter: blur(3px); }
.bx-modal[b-6s4dj8aqw8] { position: fixed; z-index: 51; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(480px, calc(100vw - 32px)); max-height: calc(100vh - 40px); overflow-y: auto; padding: 20px 22px; border-radius: 22px; background: #13161d; box-shadow: inset 0 0 0 1px var(--ring-2), 0 30px 80px rgba(0, 0, 0, .6); display: flex; flex-direction: column; gap: 14px; }
.bx-modal.wide[b-6s4dj8aqw8] { width: min(620px, calc(100vw - 32px)); }
.bx-modal-head[b-6s4dj8aqw8] { display: flex; align-items: flex-start; gap: 12px; }
.bx-modal-head > div[b-6s4dj8aqw8], .bx-modal-head h3[b-6s4dj8aqw8] { flex: 1; min-width: 0; }
.bx-modal-head h3[b-6s4dj8aqw8] { font-family: var(--font-display); font-size: 16px; font-weight: 700; letter-spacing: -.02em; line-height: 1.35; padding-top: 6px; }
.bx-modal-head > div h3[b-6s4dj8aqw8] { padding-top: 0; }
.bx-modal-head small[b-6s4dj8aqw8] { display: block; font-size: 12px; color: var(--muted); margin-top: 3px; }
.bx-modal-ico[b-6s4dj8aqw8] { width: 38px; height: 38px; border-radius: 12px; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; background: rgba(47, 196, 214, .12); color: var(--accent); }
.bx-modal-ico.danger[b-6s4dj8aqw8] { background: rgba(255, 59, 74, .12); color: var(--danger-text); }
.bx-modal > p[b-6s4dj8aqw8] { font-size: 13px; color: var(--muted-2); line-height: 1.65; }
.bx-keeps[b-6s4dj8aqw8] { display: flex; gap: 9px; align-items: flex-start; padding: 10px 12px; border-radius: 12px; background: rgba(0, 200, 83, .06); box-shadow: inset 0 0 0 1px rgba(0, 200, 83, .2); font-size: 12.5px; color: var(--muted-2); line-height: 1.55; }
.bx-keeps[b-6s4dj8aqw8]  svg { color: var(--ok); margin-top: 2px; }
.bx-x[b-6s4dj8aqw8] { width: 30px; height: 30px; border-radius: 10px; border: 0; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; background: transparent; color: var(--muted); }
.bx-x:hover[b-6s4dj8aqw8] { background: rgba(255, 255, 255, .07); color: var(--ink); }
.bx-modal-actions[b-6s4dj8aqw8] { justify-content: flex-end; }
.bx-form[b-6s4dj8aqw8] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.bx-form .field[b-6s4dj8aqw8] { margin: 0; }
.bx-form .field input[b-6s4dj8aqw8] { font-family: var(--font-mono); }
.bx-form .hint[b-6s4dj8aqw8] { margin-top: -2px; }
.bx-span[b-6s4dj8aqw8] { grid-column: 1 / -1; }
.bx-switch[b-6s4dj8aqw8] { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; border-radius: 14px; background: rgba(255, 255, 255, .03); box-shadow: inset 0 0 0 1px var(--line); }
.bx-switch b[b-6s4dj8aqw8] { display: block; font-size: 13px; font-weight: 800; }
.bx-switch small[b-6s4dj8aqw8] { display: block; font-size: 12px; color: var(--muted); line-height: 1.55; margin-top: 3px; }
.bx-next[b-6s4dj8aqw8] { display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; border-radius: 14px; background: rgba(169, 139, 255, .06); box-shadow: inset 0 0 0 1px rgba(169, 139, 255, .22); }
.bx-next > small[b-6s4dj8aqw8] { font-size: 11.5px; color: var(--muted); line-height: 1.5; }
.bx-next .bx-steps .n[b-6s4dj8aqw8] { background: rgba(169, 139, 255, .18); color: var(--l-identity); box-shadow: none; }
.bx-next.edit[b-6s4dj8aqw8] { background: rgba(47, 196, 214, .05); box-shadow: inset 0 0 0 1px rgba(47, 196, 214, .22); }
.bx-next.edit .bx-ol b[b-6s4dj8aqw8] { color: var(--ink); }

/* ---------- Уведомление о результате ---------- */
.bx-toast[b-6s4dj8aqw8] { position: fixed; right: 24px; bottom: 24px; z-index: 40; max-width: min(460px, calc(100vw - 32px)); display: flex; align-items: flex-start; gap: 10px; padding: 12px 10px 12px 14px; border-radius: 16px; background: #10251b; box-shadow: inset 0 0 0 1px rgba(0, 200, 83, .35), 0 18px 40px rgba(0, 0, 0, .5); color: #c9f5da; font-size: 12.5px; line-height: 1.5; animation: bx-in-b-6s4dj8aqw8 .18s ease-out; }
.bx-toast[b-6s4dj8aqw8]  svg { color: var(--ok); margin-top: 2px; }
.bx-toast span[b-6s4dj8aqw8] { flex: 1; }
.bx-toast .bx-x[b-6s4dj8aqw8] { width: 26px; height: 26px; margin-top: -3px; }
.bx-toast.error[b-6s4dj8aqw8] { background: #2a1418; box-shadow: inset 0 0 0 1px rgba(255, 59, 74, .4), 0 18px 40px rgba(0, 0, 0, .5); color: #ffc9ce; }
.bx-toast.error[b-6s4dj8aqw8]  svg { color: var(--danger-text); }
@keyframes bx-in-b-6s4dj8aqw8 { from { opacity: 0; transform: translateY(8px); } }

/* ---------- Правка эталона: что установить (игры из раздела «Игры») ---------- */
.bx-install[b-6s4dj8aqw8] { display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; border-radius: 14px; background: rgba(0, 0, 0, .16); box-shadow: inset 0 0 0 1px var(--line); }
.bx-install.done[b-6s4dj8aqw8] { background: rgba(255, 255, 255, .02); }
.bx-install-list[b-6s4dj8aqw8] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.bx-install-list li[b-6s4dj8aqw8] { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 7px 8px 7px 10px; border-radius: 11px; background: rgba(255, 255, 255, .03); }
.bx-install-kind[b-6s4dj8aqw8] { flex: 0 0 auto; padding: 3px 8px; border-radius: 999px; font-size: 10.5px; font-weight: 800; letter-spacing: .02em; color: var(--muted-2); background: rgba(255, 255, 255, .07); }
.bx-install-kind.k-steam[b-6s4dj8aqw8] { color: #8fc7ff; background: rgba(102, 192, 244, .12); }
.bx-install-kind.k-epic[b-6s4dj8aqw8] { color: var(--ink); background: rgba(255, 255, 255, .1); }
.bx-install-kind.k-riot[b-6s4dj8aqw8] { color: #ff8a8f; background: rgba(255, 70, 85, .12); }
.bx-install-name[b-6s4dj8aqw8] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.bx-install-name b[b-6s4dj8aqw8] { font-size: 13px; font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bx-install-name small[b-6s4dj8aqw8] { font-size: 10.5px; color: var(--muted); overflow-wrap: anywhere; }
.bx-install-list .bx-x[b-6s4dj8aqw8] { width: 26px; height: 26px; }
.bx-install-how[b-6s4dj8aqw8] { font-size: 12.5px; color: var(--muted-2); line-height: 1.5; }
.bx-install-how b[b-6s4dj8aqw8] { color: var(--ink); }
.bx-install-note[b-6s4dj8aqw8] { font-size: 11.5px; color: var(--muted); line-height: 1.5; }
.bx-install-note b[b-6s4dj8aqw8] { color: var(--ink); }
.bx-install > small .mono[b-6s4dj8aqw8], .bx-install-note .mono[b-6s4dj8aqw8] { font-size: 11px; color: var(--ink); overflow-wrap: anywhere; }
.bx-install-empty a[b-6s4dj8aqw8] { color: var(--accent); }
.bx-cmd[b-6s4dj8aqw8] { display: flex; align-items: center; gap: 10px; padding: 8px 8px 8px 12px; border-radius: 12px; background: rgba(0, 0, 0, .3); box-shadow: inset 0 0 0 1px rgba(47, 196, 214, .28); }
.bx-cmd code[b-6s4dj8aqw8] { flex: 1; min-width: 0; font-family: var(--font-mono); font-size: 12.5px; color: var(--ink); overflow-wrap: anywhere; user-select: all; }
.bx-cmd .btn[b-6s4dj8aqw8] { flex: 0 0 auto; }

/* ---------- Размеры окна ---------- */
@media (max-width: 1200px) {
    .bx-summary[b-6s4dj8aqw8] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1000px) {
    .bx-layers[b-6s4dj8aqw8] { grid-template-columns: minmax(0, 1fr); }
    .bx-plus[b-6s4dj8aqw8] { display: none; }
}
@media (max-width: 700px) {
    .bx-summary[b-6s4dj8aqw8] { grid-template-columns: minmax(0, 1fr); }
    .bx-form[b-6s4dj8aqw8] { grid-template-columns: minmax(0, 1fr); }
    .bx-hero[b-6s4dj8aqw8] { flex-direction: column; padding: 18px; }
    .bx-grid[b-6s4dj8aqw8] { grid-template-columns: minmax(0, 1fr); }
    .bx-toast[b-6s4dj8aqw8] { left: 16px; right: 16px; bottom: 16px; }
    .bx-edit-head[b-6s4dj8aqw8] { flex-wrap: wrap; }
    .bx-cmd[b-6s4dj8aqw8] { flex-direction: column; align-items: stretch; }
}
@media (prefers-reduced-motion: reduce) {
    .bx-pc.boot .bx-pc-ico[b-6s4dj8aqw8]  svg, .bx-toast[b-6s4dj8aqw8] { animation: none; }
    .bx-progress span[b-6s4dj8aqw8] { transition: none; }
}

/* ---------- Схема зала (переключатель «Плитки / Схема») ----------
   Плитка места — общий SeatTile; здесь только цвета экрана Boot: настройка фиолетовая, выключенный ПК серый (это не авария),
   загрузка — вращающийся значок, места вне выбранной группы приглушены. */
.bx[b-6s4dj8aqw8]  .hp-seat .tile.bt-setup { --tone: var(--st-setup); --tone-bg: rgba(169, 139, 255, .08); --tone-ring: rgba(169, 139, 255, .38); }
.bx[b-6s4dj8aqw8]  .hp-seat .tile.bt-edit { --tone: var(--st-edit); --tone-bg: rgba(47, 196, 214, .08); --tone-ring: rgba(47, 196, 214, .4); }
.bx[b-6s4dj8aqw8]  .hp-seat .tile.bt-off { --tone: rgba(242, 243, 247, .55); --tone-bg: var(--surface); --tone-ring: var(--ring); }
.bx[b-6s4dj8aqw8]  .hp-seat .tile.bt-boot .ico svg { animation: bx-spin-b-6s4dj8aqw8 1.1s linear infinite; }
.bx[b-6s4dj8aqw8]  .hp-seat .tile.dim { opacity: .28; }
.bx-pick[b-6s4dj8aqw8] { grid-template-columns: repeat(auto-fill, minmax(300px, 420px)); }
@media (prefers-reduced-motion: reduce) { .bx[b-6s4dj8aqw8]  .hp-seat .tile.bt-boot .ico svg { animation: none; } }
/* /Components/Pages/Clubs/ClientUpdates.razor.rz.scp.css */
.update-intro[b-ki1dm1i9zg]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;padding:24px}.update-intro p[b-ki1dm1i9zg]{max-width:760px;color:var(--muted);line-height:1.6}.update-intro h2[b-ki1dm1i9zg]{margin:0;font-size:20px}.update-version[b-ki1dm1i9zg]{display:flex;gap:20px;align-items:center;padding:10px}.update-version .field[b-ki1dm1i9zg]{min-width:250px}.update-actions[b-ki1dm1i9zg]{display:flex;gap:8px;justify-content:flex-end}.table-wrap[b-ki1dm1i9zg]{overflow:auto}.update-status[b-ki1dm1i9zg]{font-size:13px}.table .hint[b-ki1dm1i9zg]{max-width:350px;white-space:normal;margin-top:5px}@media(max-width:850px){.update-intro[b-ki1dm1i9zg],.update-version[b-ki1dm1i9zg]{align-items:stretch;flex-direction:column}}
/* /Components/Pages/Clubs/Customers.razor.rz.scp.css */
/* Посетители — сводка, поиск и карточки посетителей в языке страницы MONO Boot. Токены и базовые компоненты (btn, pill, panel, field, rows, secret) — из app.css.
   Цвет состояния один на всю страницу: играет — бирюзовый, ждёт ПК — жёлтый, в другом клубе — синий, временный пароль — фиолетовый, заблокирован — красный. */
.cx[b-9o57ueqeao], .cx-drawer[b-9o57ueqeao], .cx-modal[b-9o57ueqeao], .cx-toast[b-9o57ueqeao] {
    --st-play: var(--accent);
    --st-wait: var(--warn);
    --st-away: #7ea6ff;
    --st-temp: #a98bff;
    --st-ban: var(--danger-text);
}
.cx[b-9o57ueqeao] { position: relative; }
.cx[b-9o57ueqeao]  svg, .cx-drawer[b-9o57ueqeao]  svg, .cx-modal[b-9o57ueqeao]  svg, .cx-toast[b-9o57ueqeao]  svg, .cx-menu-back[b-9o57ueqeao]  svg { width: 16px; height: 16px; flex: 0 0 auto; }

/* ---------- Нет доступа ---------- */
.cx-hero[b-9o57ueqeao] { display: flex; gap: 18px; padding: 22px 24px; border-radius: var(--r-panel); background: linear-gradient(120deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .015)); box-shadow: inset 0 0 0 1px var(--ring); }
.cx-hero-ico[b-9o57ueqeao] { width: 52px; height: 52px; border-radius: 16px; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; background: var(--surface-2); color: var(--accent); }
.cx-hero-ico[b-9o57ueqeao]  svg { width: 24px; height: 24px; }
.cx-hero-body[b-9o57ueqeao] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 10px; }
.cx-hero h2[b-9o57ueqeao] { font-family: var(--font-display); font-size: 20px; font-weight: 700; letter-spacing: -.02em; }
.cx-hero p[b-9o57ueqeao] { font-size: 13px; color: var(--muted-2); line-height: 1.65; max-width: 760px; }

/* ---------- Сводка ---------- */
.cx-summary[b-9o57ueqeao] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.cx-card[b-9o57ueqeao] { position: relative; display: flex; flex-direction: column; align-items: stretch; gap: 6px; padding: 15px 16px 14px; border: 0; border-radius: var(--r-card); background: var(--surface); box-shadow: inset 0 0 0 1px var(--ring); min-width: 0; min-height: 104px; text-align: left; color: inherit; font: inherit; }
button.cx-card[b-9o57ueqeao] { cursor: pointer; transition: box-shadow .15s, background .15s; }
button.cx-card:hover[b-9o57ueqeao] { box-shadow: inset 0 0 0 1px var(--ring-2); }
.cx-card .eyebrow[b-9o57ueqeao] { font-size: 9.5px; letter-spacing: .1em; }
.cx-card-ico[b-9o57ueqeao] { position: absolute; top: 13px; right: 13px; width: 30px; height: 30px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: var(--surface-2); color: var(--muted-2); }
.cx-card-value[b-9o57ueqeao] { display: flex; align-items: baseline; gap: 7px; font-family: var(--font-display); font-size: 22px; font-weight: 800; letter-spacing: -.02em; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 36px; }
.cx-card-value em[b-9o57ueqeao] { font-style: normal; font-family: var(--font-body); font-size: 12px; font-weight: 700; color: var(--muted); letter-spacing: 0; }
.cx-card small[b-9o57ueqeao] { font-size: 11.5px; color: var(--muted); line-height: 1.45; margin-top: auto; }
.cx-card.play[b-9o57ueqeao] { background: linear-gradient(125deg, rgba(47, 196, 214, .1), rgba(47, 196, 214, .015)); box-shadow: inset 0 0 0 1px rgba(47, 196, 214, .26); }
.cx-card.play .cx-card-value[b-9o57ueqeao] { color: var(--accent); }
.cx-card.play .cx-card-ico[b-9o57ueqeao] { background: rgba(47, 196, 214, .14); color: var(--accent); }
.cx-card.new[b-9o57ueqeao] { background: linear-gradient(125deg, rgba(0, 200, 83, .08), rgba(0, 200, 83, .015)); box-shadow: inset 0 0 0 1px rgba(0, 200, 83, .24); }
.cx-card.new .cx-card-value[b-9o57ueqeao] { color: var(--ok); }
.cx-card.new .cx-card-ico[b-9o57ueqeao] { background: rgba(0, 200, 83, .12); color: var(--ok); }
.cx-card.blocked[b-9o57ueqeao] { background: linear-gradient(125deg, rgba(255, 59, 74, .08), rgba(255, 59, 74, .015)); box-shadow: inset 0 0 0 1px rgba(255, 59, 74, .26); }
.cx-card.blocked .cx-card-value[b-9o57ueqeao] { color: var(--danger-text); }
.cx-card.blocked .cx-card-ico[b-9o57ueqeao] { background: rgba(255, 59, 74, .12); color: var(--danger-text); }
.cx-card.temp[b-9o57ueqeao] { background: linear-gradient(125deg, rgba(169, 139, 255, .09), rgba(169, 139, 255, .015)); box-shadow: inset 0 0 0 1px rgba(169, 139, 255, .26); }
.cx-card.temp .cx-card-value[b-9o57ueqeao] { color: var(--st-temp); }
.cx-card.temp .cx-card-ico[b-9o57ueqeao] { background: rgba(169, 139, 255, .14); color: var(--st-temp); }
.cx-card.active[b-9o57ueqeao] { box-shadow: inset 0 0 0 1.5px var(--accent-ring); }

/* ---------- Как это работает ---------- */
.cx-howto[b-9o57ueqeao] { border-radius: var(--r-panel); background: linear-gradient(120deg, rgba(47, 196, 214, .06), rgba(255, 255, 255, .02) 60%); box-shadow: inset 0 0 0 1px var(--ring); overflow: hidden; }
.cx-howto-head[b-9o57ueqeao] { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 16px; border: 0; background: transparent; text-align: left; color: inherit; }
.cx-howto-head:hover[b-9o57ueqeao] { background: rgba(255, 255, 255, .02); }
.cx-howto-ico[b-9o57ueqeao] { width: 34px; height: 34px; border-radius: 11px; display: inline-flex; align-items: center; justify-content: center; background: rgba(47, 196, 214, .12); color: var(--accent); flex: 0 0 auto; }
.cx-howto-title[b-9o57ueqeao] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.cx-howto-title b[b-9o57ueqeao] { font-size: 13px; font-weight: 800; }
.cx-howto-title small[b-9o57ueqeao] { font-size: 12px; color: var(--muted); }
.cx-chev[b-9o57ueqeao] { color: var(--muted); transition: transform .15s; display: inline-flex; }
.cx-howto.open .cx-chev[b-9o57ueqeao] { transform: rotate(180deg); }
.cx-steps[b-9o57ueqeao] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 2px 16px 14px; }
.cx-step[b-9o57ueqeao] { display: flex; gap: 11px; padding: 12px 14px; border-radius: 16px; background: rgba(255, 255, 255, .03); box-shadow: inset 0 0 0 1px var(--line); }
.cx-step-n[b-9o57ueqeao] { width: 24px; height: 24px; border-radius: 8px; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-mono); font-size: 11px; font-weight: 700; color: var(--accent); background: rgba(47, 196, 214, .14); }
.cx-step b[b-9o57ueqeao] { display: block; font-size: 13px; font-weight: 800; color: var(--ink); }
.cx-step p[b-9o57ueqeao] { font-size: 12px; color: var(--muted-2); line-height: 1.55; margin-top: 3px; }

/* ---------- Поиск ---------- */
.cx-search-panel[b-9o57ueqeao] { display: flex; flex-direction: column; gap: 12px; padding: 16px; border-radius: var(--r-panel); background: var(--surface); box-shadow: inset 0 0 0 1px var(--ring); }
.cx-search[b-9o57ueqeao] { display: flex; align-items: center; gap: 10px; height: 56px; padding: 0 8px 0 18px; border-radius: 18px; background: rgba(0, 0, 0, .22); box-shadow: inset 0 0 0 1px var(--ring-2); transition: box-shadow .15s; }
.cx-search:focus-within[b-9o57ueqeao] { box-shadow: inset 0 0 0 1.5px var(--accent-ring), 0 0 0 4px rgba(47, 196, 214, .08); }
.cx-search-ico[b-9o57ueqeao] { display: inline-flex; color: var(--accent); }
.cx-search-ico[b-9o57ueqeao]  svg { width: 20px; height: 20px; }
.cx-search input[b-9o57ueqeao] { flex: 1; min-width: 0; height: 100%; border: 0; background: transparent; outline: none; font-size: 16px; font-weight: 600; color: var(--ink); }
.cx-search input[b-9o57ueqeao]::placeholder { color: var(--muted-3); font-weight: 500; }
.cx-search input[b-9o57ueqeao]::-webkit-search-cancel-button { display: none; }
.cx-search .btn[b-9o57ueqeao] { height: 40px; }
.cx-search-clear[b-9o57ueqeao] { width: 32px; height: 32px; border-radius: 10px; border: 0; display: inline-flex; align-items: center; justify-content: center; background: transparent; color: var(--muted); }
.cx-search-clear:hover[b-9o57ueqeao] { background: rgba(255, 255, 255, .07); color: var(--ink); }
.cx-search-foot[b-9o57ueqeao] { display: flex; align-items: center; justify-content: space-between; gap: 10px 16px; flex-wrap: wrap; }
.cx-search-hint[b-9o57ueqeao] { font-size: 11.5px; color: var(--muted-3); }
.cx-filters[b-9o57ueqeao] { display: flex; flex-wrap: wrap; gap: 6px; }
.cx-filter[b-9o57ueqeao] { height: 30px; padding: 0 12px; border-radius: 999px; border: 0; background: var(--surface-2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .09); color: var(--muted-2); font-size: 11.5px; font-weight: 800; display: inline-flex; align-items: center; gap: 7px; }
.cx-filter span[b-9o57ueqeao] { font-family: var(--font-mono); font-size: 10px; color: var(--muted); font-weight: 600; }
.cx-filter:hover[b-9o57ueqeao] { color: var(--ink); }
.cx-filter.active[b-9o57ueqeao] { background: rgba(47, 196, 214, .14); box-shadow: inset 0 0 0 1.5px rgba(47, 196, 214, .5); color: var(--accent); }
.cx-filter.active span[b-9o57ueqeao] { color: var(--accent); }

.cx-banner[b-9o57ueqeao] { display: flex; align-items: center; gap: 12px; padding: 11px 10px 11px 14px; border-radius: 16px; font-size: 12.5px; line-height: 1.55; color: var(--muted-2); background: rgba(217, 255, 47, .05); box-shadow: inset 0 0 0 1px rgba(217, 255, 47, .22); }
.cx-banner span[b-9o57ueqeao] { flex: 1; min-width: 0; }
.cx-banner b[b-9o57ueqeao] { color: var(--ink); }
.cx-banner[b-9o57ueqeao] >  svg { color: var(--lime); }

/* ---------- Список ---------- */
.cx-list[b-9o57ueqeao] { gap: 14px; }
.cx-list .panel-head[b-9o57ueqeao] { min-height: 30px; }
.cx-searching[b-9o57ueqeao] { font-family: var(--font-mono); font-size: 10.5px; color: var(--accent); }
.cx-grid[b-9o57ueqeao] { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 10px; align-items: stretch; }

.cx-visitor[b-9o57ueqeao] { --c: rgba(242, 243, 247, .45); --bg: rgba(255, 255, 255, .035); position: relative; display: flex; flex-direction: column; gap: 11px; padding: 13px 14px 12px; border-radius: var(--r-card); background: var(--bg); box-shadow: inset 0 0 0 1px var(--ring); min-width: 0; transition: box-shadow .15s, background .15s; }
.cx-visitor:hover[b-9o57ueqeao] { box-shadow: inset 0 0 0 1px var(--ring-2); }
.cx-visitor[b-9o57ueqeao]::before { content: ""; position: absolute; left: 0; top: 14px; bottom: 14px; width: 3px; border-radius: 0 3px 3px 0; background: var(--c); opacity: .9; }
.cx-visitor.idle[b-9o57ueqeao]::before { opacity: .35; }
.cx-visitor.play[b-9o57ueqeao] { --c: var(--st-play); --bg: linear-gradient(160deg, rgba(47, 196, 214, .09), rgba(255, 255, 255, .02) 55%); }
.cx-visitor.wait[b-9o57ueqeao] { --c: var(--st-wait); --bg: linear-gradient(160deg, rgba(255, 214, 10, .07), rgba(255, 255, 255, .02) 55%); }
.cx-visitor.away[b-9o57ueqeao] { --c: var(--st-away); --bg: linear-gradient(160deg, rgba(126, 166, 255, .07), rgba(255, 255, 255, .02) 55%); }
.cx-visitor.temp[b-9o57ueqeao] { --c: var(--st-temp); --bg: linear-gradient(160deg, rgba(169, 139, 255, .07), rgba(255, 255, 255, .02) 55%); }
.cx-visitor.blocked[b-9o57ueqeao] { --c: var(--st-ban); --bg: linear-gradient(160deg, rgba(255, 59, 74, .08), rgba(255, 255, 255, .02) 55%); }
.cx-visitor.selected[b-9o57ueqeao] { box-shadow: inset 0 0 0 1.5px var(--accent-ring); }
.cx-visitor.menu-open[b-9o57ueqeao] { z-index: 30; }

.cx-who[b-9o57ueqeao] { display: flex; align-items: center; gap: 11px; min-width: 0; padding: 0; border: 0; background: transparent; color: inherit; text-align: left; }
.cx-who-text[b-9o57ueqeao] { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.cx-who-text b[b-9o57ueqeao] { font-family: var(--font-display); font-size: 15px; font-weight: 800; letter-spacing: -.01em; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cx-who-text .mono[b-9o57ueqeao] { font-size: 11px; color: var(--muted); letter-spacing: .02em; }
.cx-who:hover b[b-9o57ueqeao] { color: var(--accent); }

.cx-state[b-9o57ueqeao] { display: flex; align-items: center; gap: 11px; }
.cx-state-ico[b-9o57ueqeao] { width: 36px; height: 36px; border-radius: 12px; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; color: var(--c, var(--muted)); background: color-mix(in srgb, var(--c, var(--muted)) 13%, transparent); }
.cx-state-ico[b-9o57ueqeao]  svg { width: 18px; height: 18px; }
.cx-state > div[b-9o57ueqeao] { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.cx-state b[b-9o57ueqeao] { font-size: 13.5px; font-weight: 800; color: var(--c, var(--ink)); line-height: 1.3; }
.cx-visitor.idle .cx-state b[b-9o57ueqeao] { color: var(--ink); }
.cx-state small[b-9o57ueqeao] { font-size: 11.5px; color: var(--muted); line-height: 1.4; }
.cx-visitor.play .cx-state-ico[b-9o57ueqeao] { box-shadow: 0 0 0 3px rgba(47, 196, 214, .1); }

.cx-facts[b-9o57ueqeao] { margin: 0; display: flex; flex-direction: column; gap: 5px; padding-top: 10px; border-top: 1px solid var(--line); }
.cx-facts > div[b-9o57ueqeao] { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; min-width: 0; }
.cx-facts dt[b-9o57ueqeao] { font-size: 11.5px; color: var(--muted); white-space: nowrap; }
.cx-facts dd[b-9o57ueqeao] { margin: 0; font-size: 12px; font-weight: 700; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: right; }
.cx-facts dd.money[b-9o57ueqeao] { color: var(--lime); font-family: var(--font-display); font-size: 13px; }
.cx-facts dd.zero[b-9o57ueqeao] { color: var(--muted-2); }
.cx-facts dd small[b-9o57ueqeao] { font-family: var(--font-body); font-size: 11px; font-weight: 600; color: var(--muted); margin-left: 4px; }

.cx-actions[b-9o57ueqeao] { margin-top: auto; display: flex; align-items: center; gap: 8px; position: relative; min-height: 32px; }
.cx-actions .grow[b-9o57ueqeao] { flex: 1; }
.cx-more[b-9o57ueqeao] { width: 32px; height: 32px; border-radius: 10px; border: 0; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; background: var(--surface-2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1); color: var(--muted-2); }
.cx-more:hover[b-9o57ueqeao], .cx-more[aria-expanded="true"][b-9o57ueqeao] { color: var(--ink); background: rgba(255, 255, 255, .1); }
.cx-menu[b-9o57ueqeao] { position: absolute; right: 0; bottom: 40px; z-index: 31; width: calc(100% + 6px); min-width: 250px; padding: 6px; border-radius: 14px; background: #171a22; box-shadow: inset 0 0 0 1px var(--ring-2), 0 18px 40px rgba(0, 0, 0, .55); display: flex; flex-direction: column; }
.cx-menu button[b-9o57ueqeao] { display: flex; align-items: flex-start; gap: 10px; width: 100%; padding: 9px 10px; border: 0; border-radius: 9px; background: transparent; color: var(--ink); text-align: left; font-size: 12.5px; font-weight: 700; }
.cx-menu button:hover:not(:disabled)[b-9o57ueqeao] { background: rgba(255, 255, 255, .06); }
.cx-menu button[b-9o57ueqeao]  svg { color: var(--muted-2); margin-top: 1px; }
.cx-menu button span[b-9o57ueqeao] { display: flex; flex-direction: column; gap: 1px; }
.cx-menu button small[b-9o57ueqeao] { font-size: 10.5px; font-weight: 500; color: var(--muted); }
.cx-menu button.danger[b-9o57ueqeao] { color: var(--danger-text); }
.cx-menu button.danger[b-9o57ueqeao]  svg { color: var(--danger-text); }
.cx-menu-sep[b-9o57ueqeao] { height: 1px; background: var(--line); margin: 4px 6px; }
.cx-menu-back[b-9o57ueqeao] { position: fixed; inset: 0; z-index: 20; }
.cx-menu-back.in-drawer[b-9o57ueqeao] { z-index: 42; }
.cx-menu.down[b-9o57ueqeao] { top: 40px; bottom: auto; width: 280px; z-index: 43; }
.cx-menu-note[b-9o57ueqeao] { padding: 8px 10px 6px; font-size: 11px; color: var(--muted); }
.cx-drawer-menu[b-9o57ueqeao] { position: relative; display: inline-flex; z-index: 43; }

.cx-empty[b-9o57ueqeao] { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 16px 18px; border-radius: 16px; border: 1.5px dashed rgba(255, 255, 255, .13); }
.cx-empty[b-9o57ueqeao] >  svg { width: 22px; height: 22px; color: var(--muted-2); }
.cx-empty > div[b-9o57ueqeao] { flex: 1 1 260px; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.cx-empty b[b-9o57ueqeao] { font-size: 13.5px; font-weight: 800; }
.cx-empty small[b-9o57ueqeao] { font-size: 12px; color: var(--muted); line-height: 1.5; }
.cx-empty.big[b-9o57ueqeao] { padding: 26px 22px; }
.cx-empty.big[b-9o57ueqeao] >  svg { color: var(--accent); }

/* ---------- Карточка посетителя (боковая панель) ---------- */
.cx-drawer-back[b-9o57ueqeao] { position: fixed; inset: 0; z-index: 40; background: rgba(5, 7, 11, .55); backdrop-filter: blur(2px); }
.cx-drawer[b-9o57ueqeao] { position: fixed; z-index: 41; top: 0; right: 0; bottom: 0; width: min(540px, 100vw); overflow-y: auto; padding: 20px 22px 28px; background: #12151c; box-shadow: inset 1px 0 0 var(--ring-2), -30px 0 80px rgba(0, 0, 0, .5); display: flex; flex-direction: column; gap: 14px; animation: cx-slide-b-9o57ueqeao .18s ease-out; }
.cx-drawer-head[b-9o57ueqeao] { display: flex; align-items: center; gap: 12px; }
.cx-drawer-head > div[b-9o57ueqeao] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.cx-drawer-head h3[b-9o57ueqeao] { font-family: var(--font-display); font-size: 18px; font-weight: 700; letter-spacing: -.02em; line-height: 1.3; overflow-wrap: anywhere; }
.cx-drawer-head .mono[b-9o57ueqeao] { font-size: 11px; color: var(--muted); letter-spacing: .04em; }
.cx-drawer-state[b-9o57ueqeao] { padding: 11px 13px; border-radius: 14px; background: color-mix(in srgb, var(--c) 7%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c) 24%, transparent); }
.cx-drawer-state.play[b-9o57ueqeao] { --c: var(--st-play); }
.cx-drawer-state.wait[b-9o57ueqeao] { --c: var(--st-wait); }
.cx-drawer-state.away[b-9o57ueqeao] { --c: var(--st-away); }
.cx-drawer-state.temp[b-9o57ueqeao] { --c: var(--st-temp); }
.cx-drawer-state.blocked[b-9o57ueqeao] { --c: var(--st-ban); }
.cx-drawer-state.idle[b-9o57ueqeao] { --c: rgba(242, 243, 247, .5); }
.cx-drawer-state.idle b[b-9o57ueqeao] { color: var(--ink); }
.cx-wallet[b-9o57ueqeao] { display: flex; flex-direction: column; gap: 12px; padding-top: 14px; border-top: 1px solid var(--line); }
.cx-tech[b-9o57ueqeao] { border-radius: 14px; padding: 9px 14px; background: rgba(0, 0, 0, .14); box-shadow: inset 0 0 0 1px var(--line); }
.cx-tech summary[b-9o57ueqeao] { cursor: pointer; font-size: 12px; font-weight: 800; color: var(--muted-2); }
.cx-tech[open] summary[b-9o57ueqeao] { margin-bottom: 10px; }
.cx-tech .v[b-9o57ueqeao] { text-transform: none; letter-spacing: 0; }
@keyframes cx-slide-b-9o57ueqeao { from { transform: translateX(24px); opacity: 0; } }

/* ---------- Диалоги ---------- */
.cx-modal-back[b-9o57ueqeao] { position: fixed; inset: 0; z-index: 50; background: rgba(5, 7, 11, .62); backdrop-filter: blur(3px); }
.cx-modal[b-9o57ueqeao] { position: fixed; z-index: 51; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(480px, calc(100vw - 32px)); max-height: calc(100vh - 40px); overflow-y: auto; padding: 20px 22px; border-radius: 22px; background: #13161d; box-shadow: inset 0 0 0 1px var(--ring-2), 0 30px 80px rgba(0, 0, 0, .6); display: flex; flex-direction: column; gap: 14px; }
.cx-modal-head[b-9o57ueqeao] { display: flex; align-items: flex-start; gap: 12px; }
.cx-modal-head > div[b-9o57ueqeao] { flex: 1; min-width: 0; }
.cx-modal-head h3[b-9o57ueqeao] { font-family: var(--font-display); font-size: 16px; font-weight: 700; letter-spacing: -.02em; line-height: 1.35; overflow-wrap: anywhere; }
.cx-modal-head small[b-9o57ueqeao] { display: block; font-size: 12px; color: var(--muted); margin-top: 3px; }
.cx-modal-ico[b-9o57ueqeao] { width: 38px; height: 38px; border-radius: 12px; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; background: rgba(47, 196, 214, .12); color: var(--accent); }
.cx-modal-ico.danger[b-9o57ueqeao] { background: rgba(255, 59, 74, .12); color: var(--danger-text); }
.cx-modal-ico.ok[b-9o57ueqeao] { background: rgba(0, 200, 83, .12); color: var(--ok); }
.cx-modal > p[b-9o57ueqeao] { font-size: 13px; color: var(--muted-2); line-height: 1.65; }
.cx-form[b-9o57ueqeao] { display: flex; flex-direction: column; gap: 12px; }
.cx-form .field[b-9o57ueqeao] { margin: 0; }
.cx-keeps[b-9o57ueqeao] { display: flex; gap: 9px; align-items: flex-start; padding: 10px 12px; border-radius: 12px; background: rgba(0, 200, 83, .06); box-shadow: inset 0 0 0 1px rgba(0, 200, 83, .2); font-size: 12.5px; color: var(--muted-2); line-height: 1.55; }
.cx-keeps b[b-9o57ueqeao] { color: var(--ink); }
.cx-keeps[b-9o57ueqeao]  svg { color: var(--ok); margin-top: 2px; }
.cx-form .cx-keeps[b-9o57ueqeao] { background: rgba(169, 139, 255, .06); box-shadow: inset 0 0 0 1px rgba(169, 139, 255, .22); }
.cx-form .cx-keeps[b-9o57ueqeao]  svg { color: var(--st-temp); }
.cx-x[b-9o57ueqeao] { width: 30px; height: 30px; border-radius: 10px; border: 0; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; background: transparent; color: var(--muted); }
.cx-x:hover[b-9o57ueqeao] { background: rgba(255, 255, 255, .07); color: var(--ink); }
.cx-modal-actions[b-9o57ueqeao] { justify-content: flex-end; }

/* ---------- Уведомление о результате ---------- */
.cx-toast[b-9o57ueqeao] { position: fixed; right: 24px; bottom: 24px; z-index: 60; max-width: min(460px, calc(100vw - 32px)); display: flex; align-items: flex-start; gap: 10px; padding: 12px 10px 12px 14px; border-radius: 16px; background: #10251b; box-shadow: inset 0 0 0 1px rgba(0, 200, 83, .35), 0 18px 40px rgba(0, 0, 0, .5); color: #c9f5da; font-size: 12.5px; line-height: 1.5; animation: cx-in-b-9o57ueqeao .18s ease-out; }
.cx-toast[b-9o57ueqeao]  svg { color: var(--ok); margin-top: 2px; }
.cx-toast span[b-9o57ueqeao] { flex: 1; }
.cx-toast .cx-x[b-9o57ueqeao] { width: 26px; height: 26px; margin-top: -3px; }
.cx-toast.error[b-9o57ueqeao] { background: #2a1418; box-shadow: inset 0 0 0 1px rgba(255, 59, 74, .4), 0 18px 40px rgba(0, 0, 0, .5); color: #ffc9ce; }
.cx-toast.error[b-9o57ueqeao]  svg { color: var(--danger-text); }
@keyframes cx-in-b-9o57ueqeao { from { opacity: 0; transform: translateY(8px); } }

/* ---------- Размеры окна ---------- */
@media (max-width: 1000px) {
    .cx-steps[b-9o57ueqeao] { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 700px) {
    .cx-summary[b-9o57ueqeao] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .cx-card[b-9o57ueqeao] { padding: 12px 13px; min-height: 0; }
    .cx-card-ico[b-9o57ueqeao] { display: none; }
    .cx-card-value[b-9o57ueqeao] { padding-right: 0; font-size: 20px; }
    .cx-live[b-9o57ueqeao] { display: none; }
    .cx-wallet-btn[b-9o57ueqeao] { display: none; }
    .cx-steps[b-9o57ueqeao] { padding: 2px 12px 12px; }
    .cx-search[b-9o57ueqeao] { height: 50px; padding-left: 14px; }
    .cx-search .btn[b-9o57ueqeao] { display: none; }
    .cx-search-hint[b-9o57ueqeao] { display: none; }
    .cx-grid[b-9o57ueqeao] { grid-template-columns: minmax(0, 1fr); }
    .cx-hero[b-9o57ueqeao] { flex-direction: column; padding: 18px; }
    .cx-drawer[b-9o57ueqeao] { padding: 16px 16px 24px; }
    .cx-toast[b-9o57ueqeao] { left: 16px; right: 16px; bottom: 16px; }
}
@media (prefers-reduced-motion: reduce) {
    .cx-toast[b-9o57ueqeao], .cx-drawer[b-9o57ueqeao] { animation: none; }
}

/* Обычное состояние «не в клубе» — тихой строкой вместе с последним визитом; цвет и крупный статус только у важных. */
.cx-visitor.idle .cx-state b[b-9o57ueqeao] { font-size: 12.5px; font-weight: 700; color: var(--muted-2); }
.cx-visitor.idle .cx-state small[b-9o57ueqeao] { color: var(--muted-3); }
.cx-visitor.idle .cx-state-ico[b-9o57ueqeao] { opacity: .6; }
.cx-card-value .cx-new[b-9o57ueqeao] { color: var(--ok); }
.cx-card.active[b-9o57ueqeao] { box-shadow: inset 0 0 0 1.5px var(--accent); }
.cx-drawer:focus[b-9o57ueqeao], .cx-modal:focus[b-9o57ueqeao] { outline: none; }
/* /Components/Pages/Clubs/Devices.razor.rz.scp.css */
/* «Компьютеры»: места плитками по залам, легенда-фильтр сверху, подробности выбранного места — сразу под его рядом. */

/* Уведомление после действия закреплено сверху: в зале из 40 ПК его видно и при плитке в нижнем ряду. */
.sticky-note[b-wc3vseb1bk]{position:sticky;top:10px;z-index:30;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.alert.ok.sticky-note[b-wc3vseb1bk]{background:linear-gradient(rgba(0,200,83,.12),rgba(0,200,83,.12)),var(--surface);box-shadow:inset 0 0 0 1px rgba(0,200,83,.35),0 10px 30px rgba(0,0,0,.45)}
.alert.error.sticky-note[b-wc3vseb1bk]{background:linear-gradient(rgba(255,59,74,.12),rgba(255,59,74,.12)),var(--surface)}

/* Плотная сетка: панель подробностей (во всю ширину) встаёт под рядом выбранной плитки, а соседние плитки
   этого ряда заполняют его, не съезжая вниз. Плитки по высоте содержимого — без пустых низов. */
.devices[b-wc3vseb1bk]  .ui-grid.dense{grid-auto-flow:row dense;align-items:start}
/* Ровные ряды: --c колонок (BestColumns), но плитка не уже 200 px. */
.seat-wrap[b-wc3vseb1bk]  .ui-grid.dense{grid-template-columns:repeat(auto-fill,minmax(max(200px,calc((100% - (var(--c) - 1) * 10px) / var(--c))),1fr))}
.devices[b-wc3vseb1bk]  .ui-grid>.tile .actions .btn{flex:0 0 auto}
.inline-panel[b-wc3vseb1bk]{grid-column:1 / -1;min-width:0;scroll-margin:90px 0 24px}
.inline-panel:focus[b-wc3vseb1bk]{outline:none}

/* Формы обслуживания и отвязки прямо в плитке, у своего места. */
.tile-form[b-wc3vseb1bk]{display:flex;flex-direction:column;gap:7px;width:100%;min-width:0}
.tile-form .input.sm[b-wc3vseb1bk]{min-width:0;width:100%}
.tile-form-row[b-wc3vseb1bk]{display:flex;gap:6px;flex-wrap:wrap}
.tile-ask[b-wc3vseb1bk]{font-size:12.5px;font-weight:800;color:var(--ink)}

/* Код подключения — под рядом своего места, крупно, группами по четыре знака. */
.pairing[b-wc3vseb1bk]{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-radius:var(--r-card);padding:14px 16px;
  background:rgba(217,255,47,.06);box-shadow:inset 0 0 0 1px rgba(217,255,47,.25)}
.pairing-text[b-wc3vseb1bk]{flex:1 1 320px;min-width:0}
.pairing-code[b-wc3vseb1bk]{font-family:var(--font-mono);font-size:26px;font-weight:700;letter-spacing:.08em;color:var(--lime);margin:4px 0 6px;overflow-wrap:anywhere}
.pairing p[b-wc3vseb1bk]{font-size:12.5px;color:var(--muted-2);line-height:1.5}
.pairing.expired[b-wc3vseb1bk]{background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--ring)}
.pairing.expired .pairing-code[b-wc3vseb1bk]{color:var(--muted-3);text-decoration:line-through;text-decoration-thickness:2px}

/* Подробности выбранного места. Цвет рамки — цвет состояния, как у плитки. */
.details[b-wc3vseb1bk]{--tone:var(--muted-3);border-radius:var(--r-card);padding:14px 16px;background:var(--surface-3);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone) 45%,transparent);display:flex;flex-direction:column;gap:12px}
.details.s-session[b-wc3vseb1bk]{--tone:var(--accent)}.details.s-reserved[b-wc3vseb1bk]{--tone:var(--warn)}.details.s-free[b-wc3vseb1bk]{--tone:var(--ok)}
.details.s-offline[b-wc3vseb1bk],.details.lost[b-wc3vseb1bk]{--tone:var(--orange)}.details.s-maintenance[b-wc3vseb1bk]{--tone:var(--danger-text)}
.details-head[b-wc3vseb1bk]{display:flex;align-items:center;gap:12px;min-width:0}
.details-ico[b-wc3vseb1bk]{width:34px;height:34px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  color:var(--tone);background:color-mix(in srgb,var(--tone) 14%,transparent)}
.details-ico[b-wc3vseb1bk]  svg,.details-ico svg[b-wc3vseb1bk]{width:16px;height:16px}
.details-title[b-wc3vseb1bk]{display:flex;flex-direction:column;gap:2px;min-width:0}
.details-title b[b-wc3vseb1bk]{font-size:14px;font-weight:800}
.details-title small[b-wc3vseb1bk]{font-size:12px;color:var(--muted)}
.details-head .grow[b-wc3vseb1bk]{flex:1}
/* Что сделать — отдельной строкой, а не мелким пояснением. */
.todo[b-wc3vseb1bk]{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:var(--r-input);font-size:12.5px;line-height:1.5;color:var(--ink);
  background:rgba(255,122,47,.08);box-shadow:inset 0 0 0 1px rgba(255,122,47,.3)}
.todo b[b-wc3vseb1bk]{color:var(--orange);font-weight:800}
.todo[b-wc3vseb1bk]  svg,.todo svg[b-wc3vseb1bk]{width:15px;height:15px;color:var(--orange);flex:0 0 auto;margin-top:2px}
.todo.neutral[b-wc3vseb1bk]{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);color:var(--muted-2)}
.todo.neutral[b-wc3vseb1bk]  svg,.todo.neutral svg[b-wc3vseb1bk]{color:var(--muted-3)}
/* Факты заполняют всю ширину строки, разделитель — на весь блок. */
.facts[b-wc3vseb1bk]{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px 18px;margin:0;padding-top:10px;border-top:1px solid var(--line)}
.facts>div[b-wc3vseb1bk]{min-width:0}
.facts dt[b-wc3vseb1bk]{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-3)}
.facts dd[b-wc3vseb1bk]{margin:4px 0 0;font-size:13px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}

.readonly-note[b-wc3vseb1bk]{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);margin:-2px 0}
.readonly-note b[b-wc3vseb1bk]{color:var(--muted-2);font-weight:800}
.readonly-note[b-wc3vseb1bk]  svg,.readonly-note svg[b-wc3vseb1bk]{width:14px;height:14px;color:var(--accent);flex:0 0 auto}

@media (max-width:800px){.pairing-code[b-wc3vseb1bk]{font-size:21px}}

/* Легенда-фильтр и «Плитки / Схема» в одной строке. */
.dv-bar[b-wc3vseb1bk]{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;justify-content:space-between}
/* Схема: места вне фильтра приглушены, а не скрыты. */
.devices[b-wc3vseb1bk]  .hp-seat .tile.dim{opacity:.28}
/* Выбранное на схеме место: полная плитка с действиями слева, код подключения и подробности справа. */
.plan-pick[b-wc3vseb1bk]{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:12px;align-items:start}
.plan-pick-more[b-wc3vseb1bk]{display:flex;flex-direction:column;gap:12px;min-width:0}
.plan-help[b-wc3vseb1bk]{margin:0;font-size:12px;color:var(--muted)}
@media (max-width:760px){.plan-pick[b-wc3vseb1bk]{grid-template-columns:minmax(0,1fr)}}

/* «Новые ПК в сети»: короткая плашка «N ждут подключения → Открыть», тревоги строками; подробности строки — по запросу. */
.np-banner[b-wc3vseb1bk]{display:flex;align-items:center;gap:10px 12px;flex-wrap:wrap;padding:10px 12px;border-radius:var(--r-input);margin-bottom:10px;
  background:rgba(217,255,47,.06);box-shadow:inset 0 0 0 1px rgba(217,255,47,.25)}
.np-banner b[b-wc3vseb1bk]{font-size:13.5px;font-weight:800;color:var(--ink)}
.np-banner .grow[b-wc3vseb1bk]{flex:1}
.np-banner.quiet[b-wc3vseb1bk]{background:none;box-shadow:none;padding:0;margin:0;justify-content:space-between}
.np-banner.quiet .np-note[b-wc3vseb1bk]{flex:1 1 280px}
.np-pulse[b-wc3vseb1bk]{width:9px;height:9px;border-radius:50%;background:var(--lime);flex:0 0 auto;box-shadow:0 0 0 0 rgba(217,255,47,.55);animation:np-pulse-b-wc3vseb1bk 1.8s ease-out infinite}
@keyframes np-pulse-b-wc3vseb1bk{70%{box-shadow:0 0 0 9px rgba(217,255,47,0)}100%{box-shadow:0 0 0 0 rgba(217,255,47,0)}}
@media (prefers-reduced-motion:reduce){.np-pulse[b-wc3vseb1bk]{animation:none}}
.np-list[b-wc3vseb1bk]{display:flex;flex-direction:column;gap:8px}
.np-row[b-wc3vseb1bk]{display:flex;align-items:flex-start;justify-content:space-between;gap:8px 14px;flex-wrap:wrap;padding:10px 12px;border-radius:var(--r-input);
  background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}
.np-row.blocked[b-wc3vseb1bk]{background:rgba(255,59,74,.07);box-shadow:inset 0 0 0 1px rgba(255,59,74,.4)}
.np-row.mismatch[b-wc3vseb1bk]{background:rgba(255,122,47,.07);box-shadow:inset 0 0 0 1px rgba(255,122,47,.35)}
.np-row.picked[b-wc3vseb1bk]{box-shadow:inset 0 0 0 1.5px var(--accent-ring, var(--lime))}
.np-main[b-wc3vseb1bk]{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 240px}
.np-head[b-wc3vseb1bk]{display:flex;gap:6px 12px;align-items:baseline;flex-wrap:wrap;min-width:0}
.np-name[b-wc3vseb1bk]{font-size:13.5px;font-weight:800;color:var(--ink);overflow-wrap:anywhere}
.np-when[b-wc3vseb1bk]{font-size:12px;color:var(--muted)}
.np-when.on[b-wc3vseb1bk]{color:var(--ok)}
.np-pick[b-wc3vseb1bk]{display:inline-flex;align-items:center;gap:8px;cursor:pointer;min-width:0}
.np-pick input[b-wc3vseb1bk]{accent-color:var(--lime);width:16px;height:16px;flex:0 0 auto;margin:0}
.np-state[b-wc3vseb1bk]{font-size:12.5px;color:var(--muted-2);line-height:1.45}
.np-state.danger[b-wc3vseb1bk]{color:var(--danger-text)}
.np-state.warn[b-wc3vseb1bk]{color:var(--orange)}
.np-hint[b-wc3vseb1bk]{font-size:12px;color:var(--lime)}
.np-more summary[b-wc3vseb1bk]{cursor:pointer;font-size:11.5px;font-weight:700;color:var(--muted);width:max-content}
.np-more[open] summary[b-wc3vseb1bk]{margin-bottom:6px}
.np-more .btn[b-wc3vseb1bk]{margin-top:8px}
.np-facts[b-wc3vseb1bk]{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px 14px;margin:0}
.np-facts>div[b-wc3vseb1bk]{min-width:0}.np-facts .wide[b-wc3vseb1bk]{grid-column:1 / -1}
.np-facts dt[b-wc3vseb1bk]{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-3)}
.np-facts dd[b-wc3vseb1bk]{margin:2px 0 0;font-size:12px;color:var(--ink);overflow-wrap:anywhere}
.np-actions[b-wc3vseb1bk]{display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-width:0}
.np-note[b-wc3vseb1bk]{margin:0;font-size:12.5px;color:var(--muted);line-height:1.5}
.np-note.warn[b-wc3vseb1bk]{color:var(--orange)}
.np-key-line[b-wc3vseb1bk]{margin-top:10px;font-size:12px}
.np-more-link[b-wc3vseb1bk]{margin-top:8px;background:none;border:0;padding:0;font:inherit;font-size:12.5px;font-weight:700;color:var(--accent);cursor:pointer}

/* Панель «Добавить компьютер»: справа, поверх страницы; на телефоне — во всю ширину. */
.ad-back[b-wc3vseb1bk]{position:fixed;inset:0;z-index:40;background:rgba(5,7,11,.55);backdrop-filter:blur(2px)}
.ad-drawer[b-wc3vseb1bk]{position:fixed;z-index:41;top:0;right:0;bottom:0;width:min(560px,100vw);overflow-y:auto;padding:20px 22px 28px;background:#12151c;
  box-shadow:inset 1px 0 0 var(--ring-2),-30px 0 80px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:14px;animation:ad-slide-b-wc3vseb1bk .18s ease-out}
.ad-drawer:focus[b-wc3vseb1bk]{outline:none}
@keyframes ad-slide-b-wc3vseb1bk{from{transform:translateX(24px);opacity:.4}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.ad-drawer[b-wc3vseb1bk]{animation:none}}
.ad-head[b-wc3vseb1bk]{display:flex;align-items:center;gap:12px}
.ad-head>div[b-wc3vseb1bk]{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ad-head h3[b-wc3vseb1bk]{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.02em;margin:0}
.ad-head small[b-wc3vseb1bk]{font-size:12px;color:var(--muted);line-height:1.4}
.ad-ico[b-wc3vseb1bk]{width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--lime);background:rgba(217,255,47,.1)}
.ad-ico[b-wc3vseb1bk]  svg,.ad-ico svg[b-wc3vseb1bk]{width:17px;height:17px}
.ad-drawer[b-wc3vseb1bk]  svg{flex:0 0 auto}
.ad-steps[b-wc3vseb1bk]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ad-step[b-wc3vseb1bk]{border-radius:14px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}
.ad-step.now[b-wc3vseb1bk]{background:var(--surface);box-shadow:inset 0 0 0 1px rgba(217,255,47,.3)}
.ad-step-head[b-wc3vseb1bk]{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;background:none;border:0;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.ad-step-head b[b-wc3vseb1bk]{font-size:14px;font-weight:800}
.ad-step-head .n[b-wc3vseb1bk]{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto;font-weight:800;font-size:13px;background:var(--surface-3);color:var(--muted-2)}
.ad-step.now .n[b-wc3vseb1bk]{background:var(--lime);color:#0b0d12}
.ad-step.done:not(.now) .n[b-wc3vseb1bk]{background:rgba(0,200,83,.16);color:var(--ok)}
.ad-step-body[b-wc3vseb1bk]{display:flex;flex-direction:column;gap:10px;padding:0 14px 14px}
.ad-step-body>.btn[b-wc3vseb1bk]{align-self:flex-start}
.ad-line[b-wc3vseb1bk]{margin:0;font-size:13px;line-height:1.5;color:var(--muted-2)}
.ad-key[b-wc3vseb1bk]{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid var(--line)}
.ad-key>.btn[b-wc3vseb1bk]{align-self:flex-start}
.ad-key-row[b-wc3vseb1bk]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ad-key-value[b-wc3vseb1bk]{font-family:var(--font-mono);font-size:17px;font-weight:700;letter-spacing:.04em;color:var(--lime);user-select:all;overflow-wrap:anywhere;min-width:0}
.ad-wait[b-wc3vseb1bk]{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted-2);padding:10px 12px;border-radius:var(--r-input);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}
.ad-alt[b-wc3vseb1bk]{border-top:1px solid var(--line);padding-top:10px}
.ad-alt summary[b-wc3vseb1bk]{cursor:pointer;font-size:12.5px;font-weight:700;color:var(--muted)}
.ad-alt[open] summary[b-wc3vseb1bk]{margin-bottom:8px}
.ad-alt>.btn[b-wc3vseb1bk]{margin-top:8px}
.ad-alt .pairing[b-wc3vseb1bk]{margin-top:8px}
.ad-done[b-wc3vseb1bk]{display:flex;flex-direction:column;gap:6px}
.ad-done-row[b-wc3vseb1bk]{--tone:var(--warn);display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;padding:10px 12px;border-radius:var(--r-input);font-size:13px;
  background:color-mix(in srgb,var(--tone) 8%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone) 35%,transparent)}
.ad-done-row.ok[b-wc3vseb1bk]{--tone:var(--ok)}.ad-done-row.warn[b-wc3vseb1bk]{--tone:var(--orange)}.ad-done-row.off[b-wc3vseb1bk]{--tone:var(--muted-3)}
.ad-done-row .dot[b-wc3vseb1bk]{width:8px;height:8px;border-radius:50%;background:var(--tone);flex:0 0 auto}
.ad-done-row .grow[b-wc3vseb1bk]{flex:1}
.ad-done-name[b-wc3vseb1bk]{color:var(--muted-2);overflow-wrap:anywhere;min-width:0}
.ad-done-text[b-wc3vseb1bk]{font-weight:700;color:var(--ink)}
@media (max-width:640px){.ad-drawer[b-wc3vseb1bk]{padding:16px 16px 24px}}
/* /Components/Pages/Clubs/GameInstallPanel.razor.rz.scp.css */
.install-panel[b-rqyl921tgk]{padding:24px;background:var(--surface,#14171d);border:1px solid #ffffff12;border-radius:20px;margin-bottom:24px}.install-panel header[b-rqyl921tgk]{display:flex;justify-content:space-between;gap:16px;align-items:center}.install-panel h2[b-rqyl921tgk]{margin:8px 0;font-size:21px}.install-panel p[b-rqyl921tgk],.install-panel small[b-rqyl921tgk]{color:#a8b1bb;line-height:1.6}.install-controls[b-rqyl921tgk]{display:flex;gap:16px;align-items:end;margin:20px 0}.install-controls label[b-rqyl921tgk]{display:grid;gap:8px;flex:1}.install-controls select[b-rqyl921tgk]{padding:12px;background:#20242c;color:#fff;border:1px solid #ffffff20;border-radius:10px;width:100%}.install-panel article[b-rqyl921tgk]{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #ffffff12;padding:18px 0}.install-panel article span[b-rqyl921tgk]{display:block;font-size:12px;color:#929fae;margin-top:6px}.install-panel article p[b-rqyl921tgk]{margin:8px 0;font-size:13px}@media(max-width:700px){.install-controls[b-rqyl921tgk],.install-panel article[b-rqyl921tgk]{flex-direction:column;align-items:stretch}}
.install-steps[b-rqyl921tgk]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;list-style:none;counter-reset:step;margin:24px 0}.install-steps li[b-rqyl921tgk]{counter-increment:step;display:grid;grid-template-columns:28px 1fr;gap:5px 10px}.install-steps li[b-rqyl921tgk]::before{content:counter(step);grid-row:span 2;border:1px solid #ffffff20;border-radius:50%;height:26px;display:grid;place-items:center;color:var(--accent)}.install-steps b[b-rqyl921tgk]{font-size:13px}.install-steps span[b-rqyl921tgk]{font-size:12px;color:#929fae}.install-guide[b-rqyl921tgk]{padding:18px 20px;background:#ffffff03;border:1px solid #ffffff0b;border-radius:12px;margin-top:22px}.install-guide h3[b-rqyl921tgk]{font-size:15px;margin:0 0 12px}.install-guide ol[b-rqyl921tgk]{padding-left:20px;line-height:1.65;font-size:13px;color:#a8b1bb}.install-guide li+li[b-rqyl921tgk]{margin-top:8px}.install-actions[b-rqyl921tgk]{display:flex;gap:8px;flex-wrap:wrap}.install-publish[b-rqyl921tgk]{display:grid;gap:16px;padding:22px 0 4px}.install-publish label[b-rqyl921tgk]{display:flex;align-items:start;gap:10px;font-size:13px;line-height:1.5}.install-publish input[b-rqyl921tgk]{width:16px;height:16px;flex-shrink:0;margin:2px 0}.install-publish button[b-rqyl921tgk]{justify-self:start}.install-history[b-rqyl921tgk]{padding:16px 0;border-top:1px solid #ffffff12;margin-top:16px}.install-history summary[b-rqyl921tgk]{cursor:pointer;font-size:13px;color:#b5c6cc}.install-error[b-rqyl921tgk]{color:#ffb2b2!important}@media(max-width:700px){.install-steps[b-rqyl921tgk]{grid-template-columns:1fr;gap:14px}.install-publish button[b-rqyl921tgk]{width:100%}}
/* /Components/Pages/Clubs/Games.razor.rz.scp.css */
/* Staff → Игры: полоса библиотеки, сетка карточек с переключателем видимости, боковая панель. */
.gl[b-895qav1wbz] { display: flex; flex-direction: column; gap: 14px; }
.gl-live[b-895qav1wbz] { font-size: 11.5px; }
.gl-role[b-895qav1wbz] { margin: 0; color: var(--muted); font-size: 13px; }

/* ---------- полоса библиотеки ---------- */
.gl-strip[b-895qav1wbz] { display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-radius: 18px; background: rgba(255, 255, 255, .03); box-shadow: inset 0 0 0 1px var(--ring); }
.gl-strip-main[b-895qav1wbz] { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1; }
.gl-strip-main b[b-895qav1wbz] { font-size: 14px; display: flex; align-items: center; gap: 8px; }
.gl-strip-main small[b-895qav1wbz] { color: var(--muted-2); font-size: 12.5px; line-height: 1.45; overflow-wrap: anywhere; }
.gl-strip.preparing[b-895qav1wbz] { background: rgba(47, 196, 214, .06); box-shadow: inset 0 0 0 1px rgba(47, 196, 214, .28); }
.gl-strip.saving[b-895qav1wbz] { background: rgba(47, 196, 214, .08); box-shadow: inset 0 0 0 1px rgba(47, 196, 214, .35); }
.gl-strip.failed[b-895qav1wbz], .gl-strip.warn[b-895qav1wbz] { background: rgba(255, 95, 110, .06); box-shadow: inset 0 0 0 1px rgba(255, 95, 110, .3); }
.gl-strip.warn[b-895qav1wbz] { background: rgba(255, 214, 10, .05); box-shadow: inset 0 0 0 1px rgba(255, 214, 10, .25); }
.gl-spin[b-895qav1wbz] { width: 12px; height: 12px; border-radius: 50%; border: 2px solid rgba(47, 196, 214, .25); border-top-color: var(--accent); display: inline-block; animation: gl-rot-b-895qav1wbz .9s linear infinite; flex: 0 0 auto; }
@keyframes gl-rot-b-895qav1wbz { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .gl-spin[b-895qav1wbz] { animation: none; border-top-color: rgba(47, 196, 214, .25); background: var(--accent); } }

/* ---------- инструменты и сетка ---------- */
.gl-catalog[b-895qav1wbz] { padding: 14px; }
.gl-tools[b-895qav1wbz] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 14px; }
.gl-search[b-895qav1wbz] { display: flex; align-items: center; gap: 8px; height: 38px; padding: 0 12px; border-radius: 12px; background: rgba(255, 255, 255, .04); box-shadow: inset 0 0 0 1px var(--ring); min-width: 220px; flex: 0 1 280px; color: var(--muted); }
.gl-search[b-895qav1wbz]  svg { width: 16px; height: 16px; }
.gl-search input[b-895qav1wbz] { background: none; border: 0; outline: 0; color: var(--ink); font: inherit; width: 100%; min-width: 0; }
.gl-select[b-895qav1wbz] { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 12px; margin-left: auto; }
.gl-select select[b-895qav1wbz] { height: 34px; border-radius: 10px; }
.gl-grid[b-895qav1wbz] { display: grid; grid-template-columns: repeat(auto-fill, minmax(232px, 1fr)); gap: 12px; }

.gl-game[b-895qav1wbz] { --c: var(--muted-3); position: relative; display: flex; flex-direction: column; border-radius: 16px; background: rgba(255, 255, 255, .03); box-shadow: inset 0 0 0 1px var(--ring); min-width: 0; transition: box-shadow .15s, background .15s; }
.gl-game:hover[b-895qav1wbz] { background: rgba(255, 255, 255, .05); box-shadow: inset 0 0 0 1px var(--ring-2); }
.gl-game.selected[b-895qav1wbz] { box-shadow: inset 0 0 0 1.5px var(--accent-ring); }
.gl-game.ready[b-895qav1wbz] { --c: var(--ok); }
.gl-game.found[b-895qav1wbz], .gl-game.saving[b-895qav1wbz], .gl-game.downloading[b-895qav1wbz] { --c: var(--accent); }
.gl-game.missing[b-895qav1wbz], .gl-game.setup[b-895qav1wbz] { --c: var(--warn); }
.gl-game.is-hidden .gl-cover[b-895qav1wbz] { filter: grayscale(.8) brightness(.6); }
.gl-open[b-895qav1wbz] { display: flex; flex-direction: column; text-align: left; background: none; border: 0; padding: 0; color: inherit; font: inherit; cursor: pointer; border-radius: 16px 16px 0 0; min-width: 0; }
.gl-open:focus-visible[b-895qav1wbz] { outline: 2px solid var(--accent); outline-offset: -2px; }
.gl-cover[b-895qav1wbz] { position: relative; aspect-ratio: 460 / 215; border-radius: 16px 16px 0 0; overflow: hidden; background: linear-gradient(160deg, var(--c1, #1a2230), var(--c2, #0d1017) 82%); }
.gl-cover img[b-895qav1wbz] { width: 100%; height: 100%; object-fit: cover; display: block; }
.gl-letters[b-895qav1wbz] { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-size: 30px; font-weight: 800; color: rgba(255, 255, 255, .82); }
.gl-letters.big[b-895qav1wbz] { font-size: 52px; }
.gl-plat[b-895qav1wbz] { position: absolute; left: 10px; top: 10px; padding: 3px 8px; border-radius: 8px; background: rgba(8, 10, 14, .72); font-family: var(--font-mono); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted-2); }
.gl-body[b-895qav1wbz] { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px 8px; min-width: 0; }
.gl-title[b-895qav1wbz] { font-size: 14px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gl-state[b-895qav1wbz] { display: flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 700; color: var(--ink); }
.gl-dot[b-895qav1wbz] { width: 7px; height: 7px; border-radius: 50%; background: var(--c); flex: 0 0 auto; }
.gl-detail[b-895qav1wbz] { color: var(--muted); font-size: 11.5px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.8em; overflow-wrap: anywhere; }
.gl-foot[b-895qav1wbz] { display: flex; align-items: center; gap: 10px; padding: 8px 14px 12px; margin-top: auto; border-top: 1px solid var(--line); }
.gl-vis[b-895qav1wbz] { font-size: 12px; color: var(--muted-2); }
.gl-empty[b-895qav1wbz] { display: flex; align-items: center; gap: 14px; padding: 26px 18px; color: var(--muted); }
.gl-empty b[b-895qav1wbz] { display: block; color: var(--ink); margin-bottom: 3px; }
.gl-empty small[b-895qav1wbz] { font-size: 12.5px; line-height: 1.45; }
.gl-empty[b-895qav1wbz]  svg { width: 28px; height: 28px; flex: 0 0 auto; }

/* ---------- боковая панель ---------- */
.gl-back[b-895qav1wbz] { position: fixed; inset: 0; z-index: 50; background: rgba(5, 7, 11, .55); }
.gl-back.top[b-895qav1wbz] { z-index: 60; }
.gl-drawer[b-895qav1wbz] { position: fixed; z-index: 51; top: 0; right: 0; bottom: 0; width: min(520px, 100vw); overflow-y: auto; background: #12151c; box-shadow: inset 1px 0 0 var(--ring-2), -30px 0 80px rgba(0, 0, 0, .5); display: flex; flex-direction: column; }
@media (prefers-reduced-motion: no-preference) { .gl-drawer[b-895qav1wbz] { animation: gl-slide-b-895qav1wbz .18s ease-out; } }
@keyframes gl-slide-b-895qav1wbz { from { transform: translateX(24px); } to { transform: none; } }
.gl-drawer-head[b-895qav1wbz] { display: flex; align-items: flex-start; gap: 12px; padding: 18px 20px 4px; }
.gl-drawer-head h3[b-895qav1wbz] { margin: 0 0 4px; font-family: var(--font-display); font-size: 18px; }
.gl-drawer-head small[b-895qav1wbz] { color: var(--muted); font-size: 12.5px; line-height: 1.45; display: block; }
.gl-drawer-head > div[b-895qav1wbz] { flex: 1; min-width: 0; }
.gl-drawer-body[b-895qav1wbz] { display: flex; flex-direction: column; gap: 14px; padding: 12px 20px 28px; }
.gl-x[b-895qav1wbz] { width: 34px; height: 34px; border-radius: 10px; border: 0; background: rgba(255, 255, 255, .06); color: var(--muted-2); cursor: pointer; flex: 0 0 auto; }
.gl-x:hover[b-895qav1wbz] { color: var(--ink); background: rgba(255, 255, 255, .1); }
.gl-hero[b-895qav1wbz] { position: relative; aspect-ratio: 460 / 215; background: linear-gradient(160deg, var(--c1, #1a2230), var(--c2, #0d1017) 82%); flex: 0 0 auto; }
.gl-hero img[b-895qav1wbz] { width: 100%; height: 100%; object-fit: cover; display: block; }
.gl-hero .gl-x[b-895qav1wbz] { position: absolute; top: 12px; right: 12px; background: rgba(8, 10, 14, .7); }

.gl-steps[b-895qav1wbz] { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 6px; color: var(--muted-2); font-size: 13px; line-height: 1.45; }
.gl-check[b-895qav1wbz] { display: flex; flex-direction: column; gap: 2px; border-radius: 14px; background: rgba(255, 255, 255, .03); box-shadow: inset 0 0 0 1px var(--ring); padding: 6px; }
.gl-step[b-895qav1wbz] { display: flex; gap: 10px; align-items: flex-start; padding: 8px; border-radius: 10px; }
.gl-step b[b-895qav1wbz] { display: block; font-size: 13px; }
.gl-step small[b-895qav1wbz] { display: block; color: var(--muted); font-size: 12px; line-height: 1.4; margin-top: 2px; overflow-wrap: anywhere; }
.gl-step-mark[b-895qav1wbz] { width: 20px; height: 20px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--ring-2); display: inline-flex; align-items: center; justify-content: center; font-size: 11px; flex: 0 0 auto; margin-top: 1px; }
.gl-step.done .gl-step-mark[b-895qav1wbz] { background: rgba(61, 220, 132, .15); box-shadow: inset 0 0 0 1.5px rgba(61, 220, 132, .55); color: var(--ok); }
.gl-found ul[b-895qav1wbz] { list-style: none; margin: 6px 0 0; padding: 0; display: flex; flex-direction: column; gap: 4px; font-size: 13px; }
.gl-found small[b-895qav1wbz] { color: var(--muted); }
.gl-why[b-895qav1wbz] { margin: 0; padding: 10px 12px; border-radius: 12px; background: rgba(255, 214, 10, .06); box-shadow: inset 0 0 0 1px rgba(255, 214, 10, .22); color: var(--ink); font-size: 12.5px; line-height: 1.45; }
.gl-confirm-line[b-895qav1wbz] { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; color: var(--muted-2); line-height: 1.45; }
.gl-confirm-line input[b-895qav1wbz] { margin-top: 3px; }
.gl-license[b-895qav1wbz] { margin: 0; font-size: 12px; color: var(--muted); line-height: 1.45; }
.gl-note[b-895qav1wbz] { margin: 0; font-size: 12.5px; color: var(--muted); line-height: 1.45; }
.gl-link[b-895qav1wbz] { align-self: flex-start; background: none; border: 0; padding: 0; color: var(--accent); font: inherit; font-size: 13px; cursor: pointer; }
.gl-link:hover[b-895qav1wbz] { text-decoration: underline; }

.gl-visrow[b-895qav1wbz] { display: flex; gap: 12px; align-items: flex-start; padding: 12px; border-radius: 14px; background: rgba(255, 255, 255, .03); box-shadow: inset 0 0 0 1px var(--ring); }
.gl-visrow b[b-895qav1wbz] { display: block; font-size: 13px; }
.gl-visrow small[b-895qav1wbz] { display: block; color: var(--muted); font-size: 12px; line-height: 1.4; margin-top: 3px; }
.gl-sec[b-895qav1wbz] { display: flex; flex-direction: column; gap: 8px; }
.gl-facts[b-895qav1wbz] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.gl-facts li[b-895qav1wbz] { display: grid; grid-template-columns: 128px 1fr; gap: 10px; font-size: 12.5px; padding: 8px 10px; border-radius: 10px; background: rgba(255, 255, 255, .025); }
.gl-facts li b[b-895qav1wbz] { color: var(--muted-2); font-weight: 600; }
.gl-facts li span[b-895qav1wbz] { overflow-wrap: anywhere; }
.gl-facts li.ok span[b-895qav1wbz]::before { content: "✓ "; color: var(--ok); }
.gl-pcs summary[b-895qav1wbz], .gl-rare summary[b-895qav1wbz] { cursor: pointer; font-weight: 700; font-size: 13px; padding: 4px 0; }
.gl-pcs ul[b-895qav1wbz] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.gl-pcs li[b-895qav1wbz] { display: grid; grid-template-columns: 70px 110px 1fr; gap: 8px; font-size: 12px; align-items: baseline; }
.gl-pcs li.ok span[b-895qav1wbz] { color: var(--ok); }
.gl-pcs li.bad span[b-895qav1wbz] { color: var(--warn); }
.gl-pcs li small[b-895qav1wbz] { color: var(--muted); overflow-wrap: anywhere; }
.gl-inline[b-895qav1wbz] { flex-direction: row; align-items: center; gap: 10px; font-size: 12.5px; color: var(--muted-2); }
.gl-form[b-895qav1wbz] { display: flex; flex-direction: column; gap: 10px; padding-top: 8px; }
.gl-form textarea[b-895qav1wbz] { resize: vertical; }
.gl-seats[b-895qav1wbz] { display: flex; flex-wrap: wrap; gap: 6px; }
.gl-danger[b-895qav1wbz] { padding-top: 6px; border-top: 1px solid var(--line); }
.gl-confirm[b-895qav1wbz] { position: fixed; z-index: 61; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(440px, calc(100vw - 32px)); padding: 20px; border-radius: 18px; background: #151922; box-shadow: inset 0 0 0 1px var(--ring-2), 0 30px 80px rgba(0, 0, 0, .55); }
.gl-confirm h3[b-895qav1wbz] { margin: 0 0 8px; font-size: 16px; }
.gl-confirm p[b-895qav1wbz] { margin: 0 0 14px; color: var(--muted-2); font-size: 13px; line-height: 1.5; }

@media (max-width: 720px) {
    .gl-strip[b-895qav1wbz] { flex-direction: column; align-items: stretch; }
    .gl-select[b-895qav1wbz] { margin-left: 0; }
    .gl-grid[b-895qav1wbz] { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }
    .gl-facts li[b-895qav1wbz] { grid-template-columns: 1fr; gap: 2px; }
}

.gl-step-act[b-895qav1wbz] { padding: 0 8px 8px 38px; align-items: center; gap: 10px; }

/* «Что происходит сейчас» в панели подготовки */
.gl-now[b-895qav1wbz] { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: 14px; background: rgba(47, 196, 214, .08); box-shadow: inset 0 0 0 1px rgba(47, 196, 214, .35); }
.gl-now.ok[b-895qav1wbz] { background: rgba(61, 220, 132, .08); box-shadow: inset 0 0 0 1px rgba(61, 220, 132, .4); }
.gl-now.warn[b-895qav1wbz] { background: rgba(255, 214, 10, .07); box-shadow: inset 0 0 0 1px rgba(255, 214, 10, .35); }
.gl-now b[b-895qav1wbz] { display: block; font-size: 15px; }
.gl-now small[b-895qav1wbz] { display: block; margin-top: 3px; color: var(--muted-2); font-size: 12.5px; line-height: 1.45; }
.gl-now-ico[b-895qav1wbz] { width: 26px; height: 26px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; font-weight: 800; background: rgba(255, 255, 255, .06); }
.gl-now.ok .gl-now-ico[b-895qav1wbz] { color: var(--ok); background: rgba(61, 220, 132, .15); }
.gl-now.warn .gl-now-ico[b-895qav1wbz] { color: var(--warn); background: rgba(255, 214, 10, .14); }
.gl-pulse[b-895qav1wbz] { margin: -6px 0 0; font-size: 11.5px; color: var(--muted); font-family: var(--font-mono); letter-spacing: .02em; }
.gl-sr[b-895qav1wbz] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
/* /Components/Pages/Clubs/Halls.razor.rz.scp.css */
/* «Залы и тарифы»: все залы карточками друг под другом, как карта клуба. В строке зала — места слева и тарифы этого зала
   справа. */
.hall-row[b-konv35hhh0]{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start;min-width:0}
/* Тарифы зала держатся на виду, пока прокручивается большой зал (40 мест), а не растягиваются пустой карточкой. */
.hall-row[b-konv35hhh0]  .tariffs-card{position:sticky;top:12px}
.hall-row.single[b-konv35hhh0]{grid-template-columns:minmax(0,1fr)}
@media (max-width:1100px){.hall-row[b-konv35hhh0]{grid-template-columns:minmax(0,1fr)}}

.alert .notice-link[b-konv35hhh0]{margin-left:auto;color:var(--ok);font-weight:800;white-space:nowrap;text-decoration:none}
.alert .notice-link:hover[b-konv35hhh0]{text-decoration:underline}

/* Редактор зала: поля, подсказка о нумерации, предпросмотр и кнопки сразу под ними. */
.form-grid[b-konv35hhh0]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.form-grid .field[b-konv35hhh0]{flex:none}
@media (max-width:640px){.form-grid[b-konv35hhh0]{grid-template-columns:minmax(0,1fr)}}
/* Заблокированные поля нумерации выглядят именно заблокированными: приглушены, с замком в подписи. */
.field.readonly[b-konv35hhh0]{background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--line);cursor:not-allowed}
.field.readonly input[b-konv35hhh0]{color:var(--muted-3);cursor:not-allowed;-webkit-text-fill-color:var(--muted-3)}
.lock[b-konv35hhh0]{display:inline-flex;vertical-align:-2px;margin-right:5px;color:var(--orange)}
.lock[b-konv35hhh0]  svg,.lock svg[b-konv35hhh0]{width:11px;height:11px}
.numbering-hint[b-konv35hhh0]{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:var(--r-input);background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--line);font-size:12.5px;line-height:1.5;color:var(--muted)}
.numbering-hint b[b-konv35hhh0]{color:var(--ink);font-weight:800}
.numbering-hint.locked[b-konv35hhh0]{background:rgba(255,122,47,.06);box-shadow:inset 0 0 0 1px rgba(255,122,47,.28)}
.nh-ico[b-konv35hhh0]{flex:0 0 auto;width:22px;height:22px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);background:rgba(47,196,214,.12);margin-top:-1px}
.locked .nh-ico[b-konv35hhh0]{color:var(--orange);background:rgba(255,122,47,.14)}
.nh-ico[b-konv35hhh0]  svg{width:12px;height:12px}
.preview[b-konv35hhh0]{display:flex;flex-direction:column;gap:8px}
.pv[b-konv35hhh0]{height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--muted-2);border:1.5px dashed rgba(255,255,255,.16);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 6px}
.form-actions[b-konv35hhh0]{padding-top:2px}

/* Подтверждение удаления в карточке зала. */
.confirm[b-konv35hhh0]{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 14px;border-radius:var(--r-item);background:rgba(255,59,74,.07);box-shadow:inset 0 0 0 1px rgba(255,59,74,.3)}
.confirm-text[b-konv35hhh0]{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:3px}
.confirm-text b[b-konv35hhh0]{font-size:13.5px;font-weight:800;color:var(--ink)}
.confirm-text span[b-konv35hhh0]{font-size:12.5px;color:var(--muted);line-height:1.45}

/* Подвал карточки зала: сколько ПК привязано, сколько на связи и куда идти подключать. */
.foot-stat[b-konv35hhh0]{font-size:12.5px;color:var(--muted)}
.foot-stat b[b-konv35hhh0]{color:var(--ink);font-weight:800}
.spacer[b-konv35hhh0]{flex:1 1 auto}
.foot-link[b-konv35hhh0]{font-size:13px;font-weight:800;color:var(--accent);text-decoration:none;white-space:nowrap}
.foot-link:hover[b-konv35hhh0]{text-decoration:underline}
.foot-note[b-konv35hhh0]{font-size:12px;color:var(--muted)}
.plan-cta[b-konv35hhh0]{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0;font-size:12.5px;color:var(--muted)}
/* /Components/Pages/Clubs/HallTariffs.razor.rz.scp.css */
/* Тарифы зала: длительность — меткой слева, цена — справа крупно; редактор открывается на месте строки. */
.tariff-list[b-ry02gpbk7p]{display:flex;flex-direction:column;gap:8px}
.tariff-list:empty[b-ry02gpbk7p]{display:none}
.tariff-card[b-ry02gpbk7p]{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 10px 10px 10px;border-radius:var(--r-item);background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--ring)}
.tariff-card:not(:has(.icon-btn))[b-ry02gpbk7p]{padding-right:14px}
.dur[b-ry02gpbk7p]{min-width:58px;height:30px;padding:0 10px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11.5px;font-weight:700;color:var(--accent);background:rgba(47,196,214,.12);white-space:nowrap}
.tariff-card .body[b-ry02gpbk7p]{display:flex;flex-direction:column;gap:2px;min-width:0}
.tariff-card .name[b-ry02gpbk7p]{font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.state[b-ry02gpbk7p]{font-size:11.5px;color:var(--muted)}
.tariff-card .price[b-ry02gpbk7p]{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap}
.tariff-card.off .dur[b-ry02gpbk7p]{color:var(--muted-2);background:var(--surface-2)}
.tariff-card.off .name[b-ry02gpbk7p],.tariff-card.off .price[b-ry02gpbk7p]{color:var(--muted)}

.add-tariff[b-ry02gpbk7p]{height:44px;width:100%;border-radius:var(--r-item);border:1.5px dashed rgba(47,196,214,.35);background:transparent;color:var(--accent);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:800}
.add-tariff:hover[b-ry02gpbk7p]{background:rgba(47,196,214,.06)}
.add-tariff[b-ry02gpbk7p]  svg{width:14px;height:14px}

.arch-toggle[b-ry02gpbk7p]{height:28px;padding:0 11px;border-radius:999px;border:0;background:rgba(255,255,255,.07);color:var(--muted-2);font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.arch-toggle:hover[b-ry02gpbk7p],.arch-toggle.on[b-ry02gpbk7p]{color:var(--ink);background:rgba(255,255,255,.11)}

.tariff-editor[b-ry02gpbk7p]{gap:10px;padding:14px;box-shadow:inset 0 0 0 1.5px rgba(47,196,214,.35)}
.tariff-editor .panel-head h2[b-ry02gpbk7p]{font-size:13.5px}
.durations[b-ry02gpbk7p]{display:flex;gap:6px;flex-wrap:wrap}
.dchip[b-ry02gpbk7p]{height:30px;padding:0 11px;border-radius:999px;border:0;background:var(--surface-2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:var(--muted-2);font-size:12px;font-weight:800}
.dchip:hover[b-ry02gpbk7p]{color:var(--ink)}
.dchip.on[b-ry02gpbk7p]{background:rgba(47,196,214,.14);box-shadow:inset 0 0 0 1.5px rgba(47,196,214,.5);color:var(--accent)}
.active-row[b-ry02gpbk7p]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 2px}
.active-row span[b-ry02gpbk7p]{display:flex;flex-direction:column;gap:2px;min-width:0}
.active-row b[b-ry02gpbk7p]{font-size:13px;font-weight:800}
.active-row small[b-ry02gpbk7p]{font-size:11.5px;color:var(--muted)}
.confirm[b-ry02gpbk7p]{display:flex;flex-direction:column;gap:3px;padding:11px 13px;border-radius:var(--r-input);background:rgba(255,59,74,.07);box-shadow:inset 0 0 0 1px rgba(255,59,74,.3)}
.confirm b[b-ry02gpbk7p]{font-size:13px;font-weight:800}
.confirm span[b-ry02gpbk7p]{font-size:12px;color:var(--muted);line-height:1.45}
/* /Components/Pages/Clubs/Overview.razor.rz.scp.css */
/* Обзор клуба (docs/STAFF_UX_RU.md, раздел 2). Две колонки выровнены по верху: никаких растянутых пустых блоков.
   Классы, переданные в общие компоненты через Class, достаются через ::deep от .ov. */

/* Шапка: «нет связи» — оранжевый, как на плитках; жёлтый остаётся только у резерва. */
.status.orange[b-80qa9cxi6o]{background:rgba(255,122,47,.08);box-shadow:inset 0 0 0 1px rgba(255,122,47,.32);color:var(--orange)}

.ov[b-80qa9cxi6o]{gap:16px}

.ov-grid[b-80qa9cxi6o]{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}
.ov-main[b-80qa9cxi6o],.ov-side[b-80qa9cxi6o]{display:flex;flex-direction:column;gap:16px;min-width:0}

/* ---------- Карта залов ---------- */
.hall[b-80qa9cxi6o]{display:flex;flex-direction:column;gap:10px;min-width:0}
.hall+.hall[b-80qa9cxi6o]{padding-top:14px;border-top:1px solid var(--line)}
.hall-head[b-80qa9cxi6o]{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;min-width:0}
.hall-head b[b-80qa9cxi6o]{font-size:13px;font-weight:800}
.hall-head span[b-80qa9cxi6o]{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-3)}
/* Колонок столько, чтобы последний ряд не оставался полупустым (--c на обычной ширине, --cw на широкой);
   на узком экране плитка не уже 128 px, и колонок становится меньше. */
.hall-seats[b-80qa9cxi6o]{container-type:inline-size;min-width:0}
.seats[b-80qa9cxi6o]{--g:8px;display:grid;gap:var(--g);
  grid-template-columns:repeat(auto-fill,minmax(max(128px,calc((100% - (var(--c) - 1) * var(--g)) / var(--c))),1fr))}
@container (min-width:1100px){
  .seats[b-80qa9cxi6o]{grid-template-columns:repeat(auto-fill,minmax(max(128px,calc((100% - (var(--cw) - 1) * var(--g)) / var(--cw))),1fr))}
}
.seat-cell[b-80qa9cxi6o]{display:flex;min-width:0}
.seat-cell[b-80qa9cxi6o]  .tile{flex:1}
/* «Не отвечает с 02.10 22:30» не должно обрезаться в узкой плитке: две строки подробностей. */
.seats .seat-cell[b-80qa9cxi6o]  .sub{-webkit-line-clamp:2}

/* Подвал карты: подсказка и переходы в «Залы» и «Компьютеры». */
.map-note[b-80qa9cxi6o]{font-size:12px;color:var(--muted)}
.grow[b-80qa9cxi6o]{flex:1 1 auto}
.map-links[b-80qa9cxi6o]{display:inline-flex;gap:14px;white-space:nowrap}
.map-link[b-80qa9cxi6o]{font-size:12.5px;font-weight:800;color:var(--accent);text-decoration:none;white-space:nowrap}
.map-link:hover[b-80qa9cxi6o]{text-decoration:underline}

/* ---------- Последние действия ---------- */
.recent-list[b-80qa9cxi6o]{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.recent-list[b-80qa9cxi6o]  .row{padding-left:18px;padding-right:18px}
.pad[b-80qa9cxi6o]{padding:0 18px}

/* ---------- Стойка ---------- */
.desk-actions[b-80qa9cxi6o]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.desk-actions .btn[b-80qa9cxi6o]{height:36px;padding:0 10px;min-width:0}

/* ---------- Внимание ---------- */
.att-list[b-80qa9cxi6o]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.att[b-80qa9cxi6o]{--tone:var(--muted-2);display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 10px 10px 12px;border-radius:var(--r-item);
  background:color-mix(in srgb,var(--tone) 6%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone) 26%,transparent)}
.att.t-orange[b-80qa9cxi6o]{--tone:var(--orange)}.att.t-danger[b-80qa9cxi6o]{--tone:var(--danger-text)}.att.t-warn[b-80qa9cxi6o]{--tone:var(--warn)}.att.t-accent[b-80qa9cxi6o]{--tone:var(--accent)}
.att.t-neutral[b-80qa9cxi6o]{background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--line)}
.a-ico[b-80qa9cxi6o]{width:28px;height:28px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;color:var(--tone);background:color-mix(in srgb,var(--tone) 14%,transparent);align-self:start}
.a-ico[b-80qa9cxi6o]  svg{width:14px;height:14px}
.a-text[b-80qa9cxi6o]{display:flex;flex-direction:column;gap:2px;min-width:0}
.a-text b[b-80qa9cxi6o]{font-size:12.5px;font-weight:800;line-height:1.35;overflow-wrap:anywhere}
.a-text span[b-80qa9cxi6o]{font-size:11.5px;color:var(--muted-2);line-height:1.4}
.a-text small[b-80qa9cxi6o]{font-size:11px;color:var(--muted);line-height:1.4}
.a-btn[b-80qa9cxi6o]{height:30px;padding:0 12px;font-size:11.5px}

/* ---------- Сеансы ---------- */
.sessions[b-80qa9cxi6o]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.sessions li+li[b-80qa9cxi6o]{border-top:1px solid var(--line)}
.session[b-80qa9cxi6o]{display:flex;align-items:center;gap:10px;padding:8px 0;min-width:0;color:inherit}
.sessions li:first-child .session[b-80qa9cxi6o]{padding-top:0}
.sessions li:last-child .session[b-80qa9cxi6o]{padding-bottom:0}
a.session:hover .s-body b[b-80qa9cxi6o]{color:var(--accent)}
.session[b-80qa9cxi6o]  .avatar{width:34px;height:34px;font-size:12px}
.s-body[b-80qa9cxi6o]{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.s-body b[b-80qa9cxi6o]{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s-body small[b-80qa9cxi6o]{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.more-note[b-80qa9cxi6o]{font-size:11.5px;color:var(--muted)}

/* ---------- Узкие экраны ---------- */
@media (min-width:1600px){.ov-grid[b-80qa9cxi6o]{grid-template-columns:minmax(0,1fr) 380px}}
@media (max-width:600px){
  /* На телефоне две плитки в ряд, а не одна длинная лента. */
  .seats[b-80qa9cxi6o]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}
  /* KPI парами: четыре карточки одна под другой занимали весь первый экран. */
  .ov[b-80qa9cxi6o]  .ov-kpis.ui-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
}
@media (max-width:1100px){
  .ov-grid[b-80qa9cxi6o]{grid-template-columns:minmax(0,1fr)}
  /* Кассиру стойка нужна первой, поэтому при одной колонке боковая часть уходит наверх. */
  .ov-side.cashier-first[b-80qa9cxi6o]{order:-1}
}

/* Большой клуб: карта во всю ширину, боковые блоки — строкой над ней (без пустоты под короткой колонкой). */
.ov-grid.big[b-80qa9cxi6o]{grid-template-columns:minmax(0,1fr)}
.ov-grid.big .ov-side[b-80qa9cxi6o]{order:-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}
.ov-grid.big .seats[b-80qa9cxi6o]{grid-template-columns:repeat(auto-fill,minmax(max(110px,calc((100% - (var(--c) - 1) * var(--g)) / var(--c))),1fr))}
/* /Components/Pages/Clubs/Shifts.razor.rz.scp.css */
/* Смены и касса — слева текущая смена и чек-лист закрытия, справа история смен и плашка неразобранных расхождений.
   Язык тот же, что у MONO Boot и Игр: тёмные карточки, моно-подписи, один главный акцент на экране (лаймовая сумма и кнопка закрытия).
   Токены и базовые компоненты (btn, field, alert, eyebrow, dot) — из app.css. */
.sh[b-uqpytgnrdj], .sh-modal[b-uqpytgnrdj] {
    --sh-lime: var(--lime);
    --sh-ok: var(--ok-dot);
    --sh-bad: var(--danger-text);
}
.sh[b-uqpytgnrdj] { position: relative; }
.sh[b-uqpytgnrdj]  svg, .sh-modal[b-uqpytgnrdj]  svg { width: 16px; height: 16px; flex: 0 0 auto; }
.sh .grow[b-uqpytgnrdj], .sh-modal .grow[b-uqpytgnrdj] { flex: 1; min-width: 0; }

/* ---------- Роль ---------- */
.sh-role[b-uqpytgnrdj] { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 14px; background: var(--surface-3); box-shadow: inset 0 0 0 1px var(--line); font-size: 12px; color: var(--muted-2); line-height: 1.5; }
.sh-role b[b-uqpytgnrdj] { color: var(--ink); }
.sh-role[b-uqpytgnrdj]  svg { color: var(--accent); }

/* ---------- Раскладка ---------- */
.sh-grid[b-uqpytgnrdj] { display: grid; grid-template-columns: minmax(340px, 400px) minmax(0, 1fr); gap: 14px; align-items: stretch; flex: 1; min-height: 0; }
.sh-left[b-uqpytgnrdj] { display: flex; flex-direction: column; gap: 8px; min-width: 0; align-self: start; }
.sh-label[b-uqpytgnrdj] { margin: 8px 0 -2px 4px; font-size: 9px; }

/* ---------- Текущая смена ---------- */
.sh-now[b-uqpytgnrdj] { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 16px 18px 14px; border-radius: var(--r-panel); overflow: hidden;
    background: radial-gradient(120% 90% at 0% 0%, rgba(217, 255, 47, .09), transparent 60%), linear-gradient(160deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .015));
    box-shadow: inset 0 0 0 1px rgba(217, 255, 47, .26); }
.sh-status[b-uqpytgnrdj] { display: flex; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: var(--ok); }
.sh-status .dot[b-uqpytgnrdj] { color: var(--sh-ok); box-shadow: 0 0 0 4px rgba(0, 200, 83, .14); }
.sh-total[b-uqpytgnrdj] { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; font-family: var(--font-display); font-size: 38px; font-weight: 800; letter-spacing: -.02em; line-height: 1.1; color: var(--sh-lime); font-variant-numeric: tabular-nums; }
.sh-total small[b-uqpytgnrdj] { font-family: var(--font-mono); font-size: 10px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--muted-3); }
.sh-rows[b-uqpytgnrdj] { margin: 2px 0 0; display: flex; flex-direction: column; }
.sh-rows > div[b-uqpytgnrdj] { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 7px 0; border-bottom: 1px solid var(--line); }
.sh-rows > div:last-child[b-uqpytgnrdj] { border-bottom: 0; }
.sh-rows > div.sep[b-uqpytgnrdj] { margin-top: 6px; border-top: 1px dashed var(--ring-2); padding-top: 12px; }
.sh-rows dt[b-uqpytgnrdj] { font-size: 14px; font-weight: 800; color: var(--muted-2); }
.sh-rows dd[b-uqpytgnrdj] { margin: 0; font-family: var(--font-mono); font-size: 14px; font-weight: 700; color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.sh-rows .cash dt[b-uqpytgnrdj] { color: var(--ink); }
.sh-rows .cash dd[b-uqpytgnrdj] { color: var(--sh-lime); font-size: 16px; }
.sh-cash-note[b-uqpytgnrdj] { margin-top: -4px; font-size: 11.5px; color: var(--muted); line-height: 1.5; }
.sh-actions[b-uqpytgnrdj] { display: flex; gap: 10px; align-items: center; margin-top: 4px; }
.sh-actions .btn[b-uqpytgnrdj] { height: 44px; font-size: 14px; }
.sh-who[b-uqpytgnrdj] { font-size: 12px; color: var(--muted-2); line-height: 1.55; }

.sh-stale[b-uqpytgnrdj] { display: flex; align-items: center; gap: 8px; padding: 7px 11px; border-radius: 12px; background: rgba(255, 214, 10, .07); box-shadow: inset 0 0 0 1px rgba(255, 214, 10, .24); font-size: 12px; font-weight: 700; color: var(--warn); }

/* Лаймовая кнопка — главное действие экрана («Закрыть смену», «Открыть смену»). */
.sh-lime[b-uqpytgnrdj] { background: var(--sh-lime) !important; color: #11140a !important; box-shadow: 0 10px 30px rgba(217, 255, 47, .22) !important; font-weight: 800; }
.sh-lime:hover:not(:disabled)[b-uqpytgnrdj] { filter: brightness(1.05); }

/* Движения кассы внутри карточки */
.sh-moves[b-uqpytgnrdj] { display: flex; flex-direction: column; gap: 6px; padding: 10px 12px; border-radius: 14px; background: rgba(0, 0, 0, .18); box-shadow: inset 0 0 0 1px var(--line); }
.sh-moves .eyebrow[b-uqpytgnrdj] { font-size: 9px; }
.sh-move[b-uqpytgnrdj] { display: grid; grid-template-columns: 42px minmax(0, 1fr) minmax(0, 90px) auto; gap: 8px; align-items: baseline; font-size: 12px; }
.sh-move .mono[b-uqpytgnrdj] { font-size: 11px; color: var(--muted); }
.sh-move b[b-uqpytgnrdj] { font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sh-move .by[b-uqpytgnrdj] { color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.sh-move .amt[b-uqpytgnrdj] { font-family: var(--font-mono); font-weight: 700; text-align: right; }
.sh-move .amt.out[b-uqpytgnrdj] { color: var(--warn); }

/* Смены нет */
.sh-none[b-uqpytgnrdj] { align-items: flex-start; padding: 22px 22px 20px; gap: 12px; }
.sh-none h2[b-uqpytgnrdj] { font-family: var(--font-display); font-size: 20px; font-weight: 700; letter-spacing: -.02em; }
.sh-none p[b-uqpytgnrdj] { font-size: 13px; color: var(--muted-2); line-height: 1.65; }
.sh-none-ico[b-uqpytgnrdj] { width: 48px; height: 48px; border-radius: 15px; display: inline-flex; align-items: center; justify-content: center; background: rgba(217, 255, 47, .1); color: var(--sh-lime); }
.sh-none-ico[b-uqpytgnrdj]  svg { width: 22px; height: 22px; }
.sh-none .btn[b-uqpytgnrdj] { height: 46px; font-size: 14px; margin-top: 4px; }
.sh-gap[b-uqpytgnrdj] { display: flex; gap: 10px; padding: 12px 14px; border-radius: 16px; background: rgba(255, 214, 10, .06); box-shadow: inset 0 0 0 1px rgba(255, 214, 10, .22); font-size: 12.5px; color: var(--muted-2); line-height: 1.55; }
.sh-gap b[b-uqpytgnrdj] { color: var(--warn); }
.sh-gap[b-uqpytgnrdj]  svg { color: var(--warn); margin-top: 2px; }

/* ---------- Чек-лист ---------- */
.sh-check[b-uqpytgnrdj] { display: flex; flex-direction: column; gap: 2px; padding: 8px 14px; border-radius: var(--r-panel); background: var(--surface); box-shadow: inset 0 0 0 1px var(--ring); }
.sh-ck[b-uqpytgnrdj] { display: flex; align-items: center; gap: 12px; padding: 7px 0; font-size: 14px; font-weight: 800; line-height: 1.4; }
.sh-ck .mark[b-uqpytgnrdj] { width: 22px; height: 22px; border-radius: 50%; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800; }
.sh-ck .mark[b-uqpytgnrdj]  svg { width: 13px; height: 13px; stroke-width: 3; }
.sh-ck .mark i[b-uqpytgnrdj] { width: 8px; height: 8px; border-radius: 50%; background: currentColor; opacity: .4; }
.sh-ck.ok .mark[b-uqpytgnrdj] { background: var(--sh-ok); color: #fff; }
.sh-ck.warn[b-uqpytgnrdj] { color: var(--warn); }
.sh-ck.warn .mark[b-uqpytgnrdj] { box-shadow: inset 0 0 0 2px var(--warn); color: var(--warn); }
.sh-ck.todo[b-uqpytgnrdj] { color: var(--muted-2); }
.sh-ck.todo .mark[b-uqpytgnrdj] { box-shadow: inset 0 0 0 2px var(--ring-2); color: var(--muted-2); }
.sh-ck a[b-uqpytgnrdj] { color: var(--warn); text-decoration: underline; text-underline-offset: 3px; }
.sh-count[b-uqpytgnrdj] { display: block; margin: -2px 0 4px 34px; padding: 6px 12px; border-radius: 12px; background: rgba(255, 255, 255, .05); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1); }
.sh-count .eyebrow[b-uqpytgnrdj] { font-size: 8.5px; }
.sh-count input[b-uqpytgnrdj] { display: block; width: 100%; border: 0; background: transparent; padding: 3px 0 0; font-family: var(--font-mono); font-size: 14px; font-weight: 700; outline: 0; color: var(--ink); }
.sh-count input[b-uqpytgnrdj]::placeholder { color: var(--muted-3); font-weight: 600; }
.sh-count:focus-within[b-uqpytgnrdj] { box-shadow: inset 0 0 0 1.5px var(--accent-ring); }

/* ---------- История ---------- */
.sh-history[b-uqpytgnrdj] { position: relative; display: flex; flex-direction: column; gap: 8px; padding: 16px 16px 16px; border-radius: var(--r-panel); background: var(--surface); box-shadow: inset 0 0 0 1px var(--ring); min-width: 0; min-height: 460px; }
.sh-hh[b-uqpytgnrdj] { display: flex; align-items: center; gap: 10px; padding: 0 4px 6px; }
.sh-hh h2[b-uqpytgnrdj] { font-size: 15px; font-weight: 800; }
.sh-month[b-uqpytgnrdj] { display: inline-flex; align-items: center; gap: 2px; padding: 3px; border-radius: 999px; background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--ring); }
.sh-month b[b-uqpytgnrdj] { min-width: 74px; text-align: center; font-family: var(--font-mono); font-size: 10px; font-weight: 500; letter-spacing: .1em; padding: 0 6px; color: var(--muted-2); }
.sh-month button[b-uqpytgnrdj] { width: 26px; height: 26px; border: 0; border-radius: 50%; background: transparent; color: var(--muted-2); display: inline-flex; align-items: center; justify-content: center; }
.sh-month button:hover:not(:disabled)[b-uqpytgnrdj] { background: rgba(255, 255, 255, .09); color: var(--ink); }
.sh-month button:disabled[b-uqpytgnrdj] { opacity: .25; }
.sh-month[b-uqpytgnrdj]  svg { width: 14px; height: 14px; }
.sh-th[b-uqpytgnrdj], .sh-row[b-uqpytgnrdj] { display: grid; grid-template-columns: 112px minmax(0, 1fr) 118px 104px 22px; gap: 10px; align-items: center; }
.sh-th[b-uqpytgnrdj] { padding: 0 14px; font-family: var(--font-mono); font-size: 9px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted-3); }
.sh-th .r[b-uqpytgnrdj], .sh-row .r[b-uqpytgnrdj] { text-align: right; }
.sh-rowsh[b-uqpytgnrdj] { display: flex; flex-direction: column; gap: 8px; }
.sh-row[b-uqpytgnrdj] { width: 100%; padding: 11px 14px; border: 0; border-radius: 14px; background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--ring); text-align: left; color: inherit; }
.sh-row:hover:not(:disabled)[b-uqpytgnrdj] { background: rgba(255, 255, 255, .085); box-shadow: inset 0 0 0 1px var(--ring-2); }
.sh-row:disabled[b-uqpytgnrdj] { cursor: default; opacity: 1; }
.sh-row.now[b-uqpytgnrdj] { box-shadow: inset 0 0 0 1px rgba(0, 200, 83, .3); background: linear-gradient(120deg, rgba(0, 200, 83, .07), rgba(255, 255, 255, .03)); }
.sh-date[b-uqpytgnrdj] { font-size: 11px; color: var(--muted-2); white-space: nowrap; }
.sh-names[b-uqpytgnrdj] { font-size: 14px; font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sh-rev[b-uqpytgnrdj] { font-family: var(--font-mono); font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; }
.sh-diff[b-uqpytgnrdj] { font-family: var(--font-mono); font-size: 11px; font-weight: 700; white-space: nowrap; }
.sh-diff.live[b-uqpytgnrdj] { color: var(--ok); letter-spacing: .08em; }
.sh-diff.zero[b-uqpytgnrdj] { color: var(--ok); }
.sh-diff.bad[b-uqpytgnrdj] { color: var(--sh-bad); }
.sh-diff.done[b-uqpytgnrdj] { color: var(--muted-2); }
.sh-go[b-uqpytgnrdj] { color: var(--muted-2); display: inline-flex; justify-content: flex-end; }
.sh-hempty[b-uqpytgnrdj] { padding: 36px 16px; text-align: center; display: flex; flex-direction: column; gap: 6px; }
.sh-hempty b[b-uqpytgnrdj] { font-size: 14px; }
.sh-hempty p[b-uqpytgnrdj] { font-size: 12.5px; color: var(--muted); }
.sh-fill[b-uqpytgnrdj] { flex: 1; }

.sh-alert[b-uqpytgnrdj] { display: flex; align-items: center; gap: 12px; padding: 12px 14px 12px 16px; border-radius: 16px; background: rgba(255, 59, 74, .08); box-shadow: inset 0 0 0 1px rgba(255, 59, 74, .28); font-size: 13.5px; font-weight: 700; line-height: 1.45; }
.sh-alert .ico[b-uqpytgnrdj] { color: var(--sh-bad); display: inline-flex; }
.sh-alert b[b-uqpytgnrdj] { color: var(--sh-bad); }
.sh-alert small[b-uqpytgnrdj] { color: var(--muted-2); font-size: 12px; font-weight: 600; }
.sh-alert .btn[b-uqpytgnrdj] { flex: 0 0 auto; }

/* ---------- Окна ---------- */
.sh-back[b-uqpytgnrdj] { position: fixed; inset: 0; z-index: 50; background: rgba(5, 7, 11, .62); backdrop-filter: blur(3px); }
.sh-modal[b-uqpytgnrdj] { position: fixed; z-index: 51; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(480px, calc(100vw - 32px)); max-height: calc(100vh - 40px); overflow-y: auto; padding: 20px 22px; border-radius: 22px; background: #13161d; box-shadow: inset 0 0 0 1px var(--ring-2), 0 30px 80px rgba(0, 0, 0, .6); display: flex; flex-direction: column; gap: 14px; }
.sh-modal.wide[b-uqpytgnrdj] { width: min(560px, calc(100vw - 32px)); }
.sh-modal.report[b-uqpytgnrdj] { width: min(640px, calc(100vw - 32px)); }
.sh-mh[b-uqpytgnrdj] { display: flex; align-items: flex-start; gap: 12px; }
.sh-mh > div[b-uqpytgnrdj] { flex: 1; min-width: 0; }
.sh-mh h3[b-uqpytgnrdj] { font-family: var(--font-display); font-size: 16px; font-weight: 700; letter-spacing: -.02em; line-height: 1.35; }
.sh-mh small[b-uqpytgnrdj] { display: block; font-size: 12px; color: var(--muted); margin-top: 3px; line-height: 1.45; }
.sh-mico[b-uqpytgnrdj] { width: 38px; height: 38px; border-radius: 12px; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; background: rgba(217, 255, 47, .1); color: var(--sh-lime); }
.sh-mico.bad[b-uqpytgnrdj] { background: rgba(255, 59, 74, .12); color: var(--sh-bad); }
.sh-x[b-uqpytgnrdj] { width: 30px; height: 30px; border-radius: 10px; border: 0; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; background: transparent; color: var(--muted); }
.sh-x:hover[b-uqpytgnrdj] { background: rgba(255, 255, 255, .07); color: var(--ink); }
.sh-ma[b-uqpytgnrdj] { justify-content: flex-end; }
/* Кнопки окна всегда на виду: длинный отчёт прокручивается, а «Печать» и «Закрыть» остаются внизу. */
.sh-modal .sh-ma[b-uqpytgnrdj] { position: sticky; bottom: -20px; margin: 0 -22px -20px; padding: 12px 22px 16px; background: #13161d; border-top: 1px solid var(--line); }
.sh-modal .field input[b-uqpytgnrdj] { font-family: var(--font-mono); }
.sh-modal .hint.bad[b-uqpytgnrdj] { color: var(--sh-bad); }

.sh-seg[b-uqpytgnrdj] { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; border-radius: 999px; background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--ring); }
.sh-seg button[b-uqpytgnrdj] { height: 34px; border: 0; border-radius: 999px; background: transparent; font-size: 13px; font-weight: 800; color: var(--muted-2); }
.sh-seg button.on[b-uqpytgnrdj] { background: var(--sh-lime); color: #11140a; }

.sh-staff[b-uqpytgnrdj] { display: flex; flex-direction: column; gap: 6px; }
.sh-pick[b-uqpytgnrdj] { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 12px; background: var(--surface-3); box-shadow: inset 0 0 0 1px var(--line); cursor: pointer; }
.sh-pick.on[b-uqpytgnrdj] { box-shadow: inset 0 0 0 1px rgba(217, 255, 47, .38); background: rgba(217, 255, 47, .05); }
.sh-pick input[b-uqpytgnrdj] { accent-color: var(--lime); width: 16px; height: 16px; }
.sh-pick b[b-uqpytgnrdj] { font-size: 13px; }
.sh-pick small[b-uqpytgnrdj] { margin-left: auto; font-size: 11.5px; color: var(--muted); }

.sh-sum[b-uqpytgnrdj] { margin: 0; display: flex; flex-direction: column; gap: 2px; padding: 8px 14px; border-radius: 14px; background: var(--surface-3); box-shadow: inset 0 0 0 1px var(--line); }
.sh-sum > div[b-uqpytgnrdj] { display: flex; justify-content: space-between; gap: 14px; padding: 6px 0; font-size: 13px; }
.sh-sum dt[b-uqpytgnrdj] { color: var(--muted-2); }
.sh-sum dd[b-uqpytgnrdj] { margin: 0; font-family: var(--font-mono); font-weight: 700; text-align: right; font-variant-numeric: tabular-nums; }
.sh-sum dd.n[b-uqpytgnrdj] { font-family: var(--font-body); font-weight: 700; }
.sh-sum .strong dt[b-uqpytgnrdj] { color: var(--ink); font-weight: 800; }
.sh-sum .strong[b-uqpytgnrdj] { border-top: 1px dashed var(--ring-2); margin-top: 2px; padding-top: 8px; }
.sh-sum .bad dd[b-uqpytgnrdj], .sh-sum .bad dt[b-uqpytgnrdj] { color: var(--sh-bad); }
.sh-sum .ok dd[b-uqpytgnrdj] { color: var(--ok); }

.sh-diffbox[b-uqpytgnrdj] { display: flex; flex-direction: column; gap: 3px; padding: 11px 14px; border-radius: 14px; font-size: 12.5px; line-height: 1.55; color: var(--muted-2); }
.sh-diffbox b[b-uqpytgnrdj] { font-size: 14px; }
.sh-diffbox.ok[b-uqpytgnrdj] { background: rgba(0, 200, 83, .07); box-shadow: inset 0 0 0 1px rgba(0, 200, 83, .24); }
.sh-diffbox.ok b[b-uqpytgnrdj] { color: var(--ok); }
.sh-diffbox.bad[b-uqpytgnrdj] { background: rgba(255, 59, 74, .08); box-shadow: inset 0 0 0 1px rgba(255, 59, 74, .3); }
.sh-diffbox.bad b[b-uqpytgnrdj] { color: var(--sh-bad); }
.sh-sessions[b-uqpytgnrdj] { display: flex; gap: 9px; align-items: flex-start; font-size: 12.5px; color: var(--muted-2); line-height: 1.5; }
.sh-sessions[b-uqpytgnrdj]  svg { color: var(--warn); margin-top: 2px; }

.sh-modal.report[b-uqpytgnrdj] { gap: 10px; }
.sh-modal.report .sh-sum.rep[b-uqpytgnrdj] { gap: 0; padding: 4px 14px; }
.sh-modal.report .sh-sum.rep > div[b-uqpytgnrdj] { padding: 3px 0; font-size: 12.5px; }
.sh-modal.report .sh-sum.rep .strong[b-uqpytgnrdj] { padding-top: 5px; }
.sh-modal .sh-moves.rep[b-uqpytgnrdj] { background: transparent; padding: 0; box-shadow: none; }

/* ---------- Узкие окна ---------- */
@media (max-width: 1100px) {
    .sh-grid[b-uqpytgnrdj] { grid-template-columns: minmax(0, 1fr); }
    .sh-left[b-uqpytgnrdj] { align-self: stretch; }
    .sh-history[b-uqpytgnrdj] { min-height: 0; }
}
@media (max-width: 640px) {
    .sh-th[b-uqpytgnrdj] { display: none; }
    .sh-row[b-uqpytgnrdj] { grid-template-columns: minmax(0, 1fr) auto 18px; row-gap: 4px; }
    .sh-date[b-uqpytgnrdj] { grid-column: 1 / 2; }
    .sh-names[b-uqpytgnrdj] { grid-column: 1 / 2; grid-row: 2; }
    .sh-rev[b-uqpytgnrdj] { grid-column: 2; grid-row: 1; }
    .sh-diff[b-uqpytgnrdj] { grid-column: 2; grid-row: 2; }
    .sh-go[b-uqpytgnrdj] { grid-column: 3; grid-row: 1 / 3; }
    .sh-total[b-uqpytgnrdj] { font-size: 32px; }
    .sh-alert[b-uqpytgnrdj] { flex-wrap: wrap; }
}

/* ======================= Поступления: пополнения баланса =======================
   Тёмные панели Staff, один акцент — бирюзовый (--accent): главная сумма и столбики графика. Цифры — JetBrains Mono, табличные. */
.sh-sub[b-uqpytgnrdj] { margin: 0; font-size: 12px; color: var(--muted-2); }

.rc-tabs[b-uqpytgnrdj] { display: flex; gap: 4px; padding: 0 22px; border-bottom: 1px solid var(--line); overflow-x: auto; scrollbar-width: none; }
.rc-tabs button[b-uqpytgnrdj] { display: inline-flex; align-items: center; gap: 8px; border: 0; background: none; color: var(--muted-2); font: inherit; font-size: 13px; font-weight: 700;
    padding: 12px 12px 11px; border-bottom: 2px solid transparent; cursor: pointer; white-space: nowrap; }
.rc-tabs button:hover[b-uqpytgnrdj] { color: var(--ink); }
.rc-tabs button.on[b-uqpytgnrdj] { color: var(--ink); border-bottom-color: var(--accent); }
.rc-tabs button:focus-visible[b-uqpytgnrdj] { outline: 2px solid var(--accent); outline-offset: -2px; border-radius: 8px; }
.rc-tab-state[b-uqpytgnrdj] { font-family: var(--font-mono); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; padding: 3px 7px; border-radius: 999px; background: var(--surface-2); color: var(--muted); font-weight: 600; }
.rc-tab-state.live[b-uqpytgnrdj] { background: rgba(61, 220, 132, .12); color: var(--ok); }

.rc[b-uqpytgnrdj] { min-width: 0; }
.rc .sr-only[b-uqpytgnrdj] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.rc .mono[b-uqpytgnrdj] { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
.rc .muted[b-uqpytgnrdj] { color: var(--muted); }
.rc .neg[b-uqpytgnrdj] { color: var(--danger-text); }

/* Панель периода */
.rc-bar[b-uqpytgnrdj] { display: flex; align-items: center; gap: 10px 14px; flex-wrap: wrap; }
.rc-periods[b-uqpytgnrdj] { display: flex; flex-wrap: wrap; gap: 3px; padding: 3px; border-radius: 13px; background: var(--surface-3); box-shadow: inset 0 0 0 1px var(--line); }
.rc-periods button[b-uqpytgnrdj] { border: 0; background: none; color: var(--muted-2); font: inherit; font-size: 12.5px; font-weight: 700; padding: 8px 12px; border-radius: 10px; cursor: pointer; white-space: nowrap; }
.rc-periods button:hover:not(:disabled)[b-uqpytgnrdj] { color: var(--ink); background: var(--surface); }
.rc-periods button.on[b-uqpytgnrdj] { background: var(--accent-soft); color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent-ring); }
.rc-periods button:focus-visible[b-uqpytgnrdj], .rc-tabs button:focus-visible[b-uqpytgnrdj] { outline: 2px solid var(--accent); outline-offset: 1px; }
.rc-dates[b-uqpytgnrdj] { display: flex; align-items: flex-end; gap: 8px; flex-wrap: wrap; }
.rc-dates label[b-uqpytgnrdj] { display: flex; flex-direction: column; gap: 2px; padding: 5px 10px; border-radius: 11px; background: var(--surface-3); box-shadow: inset 0 0 0 1px var(--line); }
.rc-dates label span[b-uqpytgnrdj] { font-size: 10px; color: var(--muted); }
.rc-dates input[b-uqpytgnrdj] { background: none; border: 0; padding: 0; color: var(--ink); font: inherit; font-size: 13px; color-scheme: dark; min-height: 20px; }
.rc-range[b-uqpytgnrdj] { margin-left: auto; font-size: 11px; color: var(--muted); }

/* KPI */
.rc-kpis[b-uqpytgnrdj] { display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr)); gap: 12px; }
.rc-kpi[b-uqpytgnrdj] { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 16px 18px; border-radius: var(--r-card); background: var(--surface-3); box-shadow: inset 0 0 0 1px var(--line); min-width: 0; }
.rc-kpi.lead[b-uqpytgnrdj] { background: radial-gradient(120% 120% at 0% 0%, rgba(47, 196, 214, .14), transparent 62%), var(--surface-3); box-shadow: inset 0 0 0 1px rgba(47, 196, 214, .28); }
.rc-k[b-uqpytgnrdj] { font-size: 12px; font-weight: 700; color: var(--muted-2); }
.rc-v[b-uqpytgnrdj] { font-family: var(--font-display); font-size: clamp(20px, 2vw, 28px); font-weight: 700; letter-spacing: -.02em; line-height: 1.15; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.rc-kpi.lead .rc-v[b-uqpytgnrdj] { color: var(--accent); font-size: clamp(24px, 2.6vw, 36px); }
.rc-s[b-uqpytgnrdj] { font-size: 11.5px; color: var(--muted); line-height: 1.45; }
.rc-delta[b-uqpytgnrdj] { align-self: flex-start; font-family: var(--font-mono); font-size: 11px; font-weight: 700; padding: 3px 8px; border-radius: 999px; }
.rc-delta small[b-uqpytgnrdj] { font-family: var(--font-body); font-weight: 600; opacity: .8; }
.rc-delta.up[b-uqpytgnrdj] { color: var(--ok); background: rgba(61, 220, 132, .1); }
.rc-delta.down[b-uqpytgnrdj] { color: var(--danger-text); background: rgba(255, 95, 110, .1); }

/* Полоса смены */
.rc-shift[b-uqpytgnrdj] { display: flex; align-items: center; gap: 8px 14px; flex-wrap: wrap; width: 100%; text-align: left; border: 0; cursor: pointer; font: inherit; font-size: 12.5px; color: var(--muted-2);
    padding: 10px 14px; border-radius: 14px; background: var(--surface-3); box-shadow: inset 0 0 0 1px var(--line); }
.rc-shift:hover[b-uqpytgnrdj] { box-shadow: inset 0 0 0 1px var(--ring-2); color: var(--ink); }
.rc-shift:focus-visible[b-uqpytgnrdj] { outline: 2px solid var(--accent); outline-offset: 2px; }
.rc-shift .dot[b-uqpytgnrdj] { color: var(--muted-3); }
.rc-shift .dot.live[b-uqpytgnrdj] { color: var(--ok); }
.rc-shift b[b-uqpytgnrdj] { color: var(--ink); }
.rc-warn[b-uqpytgnrdj] { color: var(--warn); font-weight: 700; }
.rc-go[b-uqpytgnrdj] { margin-left: auto; color: var(--accent); font-weight: 700; }

/* Панели */
.rc-panel[b-uqpytgnrdj] { display: flex; flex-direction: column; gap: 12px; padding: 16px 18px; border-radius: var(--r-panel); background: var(--surface-3); box-shadow: inset 0 0 0 1px var(--line); min-width: 0; }
.rc-ph[b-uqpytgnrdj] { display: flex; align-items: baseline; justify-content: space-between; gap: 6px 16px; flex-wrap: wrap; }
.rc-ph h2[b-uqpytgnrdj] { margin: 0; font-family: var(--font-display); font-size: 15px; font-weight: 700; letter-spacing: -.01em; }
.rc-best[b-uqpytgnrdj], .rc-count[b-uqpytgnrdj] { font-size: 12px; color: var(--muted); }
.rc-best b[b-uqpytgnrdj] { color: var(--ink); }
.rc-empty[b-uqpytgnrdj] { align-items: flex-start; padding: 28px; }
.rc-empty b[b-uqpytgnrdj] { font-size: 16px; }
.rc-empty p[b-uqpytgnrdj] { margin: 0; color: var(--muted-2); font-size: 13px; }

.rc-grid[b-uqpytgnrdj] { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(280px, 1fr); gap: 12px; align-items: start; }
.rc-side[b-uqpytgnrdj] { display: flex; flex-direction: column; gap: 12px; min-width: 0; }

/* График: одна серия, столбики от базовой линии, подписи — каждые несколько делений */
.rc-plotwrap[b-uqpytgnrdj] { position: relative; padding-top: 16px; }
.rc-ymax[b-uqpytgnrdj] { position: absolute; top: 0; left: 0; font-size: 10px; color: var(--muted-3); }
.rc-plot[b-uqpytgnrdj] { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); gap: 4px; height: 220px;
    border-top: 1px dashed var(--line); border-bottom: 1px solid var(--ring-2);
    background: linear-gradient(to bottom, transparent calc(50% - .5px), var(--line) calc(50% - .5px), var(--line) calc(50% + .5px), transparent calc(50% + .5px)); }
.rc-plot.dense[b-uqpytgnrdj] { gap: 1px; }
.rc-plot li[b-uqpytgnrdj] { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-width: 0; height: 100%; border-radius: 6px 6px 0 0; outline-offset: 2px; }
.rc-plot li:hover[b-uqpytgnrdj], .rc-plot li:focus-visible[b-uqpytgnrdj] { background: var(--surface); }
.rc-plot li:focus-visible[b-uqpytgnrdj] { outline: 2px solid var(--accent); }
.rc-plot .bar[b-uqpytgnrdj] { display: block; width: 100%; max-width: 34px; margin: 0 auto; min-height: 0; border-radius: 4px 4px 0 0; background: var(--accent); }
.rc-plot li:hover .bar[b-uqpytgnrdj], .rc-plot li:focus-visible .bar[b-uqpytgnrdj] { background: #6fdde9; }
.rc-plot li.zero .bar[b-uqpytgnrdj] { height: 2px !important; background: var(--ring-2); }
.rc-plot small[b-uqpytgnrdj] { position: absolute; top: calc(100% + 6px); left: 50%; transform: translateX(-50%); font-family: var(--font-mono); font-size: 10px; color: var(--muted); white-space: nowrap; }
.rc-plot small.hide[b-uqpytgnrdj] { visibility: hidden; }
.rc-chart[b-uqpytgnrdj] { padding-bottom: 32px; }

/* Разбивки */
.rc-row[b-uqpytgnrdj] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; align-items: baseline; }
.rc-name[b-uqpytgnrdj] { display: flex; flex-direction: column; font-size: 13px; font-weight: 700; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-name small[b-uqpytgnrdj], .rc-amt small[b-uqpytgnrdj] { font-size: 11px; font-weight: 500; color: var(--muted); }
.rc-amt[b-uqpytgnrdj] { display: flex; flex-direction: column; align-items: flex-end; font-size: 13px; font-weight: 700; white-space: nowrap; }
.rc-meter[b-uqpytgnrdj] { grid-column: 1 / -1; height: 6px; border-radius: 999px; background: var(--surface-2); overflow: hidden; }
.rc-meter i[b-uqpytgnrdj] { display: block; height: 100%; border-radius: 999px; background: var(--accent); }
.rc-meter.staff i[b-uqpytgnrdj] { background: var(--muted-2); }

/* Таблицы */
.rc-table[b-uqpytgnrdj] { overflow-x: auto; margin: 0 -18px; }
.rc-table table[b-uqpytgnrdj] { width: 100%; border-collapse: collapse; font-size: 13px; }
.rc-table th[b-uqpytgnrdj] { text-align: left; font-size: 11px; font-weight: 600; color: var(--muted); padding: 8px 18px; border-bottom: 1px solid var(--line); white-space: nowrap; }
.rc-table td[b-uqpytgnrdj] { padding: 10px 18px; border-bottom: 1px solid var(--line); vertical-align: middle; }
.rc-table tr:last-child td[b-uqpytgnrdj] { border-bottom: 0; }
.rc-table tbody tr:hover td[b-uqpytgnrdj] { background: rgba(255, 255, 255, .02); }
.rc-table .r[b-uqpytgnrdj] { text-align: right; white-space: nowrap; }
.rc-table .n[b-uqpytgnrdj] { width: 28px; color: var(--muted); }
.rc-table .strong[b-uqpytgnrdj] { font-weight: 700; color: var(--ink); }
.rc-guest[b-uqpytgnrdj] { display: flex; flex-direction: column; gap: 2px; color: inherit; text-decoration: none; min-width: 0; }
.rc-guest b[b-uqpytgnrdj] { font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-guest span[b-uqpytgnrdj] { font-size: 11px; color: var(--muted); }
.rc-guest:hover b[b-uqpytgnrdj] { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.rc-guest:focus-visible[b-uqpytgnrdj] { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 6px; }
.rc-method[b-uqpytgnrdj] { font-size: 12px; padding: 3px 8px; border-radius: 999px; background: var(--surface-2); color: var(--muted-2); white-space: nowrap; }
.rc-method.m1[b-uqpytgnrdj] { color: var(--ink); }
tr.reversed td[b-uqpytgnrdj] { opacity: .62; }
tr.reversed .strong[b-uqpytgnrdj] { text-decoration: line-through; text-decoration-color: var(--danger-text); }
.rc-rev[b-uqpytgnrdj] { display: block; font-family: var(--font-body); font-size: 11px; font-weight: 600; color: var(--danger-text); text-decoration: none; }

.rc-filters[b-uqpytgnrdj] { display: flex; gap: 8px; flex-wrap: wrap; }
.rc-filters input[b-uqpytgnrdj], .rc-filters select[b-uqpytgnrdj] { height: 36px; padding: 0 12px; border-radius: 11px; border: 0; background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--line); color: var(--ink); font: inherit; font-size: 13px; color-scheme: dark; }
.rc-filters input:focus-visible[b-uqpytgnrdj], .rc-filters select:focus-visible[b-uqpytgnrdj] { outline: 2px solid var(--accent); outline-offset: 1px; }
.rc-search[b-uqpytgnrdj] { flex: 1 1 220px; min-width: 0; }
.rc-search input[b-uqpytgnrdj] { width: 100%; box-sizing: border-box; }
.rc-none[b-uqpytgnrdj] { margin: 0; padding: 14px 0; color: var(--muted); font-size: 13px; }
.rc-more[b-uqpytgnrdj] { display: flex; justify-content: center; }
.rc-spent[b-uqpytgnrdj] { margin: 0; font-size: 12px; color: var(--muted); }

/* ======================= Обзор и бар =======================
   Пополнения — бирюзовый акцент (живые деньги). Расход с баланса — свои спокойные цвета: время синее, бар оранжевый. */
.rc[b-uqpytgnrdj] { --rc-bar: var(--orange); --rc-bar-hi: #ff9e66; --rc-time: #4f7cff; }
.rc-kpi.spend .rc-v[b-uqpytgnrdj] { color: var(--ink); }
.rc-kpi.lead.bar[b-uqpytgnrdj] { background: radial-gradient(120% 120% at 0% 0%, rgba(255, 122, 47, .14), transparent 62%), var(--surface-3); box-shadow: inset 0 0 0 1px rgba(255, 122, 47, .3); }
.rc-kpi.lead.bar .rc-v[b-uqpytgnrdj] { color: var(--rc-bar); }
.rc-hint[b-uqpytgnrdj] { margin: -2px 0 0; padding: 10px 14px; border-radius: 14px; background: var(--surface-3); box-shadow: inset 0 0 0 1px var(--line); font-size: 12.5px; line-height: 1.55; color: var(--muted-2); }
.rc-note[b-uqpytgnrdj] { margin: 0; font-size: 11.5px; line-height: 1.5; color: var(--muted); }
.rc-link[b-uqpytgnrdj] { border: 0; background: none; padding: 0; font: inherit; font-size: 12px; font-weight: 700; color: var(--accent); cursor: pointer; white-space: nowrap; }
.rc-link:hover[b-uqpytgnrdj] { text-decoration: underline; text-underline-offset: 3px; }
.rc-link:focus-visible[b-uqpytgnrdj] { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 6px; }
.rc-meter.bar i[b-uqpytgnrdj] { background: var(--rc-bar); }
.rc-meter.time i[b-uqpytgnrdj] { background: var(--rc-time); }
.rc-plot.bar .bar[b-uqpytgnrdj] { background: var(--rc-bar); }
.rc-plot.bar li:hover .bar[b-uqpytgnrdj], .rc-plot.bar li:focus-visible .bar[b-uqpytgnrdj] { background: var(--rc-bar-hi); }
.rc-plot.bar li.zero .bar[b-uqpytgnrdj] { background: var(--ring-2); }
.rc-plot.bar li:focus-visible[b-uqpytgnrdj] { outline-color: var(--rc-bar); }

@media (max-width: 1100px) {
    .rc-kpis[b-uqpytgnrdj] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .rc-grid[b-uqpytgnrdj] { grid-template-columns: minmax(0, 1fr); }
    .rc-side[b-uqpytgnrdj] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
    .rc-tabs[b-uqpytgnrdj] { padding: 0 12px; }
    .rc-kpis[b-uqpytgnrdj] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
    .rc-kpi.lead[b-uqpytgnrdj] { grid-column: 1 / -1; }
    .rc-kpi[b-uqpytgnrdj] { padding: 12px 14px; }
    .rc-side[b-uqpytgnrdj] { grid-template-columns: minmax(0, 1fr); }
    .rc-range[b-uqpytgnrdj] { margin-left: 0; }
    .rc-plot[b-uqpytgnrdj] { height: 160px; gap: 2px; }
    .rc-table .hide-s[b-uqpytgnrdj] { display: none; }
    .rc-table[b-uqpytgnrdj] { margin: 0 -14px; }
    .rc-table th[b-uqpytgnrdj], .rc-table td[b-uqpytgnrdj] { padding-left: 14px; padding-right: 14px; }
    .rc-panel[b-uqpytgnrdj] { padding: 14px; }
}
/* /Components/Pages/Clubs/Staff.razor.rz.scp.css */
/* Доступ к клубу — карточки ролей, сотрудники и таблица прав. Язык страницы MONO Boot: сводка сверху, карточки с крупным
   состоянием, одно главное действие и «⋯», диалоги с подтверждением. Токены и базовые компоненты (btn, pill, panel, field) — из app.css.
   Цвета ролей те же, что у бейджей app.css: владелец — лайм, администратор — синий, техник — зелёный, кассир — оранжевый. */
.sx[b-fdu2k1blxu], .sx-modal[b-fdu2k1blxu], .sx-toast[b-fdu2k1blxu] {
    --r-owner: #d9ff2f;
    --r-admin: #7ea4ff;
    --r-tech: #3ddc84;
    --r-cashier: #ffb066;
}
.sx[b-fdu2k1blxu] { position: relative; }
.sx[b-fdu2k1blxu]  svg, .sx-modal[b-fdu2k1blxu]  svg, .sx-toast[b-fdu2k1blxu]  svg { width: 16px; height: 16px; flex: 0 0 auto; }
.owner[b-fdu2k1blxu] { --c: var(--r-owner); }
.admin[b-fdu2k1blxu] { --c: var(--r-admin); }
.tech[b-fdu2k1blxu] { --c: var(--r-tech); }
.cashier[b-fdu2k1blxu] { --c: var(--r-cashier); }

/* ---------- Режим просмотра и полосы-подсказки ---------- */
.sx-viewonly[b-fdu2k1blxu] { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 14px; background: var(--surface-3); box-shadow: inset 0 0 0 1px var(--line); font-size: 12px; color: var(--muted-2); line-height: 1.5; }
.sx-viewonly b[b-fdu2k1blxu] { color: var(--ink); }
.sx-viewonly[b-fdu2k1blxu]  svg { color: var(--accent); }
.sx-banner[b-fdu2k1blxu] { display: flex; align-items: center; gap: 12px; padding: 11px 14px; border-radius: 16px; font-size: 12.5px; line-height: 1.55; color: var(--muted-2); }
.sx-banner > span[b-fdu2k1blxu] { flex: 1; min-width: 0; }
.sx-banner b[b-fdu2k1blxu] { color: var(--ink); }
.sx-banner .btn[b-fdu2k1blxu] { flex: 0 0 auto; }
.sx-banner.info[b-fdu2k1blxu] { background: rgba(47, 196, 214, .06); box-shadow: inset 0 0 0 1px rgba(47, 196, 214, .24); color: rgba(242, 243, 247, .82); font-weight: 600; }
.sx-banner.info[b-fdu2k1blxu]  svg { color: var(--accent); }
.sx-banner.warn[b-fdu2k1blxu] { background: rgba(255, 214, 10, .06); box-shadow: inset 0 0 0 1px rgba(255, 214, 10, .24); }
.sx-banner.warn[b-fdu2k1blxu]  svg { color: var(--warn); }
.sx-banner.danger[b-fdu2k1blxu] { background: rgba(255, 59, 74, .06); box-shadow: inset 0 0 0 1px rgba(255, 59, 74, .26); }
.sx-banner.danger[b-fdu2k1blxu]  svg { color: var(--danger-text); }

/* ---------- Сводка ролей ---------- */
.sx-summary[b-fdu2k1blxu] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.sx-card[b-fdu2k1blxu] { position: relative; display: flex; flex-direction: column; align-items: stretch; gap: 6px; padding: 15px 16px 14px; border: 0; border-radius: var(--r-card); background: linear-gradient(125deg, color-mix(in srgb, var(--c) 7%, transparent), rgba(255, 255, 255, .015)); box-shadow: inset 0 0 0 1px var(--ring); min-width: 0; min-height: 132px; text-align: left; color: inherit; font: inherit; }
button.sx-card[b-fdu2k1blxu] { cursor: pointer; transition: box-shadow .15s, background .15s; }
button.sx-card:hover[b-fdu2k1blxu] { box-shadow: inset 0 0 0 1px var(--ring-2); }
.sx-card.active[b-fdu2k1blxu] { box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--c) 60%, transparent); background: linear-gradient(125deg, color-mix(in srgb, var(--c) 13%, transparent), rgba(255, 255, 255, .02)); }
.sx-card .eyebrow[b-fdu2k1blxu] { font-size: 9.5px; letter-spacing: .1em; color: var(--c); }
.sx-card-ico[b-fdu2k1blxu] { position: absolute; top: 13px; right: 13px; width: 30px; height: 30px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--c) 13%, transparent); color: var(--c); }
.sx-card-value[b-fdu2k1blxu] { display: flex; align-items: baseline; gap: 7px; font-family: var(--font-display); font-size: 22px; font-weight: 800; letter-spacing: -.02em; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 36px; color: var(--ink); }
.sx-card-value em[b-fdu2k1blxu] { font-style: normal; font-family: var(--font-body); font-size: 12px; font-weight: 700; color: var(--muted); letter-spacing: 0; }
.sx-card.owner .sx-card-value em[b-fdu2k1blxu] { color: var(--r-owner); }
.sx-card > small[b-fdu2k1blxu] { font-size: 11.5px; color: var(--muted-2); line-height: 1.45; }
.sx-card-who[b-fdu2k1blxu] { display: flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 8px; border-top: 1px solid var(--line); color: var(--muted) !important; min-width: 0; }
.sx-faces[b-fdu2k1blxu] { display: inline-flex; flex: 0 0 auto; }
.sx-face[b-fdu2k1blxu] { width: 20px; height: 20px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-display); font-size: 9px; font-weight: 800; color: #fff; box-shadow: 0 0 0 2px var(--surface); }
.sx-face + .sx-face[b-fdu2k1blxu] { margin-left: -6px; }
.sx-face.tone-1[b-fdu2k1blxu] { background: var(--blue-grad); }
.sx-face.tone-2[b-fdu2k1blxu] { background: var(--orange-grad); }
.sx-face.tone-3[b-fdu2k1blxu] { background: linear-gradient(140deg, #9a6bff, #5b2fd8); }
.sx-face.tone-4[b-fdu2k1blxu] { background: linear-gradient(140deg, #2fd67b, #0f9e4f); }
.sx-face.tone-5[b-fdu2k1blxu] { background: linear-gradient(140deg, #ff5f8f, #d12e63); }
.sx-names[b-fdu2k1blxu] { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ---------- Сотрудники ---------- */
.sx-people[b-fdu2k1blxu] { gap: 14px; }
.sx-count[b-fdu2k1blxu] { height: 22px; min-width: 22px; padding: 0 7px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: var(--surface-2); font-family: var(--font-mono); font-size: 10.5px; color: var(--muted-2); }
.sx-filters[b-fdu2k1blxu] { display: flex; flex-wrap: wrap; gap: 6px; }
.sx-filter[b-fdu2k1blxu] { height: 30px; padding: 0 12px; border-radius: 999px; border: 0; background: var(--surface-2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .09); color: var(--muted-2); font-size: 11.5px; font-weight: 800; display: inline-flex; align-items: center; gap: 7px; }
.sx-filter span[b-fdu2k1blxu] { font-family: var(--font-mono); font-size: 10px; color: var(--muted); font-weight: 600; }
.sx-filter:hover[b-fdu2k1blxu] { color: var(--ink); }
.sx-filter.active[b-fdu2k1blxu] { background: rgba(47, 196, 214, .14); box-shadow: inset 0 0 0 1.5px rgba(47, 196, 214, .5); color: var(--accent); }
.sx-filter.active span[b-fdu2k1blxu] { color: var(--accent); }
.sx-grid[b-fdu2k1blxu] { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 10px; align-items: stretch; }

.sx-person[b-fdu2k1blxu] { position: relative; display: flex; flex-direction: column; gap: 11px; padding: 13px 14px 12px; border-radius: var(--r-card); background: linear-gradient(160deg, color-mix(in srgb, var(--c) 6%, transparent), rgba(255, 255, 255, .02) 55%); box-shadow: inset 0 0 0 1px var(--ring); min-width: 0; transition: box-shadow .15s; }
.sx-person.none[b-fdu2k1blxu] { --c: rgba(242, 243, 247, .55); }
.sx-person:hover[b-fdu2k1blxu] { box-shadow: inset 0 0 0 1px var(--ring-2); }
.sx-person[b-fdu2k1blxu]::before { content: ""; position: absolute; left: 0; top: 14px; bottom: 14px; width: 3px; border-radius: 0 3px 3px 0; background: var(--c); opacity: .9; }
.sx-person.menu-open[b-fdu2k1blxu] { z-index: 30; }
.sx-person-head.member-row[b-fdu2k1blxu] { border-radius: 12px; background: transparent; box-shadow: none; }
.sx-person-head[b-fdu2k1blxu] { display: flex; align-items: center; gap: 12px; width: 100%; padding: 0; border: 0; background: transparent; color: inherit; text-align: left; font: inherit; cursor: pointer; min-width: 0; }
.sx-person-head:hover .sx-person-name b[b-fdu2k1blxu] { color: var(--accent); }
.sx-person-name[b-fdu2k1blxu] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.sx-person-name b[b-fdu2k1blxu] { display: flex; align-items: center; gap: 7px; font-family: var(--font-display); font-size: 15px; font-weight: 800; letter-spacing: -.015em; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color .15s; }
.sx-person-name small[b-fdu2k1blxu] { font-size: 10.5px; color: var(--muted); letter-spacing: .03em; }
.sx-person-text[b-fdu2k1blxu] { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.sx-me[b-fdu2k1blxu] { flex: 0 0 auto; height: 18px; padding: 0 7px; border-radius: 999px; display: inline-flex; align-items: center; background: rgba(47, 196, 214, .14); color: var(--accent); font-family: var(--font-mono); font-size: 9px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }

.sx-person-state[b-fdu2k1blxu] { --s: var(--ok); display: flex; align-items: center; gap: 11px; }
.sx-person-state.warn[b-fdu2k1blxu] { --s: var(--warn); }
.sx-person-state.danger[b-fdu2k1blxu] { --s: var(--danger-text); }
.sx-state-ico[b-fdu2k1blxu] { width: 36px; height: 36px; border-radius: 12px; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; color: var(--s); background: color-mix(in srgb, var(--s) 13%, transparent); }
.sx-state-ico[b-fdu2k1blxu]  svg { width: 18px; height: 18px; }
.sx-person-state > div[b-fdu2k1blxu] { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.sx-person-state b[b-fdu2k1blxu] { font-size: 14px; font-weight: 800; color: var(--s); line-height: 1.3; }
.sx-person-state small[b-fdu2k1blxu] { font-size: 11.5px; color: var(--muted); line-height: 1.4; }

.sx-person-roles[b-fdu2k1blxu] { display: flex; flex-wrap: wrap; gap: 6px; }
.sx-role-badge[b-fdu2k1blxu] { height: 24px; padding: 0 10px; border-radius: 999px; display: inline-flex; align-items: center; gap: 6px; background: color-mix(in srgb, var(--c) 13%, transparent); color: var(--c); font-size: 11.5px; font-weight: 800; }
.sx-role-badge[b-fdu2k1blxu]::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--c); }
.sx-person-can[b-fdu2k1blxu] { font-size: 11.5px; color: var(--muted-2); line-height: 1.5; padding-top: 10px; border-top: 1px solid var(--line); }
.sx-person-can span[b-fdu2k1blxu] { color: var(--muted); }

.sx-person-actions[b-fdu2k1blxu] { margin-top: auto; display: flex; align-items: center; gap: 8px; position: relative; min-height: 32px; }
.sx-person-actions .grow[b-fdu2k1blxu] { flex: 1; }
.sx-person-note[b-fdu2k1blxu] { font-size: 11px; color: var(--muted-3); line-height: 1.35; }
.sx-more[b-fdu2k1blxu] { width: 32px; height: 32px; border-radius: 10px; border: 0; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; background: var(--surface-2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1); color: var(--muted-2); }
.sx-more:hover[b-fdu2k1blxu], .sx-more[aria-expanded="true"][b-fdu2k1blxu] { color: var(--ink); background: rgba(255, 255, 255, .1); }
.sx-menu[b-fdu2k1blxu] { position: absolute; right: 0; bottom: 40px; z-index: 31; width: calc(100% + 6px); min-width: 250px; padding: 6px; border-radius: 14px; background: #171a22; box-shadow: inset 0 0 0 1px var(--ring-2), 0 18px 40px rgba(0, 0, 0, .55); display: flex; flex-direction: column; }
.sx-menu button[b-fdu2k1blxu], .sx-menu a[b-fdu2k1blxu] { display: flex; align-items: flex-start; gap: 10px; width: 100%; padding: 9px 10px; border: 0; border-radius: 9px; background: transparent; color: var(--ink); text-align: left; font-size: 12.5px; font-weight: 700; text-decoration: none; }
.sx-menu button:hover:not(:disabled)[b-fdu2k1blxu], .sx-menu a:hover[b-fdu2k1blxu] { background: rgba(255, 255, 255, .06); }
.sx-menu[b-fdu2k1blxu]  svg { color: var(--muted-2); margin-top: 1px; }
.sx-menu button > span[b-fdu2k1blxu], .sx-menu a > span[b-fdu2k1blxu] { display: flex; flex-direction: column; gap: 1px; }
.sx-menu small[b-fdu2k1blxu] { font-size: 10.5px; font-weight: 500; color: var(--muted); }
.sx-menu .danger[b-fdu2k1blxu] { color: var(--danger-text); }
.sx-menu .danger[b-fdu2k1blxu]  svg { color: var(--danger-text); }
.sx-menu-sep[b-fdu2k1blxu] { height: 1px; background: var(--line); margin: 4px 6px; }
.sx-menu-back[b-fdu2k1blxu] { position: fixed; inset: 0; z-index: 20; }

.sx-empty[b-fdu2k1blxu] { display: flex; align-items: center; gap: 16px; padding: 18px; border-radius: 16px; border: 1.5px dashed rgba(255, 255, 255, .13); }
.sx-empty > div[b-fdu2k1blxu] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.sx-empty b[b-fdu2k1blxu] { font-size: 14px; font-weight: 800; }
.sx-empty p[b-fdu2k1blxu] { font-size: 12.5px; color: var(--muted-2); line-height: 1.6; max-width: 720px; }
.sx-empty-ico[b-fdu2k1blxu] { width: 44px; height: 44px; border-radius: 14px; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; background: var(--surface-2); color: var(--accent); }
.sx-empty-ico[b-fdu2k1blxu]  svg { width: 20px; height: 20px; }
.sx-empty.slim[b-fdu2k1blxu] { padding: 12px 14px; }
.sx-empty.slim .sx-empty-ico[b-fdu2k1blxu] { width: 34px; height: 34px; border-radius: 11px; }

.sx-login[b-fdu2k1blxu] { display: flex; align-items: center; gap: 9px; font-size: 12px; color: var(--muted); line-height: 1.5; }
.sx-login[b-fdu2k1blxu]  svg { color: var(--muted-2); }
.sx-login b[b-fdu2k1blxu] { color: var(--ink); font-size: 11.5px; }

/* ---------- Что может каждая роль ---------- */
.sx-howto[b-fdu2k1blxu] { border-radius: var(--r-panel); background: linear-gradient(120deg, rgba(47, 196, 214, .06), rgba(255, 255, 255, .02) 60%); box-shadow: inset 0 0 0 1px var(--ring); overflow: hidden; }
.sx-howto-head[b-fdu2k1blxu] { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 16px; border: 0; background: transparent; text-align: left; color: inherit; }
.sx-howto-head:hover[b-fdu2k1blxu] { background: rgba(255, 255, 255, .02); }
.sx-howto-ico[b-fdu2k1blxu] { width: 34px; height: 34px; border-radius: 11px; display: inline-flex; align-items: center; justify-content: center; background: rgba(47, 196, 214, .12); color: var(--accent); flex: 0 0 auto; }
.sx-howto-title[b-fdu2k1blxu] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.sx-howto-title b[b-fdu2k1blxu] { font-size: 13px; font-weight: 800; }
.sx-howto-title small[b-fdu2k1blxu] { font-size: 12px; color: var(--muted); }
.sx-chev[b-fdu2k1blxu] { color: var(--muted); transition: transform .15s; display: inline-flex; }
.sx-howto.open .sx-chev[b-fdu2k1blxu] { transform: rotate(180deg); }
.sx-howto-flow[b-fdu2k1blxu] { padding: 0 16px 14px; font-size: 12px; color: var(--muted-2); line-height: 1.6; }
.sx-howto-flow b[b-fdu2k1blxu] { color: var(--ink); }

.sx-matrix[b-fdu2k1blxu] { margin: 2px 16px 12px; border-radius: 16px; background: rgba(0, 0, 0, .16); box-shadow: inset 0 0 0 1px var(--line); overflow: hidden; }
.sx-mrow[b-fdu2k1blxu] { display: grid; grid-template-columns: minmax(220px, 1.6fr) repeat(4, minmax(90px, 1fr)); align-items: center; min-height: 34px; padding: 0 14px; }
.sx-mrow + .sx-mrow[b-fdu2k1blxu] { border-top: 1px solid rgba(255, 255, 255, .04); }
.sx-mrow:not(.sx-mhead):hover[b-fdu2k1blxu] { background: rgba(255, 255, 255, .025); }
.sx-mhead[b-fdu2k1blxu] { min-height: 40px; background: rgba(255, 255, 255, .025); border-bottom: 1px solid var(--line); }
.sx-mcol[b-fdu2k1blxu] { display: inline-flex; align-items: center; justify-content: center; gap: 7px; font-size: 11.5px; font-weight: 800; color: var(--c); }
.sx-mcol i[b-fdu2k1blxu] { width: 7px; height: 7px; border-radius: 50%; background: var(--c); }
.sx-mgroup[b-fdu2k1blxu] { padding: 12px 14px 5px; font-family: var(--font-mono); font-size: 9.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.sx-mtitle[b-fdu2k1blxu] { font-size: 12.5px; color: var(--ink); line-height: 1.4; padding: 6px 12px 6px 0; }
.sx-mcell[b-fdu2k1blxu] { display: inline-flex; align-items: center; justify-content: center; }
.sx-mcell i.yes[b-fdu2k1blxu] { width: 22px; height: 22px; border-radius: 7px; display: inline-flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--c) 15%, transparent); color: var(--c); }
.sx-mcell i.yes[b-fdu2k1blxu]  svg { width: 13px; height: 13px; stroke-width: 2.6; }
.sx-mcell i.no[b-fdu2k1blxu] { font-style: normal; color: var(--muted-3); }
.sx-mcell em[b-fdu2k1blxu] { font-style: normal; font-size: 11px; color: var(--muted); }

/* ---------- Диалоги ---------- */
.sx-modal-back[b-fdu2k1blxu] { position: fixed; inset: 0; z-index: 50; background: rgba(5, 7, 11, .62); backdrop-filter: blur(3px); }
.sx-modal[b-fdu2k1blxu] { position: fixed; z-index: 51; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(480px, calc(100vw - 32px)); max-height: calc(100vh - 40px); overflow-y: auto; padding: 20px 22px; border-radius: 22px; background: #13161d; box-shadow: inset 0 0 0 1px var(--ring-2), 0 30px 80px rgba(0, 0, 0, .6); display: flex; flex-direction: column; gap: 14px; }
.sx-modal.wide[b-fdu2k1blxu] { width: min(620px, calc(100vw - 32px)); }
.sx-modal-head[b-fdu2k1blxu] { display: flex; align-items: flex-start; gap: 12px; }
.sx-modal-head > div[b-fdu2k1blxu], .sx-modal-head h3[b-fdu2k1blxu] { flex: 1; min-width: 0; }
.sx-modal-head h3[b-fdu2k1blxu] { font-family: var(--font-display); font-size: 16px; font-weight: 700; letter-spacing: -.02em; line-height: 1.35; padding-top: 6px; }
.sx-modal-head > div h3[b-fdu2k1blxu] { padding-top: 0; }
.sx-modal-head small[b-fdu2k1blxu] { display: block; font-size: 12px; color: var(--muted); margin-top: 3px; }
.sx-modal-head small.mono[b-fdu2k1blxu] { font-size: 10.5px; letter-spacing: .03em; }
.sx-modal-ico[b-fdu2k1blxu] { width: 38px; height: 38px; border-radius: 12px; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; background: rgba(47, 196, 214, .12); color: var(--accent); }
.sx-modal-ico.danger[b-fdu2k1blxu] { background: rgba(255, 59, 74, .12); color: var(--danger-text); }
.sx-modal-ico.ok[b-fdu2k1blxu] { background: rgba(0, 200, 83, .12); color: var(--ok); }
.sx-modal > p[b-fdu2k1blxu] { font-size: 13px; color: var(--muted-2); line-height: 1.65; }
.sx-keeps[b-fdu2k1blxu] { display: flex; gap: 9px; align-items: flex-start; padding: 10px 12px; border-radius: 12px; background: rgba(0, 200, 83, .06); box-shadow: inset 0 0 0 1px rgba(0, 200, 83, .2); font-size: 12.5px !important; color: var(--muted-2); line-height: 1.55 !important; }
.sx-keeps[b-fdu2k1blxu]  svg { color: var(--ok); margin-top: 2px; }
.sx-x[b-fdu2k1blxu] { width: 30px; height: 30px; border-radius: 10px; border: 0; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; background: transparent; color: var(--muted); }
.sx-x:hover[b-fdu2k1blxu] { background: rgba(255, 255, 255, .07); color: var(--ink); }
.sx-modal-actions[b-fdu2k1blxu] { justify-content: flex-end; align-items: center; }
.sx-modal-actions .grow[b-fdu2k1blxu] { flex: 1; }
.sx-form[b-fdu2k1blxu] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.sx-form .field[b-fdu2k1blxu] { margin: 0; }
.sx-form .hint[b-fdu2k1blxu] { margin-top: -2px; }
.sx-span[b-fdu2k1blxu] { grid-column: 1 / -1; }
.sx-ol[b-fdu2k1blxu] { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 6px; font-size: 12.5px; color: var(--muted-2); line-height: 1.6; }
.sx-ol b[b-fdu2k1blxu] { color: var(--ink); }

.sx-pick-label[b-fdu2k1blxu] { display: flex; align-items: baseline; gap: 8px; margin-bottom: -6px; }
.sx-pick-label small[b-fdu2k1blxu] { font-size: 11px; color: var(--muted); }
.role-pick.sx-pick[b-fdu2k1blxu] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.role-pick.sx-pick button[b-fdu2k1blxu] { height: auto; min-height: 84px; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 11px 12px; border-radius: 14px; text-align: left; background: rgba(255, 255, 255, .03); box-shadow: inset 0 0 0 1px var(--ring-2); color: var(--ink); font-size: 13px; font-weight: 800; }
.role-pick.sx-pick button:hover:not(:disabled)[b-fdu2k1blxu] { background: rgba(255, 255, 255, .05); }
.role-pick.sx-pick button[aria-pressed="true"][b-fdu2k1blxu] { background: color-mix(in srgb, var(--c) 10%, transparent); box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--c) 60%, transparent); color: var(--ink); }
.role-pick.sx-pick small[b-fdu2k1blxu] { font-size: 11px; font-weight: 500; color: var(--muted); line-height: 1.45; }
.sx-pick-top[b-fdu2k1blxu] { display: flex; align-items: center; gap: 8px; }
.sx-pick-box[b-fdu2k1blxu] { width: 18px; height: 18px; border-radius: 6px; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .25); color: #0b0d12; }
.sx-pick button[aria-pressed="true"] .sx-pick-box[b-fdu2k1blxu] { background: var(--c); box-shadow: none; }
.sx-pick-box[b-fdu2k1blxu]  svg { width: 12px !important; height: 12px !important; stroke-width: 3; }
.sx-can-preview[b-fdu2k1blxu] { font-size: 12px; color: var(--muted-2); line-height: 1.5; margin-top: -4px; }
.sx-warn-text[b-fdu2k1blxu] { color: var(--warn); font-weight: 700; }

.sx-diff[b-fdu2k1blxu] { display: flex; flex-direction: column; gap: 6px; padding: 11px 13px; border-radius: 14px; background: rgba(255, 255, 255, .03); box-shadow: inset 0 0 0 1px var(--line); }
.sx-diff p[b-fdu2k1blxu] { display: flex; gap: 9px; align-items: flex-start; font-size: 12.5px; color: var(--muted-2); line-height: 1.55; }
.sx-diff p b[b-fdu2k1blxu] { color: var(--ink); }
.sx-diff p[b-fdu2k1blxu]  svg { margin-top: 2px; color: var(--muted-2); }
.sx-diff p.gain[b-fdu2k1blxu]  svg { color: var(--ok); }
.sx-diff p.lose[b-fdu2k1blxu]  svg { color: var(--danger-text); }
.sx-diff > small[b-fdu2k1blxu] { font-size: 11px; color: var(--muted); }
.sx-diff.calm p[b-fdu2k1blxu]  svg { color: var(--ok); }
.sx-diff.warn[b-fdu2k1blxu] { flex-direction: row; gap: 9px; align-items: flex-start; background: rgba(255, 214, 10, .06); box-shadow: inset 0 0 0 1px rgba(255, 214, 10, .22); font-size: 12.5px; color: var(--muted-2); line-height: 1.55; }
.sx-diff.warn[b-fdu2k1blxu]  svg { color: var(--warn); margin-top: 2px; }

.sx-rights[b-fdu2k1blxu] { list-style: none; margin: 0; padding: 4px 0; display: flex; flex-direction: column; border-radius: 14px; background: rgba(0, 0, 0, .16); box-shadow: inset 0 0 0 1px var(--line); }
.sx-rights li[b-fdu2k1blxu] { display: flex; align-items: center; gap: 10px; padding: 7px 12px; font-size: 12.5px; color: var(--ink); line-height: 1.4; }
.sx-rights li + li[b-fdu2k1blxu] { border-top: 1px solid rgba(255, 255, 255, .04); }
.sx-rights i[b-fdu2k1blxu] { width: 20px; height: 20px; border-radius: 7px; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; font-style: normal; }
.sx-rights li.l2 i[b-fdu2k1blxu] { background: rgba(0, 200, 83, .13); color: var(--ok); }
.sx-rights li.l1 i[b-fdu2k1blxu] { background: rgba(255, 255, 255, .06); color: var(--muted-2); }
.sx-rights li.l0[b-fdu2k1blxu] { color: var(--muted-3); }
.sx-rights li.l0 i[b-fdu2k1blxu] { color: var(--muted-3); }
.sx-rights i[b-fdu2k1blxu]  svg { width: 12px; height: 12px; stroke-width: 2.6; }
.sx-rights small[b-fdu2k1blxu] { color: var(--muted); font-size: 11px; }

/* ---------- Уведомление о результате ---------- */
.sx-toast[b-fdu2k1blxu] { position: fixed; right: 24px; bottom: 24px; z-index: 40; max-width: min(460px, calc(100vw - 32px)); display: flex; align-items: flex-start; gap: 10px; padding: 12px 10px 12px 14px; border-radius: 16px; background: #10251b; box-shadow: inset 0 0 0 1px rgba(0, 200, 83, .35), 0 18px 40px rgba(0, 0, 0, .5); color: #c9f5da; font-size: 12.5px; line-height: 1.5; animation: sx-in-b-fdu2k1blxu .18s ease-out; }
.sx-toast[b-fdu2k1blxu]  svg { color: var(--ok); margin-top: 2px; }
.sx-toast span[b-fdu2k1blxu] { flex: 1; }
.sx-toast .sx-x[b-fdu2k1blxu] { width: 26px; height: 26px; margin-top: -3px; }
.sx-toast.error[b-fdu2k1blxu] { background: #2a1418; box-shadow: inset 0 0 0 1px rgba(255, 59, 74, .4), 0 18px 40px rgba(0, 0, 0, .5); color: #ffc9ce; }
.sx-toast.error[b-fdu2k1blxu]  svg { color: var(--danger-text); }
@keyframes sx-in-b-fdu2k1blxu { from { opacity: 0; transform: translateY(8px); } }

/* ---------- Размеры окна ---------- */
@media (max-width: 1200px) {
    .sx-summary[b-fdu2k1blxu] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
    .sx-mrow[b-fdu2k1blxu] { grid-template-columns: minmax(150px, 1.4fr) repeat(4, minmax(56px, 1fr)); padding: 0 10px; }
    .sx-mcol[b-fdu2k1blxu] { font-size: 10px; }
    .sx-mcol i[b-fdu2k1blxu] { display: none; }
}
@media (max-width: 700px) {
    .sx-summary[b-fdu2k1blxu] { grid-template-columns: minmax(0, 1fr); }
    .sx-form[b-fdu2k1blxu], .role-pick.sx-pick[b-fdu2k1blxu] { grid-template-columns: minmax(0, 1fr); }
    .sx-grid[b-fdu2k1blxu] { grid-template-columns: minmax(0, 1fr); }
    .sx-banner[b-fdu2k1blxu], .sx-empty[b-fdu2k1blxu] { flex-wrap: wrap; }
    .sx-matrix[b-fdu2k1blxu] { overflow-x: auto; }
    .sx-toast[b-fdu2k1blxu] { left: 16px; right: 16px; bottom: 16px; }
}
@media (prefers-reduced-motion: reduce) {
    .sx-toast[b-fdu2k1blxu] { animation: none; }
}
/* /Components/Pages/Login.razor.rz.scp.css */
/* Подпись и переключатель языка справа в шапке входа. */
.staff-entry-tools[b-07j15jwbh0]{display:flex;align-items:center;gap:22px}
/* /Components/Ui/ActionMenu.razor.rz.scp.css */
.am[b-k0l6ikmucs]{position:relative;display:inline-flex}
.am-btn[b-k0l6ikmucs]{height:30px;min-width:30px;padding:0 8px;border-radius:10px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);color:var(--muted-2);font-size:12px;font-weight:800}
.am-btn:hover:not(:disabled)[b-k0l6ikmucs],.open .am-btn[b-k0l6ikmucs]{color:var(--ink);background:rgba(255,255,255,.1)}
.am-btn[b-k0l6ikmucs]  svg{width:16px;height:16px}
.am-btn.with-text[b-k0l6ikmucs]{height:34px;padding:0 12px;border-radius:999px}
.am-backdrop[b-k0l6ikmucs]{position:fixed;inset:0;z-index:40;background:transparent}
.am-list[b-k0l6ikmucs]{position:absolute;right:0;top:calc(100% + 6px);z-index:41;min-width:220px;max-width:300px;padding:6px;border-radius:16px;background:var(--bg-3);box-shadow:inset 0 0 0 1px var(--ring-2),0 18px 40px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:2px}
.start .am-list[b-k0l6ikmucs]{right:auto;left:0}
/* /Components/Ui/ActionMenuItem.razor.rz.scp.css */
.ami[b-o1jtb0unbz]{display:flex;align-items:flex-start;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:11px;background:transparent;color:var(--ink);text-align:left;text-decoration:none;font:inherit;cursor:pointer}
.ami:hover:not(:disabled)[b-o1jtb0unbz],.ami:focus-visible[b-o1jtb0unbz]{background:rgba(255,255,255,.07)}
.ami:disabled[b-o1jtb0unbz]{opacity:.5;cursor:not-allowed}
.i[b-o1jtb0unbz]{width:16px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--muted-2)}
.i[b-o1jtb0unbz]  svg{width:15px;height:15px}
.t[b-o1jtb0unbz]{display:flex;flex-direction:column;gap:2px;min-width:0}
b[b-o1jtb0unbz]{font-size:13px;font-weight:800}
small[b-o1jtb0unbz]{font-size:11.5px;color:var(--muted);line-height:1.35}
.danger b[b-o1jtb0unbz],.danger .i[b-o1jtb0unbz]{color:var(--danger-text)}
/* /Components/Ui/AuditItem.razor.rz.scp.css */
.row[b-bpvdoiszth]{--tone:var(--muted-2);display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-bottom:1px solid var(--line);min-width:0}
.row:last-child[b-bpvdoiszth]{border-bottom:0}
.ico[b-bpvdoiszth]{width:32px;height:32px;border-radius:11px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;color:var(--tone);background:color-mix(in srgb,var(--tone) 13%,transparent)}
.ico[b-bpvdoiszth]  svg{width:15px;height:15px}
.col[b-bpvdoiszth]{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.title[b-bpvdoiszth]{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;min-width:0}
.title b[b-bpvdoiszth],.title a[b-bpvdoiszth]{font-size:13.5px;font-weight:800;color:var(--ink);text-decoration:none}
.title a:hover[b-bpvdoiszth]{color:var(--accent)}
.times[b-bpvdoiszth]{font-family:var(--font-mono);font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--muted-2)}
.details[b-bpvdoiszth]{margin:0;font-size:12.5px;color:var(--muted-2);line-height:1.45;overflow-wrap:anywhere}
.meta[b-bpvdoiszth]{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:11.5px;color:var(--muted)}
.time[b-bpvdoiszth]{font-family:var(--font-mono);font-size:11px;color:var(--muted-2);font-variant-numeric:tabular-nums}
.sep[b-bpvdoiszth]{color:var(--muted-3)}
.actor[b-bpvdoiszth]{font-weight:700;color:var(--muted-2)}
.src[b-bpvdoiszth]{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--muted-3)}
.more[b-bpvdoiszth]{border:0;background:transparent;padding:0;color:var(--accent);font-size:11.5px;font-weight:800;cursor:pointer}
.more:hover[b-bpvdoiszth]{text-decoration:underline}
.run[b-bpvdoiszth]{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;border-left:2px solid var(--line);padding-left:10px}
.run li[b-bpvdoiszth]{display:flex;gap:10px;font-size:12px;color:var(--muted-2);line-height:1.4}
.run .time[b-bpvdoiszth]{flex:0 0 auto}
.t-accent[b-bpvdoiszth]{--tone:var(--accent)}.t-ok[b-bpvdoiszth]{--tone:var(--ok)}.t-warn[b-bpvdoiszth]{--tone:var(--warn)}.t-orange[b-bpvdoiszth]{--tone:var(--orange)}.t-danger[b-bpvdoiszth]{--tone:var(--danger-text)}.t-lime[b-bpvdoiszth]{--tone:var(--lime)}
.compact[b-bpvdoiszth]{padding:10px 12px;gap:10px}
.compact .details[b-bpvdoiszth]{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.lead[b-bpvdoiszth]{display:grid;grid-template-columns:52px 32px minmax(0,1fr);gap:12px}
.when[b-bpvdoiszth]{display:flex;flex-direction:column;gap:1px;padding-top:2px;min-width:0}
.when .time[b-bpvdoiszth]{font-size:12px;font-weight:700;color:var(--ink)}
.when .time+.time[b-bpvdoiszth]{color:var(--muted-2)}
/* Автор сразу после названия, а не у правого края: глазу не нужно перескакивать через пустоту. */
.lead .col[b-bpvdoiszth]{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:12px;row-gap:3px}
.lead .title[b-bpvdoiszth]{flex:0 1 auto}
.lead .meta[b-bpvdoiszth]{flex:0 1 auto}
.lead .details[b-bpvdoiszth],.lead .run[b-bpvdoiszth]{flex:1 0 100%}
/* Место — отдельной меткой: по ней сразу видно, о каком ПК запись, а нажатие фильтрует журнал. */
.seat-tag[b-bpvdoiszth]{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:7px;border:0;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.02em;
  color:var(--accent);background:rgba(47,196,214,.1);box-shadow:inset 0 0 0 1px rgba(47,196,214,.3);text-decoration:none;white-space:nowrap;cursor:default}
button.seat-tag[b-bpvdoiszth],a.seat-tag[b-bpvdoiszth]{cursor:pointer}
button.seat-tag:hover[b-bpvdoiszth],a.seat-tag:hover[b-bpvdoiszth]{background:rgba(47,196,214,.2);color:var(--ink)}
@media (max-width:800px){.row[b-bpvdoiszth]{padding:12px}.lead[b-bpvdoiszth]{grid-template-columns:44px 28px minmax(0,1fr);gap:10px}.lead .ico[b-bpvdoiszth]{width:28px;height:28px;border-radius:9px}}
/* /Components/Ui/AutoGrid.razor.rz.scp.css */
.ui-grid[b-vok7kqx72p]{display:grid;gap:var(--gap,10px);grid-template-columns:repeat(auto-fill,minmax(min(var(--min,200px),100%),1fr));min-width:0}
.ui-grid.stretch[b-vok7kqx72p]{grid-template-columns:repeat(auto-fit,minmax(min(var(--min,200px),100%),1fr))}
/* /Components/Ui/DayGroup.razor.rz.scp.css */
.day[b-jdauu7p56a]{display:flex;flex-direction:column;min-width:0}
.day-head[b-jdauu7p56a]{position:sticky;top:0;z-index:3;display:flex;align-items:baseline;gap:10px;padding:10px 2px 8px;background:linear-gradient(var(--bg) 70%,transparent)}
h3[b-jdauu7p56a]{margin:0;font-family:var(--font-display);font-size:13px;font-weight:800;letter-spacing:.01em}
.count[b-jdauu7p56a]{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-3)}
.day-body[b-jdauu7p56a]{display:flex;flex-direction:column;border-radius:var(--r-card);background:var(--surface);box-shadow:inset 0 0 0 1px var(--ring);overflow:hidden}
/* /Components/Ui/FilterChips.razor.rz.scp.css */
.chips[b-mq4w3xkwox]{display:flex;gap:6px;flex-wrap:wrap;min-width:0}
.chip[b-mq4w3xkwox]{height:32px;padding:0 12px;border-radius:999px;border:0;display:inline-flex;align-items:center;gap:7px;background:var(--surface-2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:var(--muted-2);font-size:12.5px;font-weight:800;white-space:nowrap}
.chip:hover[b-mq4w3xkwox]{color:var(--ink);background:rgba(255,255,255,.09)}
.chip.on[b-mq4w3xkwox]{background:rgba(47,196,214,.14);box-shadow:inset 0 0 0 1.5px rgba(47,196,214,.5);color:var(--accent)}
.i[b-mq4w3xkwox]{display:inline-flex}
.i[b-mq4w3xkwox]  svg{width:13px;height:13px}
.n[b-mq4w3xkwox]{font-family:var(--font-mono);font-size:10.5px;color:var(--muted-3)}
.on .n[b-mq4w3xkwox]{color:var(--accent)}
.t-ok .i[b-mq4w3xkwox]{color:var(--ok)}.t-warn .i[b-mq4w3xkwox]{color:var(--warn)}.t-orange .i[b-mq4w3xkwox]{color:var(--orange)}.t-danger .i[b-mq4w3xkwox]{color:var(--danger-text)}.t-accent .i[b-mq4w3xkwox]{color:var(--accent)}.t-lime .i[b-mq4w3xkwox]{color:var(--lime)}
/* /Components/Ui/HallPlan.razor.rz.scp.css */
/* Схема зала. Клетка подстраивается под ширину карточки (--cw от 100cqw, но не меньше --min-cell и не больше --max-cell),
   высота клетки — 3/4 ширины: стол шире, чем глубже. Позиция и размер элемента — в клетках через --x/--y/--w/--h. */
.hp[b-2vsv3t9umm]{display:flex;flex-direction:column;gap:10px;min-width:0}
.hp-scroll[b-2vsv3t9umm]{container-type:inline-size;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;padding:2px}
.hp-room[b-2vsv3t9umm]{--cw:clamp(var(--min-cell,60px),calc((100cqw - 4px) / var(--cols)),var(--max-cell,96px));--ch:calc(var(--cw) * .8);
  position:relative;width:calc(var(--cw) * var(--cols));height:calc(var(--ch) * var(--rows));margin:0 auto;border-radius:16px;
  background-color:rgba(255,255,255,.015);
  background-image:radial-gradient(circle at 0 0,rgba(255,255,255,.12) 1px,transparent 1.5px);
  background-size:var(--cw) var(--ch);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.09),inset 0 0 40px rgba(0,0,0,.25)}
.hp-room:focus[b-2vsv3t9umm]{outline:none}
.hp-room:focus-visible[b-2vsv3t9umm]{outline:2px solid var(--accent);outline-offset:-2px}

.hp-seat[b-2vsv3t9umm],.hp-item[b-2vsv3t9umm]{position:absolute;box-sizing:border-box;left:calc(var(--x) * var(--cw));top:calc(var(--y) * var(--ch));
  width:calc(var(--w,1) * var(--cw));height:calc(var(--h,1) * var(--ch))}

/* ---------- Место: та же плитка SeatTile, ужатая до клетки ---------- */
.hp-seat[b-2vsv3t9umm]{padding:3px;z-index:2;container-type:size;display:flex}
.hp-room .hp-seat[b-2vsv3t9umm]  .tile{flex:1;min-height:0;min-width:0;padding:6px 6px 6px 9px;gap:1px;border-radius:11px;overflow:hidden}
.hp-room .hp-seat[b-2vsv3t9umm]  .tile::before{top:8px;bottom:8px;width:2.5px}
.hp-room .hp-seat[b-2vsv3t9umm]  .tile .top{gap:5px}
.hp-room .hp-seat[b-2vsv3t9umm]  .tile .ico{width:18px;height:18px;border-radius:6px}
.hp-room .hp-seat[b-2vsv3t9umm]  .tile .ico svg{width:10px;height:10px}
.hp-room .hp-seat[b-2vsv3t9umm]  .tile .label{font-size:12px;letter-spacing:0}
.hp-room .hp-seat[b-2vsv3t9umm]  .tile .state{font-size:10.5px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp-room .hp-seat[b-2vsv3t9umm]  .tile .sub{font-size:10px;line-height:1.3;-webkit-line-clamp:1}
.hp-room .hp-seat[b-2vsv3t9umm]  .tile .warn{font-size:10px;gap:4px}
.hp-room .hp-seat[b-2vsv3t9umm]  .tile .warn svg{width:10px;height:10px}
/* Низкая клетка: только метка и состояние словами; подробности — в подсказке плитки. */
@container (max-height:62px){
  .hp-room .hp-seat[b-2vsv3t9umm]  .tile .sub{display:none}
  .hp-room .hp-seat[b-2vsv3t9umm]  .tile .warn span{display:none}
}
@container (max-height:40px){
  .hp-room .hp-seat[b-2vsv3t9umm]  .tile .state{display:none}
  .hp-room .hp-seat[b-2vsv3t9umm]  .tile .warn{display:none}
}
/* Высокая клетка: подробности («Азам · ещё 42 мин») в две строки, а не обрезанной одной. */
@container (min-height:70px){
  .hp-room .hp-seat[b-2vsv3t9umm]  .tile .sub{-webkit-line-clamp:2}
}
/* Узкая клетка: без значка (цвет и слово остаются), метка моноширинным шрифтом — «PRO-01» помещается целиком. */
@container (max-width:100px){
  .hp-room .hp-seat[b-2vsv3t9umm]  .tile .ico{display:none}
}
@container (max-width:66px){
  .hp-room .hp-seat[b-2vsv3t9umm]  .tile{padding:5px 3px 5px 7px}
  .hp-room .hp-seat[b-2vsv3t9umm]  .tile .label{font-family:var(--font-mono);font-size:11px;font-weight:700}
  .hp-room .hp-seat[b-2vsv3t9umm]  .tile .state{font-size:10px}
}

/* ---------- Элементы зала ---------- */
.hp-item[b-2vsv3t9umm]{z-index:1;padding:3px}
.hp-label[b-2vsv3t9umm]{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;border-radius:11px;min-width:0;overflow:hidden;padding:0 8px;box-sizing:border-box;
  font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--tone,var(--muted-2));background:var(--tone-bg,var(--surface-2));box-shadow:inset 0 0 0 1px var(--tone-ring,var(--ring-2))}
.tall .hp-label[b-2vsv3t9umm]{flex-direction:column;padding:6px 2px;gap:4px}
.tall .hp-text[b-2vsv3t9umm]{writing-mode:vertical-rl;transform:rotate(180deg)}
.hp-ico[b-2vsv3t9umm]{display:inline-flex;flex:0 0 auto}
.hp-ico[b-2vsv3t9umm]  svg{width:13px;height:13px}
.hp-text[b-2vsv3t9umm]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.k-entrance[b-2vsv3t9umm]{--tone:var(--accent);--tone-bg:rgba(47,196,214,.1);--tone-ring:rgba(47,196,214,.45)}
.k-entrance .hp-label[b-2vsv3t9umm]{box-shadow:inset 0 0 0 1.5px rgba(47,196,214,.55);border-style:none}
.k-bar[b-2vsv3t9umm]{--tone:var(--orange);--tone-bg:rgba(255,122,47,.1);--tone-ring:rgba(255,122,47,.4)}
.k-cashier[b-2vsv3t9umm]{--tone:var(--ok);--tone-bg:rgba(61,220,132,.08);--tone-ring:rgba(61,220,132,.36)}
.k-toilet[b-2vsv3t9umm]{--tone:var(--muted-2);--tone-bg:rgba(255,255,255,.05);--tone-ring:rgba(255,255,255,.16)}
/* Зона — подписанная область под местами: пунктир и подпись в углу. */
/* Без своего z-index: зона лежит под местами, а уголок размера выбранной зоны всё равно оказывается над ними. */
.k-zone[b-2vsv3t9umm]{z-index:auto;padding:1px}
.k-zone .hp-label[b-2vsv3t9umm]{align-items:flex-start;justify-content:flex-start;padding:7px 10px;border-radius:14px;color:#b9a2ff;
  background:rgba(169,139,255,.05);box-shadow:none;outline:1.5px dashed rgba(169,139,255,.42);outline-offset:-1.5px;font-size:10px;letter-spacing:.16em}
.k-zone.tall .hp-label[b-2vsv3t9umm]{flex-direction:row}
.k-zone.tall .hp-text[b-2vsv3t9umm]{writing-mode:horizontal-tb;transform:none}
/* Перегородка: тонкая полоса по середине своих клеток. */
.k-wall[b-2vsv3t9umm]{z-index:1}
.hp-wall[b-2vsv3t9umm]{position:absolute;background:rgba(242,243,247,.3);border-radius:3px}
.k-wall.wide .hp-wall[b-2vsv3t9umm]{left:2px;right:2px;top:50%;height:6px;transform:translateY(-50%)}
.k-wall.tall .hp-wall[b-2vsv3t9umm]{top:2px;bottom:2px;left:50%;width:6px;transform:translateX(-50%)}

/* ---------- Редактор ---------- */
.editing .hp-room[b-2vsv3t9umm]{--min-cell:54px;
  background-image:linear-gradient(to right,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:var(--cw) var(--ch);touch-action:none;user-select:none;-webkit-user-select:none}
.editing .hp-seat[b-2vsv3t9umm],.editing .hp-item[b-2vsv3t9umm]{cursor:grab}
.editing .hp-room .hp-seat[b-2vsv3t9umm]  .tile{pointer-events:none}
.editing .hp-item.k-wall[b-2vsv3t9umm]{cursor:grab}
.editing .hp-item.k-wall[b-2vsv3t9umm]::after{content:"";position:absolute;inset:2px;border-radius:8px}
.editing .hp-item:hover .hp-label[b-2vsv3t9umm],.editing .hp-seat:hover[b-2vsv3t9umm]  .tile{filter:brightness(1.18)}
.editing .k-wall:hover .hp-wall[b-2vsv3t9umm]{background:rgba(242,243,247,.55)}
.sel[b-2vsv3t9umm]{z-index:4}
.hp-item.k-zone.sel[b-2vsv3t9umm]{z-index:auto}
.hp-seat.sel[b-2vsv3t9umm]  .tile{box-shadow:inset 0 0 0 2px var(--accent),0 0 0 3px rgba(47,196,214,.18)}
.hp-item.sel .hp-label[b-2vsv3t9umm]{box-shadow:inset 0 0 0 2px var(--accent),0 0 0 3px rgba(47,196,214,.18)}
.k-zone.sel .hp-label[b-2vsv3t9umm]{outline-color:var(--accent)}
.k-wall.sel .hp-wall[b-2vsv3t9umm]{background:var(--accent)}
.hp-seat.lifted[b-2vsv3t9umm],.hp-item.lifted[b-2vsv3t9umm]{opacity:.35}
.hp-resize[b-2vsv3t9umm]{position:absolute;right:-3px;bottom:-3px;width:14px;height:14px;border-radius:5px;background:var(--accent);box-shadow:0 0 0 2px var(--bg);cursor:nwse-resize;z-index:6}
.hp-ghosts[b-2vsv3t9umm]{position:absolute;inset:0;pointer-events:none;z-index:5}
.hp-ghosts[b-2vsv3t9umm]  .hp-ghost{position:absolute;box-sizing:border-box;left:calc(var(--gx) * var(--cw));top:calc(var(--gy) * var(--ch));
  width:calc(var(--gw) * var(--cw));height:calc(var(--gh) * var(--ch));border-radius:12px;border:2px dashed var(--accent);background:rgba(47,196,214,.1);
  display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:12px;font-weight:800;color:var(--accent)}
.hp-ghosts[b-2vsv3t9umm]  .hp-ghost.swap{border-color:var(--warn);background:rgba(255,214,10,.08);color:var(--warn)}
.hp-ghosts[b-2vsv3t9umm]  .hp-ghost.bad{border-color:var(--danger);background:rgba(255,59,74,.1);color:var(--danger-text)}

/* ---------- Подсказка под схемой ---------- */
.hp-hint[b-2vsv3t9umm]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;font-size:12px;color:var(--muted);line-height:1.45}
.hp-hint-ico[b-2vsv3t9umm]{display:inline-flex;color:var(--accent)}
.hp-hint-ico[b-2vsv3t9umm]  svg{width:13px;height:13px}
.hp-hint-link[b-2vsv3t9umm]{font-weight:800;color:var(--accent);text-decoration:none;white-space:nowrap}
.hp-hint-link:hover[b-2vsv3t9umm]{text-decoration:underline}
@media (prefers-reduced-motion:reduce){.hp *[b-2vsv3t9umm]{transition:none!important}}
/* /Components/Ui/HallPlanEditor.razor.rz.scp.css */
/* Редактор схемы зала: панель «Добавить» и размер сетки сверху, комната слева, свойства выбранного справа. */
.pe-tools[b-i1s51jtk2k]{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;justify-content:space-between}
.pe-add[b-i1s51jtk2k],.pe-size[b-i1s51jtk2k]{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.pe-add .eyebrow[b-i1s51jtk2k],.pe-size .eyebrow[b-i1s51jtk2k]{margin-right:4px}
.pe-chip[b-i1s51jtk2k]{height:32px;padding:0 12px 0 6px;border-radius:999px;border:0;display:inline-flex;align-items:center;gap:7px;background:var(--surface-2);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:var(--muted-2);font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}
.pe-chip:hover:not(:disabled)[b-i1s51jtk2k]{color:var(--ink);background:rgba(255,255,255,.09)}
.pe-chip-ico[b-i1s51jtk2k]{width:22px;height:22px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  color:var(--tone,var(--muted-2));background:color-mix(in srgb,var(--tone,#fff) 15%,transparent)}
.pe-chip-ico[b-i1s51jtk2k]  svg{width:12px;height:12px}
.k-entrance[b-i1s51jtk2k]{--tone:var(--accent)}.k-bar[b-i1s51jtk2k]{--tone:var(--orange)}.k-cashier[b-i1s51jtk2k]{--tone:var(--ok)}.k-zone[b-i1s51jtk2k]{--tone:#b9a2ff}.k-wall[b-i1s51jtk2k]{--tone:rgba(242,243,247,.75)}.k-toilet[b-i1s51jtk2k]{--tone:rgba(242,243,247,.7)}
.pe-step[b-i1s51jtk2k]{display:inline-flex;align-items:center;border-radius:999px;background:var(--surface-2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);height:32px;overflow:hidden}
.pe-step button[b-i1s51jtk2k]{width:30px;height:32px;border:0;background:transparent;color:var(--muted-2);font-size:16px;font-weight:700;cursor:pointer;line-height:1}
.pe-step button:hover:not(:disabled)[b-i1s51jtk2k]{color:var(--ink);background:rgba(255,255,255,.07)}
.pe-step button:disabled[b-i1s51jtk2k]{opacity:.3;cursor:default}
.pe-step b[b-i1s51jtk2k]{min-width:24px;text-align:center;font-family:var(--font-mono);font-size:12.5px;font-weight:700}
.pe-x[b-i1s51jtk2k]{color:var(--muted-3);font-size:12px}

.pe-body[b-i1s51jtk2k]{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:16px;align-items:start}
.pe-canvas[b-i1s51jtk2k]{min-width:0}
.pe-side[b-i1s51jtk2k]{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:var(--r-item);background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--line);position:sticky;top:12px;min-width:0}
.pe-sel-head[b-i1s51jtk2k]{display:flex;flex-wrap:wrap;align-items:center;gap:6px 9px}
.pe-sel-head b[b-i1s51jtk2k]{font-size:14px;font-weight:800}
.pe-sel-head small[b-i1s51jtk2k]{flex-basis:100%;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-3)}
.pe-seat-label[b-i1s51jtk2k]{font-family:var(--font-display);font-size:18px;font-weight:800}
.pe-tips[b-i1s51jtk2k]{margin:0;padding:0 0 0 16px;display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted);line-height:1.45}
.pe-tips b[b-i1s51jtk2k]{color:var(--ink);font-weight:800}
.pe-tip[b-i1s51jtk2k]{margin:0;font-size:12px;color:var(--muted);line-height:1.5}
.pe-side .field[b-i1s51jtk2k]{flex:none}
.pe-dims[b-i1s51jtk2k]{display:flex;gap:14px;flex-wrap:wrap}
.pe-dim[b-i1s51jtk2k]{display:flex;flex-direction:column;gap:6px}
.pe-note[b-i1s51jtk2k]{margin:0;padding:9px 11px;border-radius:12px;background:rgba(47,196,214,.06);box-shadow:inset 0 0 0 1px rgba(47,196,214,.2);font-size:12px;color:var(--muted-2);line-height:1.45}
.pe-status[b-i1s51jtk2k]{font-size:12.5px;color:var(--muted);min-width:0}
.pe-status.dirty[b-i1s51jtk2k]{color:var(--warn);font-weight:700}
.pe-status.bad[b-i1s51jtk2k]{color:var(--danger-text);font-weight:700}
.pe-grow[b-i1s51jtk2k]{flex:1 1 auto}
.pe-stale[b-i1s51jtk2k]{align-items:center;justify-content:space-between;flex-wrap:wrap}
@media (max-width:1180px){.pe-body[b-i1s51jtk2k]{grid-template-columns:minmax(0,1fr)}.pe-side[b-i1s51jtk2k]{position:static}}
/* /Components/Ui/InlineEmpty.razor.rz.scp.css */
.ui-empty[b-q6s5sgfgx5]{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:22px 18px;border-radius:var(--r-card);background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--line)}
.ui-empty.row[b-q6s5sgfgx5]{flex-direction:row;text-align:left;padding:12px 14px;gap:12px}
.glyph[b-q6s5sgfgx5]{width:40px;height:40px;border-radius:13px;background:var(--surface-2);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.glyph[b-q6s5sgfgx5]  svg{width:19px;height:19px}
.text[b-q6s5sgfgx5]{min-width:0}
.row .text[b-q6s5sgfgx5]{flex:1}
b[b-q6s5sgfgx5]{display:block;font-size:13.5px;font-weight:800}
p[b-q6s5sgfgx5]{margin:4px 0 0;font-size:12.5px;color:var(--muted);line-height:1.5;max-width:420px}
.actions[b-q6s5sgfgx5]{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.t-ok .glyph[b-q6s5sgfgx5]{color:var(--ok)}.t-warn .glyph[b-q6s5sgfgx5]{color:var(--warn)}.t-orange .glyph[b-q6s5sgfgx5]{color:var(--orange)}.t-danger .glyph[b-q6s5sgfgx5]{color:var(--danger-text)}.t-lime .glyph[b-q6s5sgfgx5]{color:var(--lime)}
.t-ok[b-q6s5sgfgx5]{box-shadow:inset 0 0 0 1px rgba(0,200,83,.2)}
/* /Components/Ui/LangSwitch.razor.rz.scp.css */
/* Пилюля языка в общей рамке, как «Плитки / Схема» (SeatViewSwitch). */
.lang[b-u71sh1pcu3]{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:999px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);flex:0 0 auto}
.lang a[b-u71sh1pcu3]{min-width:30px;height:22px;padding:0 8px;box-sizing:border-box;display:grid;place-items:center;border-radius:999px;color:var(--muted-2);font:600 10px/1 var(--font-mono);letter-spacing:.1em;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}
.lang a:hover[b-u71sh1pcu3]{color:var(--ink)}
.lang a.on[b-u71sh1pcu3]{background:rgba(47,196,214,.16);box-shadow:inset 0 0 0 1px rgba(47,196,214,.5);color:var(--accent)}
.lang a:focus-visible[b-u71sh1pcu3]{outline-offset:1px}

.language-control[b-u71sh1pcu3]{display:inline-flex;flex:0 0 auto}
.language-name[b-u71sh1pcu3]{display:none}
.rail-language[b-u71sh1pcu3]{display:flex;flex-direction:column;align-items:flex-start;padding:8px 4px 12px;margin:0}
.language-label[b-u71sh1pcu3]{padding:0 7px;color:var(--muted-2);font:500 11px/1.4 var(--font)}
.lang.in-rail[b-u71sh1pcu3]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:2px;border-radius:8px;background:transparent;box-shadow:none;width:120px}
.lang.in-rail a[b-u71sh1pcu3]{min-width:0;height:26px;padding:0 2px;border-radius:6px;letter-spacing:0;font:500 10px/1 var(--font)}
.lang.in-rail a:hover[b-u71sh1pcu3]{background:#ffffff09}
.lang.in-rail a.on[b-u71sh1pcu3]{background:#ffffff0b;color:#b6dce0;box-shadow:none}
.lang.in-rail .language-code[b-u71sh1pcu3]{display:block;font:600 11px/1 var(--font-mono);letter-spacing:.06em}
.lang.in-rail .language-name[b-u71sh1pcu3]{display:none}
@media(max-width:1000px){
 .rail-language[b-u71sh1pcu3]{padding:8px 0;gap:0;align-items:stretch}
 .language-label[b-u71sh1pcu3],.lang.in-rail .language-name[b-u71sh1pcu3]{display:none}
 .lang.in-rail[b-u71sh1pcu3]{grid-template-columns:1fr;padding:2px;gap:2px;width:100%}
 .lang.in-rail a[b-u71sh1pcu3]{height:32px;font:600 10px/1 var(--font-mono)}
 .lang.in-rail .language-code[b-u71sh1pcu3]{display:block}
}
/* /Components/Ui/SeatLegend.razor.rz.scp.css */
.legend-ui[b-1itrqwmhr3]{display:flex;gap:6px;flex-wrap:wrap;min-width:0}
.li[b-1itrqwmhr3]{--tone:var(--muted-2);height:30px;padding:0 11px 0 8px;border-radius:999px;border:0;display:inline-flex;align-items:center;gap:7px;background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--line);color:var(--muted-2);font-size:12px;font-weight:700;white-space:nowrap}
button.li:hover[b-1itrqwmhr3]{background:var(--surface-2);color:var(--ink)}
.li.on[b-1itrqwmhr3]{background:color-mix(in srgb,var(--tone) 14%,transparent);box-shadow:inset 0 0 0 1.5px var(--tone);color:var(--ink)}
.i[b-1itrqwmhr3]{width:20px;height:20px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:var(--tone);background:color-mix(in srgb,var(--tone) 14%,transparent)}
.i[b-1itrqwmhr3]  svg{width:12px;height:12px}
b[b-1itrqwmhr3]{font-family:var(--font-mono);font-size:11px;color:var(--ink)}
.s-session[b-1itrqwmhr3]{--tone:var(--accent)}.s-reserved[b-1itrqwmhr3]{--tone:var(--warn)}.s-free[b-1itrqwmhr3]{--tone:var(--ok)}.s-offline[b-1itrqwmhr3]{--tone:var(--orange)}.s-maintenance[b-1itrqwmhr3]{--tone:var(--danger-text)}.s-unpaired[b-1itrqwmhr3]{--tone:var(--muted-3)}
.s-unpaired .i[b-1itrqwmhr3]{background:transparent;outline:1.5px dashed rgba(255,255,255,.25);outline-offset:-1.5px}
/* Пустые состояния приглушены: «Играет 0» не должно спорить за внимание с «Нет связи 2». */
.li.zero[b-1itrqwmhr3]{opacity:.5}
.li.zero:hover[b-1itrqwmhr3]{opacity:.85}
/* /Components/Ui/SeatTile.razor.rz.scp.css */
/* Цвета состояний: session — бирюзовый (идёт игра), reserved — жёлтый (ждём), free — зелёный (готов),
   offline — оранжевый (нет связи), maintenance — красный (закрыто), unpaired — пунктир (ПК нет). */
.tile[b-juwexfntkg]{--tone:var(--muted-2);--tone-bg:var(--surface);--tone-ring:var(--ring);
  position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;min-height:104px;padding:12px 12px 12px 15px;
  border-radius:var(--r-item);background:var(--tone-bg);box-shadow:inset 0 0 0 1px var(--tone-ring);transition:background .15s,box-shadow .15s}
.tile[b-juwexfntkg]::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--tone)}
.hit[b-juwexfntkg]{position:absolute;inset:0;z-index:0;border:0;padding:0;margin:0;background:transparent;border-radius:inherit;cursor:pointer}
.hit:focus-visible[b-juwexfntkg]{outline:2px solid var(--accent);outline-offset:2px}
.tile:has(.hit):hover[b-juwexfntkg]{box-shadow:inset 0 0 0 1.5px var(--tone)}
.s-unpaired:has(.hit):hover[b-juwexfntkg]{box-shadow:none;outline-color:rgba(255,255,255,.35)}
.top[b-juwexfntkg]{display:flex;align-items:center;gap:8px;min-width:0}
.ico[b-juwexfntkg]{width:26px;height:26px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--tone);background:color-mix(in srgb,var(--tone) 14%,transparent)}
.ico[b-juwexfntkg]  svg{width:14px;height:14px}
.label[b-juwexfntkg]{flex:1;min-width:0;font-family:var(--font-display);font-size:15px;font-weight:800;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.menu[b-juwexfntkg]{position:relative;z-index:2;margin:-4px -4px -4px 0}
.state[b-juwexfntkg]{font-size:13px;font-weight:800;color:var(--tone);margin-top:4px}
.sub[b-juwexfntkg]{font-size:12px;color:var(--muted-2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.actions[b-juwexfntkg]{position:relative;z-index:1;display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:8px}
.selected[b-juwexfntkg]{box-shadow:inset 0 0 0 2px var(--accent)}

.s-session[b-juwexfntkg]{--tone:var(--accent);--tone-bg:rgba(47,196,214,.1);--tone-ring:rgba(47,196,214,.35)}
.s-session .ico[b-juwexfntkg]{background:var(--accent-grad);color:#fff}
.s-reserved[b-juwexfntkg]{--tone:var(--warn);--tone-bg:rgba(255,214,10,.06);--tone-ring:rgba(255,214,10,.3)}
.s-free[b-juwexfntkg]{--tone:var(--ok);--tone-bg:var(--surface);--tone-ring:rgba(61,220,132,.22)}
.s-offline[b-juwexfntkg]{--tone:var(--orange);--tone-bg:rgba(255,122,47,.06);--tone-ring:rgba(255,122,47,.32)}
.s-maintenance[b-juwexfntkg]{--tone:var(--danger-text);--tone-bg:rgba(255,59,74,.07);--tone-ring:rgba(255,59,74,.35)}
.s-unpaired[b-juwexfntkg]{--tone:var(--muted-3);--tone-bg:transparent;--tone-ring:transparent;outline:1.5px dashed rgba(255,255,255,.16);outline-offset:-1.5px}
.s-unpaired[b-juwexfntkg]::before{display:none}
.s-unpaired .label[b-juwexfntkg]{color:var(--muted-2)}
.s-unpaired.selected[b-juwexfntkg]{outline-color:var(--accent)}

.compact[b-juwexfntkg]{min-height:0;padding:10px 10px 10px 13px;gap:2px}
.compact .ico[b-juwexfntkg]{width:22px;height:22px;border-radius:8px}
.compact .ico[b-juwexfntkg]  svg{width:12px;height:12px}
.compact .label[b-juwexfntkg]{font-size:13px}
.compact .state[b-juwexfntkg]{font-size:12px;margin-top:2px}
.compact .sub[b-juwexfntkg]{font-size:11px;-webkit-line-clamp:1}
/* Открытое меню «⋯» выше соседних плиток: иначе кнопка «⋯» следующей плитки ложится поверх списка. */
.tile:has(.am.open)[b-juwexfntkg]{z-index:6}
/* Сеанс идёт, а ПК молчит: оранжевая строка и рамка, как у «Нет связи». */
.warn[b-juwexfntkg]{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;color:var(--orange);line-height:1.3}
.warn[b-juwexfntkg]  svg{width:12px;height:12px;flex:0 0 auto}
.lost[b-juwexfntkg]{box-shadow:inset 0 0 0 1.5px rgba(255,122,47,.55)}
/* /Components/Ui/SeatViewSwitch.razor.rz.scp.css */
/* «Плитки / Схема»: две кнопки-таблетки в общей рамке, как фильтры MONO Boot. */
.svs[b-anw1g3gt75]{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;background:var(--surface-2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);flex:0 0 auto}
.svs button[b-anw1g3gt75]{height:28px;padding:0 12px 0 10px;border:0;border-radius:999px;background:transparent;color:var(--muted-2);font-size:11.5px;font-weight:800;display:inline-flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap}
.svs button:hover[b-anw1g3gt75]{color:var(--ink)}
.svs button.on[b-anw1g3gt75]{background:rgba(47,196,214,.16);box-shadow:inset 0 0 0 1.5px rgba(47,196,214,.5);color:var(--accent)}
.svs[b-anw1g3gt75]  svg{width:13px;height:13px}
/* /Components/Ui/SectionCard.razor.rz.scp.css */
.ui-card[b-c9jj6ojcdt]{display:flex;flex-direction:column;gap:14px;min-width:0;border-radius:var(--r-panel);background:var(--surface);box-shadow:inset 0 0 0 1px var(--ring);padding:16px 18px}
.ui-card.soft[b-c9jj6ojcdt]{background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--line)}
.ui-card.grow[b-c9jj6ojcdt]{flex:1 1 auto}
.ui-card.flush[b-c9jj6ojcdt]{padding-left:0;padding-right:0}
.ui-card.flush>.head[b-c9jj6ojcdt],.ui-card.flush>.foot[b-c9jj6ojcdt]{padding-left:18px;padding-right:18px}
.head[b-c9jj6ojcdt]{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}
.ico[b-c9jj6ojcdt]{width:32px;height:32px;border-radius:11px;background:var(--surface-2);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.ico[b-c9jj6ojcdt]  svg{width:16px;height:16px}
.titles[b-c9jj6ojcdt]{min-width:0;flex:1 1 180px}
h2[b-c9jj6ojcdt]{margin:0;font-size:15px;font-weight:800;line-height:1.25}
.sub[b-c9jj6ojcdt]{margin:3px 0 0;font-size:12px;color:var(--muted);line-height:1.4}
.spacer[b-c9jj6ojcdt]{flex:1 1 auto}
.meta[b-c9jj6ojcdt]{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-3);white-space:nowrap}
.meta.t-accent[b-c9jj6ojcdt]{color:var(--accent)}.meta.t-ok[b-c9jj6ojcdt]{color:var(--ok)}.meta.t-warn[b-c9jj6ojcdt]{color:var(--warn)}.meta.t-orange[b-c9jj6ojcdt]{color:var(--orange)}.meta.t-danger[b-c9jj6ojcdt]{color:var(--danger-text)}.meta.t-lime[b-c9jj6ojcdt]{color:var(--lime)}
.actions[b-c9jj6ojcdt]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.body[b-c9jj6ojcdt]{display:flex;flex-direction:column;gap:12px;min-width:0;flex:1 1 auto}
.foot[b-c9jj6ojcdt]{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--line)}
@media (max-width:800px){.ui-card[b-c9jj6ojcdt]{padding:14px}.ui-card.flush>.head[b-c9jj6ojcdt],.ui-card.flush>.foot[b-c9jj6ojcdt]{padding-left:14px;padding-right:14px}}
/* /Components/Ui/StatCard.razor.rz.scp.css */
.ui-stat[b-g3zc3pukfn]{display:flex;flex-direction:column;gap:6px;min-width:0;border-radius:var(--r-card);padding:14px 16px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--ring);color:inherit;text-decoration:none}
a.ui-stat:hover[b-g3zc3pukfn]{background:var(--surface-2);box-shadow:inset 0 0 0 1.5px var(--accent-ring)}
.head[b-g3zc3pukfn]{display:flex;align-items:center;gap:8px}
.ico[b-g3zc3pukfn]{width:26px;height:26px;border-radius:9px;background:var(--surface-2);display:inline-flex;align-items:center;justify-content:center;color:var(--muted-2)}
.ico[b-g3zc3pukfn]  svg{width:14px;height:14px}
.label[b-g3zc3pukfn]{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.value[b-g3zc3pukfn]{font-family:var(--font-display);font-size:24px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}
.note[b-g3zc3pukfn]{font-size:12px;color:var(--muted);line-height:1.4}
.bar[b-g3zc3pukfn]{height:6px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.bar span[b-g3zc3pukfn]{display:block;height:100%;border-radius:99px;background:var(--accent-grad)}
.t-accent[b-g3zc3pukfn]{background:rgba(47,196,214,.07);box-shadow:inset 0 0 0 1px rgba(47,196,214,.25)}.t-accent .value[b-g3zc3pukfn],.t-accent .ico[b-g3zc3pukfn]{color:var(--accent)}
.t-ok .value[b-g3zc3pukfn],.t-ok .ico[b-g3zc3pukfn]{color:var(--ok)}
.t-warn[b-g3zc3pukfn]{background:rgba(255,214,10,.05);box-shadow:inset 0 0 0 1px rgba(255,214,10,.22)}.t-warn .value[b-g3zc3pukfn],.t-warn .ico[b-g3zc3pukfn]{color:var(--warn)}
.t-orange[b-g3zc3pukfn]{background:rgba(255,122,47,.06);box-shadow:inset 0 0 0 1px rgba(255,122,47,.28)}.t-orange .value[b-g3zc3pukfn],.t-orange .ico[b-g3zc3pukfn]{color:var(--orange)}
.t-danger[b-g3zc3pukfn]{background:rgba(255,59,74,.07);box-shadow:inset 0 0 0 1px rgba(255,59,74,.3)}.t-danger .value[b-g3zc3pukfn],.t-danger .ico[b-g3zc3pukfn]{color:var(--danger-text)}
.t-lime[b-g3zc3pukfn]{background:rgba(217,255,47,.06);box-shadow:inset 0 0 0 1px rgba(217,255,47,.22)}.t-lime .value[b-g3zc3pukfn],.t-lime .ico[b-g3zc3pukfn]{color:var(--lime)}
/* /Components/Ui/StatusBadge.razor.rz.scp.css */
.ui-badge[b-2kb16a1f4v]{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:11.5px;font-weight:800;white-space:nowrap;background:rgba(255,255,255,.07);color:var(--muted-2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.ui-badge.lg[b-2kb16a1f4v]{height:30px;padding:0 13px;font-size:12.5px}
.ico[b-2kb16a1f4v]{display:inline-flex}
.ico[b-2kb16a1f4v]  svg{width:13px;height:13px}
.bdot[b-2kb16a1f4v]{width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 auto}
.bdot.pulse[b-2kb16a1f4v]{box-shadow:0 0 0 0 currentColor;animation:badge-pulse-b-2kb16a1f4v 1.8s ease-out infinite}
@keyframes badge-pulse-b-2kb16a1f4v{0%{box-shadow:0 0 0 0 color-mix(in srgb,currentColor 55%,transparent)}100%{box-shadow:0 0 0 7px transparent}}
@media (prefers-reduced-motion:reduce){.dot.pulse[b-2kb16a1f4v]{animation:none}}
.t-accent[b-2kb16a1f4v]{background:rgba(47,196,214,.12);box-shadow:inset 0 0 0 1px rgba(47,196,214,.3);color:var(--accent)}
.t-ok[b-2kb16a1f4v]{background:rgba(0,200,83,.1);box-shadow:inset 0 0 0 1px rgba(0,200,83,.28);color:var(--ok)}
.t-warn[b-2kb16a1f4v]{background:rgba(255,214,10,.1);box-shadow:inset 0 0 0 1px rgba(255,214,10,.3);color:var(--warn)}
.t-orange[b-2kb16a1f4v]{background:rgba(255,122,47,.1);box-shadow:inset 0 0 0 1px rgba(255,122,47,.32);color:var(--orange)}
.t-danger[b-2kb16a1f4v]{background:rgba(255,59,74,.12);box-shadow:inset 0 0 0 1px rgba(255,59,74,.32);color:var(--danger-text)}
.t-lime[b-2kb16a1f4v]{background:rgba(217,255,47,.08);box-shadow:inset 0 0 0 1px rgba(217,255,47,.25);color:var(--lime)}