/* admin.html */
.adm { display: grid; grid-template-columns: 248px minmax(0, 1fr); max-width: 1320px; margin: 0 auto; min-height: calc(100vh - 52px); }
.side { position: sticky; top: 52px; align-self: start; height: calc(100vh - 52px); padding: 28px 16px; display: flex; flex-direction: column; gap: 6px; border-inline-end: 1px solid var(--hair); }
.side-h { font-size: 13px; font-weight: 600; color: var(--text-3); padding: 0 12px 8px; }
.side-nav { display: grid; gap: 2px; }
.side-nav a { display: flex; align-items: center; gap: 11px; padding: 9px 12px; border-radius: 12px; color: var(--text); font-size: 15px; font-weight: 500; transition: background-color .2s, transform .4s var(--spring); }
.side-nav a svg { width: 20px; height: 20px; color: var(--text-2); }
.side-nav a:hover { background: var(--fill-2); text-decoration: none; }
.side-nav a:active { transform: scale(.97); }
.side-nav a.on { background: var(--accent); color: #fff; font-weight: 600; }
.side-nav a.on svg { color: #fff; }
.side-nav .badge { margin-inline-start: auto; min-width: 20px; height: 20px; border-radius: 10px; background: var(--red); color: #fff; font-size: 12px; font-weight: 700; display: grid; place-items: center; padding: 0 6px; }
.side-nav a.on .badge { background: rgba(255, 255, 255, .25); }
.side-foot { margin-top: auto; padding: 0 12px; }
.content { padding: 32px 40px 72px; min-width: 0; }
.panel { display: none; }
.panel.on { display: block; animation: fadeUp .5s var(--ease-out); }
.p-top { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 22px; }
.ov-grid { grid-template-columns: 1.5fr 1fr; margin-top: 20px; }
.alert { display: flex; gap: 14px; align-items: center; margin-top: 20px; background: color-mix(in srgb, var(--orange) 8%, var(--card-solid)); border: 1px solid color-mix(in srgb, var(--orange) 30%, transparent); border-radius: var(--r-md); }
.alert b { font-size: 15px; }
.alert .icon-chip { width: 38px; height: 38px; border-radius: 11px; }
.alert .icon-chip svg { width: 20px; height: 20px; }
@media (max-width: 1000px) {
  .adm { grid-template-columns: 1fr; }
  .side { position: sticky; top: 52px; z-index: 10; height: auto; padding: 8px 0; flex-direction: row; border-inline-end: 0; border-bottom: 1px solid var(--hair); background: var(--glass); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); }
  .side-h, .side-foot { display: none; }
  .side-nav { grid-auto-flow: column; overflow-x: auto; padding: 0 12px; scrollbar-width: none; }
  .side-nav::-webkit-scrollbar { display: none; }
  .side-nav a { white-space: nowrap; font-size: 14px; padding: 7px 12px; }
  .content { padding: 24px 16px 56px; }
  .ov-grid { grid-template-columns: 1fr; }
}
@media (max-width: 820px) { .side { top: 92px; } }
.prov-cell { display: flex; align-items: center; gap: 10px; font-weight: 600; white-space: nowrap; }
.prov-logo { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; color: #fff; font-weight: 800; font-size: 15px; flex: 0 0 auto; }
.pl-a { background: linear-gradient(140deg, #ff6b6b, #e5383b); }
.pl-b { background: linear-gradient(140deg, #4d9fff, #1f5fd6); }
.pl-g { background: linear-gradient(140deg, #ffc14d, #f08c00); }
.pl-d { background: linear-gradient(140deg, #b37bff, #7d3fe0); width: 44px; height: 44px; border-radius: 13px; font-size: 19px; }
tr.paused td { opacity: .55; }
tr.paused td:last-child, tr.paused td:nth-child(2) { opacity: 1; }
.onboard { margin-top: 20px; display: grid; gap: 18px; }
.checks { display: flex; flex-wrap: wrap; gap: 8px; }
.chk { display: inline-flex; align-items: center; gap: 7px; padding: 8px 12px; border-radius: 12px; font-size: 14px; font-weight: 600; background: var(--fill-2); transition: all .4s var(--spring); }
.chk svg { width: 15px; height: 15px; }
.chk.ok { background: var(--green-soft); color: var(--green-ink); }
.chk.no { background: var(--red-soft); color: var(--red-ink); }
.offer { display: grid; gap: 10px; transition: opacity .3s, transform .5s var(--spring); }
.offer.off { opacity: .5; }
.offer .o-price { font-size: 30px; font-weight: 700; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.offer .o-price small { font-size: 14px; color: var(--text-2); font-weight: 500; }
.offer .o-meta { display: flex; flex-wrap: wrap; gap: 6px; }
.offer .o-foot { display: flex; align-items: center; justify-content: space-between; padding-top: 12px; border-top: 1px solid var(--hair); font-size: 14px; color: var(--text-2); }
.search { margin-bottom: 14px; max-width: 520px; }
.log { display: grid; gap: 8px; }
.lg { background: var(--card-solid); border: 1px solid var(--hair); border-radius: 18px; overflow: hidden; animation: fadeUp .4s var(--ease-out) both; }
.lg-h { display: grid; grid-template-columns: 62px minmax(0, 1fr) auto auto; gap: 14px; align-items: center; padding: 13px 16px; cursor: pointer; width: 100%; appearance: none; border: 0; background: none; font: inherit; color: inherit; text-align: start; }
.lg-h:hover { background: var(--fill-2); }
.lg-time { font-size: 13px; color: var(--text-3); font-variant-numeric: tabular-nums; }
.lg-t { font-weight: 600; font-size: 15px; }
.lg-s { font-size: 12.5px; color: var(--text-3); font-family: var(--mono); direction: ltr; text-align: right; }
.lg-body { max-height: 0; overflow: hidden; transition: max-height .5s var(--ease-out); }
.lg.open .lg-body { max-height: 420px; }
.lg-in { padding: 0 16px 16px; display: grid; gap: 12px; }
.lg .chev { transition: transform .4s var(--spring); width: 8px; height: 8px; border-top: 2px solid var(--text-3); border-inline-start: 2px solid var(--text-3); transform: rotate(-135deg); }
.lg.open .chev { transform: rotate(45deg); }
.tok { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; background: var(--fill-2); border-radius: 14px; padding: 6px 14px; }
.tok div { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; border-bottom: 1px solid var(--hair); font-size: 13.5px; }
.tok span { color: var(--text-2); }
.tok b { font-weight: 600; font-family: var(--mono); font-size: 12.5px; direction: ltr; }
@media (max-width: 640px) { .tok { grid-template-columns: 1fr; } .lg-h { grid-template-columns: 48px minmax(0, 1fr) auto; } .lg-h .chip { display: none; } }
.tickets { display: grid; gap: 12px; }
.tk { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; align-items: start; padding: 18px 20px; }
.tk .tl { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 10px; }
.tk .tl span { font-size: 12px; padding: 4px 9px; border-radius: 8px; background: var(--fill-2); color: var(--text-2); }
.tk .tl span.ok { background: var(--green-soft); color: var(--green-ink); }
.tk .tl span.bad { background: var(--red-soft); color: var(--red-ink); }
.tk .acts { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.tk.resolved { opacity: .55; }
@media (max-width: 640px) { .tk { grid-template-columns: auto minmax(0, 1fr); } .tk > .chip { grid-column: 2; justify-self: start; } }
.adm > *, .side-nav { min-width: 0; }
@media (max-width: 1000px) { .side { width: 100%; overflow: hidden; } .side-nav { width: 100%; } }