:root{
  --bg:#060606;
  --bg2:#0b0b0b;
  --panel:#111111;
  --panel2:#161616;
  --panel-soft:rgba(255,255,255,.045);
  --line:rgba(255,255,255,.08);
  --line2:rgba(255,255,255,.12);
  --text:#f3f3f3;
  --muted:#9b9b9b;
  --muted-2:#c7c7c7;
  --accent:#f3a11d;
  --accent2:#ffbf5b;
  --accent-soft:rgba(243,161,29,.10);
  --danger:#d96b6b;
  --success:#67bf8b;
  --shadow:0 18px 48px rgba(0,0,0,.42);
  --shadow-soft:0 10px 30px rgba(0,0,0,.24);
  --radius:26px;
  --radius-sm:18px;
  --sidebar:296px;
}
*{box-sizing:border-box}
html,body{
  margin:0;
  padding:0;
  min-height:100%;
  background:linear-gradient(180deg,#050505,#090909 52%,#050505);
  color:var(--text);
  font-family:"Ubuntu",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
body{overflow-y:scroll;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

html.modal-open,
body.modal-open{
  overflow:hidden !important;
  height:100%;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  background:
    radial-gradient(circle at top left,rgba(243,161,29,.09),transparent 28%),
    radial-gradient(circle at bottom right,rgba(255,255,255,.035),transparent 24%),
    linear-gradient(180deg,rgba(255,255,255,.015),transparent 20%);
  pointer-events:none;
  z-index:0;
}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#080808;border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2d2d2d,#3a3a3a);border:2px solid #080808;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3c3c3c,#4a4a4a)}*{scrollbar-width:thin;scrollbar-color:#3a3a3a #080808}


.auth-body{display:grid;place-items:center;min-height:100vh;padding:28px}
.auth-shell{width:min(100%,460px)}
.auth-card{padding:34px 32px 30px;border-radius:30px;background:linear-gradient(180deg,rgba(18,18,18,.96),rgba(11,11,11,.98));border:1px solid var(--line);box-shadow:var(--shadow)}
.auth-title{font-size:34px;line-height:1.05;margin:16px 0 16px;font-weight:700;letter-spacing:-.03em}
.auth-brand{margin-bottom:10px}
.auth-brand .brand-title{font-size:34px}
.auth-brand .brand-sub{font-size:14px}
.auth-card .btn{margin-top:14px}
.auth-note{display:none}
.app-shell{position:relative;z-index:1;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh;width:100%}.sidebar{padding:24px 20px;border-right:1px solid var(--line);background:rgba(8,8,8,.94);backdrop-filter:blur(18px);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:18px}.main{min-width:0;padding:28px 34px 34px;overflow:hidden}.page-block{display:grid;gap:22px;width:100%;max-width:1520px;padding-bottom:16px}
.brand{display:flex;gap:14px;align-items:center;margin-bottom:12px}.brand-mark{width:54px;height:54px;border-radius:18px;background:linear-gradient(180deg,#1b1b1b,#121212);display:grid;place-items:center;color:var(--accent);font-size:24px;border:1px solid var(--line);box-shadow:var(--shadow-soft)}.brand-title{font-size:30px;font-weight:700;line-height:1;letter-spacing:-.03em}.brand-sub{margin-top:5px;color:var(--muted);font-size:14px}
.nav{display:grid;gap:8px}.nav a,.ghost-link{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;color:#b8b8b8;transition:transform .15s ease,background .15s ease,border-color .15s ease;color .15s ease;background:transparent;border:1px solid transparent}.nav a:hover,.nav a.active,.ghost-link:hover{background:var(--panel);border-color:var(--line2);color:var(--text)}.nav a:active,.ghost-link:active,.btn:active,.icon-btn:active,.toggle-pill:active,.action-card:active,.status-trigger:active{transform:scale(.97)}.sidebar-bottom{margin-top:auto;display:grid;gap:14px}.user-card{padding:16px;border-radius:20px;background:var(--panel);border:1px solid var(--line)}.user-name{font-size:18px}.user-meta{margin-top:6px;color:var(--muted)}
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 24px}.page-head h1{margin:0;font-size:38px;line-height:1.02;letter-spacing:-.04em}.page-head p{margin:10px 0 0;color:var(--muted);font-size:15px;line-height:1.55;max-width:760px}
.card{position:relative;background:linear-gradient(180deg,rgba(18,18,18,.98),rgba(11,11,11,.98));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);overflow:hidden}.card::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}.pad{padding:24px}.section-title{margin:0 0 14px;font-size:26px;letter-spacing:-.03em}.muted{color:var(--muted)}.hidden{display:none!important}
.stats-grid,.action-grid,.grid.two-up{display:grid;gap:18px;width:100%}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.action-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:22px;min-width:0}.stat-value{font-size:48px;line-height:1;color:var(--accent)}.stat-label{margin-top:10px;color:var(--muted);font-size:17px}.action-card{padding:18px;border-radius:18px;background:#101010;border:1px solid var(--line);display:grid;gap:10px;transition:transform .16s ease,border-color .16s ease,background .16s ease}.action-card:hover{border-color:#3b3b3b;background:#131313}.action-card i{font-size:20px;color:var(--accent)}
.toolbar,.simple-toolbar{display:flex;justify-content:flex-end;align-items:center;margin:0 0 12px}.table-card{overflow:hidden;padding:0}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:900px}.table th,.table td{padding:18px 18px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:middle}.table th{font-size:12px;color:#b8b8b8;letter-spacing:.12em;text-transform:uppercase;text-align:left;font-weight:700}.table tbody tr:hover{background:rgba(255,255,255,.02)}.table-link{color:var(--accent2)}.badge{display:inline-flex;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);color:#f7d19c}.code-line{font-variant-numeric:tabular-nums}.actions{white-space:nowrap}.actions-inline{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap}.actions-inline form{display:none}.table td.actions,.table th.actions{width:88px}
.btn,.icon-btn,.toggle-pill,.status-trigger{border:0;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 18px;border-radius:18px;font-weight:700}
.stats-grid-secondary .stat-value{font-size:34px}
.table-wrap{padding-right:8px}
.inline-note{display:none}.btn-block{width:100%}.btn-primary{background:linear-gradient(180deg,#ffb239,#ef9b1d);color:#231708;box-shadow:0 12px 24px rgba(243,161,29,.18)}.btn-primary:hover{filter:brightness(1.03)}.btn-secondary{background:#1a1a1a;color:#f2f2f2;border:1px solid rgba(255,255,255,.10)}.btn-secondary:hover{background:#202020}.btn-danger{background:#b94a4a;color:#fff}.btn-danger:hover{filter:brightness(1.05)}.icon-btn{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:#171717;color:#ededed;border:1px solid rgba(255,255,255,.10)}.icon-btn.small{width:38px;height:38px;border-radius:12px;font-size:13px}.icon-btn.danger{color:#ffb8b8}.icon-btn:hover{background:#1d1d1d;border-color:rgba(255,255,255,.16)}.status-trigger{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:16px;background:#171717;border:1px solid rgba(255,255,255,.10);color:#ddd}
.field{display:grid;gap:10px;min-width:0}.field span{color:#d8d8d8;font-size:15px;text-transform:uppercase;letter-spacing:.06em}.field.full{grid-column:1/-1}.input{width:100%;padding:14px 16px;border-radius:18px;border:1px solid #353535;background:#0d0d0d;color:#fff;outline:none;appearance:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(243,161,29,.14)}.select-wrap{position:relative}.select-wrap::after{content:"\f078";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#8b8b8b;pointer-events:none}.select-wrap .input{padding-right:42px}
.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.check-card{position:relative;display:flex}.check-card input{position:absolute;inset:0;opacity:0;cursor:pointer}.check-card span{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:14px 16px;border-radius:18px;border:1px solid #333;background:#111;color:#cfcfcf;transition:.18s}.check-card input:checked+span{border-color:#69440e;background:rgba(243,161,29,.11);color:#ffe2b8}.check-card.compact span{justify-content:center;padding:12px 14px}
.toggle-pill{padding:10px 12px;border-radius:14px;background:#181818;border:1px solid #333;color:#c8c8c8}.toggle-pill.on{background:rgba(243,161,29,.12);border-color:#6a450f;color:#ffd8a4}.toggle-stack.compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.76);display:none;align-items:center;justify-content:center;padding:16px;z-index:70}.modal.open{display:flex}.modal-card{width:min(980px,100%);max-height:min(92vh,100%);overflow:auto;background:#0b0b0c;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}.modal-card.small{max-width:440px}.modal-card.wide{max-width:1080px}.modal-head,.modal-actions{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-title{font-size:26px}.modal-body{padding:20px;display:grid;gap:18px}.modal-actions{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end;gap:10px;position:sticky;bottom:0;background:#0b0b0c}
.type-limit-list{display:grid;gap:12px}.type-row{display:grid;grid-template-columns:minmax(0,1fr) 170px 48px;gap:12px;align-items:end}.subsection-title{font-size:22px;color:var(--accent)}.store-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.store-status-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.store-status-edit,.store-status-card{padding:14px;border:1px solid var(--line);border-radius:18px;background:#101010;display:grid;gap:10px}.store-status-card.compact{padding:12px}.store-status-name{font-size:15px;color:#d1d1d1}
.status-hover{position:relative;display:inline-block}.status-popover{position:absolute;right:0;top:calc(100% + 8px);min-width:300px;max-height:360px;overflow:auto;padding:10px;border-radius:18px;background:#0f0f10;border:1px solid #303030;box-shadow:var(--shadow);display:none;z-index:15}.status-hover:hover .status-popover,.status-hover:focus-within .status-popover{display:grid;gap:10px}
.app-toast{position:fixed;right:20px;bottom:20px;z-index:90;background:#141414;border:1px solid #333;color:#fff;padding:14px 18px;border-radius:16px;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);transition:.2s}.app-toast.show{opacity:1;transform:translateY(0)}.app-toast[data-type="error"]{border-color:#6f3636;color:#ffd4d4}
.mobile-menu-btn{display:none;position:fixed;top:14px;left:14px;z-index:80}
@media (max-width:1280px){.stats-grid,.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1200px){.app-shell{grid-template-columns:92px minmax(0,1fr)}.brand-sub,.nav a span,.user-card,.ghost-link span{display:none}.brand{justify-content:center}.nav a,.ghost-link{justify-content:center}.main{padding:24px 20px 30px}.store-grid,.store-status-editor{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.mobile-menu-btn{display:grid}.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;transform:translateX(-103%);transition:.22s;z-index:75}.sidebar.open{transform:translateX(0)}.main{padding:72px 12px 18px}.page-head h1{font-size:32px}.page-head p{font-size:15px}.stats-grid,.action-grid,.grid.two-up,.check-grid,.store-grid,.store-status-editor,.toggle-stack.compact{grid-template-columns:1fr}.table-card{padding:0}.mobile-table thead{display:none}.mobile-table,.mobile-table tbody,.mobile-table tr,.mobile-table td{display:block;width:100%}.mobile-table tr{padding:14px;border-bottom:1px solid rgba(255,255,255,.06)}.mobile-table td{padding:9px 14px 9px 42%;position:relative;min-height:38px;border:0}.mobile-table td::before{content:attr(data-label);position:absolute;left:14px;top:9px;width:32%;color:#8f8f8f;text-transform:uppercase;font-size:12px;letter-spacing:.06em}.mobile-table td.actions{padding-left:14px}.mobile-table td.actions::before{display:none}.actions-inline{justify-content:flex-start}.table{min-width:0}.type-row{grid-template-columns:1fr 1fr 48px}.modal{padding:8px}.modal-card,.modal-card.wide{max-height:94vh;border-radius:22px}.modal-head,.modal-body,.modal-actions{padding:16px}.status-popover{position:static;display:none;min-width:0;margin-top:8px}.status-hover.open .status-popover{display:grid}.status-hover:hover .status-popover{display:none}.auth-card{padding:28px 22px 22px}}

.tabs-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.tab-btn{padding:11px 15px;border-radius:15px;border:1px solid #2d2d2d;background:#121212;color:#d7d7d7;cursor:pointer;transition:.15s}.tab-btn.active{background:rgba(243,161,29,.12);border-color:#6a450f;color:#ffdbad}.tab-panel{display:none}.tab-panel.active{display:block}
.store-summary-grid,.store-beer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.store-summary-item,.store-beer-card,.tap-store-card{border:1px solid rgba(255,255,255,.06);border-radius:20px;background:#0f0f10;padding:18px}.store-summary-title,.store-card-title{font-size:22px;margin:0}.store-summary-muted{color:var(--muted);margin-top:4px}.store-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.store-kpis div{background:#141414;border:1px solid #272727;border-radius:16px;padding:12px}.store-kpis strong{font-size:24px;color:var(--accent)}
.store-beer-list{display:grid;gap:10px}.store-beer-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:#141414;border:1px solid #262626}.store-beer-main{display:grid;gap:4px}.store-beer-flags{display:flex;gap:8px;flex-wrap:wrap}.mini-flag{display:inline-flex;align-items:center;padding:8px 10px;border-radius:999px;background:#181818;border:1px solid #343434;color:#d2d2d2;font-size:13px}.mini-flag.on{background:rgba(243,161,29,.12);border-color:#6a450f;color:#ffe0b4}.mini-flag.promo{background:rgba(255,255,255,.04)}
.tap-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tap-col-title{font-size:18px;color:var(--accent);margin-bottom:12px}.tap-chip-list{display:grid;gap:10px}.tap-chip{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:#141414;border:1px solid #252525}.tap-chip.is-hidden{opacity:.65}.muted-list .tap-chip{background:#111}
@media (max-width:1200px){.store-summary-grid,.store-beer-grid,.tap-columns{grid-template-columns:1fr}}
@media (max-width:860px){.stats-grid,.stats-grid-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.store-kpis{grid-template-columns:1fr 1fr}.mobile-table td{padding:10px 12px !important;display:grid !important;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:start;min-height:auto}.mobile-table td::before{position:static !important;width:auto !important;display:block;font-size:11px;margin:0;padding-top:2px}.mobile-table td.actions{display:flex !important;gap:8px;padding:12px !important}.mobile-table td.actions::before{display:none !important}.actions-inline{flex-wrap:wrap}.status-trigger{width:100%;justify-content:center}.status-popover{margin-top:10px}.store-beer-item{flex-direction:column;align-items:flex-start}.modal-card{width:100%;max-width:100%}.modal-card.wide{max-width:100%}.modal-body{padding:16px}.modal-actions{padding:14px 16px}.field.full,.grid.two-up .field{grid-column:auto}.auth-shell{width:min(100%,420px)}body{overflow-x:hidden}}
@media (max-width:560px){.main{padding:72px 10px 16px}.page-head h1{font-size:28px}.page-head p{font-size:14px}.stats-grid,.stats-grid-secondary,.check-grid,.store-grid,.store-status-editor,.store-summary-grid,.store-beer-grid,.tap-columns,.store-kpis{grid-template-columns:1fr}.mobile-menu-btn{top:12px;left:12px}.brand-title{font-size:26px}.stat-card{padding:18px}.stat-value{font-size:40px}.table-wrap{overflow:visible}.mobile-table tr{padding:12px 10px}.mobile-table td{grid-template-columns:82px minmax(0,1fr)}.toggle-stack.compact{grid-template-columns:1fr}.tabs-bar{display:grid;grid-template-columns:1fr 1fr}.btn{padding:12px 14px}}


/* patched taps layout */
.taps-page{max-width:1440px}
.taps-toolbar-card{padding:18px 24px}
.taps-toolbar{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr) auto;gap:18px;align-items:end}
.taps-help{padding-bottom:12px}
.tap-sort-list{display:grid;gap:16px;margin-top:18px}
.tap-sort-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 22px;border-radius:22px;background:#111;border:1px solid rgba(255,255,255,.08)}
.tap-sort-main{display:flex;align-items:center;gap:14px;min-width:0}
.tap-sort-info{min-width:0}
.tap-sort-title{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tap-sort-controls{display:flex;align-items:flex-end;gap:10px;flex-wrap:nowrap}
.tap-number-field{width:120px}
.tap-number-field .input{text-align:center}
.toggle-pill input{display:none}
.store-status-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.store-status-edit{padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#111}
.tap-map{display:grid;gap:4px}
.page-head{margin-bottom:18px}
.page-block{padding-right:6px}
.card.pad{padding:20px}
.mobile-table .actions-inline{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap}
.mobile-table .actions-inline .icon-btn{flex:0 0 auto}
@media (max-width:1100px){
  .taps-toolbar{grid-template-columns:1fr;align-items:stretch}
  .tap-sort-item{grid-template-columns:1fr}
  .tap-sort-controls{justify-content:flex-start}
}
@media (max-width:720px){
  .main{padding:22px 16px 28px}
  .page-head h1{font-size:28px}
  .page-head p{font-size:14px}
  .tap-sort-item{padding:16px}
  .tap-sort-main{align-items:flex-start}
  .tap-sort-title{white-space:normal}
  .tap-sort-controls{display:grid;grid-template-columns:minmax(96px,120px) repeat(2,auto);gap:8px;align-items:end}
  .toggle-pill{justify-content:center;padding:10px 12px}
  .store-status-editor{grid-template-columns:1fr}
  .mobile-table .table td.actions, .mobile-table td.actions{display:flex;justify-content:flex-start}
}


/* Screens page theme sync with admin panel */
.screens-page .card,
.screens-page .modal-card,
.screens-page .table-wrap,
.screens-page .screen-row,
.screens-page .screen-card,
.screens-page .toolbar-card {
  background: linear-gradient(180deg, rgba(20,20,20,.96) 0%, rgba(14,14,14,.96) 100%);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 10px 30px rgba(0,0,0,.24);
}

.screens-page .table,
.screens-page table {
  background: transparent;
}

.screens-page thead th,
.screens-page th {
  color: #d8d8d8;
}

.screens-page tbody tr,
.screens-page tr {
  background: transparent;
}

.screens-page tbody tr:hover {
  background: rgba(255,255,255,.02);
}

.screens-page td,
.screens-page th {
  border-color: rgba(255,255,255,.06);
}

.screens-page .screen-link,
.screens-page .themed-link {
  color: #f5a623;
  text-decoration: none;
}
.screens-page .screen-link:hover,
.screens-page .themed-link:hover {
  color: #ffbe4d;
}

.screens-page .admin-chip,
.screens-page .sort-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  margin: 3px 6px 3px 0;
  border-radius: 999px;
  background: rgba(245,166,35,.10);
  border: 1px solid rgba(245,166,35,.22);
  color: #f3d19c;
}

.screens-page .page-head h1,
.screens-page .section-title,
.screens-page .modal-title {
  color: #f3f3f3;
}

.screens-page .page-head p,
.screens-page .muted,
.screens-page .screen-meta {
  color: #9c9c9c;
}

.screens-page .input,
.screens-page select,
.screens-page textarea {
  background: #0d0d0d;
  border: 1px solid rgba(255,255,255,.10);
  color: #f2f2f2;
}

.screens-page .input:focus,
.screens-page select:focus,
.screens-page textarea:focus {
  border-color: rgba(245,166,35,.6);
  box-shadow: 0 0 0 3px rgba(245,166,35,.12);
}

.screens-page .btn-secondary,
.screens-page .btn-muted {
  background: #171717;
  color: #e8e8e8;
  border: 1px solid rgba(255,255,255,.08);
}
.screens-page .btn-secondary:hover,
.screens-page .btn-muted:hover {
  background: #1e1e1e;
}

.screens-page .icon-btn,
.screens-page .action-btn {
  background: #171717;
  border: 1px solid rgba(255,255,255,.08);
  color: #e8e8e8;
}
.screens-page .icon-btn:hover,
.screens-page .action-btn:hover {
  background: #202020;
}

.screens-page .modal-overlay {
  background: rgba(0,0,0,.72);
}

@media (max-width: 720px) {
  .screens-page .admin-chip,
  .screens-page .sort-chip {
    font-size: 12px;
    padding: 5px 9px;
  }
}

.type-row.enhanced{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) 120px 110px 140px 46px;
  gap:10px;
  align-items:end;
  margin-bottom:10px;
}
@media (max-width: 760px){
  .type-row.enhanced{grid-template-columns:1fr 1fr}
}


/* polish */
.simple-toolbar{display:flex;justify-content:flex-end}
.table-wrap{overflow:auto}
.table td,.table th{vertical-align:middle}
.icon-btn.small{width:42px;height:42px}
.actions-inline{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:nowrap}
.select-wrap,.field,.input,.btn{min-width:0}
.input{height:64px;padding:0 20px;display:flex;align-items:center}
textarea.input{height:auto;padding:18px 20px}
.select-wrap::after{right:18px;top:50%;transform:translateY(-50%)}
.screen-settings-grid{margin-bottom:8px}
.screen-behavior-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:end;margin-bottom:10px}
.field-full{grid-column:1 / -1}
.toggle-card{position:relative;display:flex;min-height:64px;border:1px solid var(--line2);border-radius:22px;background:linear-gradient(180deg,rgba(25,25,25,.98),rgba(15,15,15,.98));overflow:hidden}
.toggle-card input{position:absolute;inset:0;opacity:0;cursor:pointer}
.toggle-card span{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:0 20px;color:#cfcfcf;font-size:22px;transition:.18s ease;text-align:center}
.toggle-card input:checked + span{background:rgba(243,161,29,.14);color:#ffe0a8;box-shadow:inset 0 0 0 1px rgba(243,161,29,.28)}
.type-limit-list{display:grid;gap:14px;margin:16px 0 18px}
.type-row.enhanced{display:grid;grid-template-columns:minmax(0,1.35fr) 150px 150px 170px 52px;gap:12px;align-items:end;padding:16px 18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(16,16,16,.98),rgba(10,10,10,.98))}
.type-row.enhanced .field{margin:0}
.type-row.enhanced .field.small .input{text-align:center}
.type-row.enhanced [data-remove-type]{align-self:center;justify-self:end;width:44px;height:44px;border-radius:50%}
.type-row.enhanced [data-remove-type] i{font-size:18px}
.toolbar-form,.filter-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:16px;align-items:end}
.summary-chips{display:flex;flex-wrap:wrap;gap:12px}
.summary-chip{padding:12px 18px;border-radius:999px;border:1px solid var(--line2);background:rgba(17,17,17,.96);color:#d5d5d5;font-size:15px}
.search-field{position:relative}.search-field .input{padding-left:52px}.search-field i{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:18px;pointer-events:none}
@media (max-width: 1180px){
  .screen-behavior-grid,.toolbar-form,.filter-bar{grid-template-columns:1fr}
  .type-row.enhanced{grid-template-columns:1fr 1fr}
  .type-row.enhanced [data-remove-type]{grid-column:2;grid-row:3;justify-self:end}
}


/* admin alignment and live filters */
.toolbar-form.card,.admin-filter-card{padding:18px 20px;margin-bottom:18px}
.toolbar-form{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:16px;align-items:end}
.filter-bar{display:grid;grid-template-columns:minmax(260px,1.4fr) repeat(2,minmax(180px,.8fr));gap:16px;align-items:end}
.table-card{overflow:hidden}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{vertical-align:middle}.table td:last-child,.table th:last-child{white-space:nowrap}
.table-beers th:nth-last-child(2),.table-beers td:nth-last-child(2){width:180px}.table-beers th:last-child,.table-beers td:last-child{width:120px}
.actions-inline{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap}
.status-trigger{min-width:138px;justify-content:space-between}
.search-field .input{padding-left:52px}.search-field i{position:absolute;left:18px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted)}
.screen-behavior-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:end}.screen-behavior-grid .field-full{grid-column:1 / -1}
.toggle-card{min-height:56px}.toggle-card span{font-size:18px;padding:0 18px}.type-row.enhanced{grid-template-columns:minmax(0,1.4fr) 140px 140px 160px 56px;align-items:center}.type-row.enhanced [data-remove-type]{margin-top:22px}
.taps-toolbar{display:grid;grid-template-columns:minmax(260px,320px) minmax(320px,1fr) auto;gap:18px;align-items:end}.taps-help{margin-top:12px}.tap-sort-item{min-height:96px}.tap-sort-controls{display:flex;align-items:flex-end;gap:10px;justify-content:flex-end}.tap-sort-controls .toggle-pill{height:56px;display:inline-flex;align-items:center}.toggle-pill.is-disabled{opacity:.55}
@media (max-width:1100px){.toolbar-form,.filter-bar,.screen-behavior-grid,.taps-toolbar{grid-template-columns:1fr}.actions-inline{justify-content:flex-start}.table-beers th:nth-last-child(2),.table-beers td:nth-last-child(2),.table-beers th:last-child,.table-beers td:last-child{width:auto}}

/* alignment refresh */
.toolbar-form.compact-actions{display:flex;justify-content:flex-end;align-items:center;padding:16px 20px}
.toolbar-form.compact-actions .simple-toolbar{margin-left:auto}
.filter-bar{grid-template-columns:minmax(260px,1.25fr) repeat(2,minmax(180px,.7fr));}
.search-field .input{padding-left:50px}
.search-field i{left:16px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;line-height:1}
.table-beers td:first-child,.table-beers th:first-child{min-width:150px;width:150px}
.table-beers td:nth-last-child(2),.table-beers th:nth-last-child(2){width:150px}
.table-beers td:last-child,.table-beers th:last-child{width:120px}
.table-beers .actions-inline{justify-content:flex-start}
.table-beers .status-trigger{min-width:140px;justify-content:space-between}
.icon-btn.small{width:40px;height:40px;border-radius:14px}
.type-row.enhanced{display:grid;grid-template-columns:minmax(0,1.4fr) 150px 140px 170px 56px;gap:12px;align-items:end}
.type-row.enhanced .icon-btn{width:44px;height:44px;border-radius:16px;align-self:end}
.screen-behavior-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:end;margin-bottom:12px}
.toggle-card{min-height:58px}
.toggle-card span{font-size:18px;padding:0 16px}
.taps-toolbar{grid-template-columns:minmax(260px,320px) minmax(320px,1fr) auto;gap:16px}
.tap-sort-item{grid-template-columns:minmax(0,1fr) auto;gap:20px}
.tap-sort-controls{display:flex;align-items:flex-end;gap:10px;flex-wrap:nowrap}
.tap-sort-controls .toggle-pill{min-width:124px;justify-content:center}
.toggle-pill{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 14px;border-radius:16px;background:#181818;border:1px solid #333;color:#c8c8c8;white-space:nowrap}
.toggle-pill input{display:none}
.toggle-pill.on{background:rgba(243,161,29,.12);border-color:#6a450f;color:#ffd8a4}
@media (max-width: 1180px){
  .toolbar-form.compact-actions{justify-content:stretch}
  .toolbar-form.compact-actions .simple-toolbar{width:100%}
  .toolbar-form.compact-actions .btn{width:100%}
  .screen-behavior-grid,.toolbar-form,.filter-bar,.taps-toolbar{grid-template-columns:1fr}
  .type-row.enhanced{grid-template-columns:1fr 1fr}
  .type-row.enhanced [data-remove-type]{grid-column:2;grid-row:auto;justify-self:end}
}


/* beers page polish */
.table-beers th:first-child,.table-beers td:first-child{min-width:220px;width:220px;vertical-align:top}
.tap-map{display:flex;flex-direction:column;gap:8px}
.tap-chip{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:8px 12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);white-space:nowrap}
.tap-chip-store{color:var(--muted)}
.table-beers td.actions,.table-beers th:last-child{width:104px}
.table-beers .actions-inline{justify-content:flex-end}
#beers-table-view .table-wrap{overflow:auto}
#beer-modal .modal-card.wide{max-width:1240px}
#beer-modal .modal-body.grid.two-up{align-items:start}
@media (max-width:1100px){.table-beers th:first-child,.table-beers td:first-child{min-width:160px;width:160px}.tap-chip{white-space:normal}}

/* beer/tap fixes */
.table-beers th:last-child,.table-beers td:last-child{width:104px}
.table-beers th:nth-last-child(2),.table-beers td:nth-last-child(2){width:auto}
.tap-map{display:flex;flex-wrap:wrap;gap:8px}
.tap-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);white-space:nowrap}
.tap-chip-store{color:var(--muted)}
.tap-chip.is-conflict,.store-beer-item.is-conflict,.tap-sort-item.is-conflict{border-color:rgba(220,72,72,.95)!important;box-shadow:0 0 0 1px rgba(220,72,72,.32), inset 0 0 0 1px rgba(220,72,72,.14)}
.store-beer-item{align-items:flex-start}
.store-beer-main strong{display:block}
@media (max-width:1100px){.table-beers th:last-child,.table-beers td:last-child{width:auto}}


/* taps autosave polish */
.taps-toolbar{grid-template-columns:minmax(260px,320px) minmax(320px,1fr);}
.tap-sort-controls{display:flex;align-items:flex-end;gap:12px;flex-wrap:nowrap}
.tap-number-field .input{width:136px;text-align:center;font-weight:700;appearance:textfield;-moz-appearance:textfield}
.tap-number-field .input::-webkit-outer-spin-button,.tap-number-field .input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.tap-number-field .input{border-radius:24px}
.tap-sort-controls .toggle-pill{min-width:150px}
@media (max-width:1100px){.taps-toolbar{grid-template-columns:1fr}.tap-sort-controls{flex-wrap:wrap}}


/* taps polish */
.taps-toolbar--two{grid-template-columns:minmax(280px,360px) minmax(340px,1fr);gap:20px;align-items:end}
.taps-toolbar--two .field{margin:0}
.taps-toolbar-card{padding:24px}
.tap-sort-item{display:flex;align-items:center;justify-content:space-between;gap:20px}
.tap-sort-main{flex:1;min-width:0}
.tap-sort-controls{display:flex;align-items:flex-end;justify-content:flex-end;gap:14px;flex-wrap:nowrap;min-width:max-content}
.tap-number-field{width:170px}
.tap-number-field > span{display:block;margin-bottom:10px}
.tap-stepper{display:grid;grid-template-columns:48px 1fr 48px;height:56px;border:1px solid rgba(255,255,255,.10);border-radius:24px;overflow:hidden;background:#0d0d0d}
.tap-stepper.is-disabled{opacity:.55}
.tap-step-btn{border:0;background:#171717;color:#f0d3a2;font-size:24px;font-weight:700;cursor:pointer}
.tap-step-btn:hover{background:#1d1d1d}
.tap-step-btn:active{background:#232323}
.tap-step-input.input{height:56px;padding:0 10px;border:0;border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08);border-radius:0;text-align:center;font-weight:700;appearance:textfield;-moz-appearance:textfield;box-shadow:none;background:#0d0d0d}
.tap-step-input.input::-webkit-outer-spin-button,.tap-step-input.input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.tap-sort-controls .toggle-pill{min-width:170px;height:56px;justify-content:center}
@media (max-width:1180px){
  .taps-toolbar--two{grid-template-columns:1fr}
  .tap-sort-item{flex-direction:column;align-items:flex-start}
  .tap-sort-controls{width:100%;justify-content:flex-start;flex-wrap:wrap}
}
@media (max-width:640px){
  .tap-sort-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
  .tap-number-field{width:100%;grid-column:1 / -1}
  .tap-sort-controls .toggle-pill{min-width:0;width:100%}
}

/* beer store filter nested items */
.store-beer-list{display:grid;gap:10px}
.store-beer-item{display:flex;align-items:center;justify-content:space-between;gap:16px}
.store-beer-main{min-width:0}
.store-beer-main strong{display:block}
.tap-chip{display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap}


/* final alignment and control polish */
.search-field.no-search-icon .input{padding-left:16px}
.search-field.no-search-icon i{display:none!important}
select.input{background-image:none}
select.input option{background:#0d0d0d;color:#fff}
.select-wrap{display:block}
.select-wrap .input{height:58px;border-radius:20px;background:#0b0b0b;border:1px solid rgba(255,255,255,.12)}
.select-wrap::after{right:18px;color:#a7a7a7;font-size:14px}
.filter-bar{align-items:end}
.taps-toolbar--two{display:grid;grid-template-columns:minmax(260px,420px) minmax(320px,1fr);gap:18px;align-items:end}
.taps-toolbar-card .field{margin:0}
.tap-sort-controls{display:grid;grid-template-columns:190px 190px 190px;gap:14px;align-items:end}
.tap-number-field .tap-stepper{height:70px;border-radius:22px;grid-template-columns:56px 1fr 56px}
.tap-number-field .field>span{margin-bottom:8px}
.tap-step-btn{font-size:28px;font-weight:800;background:#151515;color:#f0d3a2;display:flex;align-items:center;justify-content:center;line-height:1;position:relative;z-index:2;user-select:none}
.tap-step-input{height:70px;border:0;background:transparent;text-align:center;padding:0 10px;font-size:32px;font-weight:700;border-radius:0;-moz-appearance:textfield;appearance:textfield}
.tap-step-input::-webkit-outer-spin-button,.tap-step-input::-webkit-inner-spin-button{appearance:none;margin:0}
.toggle-pill{height:70px;justify-content:center;border-radius:22px;font-size:16px;font-weight:600;padding:0 22px}
.tap-sort-item{grid-template-columns:minmax(320px,1fr) auto;gap:24px;align-items:center}
.tap-sort-info{min-width:0}.tap-sort-title{font-size:20px}.tap-sort-main{min-width:0}
.tap-sort-title .muted{white-space:nowrap}
.table-beers .actions-inline{display:flex;align-items:center;justify-content:flex-end;gap:10px;white-space:nowrap}
.table-beers td:last-child{min-width:116px}
@media (max-width:1100px){.taps-toolbar--two{grid-template-columns:1fr}.tap-sort-controls{grid-template-columns:1fr}.tap-sort-item{grid-template-columns:1fr}.toggle-pill,.tap-number-field .tap-stepper{width:100%}}


/* custom select system */
.search-field i{display:none!important}
.search-field .input{padding-left:16px!important}
.select-wrap::after{display:none!important}
.select-wrap-enhanced{position:relative}
.select-wrap .native-select{position:absolute;inset:0;opacity:0;pointer-events:none}
.custom-select{position:relative;z-index:20}
.custom-select.open{z-index:60}
.custom-select-trigger{width:100%;height:58px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(14,14,14,.98),rgba(9,9,9,.98));color:#fff;padding:0 16px 0 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;font:inherit;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.custom-select-trigger:hover{border-color:rgba(243,161,29,.35);background:linear-gradient(180deg,rgba(20,20,20,.99),rgba(11,11,11,.99))}
.custom-select-trigger:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(243,161,29,.14)}
.custom-select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.custom-select-chevron{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#c7c7c7;background:rgba(255,255,255,.04);flex:0 0 auto}
.custom-select.open .custom-select-chevron{color:#f3a11d;background:rgba(243,161,29,.12)}
.custom-select-menu{position:absolute;left:0;right:0;top:calc(100% + 8px);display:none;padding:8px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(10,10,10,.98);backdrop-filter:blur(10px);box-shadow:0 18px 48px rgba(0,0,0,.45);max-height:280px;overflow:auto}
.custom-select.open .custom-select-menu{display:block}
.custom-select-option{width:100%;min-height:44px;border:0;background:transparent;color:#f0f0f0;border-radius:12px;padding:0 14px;display:flex;align-items:center;text-align:left;font:inherit;cursor:pointer}
.custom-select-option:hover{background:rgba(255,255,255,.05)}
.custom-select-option.is-selected{background:rgba(243,161,29,.14);color:#ffd48b}
.custom-select-option:disabled{opacity:.45;cursor:default}

/* taps refinements */
.taps-toolbar--two{grid-template-columns:minmax(280px,360px) minmax(320px,1fr)!important}
.tap-sort-controls{display:grid!important;grid-template-columns:180px 180px 180px;gap:14px;align-items:end;justify-content:end}
.tap-number-field{width:180px}
.tap-number-field>span{margin-bottom:8px}
.tap-number-field .tap-stepper{height:64px;border-radius:22px;grid-template-columns:46px 1fr 46px;width:180px}
.tap-step-btn{font-size:24px!important}
.tap-step-input.input,.tap-step-input{height:64px!important;font-size:28px!important;padding:0 6px!important}
.toggle-pill{height:64px!important;min-width:180px!important;border-radius:22px!important}
@media (max-width:1180px){.tap-sort-controls{grid-template-columns:1fr!important;justify-content:stretch}.tap-number-field,.tap-number-field .tap-stepper,.toggle-pill{width:100%!important;min-width:0!important}}

/* taps groups and search polish */
.search-input-wrap{position:relative}
.search-input-wrap .input{padding-right:48px}
.search-clear-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#151515;color:#cfcfcf;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.search-clear-btn:hover{border-color:rgba(243,161,29,.35);color:#f3a11d;background:#1a1a1a}
.search-clear-btn[hidden]{display:none!important}
.select-wrap-enhanced > .native-select{display:none!important}
.select-wrap-enhanced > .custom-select{display:block!important}
.select-wrap-enhanced.select-wrap::after{display:none!important}
.taps-toolbar .custom-select-trigger,.taps-toolbar .search-input-wrap .input{height:64px;border-radius:22px}
.tap-group{display:grid;gap:14px;margin-top:22px}
.tap-group:first-child{margin-top:18px}
.tap-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 4px}
.tap-group-title{font-size:28px;font-weight:700;letter-spacing:.01em;color:#f2f2f2}
.tap-group-count{color:var(--muted);font-size:15px}
.tap-group-items{display:grid;gap:16px}
.tap-sort-item.is-conflict{border-color:#ff4b4b!important;box-shadow:0 0 0 1px rgba(255,75,75,.16), inset 0 0 0 1px rgba(255,75,75,.08)}
.tap-sort-item.is-conflict .tap-stepper{border-color:#ff4b4b!important;box-shadow:0 0 0 1px rgba(255,75,75,.16)}
.tap-stepper{display:grid;grid-template-columns:46px 1fr 46px;align-items:stretch;border:1px solid rgba(255,255,255,.12);overflow:hidden;background:#0d0d0d}
.tap-step-btn{width:46px;min-width:46px}
.tap-step-btn[disabled]{opacity:.4;cursor:not-allowed}
.tap-step-input.input{width:100%;min-width:0}
.tap-sort-controls{display:grid!important;grid-template-columns:180px 180px 180px;gap:14px;align-items:end;justify-content:end}
@media (max-width:1180px){
  .tap-group-title{font-size:24px}
  .tap-sort-controls{grid-template-columns:1fr!important}
  .tap-stepper,.toggle-pill{width:100%!important}
}


/* search cleanup and better mobile taps */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{display:none;-webkit-appearance:none}
input[type="search"]{appearance:textfield}
.search-input-wrap .input{height:64px;border-radius:22px;padding-right:56px}
.search-clear-btn{width:38px;height:38px;right:10px;border-radius:14px;border:1px solid rgba(243,161,29,.16);background:linear-gradient(180deg,#171717,#111);color:#d7d7d7;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.search-clear-btn:hover{color:#f3a11d;border-color:rgba(243,161,29,.45);background:linear-gradient(180deg,#1d1d1d,#141414)}
.select-wrap-enhanced > select.native-select{display:none!important;visibility:hidden!important;width:0!important;height:0!important;position:absolute!important;left:-9999px!important}
.taps-toolbar .field{display:flex;flex-direction:column;justify-content:flex-end}
.taps-toolbar .custom-select-trigger,.taps-toolbar .search-input-wrap .input{height:64px!important;min-height:64px!important;box-sizing:border-box}
.taps-toolbar .custom-select{width:100%}
.taps-toolbar .custom-select-menu{top:calc(100% + 10px)}
@media (max-width: 900px){
  .page-wrap{display:block}
  .sidebar{position:sticky;top:0;z-index:40;width:100%;padding:18px 14px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
  .sidebar .brand{margin-bottom:10px}
  .sidebar nav ul{display:flex;overflow:auto;gap:10px;padding-bottom:4px}
  .sidebar nav li{flex:0 0 auto}
  .sidebar .nav-link{min-width:auto;padding:14px 16px}
  .sidebar .side-user{margin-top:14px}
  .page-main{padding:18px 14px 32px}
  .page-block{gap:16px}
  .taps-toolbar--two{grid-template-columns:1fr!important;gap:14px}
  .taps-toolbar-card{padding:14px}
  .taps-toolbar .custom-select-trigger,.taps-toolbar .search-input-wrap .input{height:56px!important;min-height:56px!important;border-radius:18px}
  .tap-group{margin-top:18px}
  .tap-group-title{font-size:18px}
  .tap-group-count{font-size:13px}
  .tap-sort-item{padding:16px;border-radius:22px;gap:16px;grid-template-columns:1fr!important}
  .tap-sort-main{gap:12px;align-items:flex-start}
  .drag-handle{width:44px;height:44px}
  .tap-sort-title{font-size:18px;line-height:1.2}
  .tap-sort-title .muted{display:inline;white-space:normal}
  .tap-sort-controls{grid-template-columns:1fr!important;gap:12px!important;justify-content:stretch!important}
  .tap-number-field,.tap-number-field .tap-stepper,.toggle-pill{width:100%!important;min-width:0!important}
  .tap-number-field .tap-stepper{height:56px!important;border-radius:18px;grid-template-columns:52px 1fr 52px!important}
  .tap-step-btn{width:52px!important;min-width:52px!important;font-size:24px!important}
  .tap-step-input.input,.tap-step-input{height:56px!important;font-size:24px!important}
  .toggle-pill{height:56px!important;border-radius:18px!important;font-size:18px!important}
  .section-title.store-card-title{font-size:22px}
}
@media (max-width: 560px){
  .content-title{font-size:34px;line-height:1.05}
  .content-subtitle{font-size:16px}
  .card.pad{padding:14px}
  .field span{font-size:13px}
  .tap-group-head{padding:0 2px}
  .tap-sort-info .muted{font-size:14px;line-height:1.35}
}

/* fix13 mobile + custom selects + search clear */
.select-wrap-enhanced{position:relative !important}
.select-wrap-enhanced > select.native-select,
.select-wrap-enhanced > .native-select{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
  clip-path:inset(50%) !important;
  overflow:hidden !important;
  left:0 !important;
  top:0 !important;
}
.select-wrap-enhanced > .custom-select{display:block !important;position:relative !important;z-index:5}
.select-wrap-enhanced > .custom-select .custom-select-trigger{height:64px !important;min-height:64px !important;border-radius:22px !important}
.taps-toolbar--two .select-wrap-enhanced > .custom-select .custom-select-trigger,
.taps-toolbar--two .search-input-wrap .input{height:64px !important;min-height:64px !important}
.search-input-wrap{position:relative}
.search-input-wrap .input{padding-right:56px !important}
.search-clear-btn{z-index:4 !important;display:inline-flex;align-items:center;justify-content:center}
.search-clear-btn i{font-size:16px;line-height:1}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{display:none !important;-webkit-appearance:none !important}
input::-ms-clear,input::-ms-reveal{display:none !important;width:0 !important;height:0 !important}

@media (max-width: 860px){
  .app-shell{display:block !important}
  .sidebar{width:100% !important;max-width:320px !important}
  .main{width:100% !important;max-width:none !important;padding:68px 12px 20px !important}
  .page-head{margin-bottom:16px !important}
  .page-head h1{font-size:26px !important;line-height:1.05 !important}
  .page-head p{font-size:13px !important}
  .taps-toolbar-card{padding:16px !important}
  .taps-toolbar--two{display:grid !important;grid-template-columns:1fr !important;gap:14px !important}
  .taps-toolbar--two .field{width:100% !important;min-width:0 !important}
  .taps-toolbar--two .select-wrap-enhanced > .custom-select,
  .taps-toolbar--two .search-input-wrap{width:100% !important}
  .taps-toolbar--two .custom-select-trigger,
  .taps-toolbar--two .search-input-wrap .input{height:56px !important;min-height:56px !important;border-radius:18px !important}
  .taps-help{font-size:13px !important;line-height:1.4 !important}
  .tap-group-title{font-size:15px !important}
  .tap-sort-item{grid-template-columns:1fr !important;gap:14px !important;padding:14px !important;border-radius:20px !important}
  .tap-sort-main{align-items:flex-start !important;gap:12px !important}
  .tap-sort-title{font-size:17px !important;line-height:1.15 !important}
  .tap-sort-info .muted{font-size:13px !important;line-height:1.35 !important}
  .tap-sort-controls{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;justify-content:stretch !important}
  .tap-number-field,.tap-number-field .tap-stepper,.toggle-pill{width:100% !important;min-width:0 !important}
  .tap-number-field .tap-stepper{height:58px !important;border-radius:18px !important;grid-template-columns:52px 1fr 52px !important}
  .tap-step-btn{font-size:26px !important}
  .tap-step-input{font-size:20px !important}
  .toggle-pill{height:54px !important;border-radius:18px !important;font-size:18px !important}
}

@media (max-width: 520px){
  .main{padding:64px 10px 18px !important}
  .page-head h1{font-size:24px !important}
  .taps-toolbar-card,.card.pad{padding:14px !important}
  .tap-sort-item{padding:12px !important}
  .drag-handle.small{width:44px !important;height:44px !important}
  .tap-sort-title{font-size:16px !important}
  .tap-sort-info .muted{font-size:12px !important}
}


/* final mobile + taps cleanup */
.search-clear-btn{display:none !important}
.search-input-wrap .input{padding-right:18px !important}
.select-wrap-enhanced{width:100% !important;display:block !important}
.select-wrap-enhanced > .custom-select{width:100% !important;display:block !important}
.select-wrap-enhanced > .custom-select .custom-select-trigger{width:100% !important}
.select-wrap-enhanced > select.native-select,.select-wrap-enhanced > .native-select{display:none !important}
.taps-store-select,.taps-search{min-width:0 !important;width:100% !important}
.taps-toolbar--two{grid-template-columns:minmax(280px,360px) minmax(340px,1fr) !important}
@media (max-width: 860px){
  .mobile-menu-btn{top:10px !important;left:10px !important;z-index:90 !important}
  .main{padding-top:58px !important}
  .page-head{margin-bottom:10px !important}
  .page-head h1{font-size:22px !important;margin-bottom:4px !important}
  .page-head p{font-size:12px !important}
  .taps-toolbar-card{padding:12px !important;border-radius:20px !important}
  .taps-toolbar--two{grid-template-columns:1fr !important;gap:12px !important}
  .taps-toolbar--two .field{gap:8px !important}
  .taps-toolbar--two .field span{font-size:12px !important}
  .taps-toolbar--two .select-wrap-enhanced,.taps-toolbar--two .search-input-wrap{width:100% !important;max-width:100% !important}
  .taps-toolbar--two .custom-select-trigger,.taps-toolbar--two .search-input-wrap .input{width:100% !important;height:52px !important;min-height:52px !important;border-radius:16px !important;padding-left:16px !important;padding-right:16px !important;font-size:16px !important}
  .taps-help{font-size:12px !important;line-height:1.35 !important}
  .card.pad{padding:12px !important}
  .section-title.store-card-title{font-size:18px !important}
  .tap-group{margin-top:14px !important;gap:12px !important}
  .tap-group-title{font-size:14px !important}
  .tap-group-count{font-size:12px !important}
  .tap-sort-item{padding:12px !important;gap:12px !important;border-radius:18px !important}
  .tap-sort-main{gap:10px !important}
  .drag-handle.small{width:40px !important;height:40px !important}
  .tap-sort-title{font-size:15px !important;line-height:1.15 !important}
  .tap-sort-info .muted{font-size:12px !important}
  .tap-number-field > span{font-size:12px !important;margin-bottom:6px !important}
  .tap-number-field .tap-stepper{height:52px !important;border-radius:16px !important;grid-template-columns:44px 1fr 44px !important}
  .tap-step-btn{width:44px !important;min-width:44px !important;font-size:22px !important}
  .tap-step-input.input,.tap-step-input{height:52px !important;font-size:16px !important}
  .toggle-pill{height:50px !important;border-radius:16px !important;font-size:16px !important;padding:0 14px !important}
}
@media (max-width: 520px){
  .sidebar{padding:10px 10px 8px !important}
  .main{padding:54px 8px 16px !important}
  .page-head h1{font-size:20px !important}
  .page-head p{font-size:11px !important}
  .taps-toolbar-card,.card.pad{padding:10px !important}
  .tap-sort-item{padding:10px !important}
  .tap-sort-title{font-size:14px !important}
  .tap-sort-info .muted{font-size:11px !important}
}


/* fix15 mobile taps */
.tap-sort-main{display:flex;align-items:center;gap:14px;min-width:0}
@media (max-width: 860px){
  .sidebar{position:fixed !important;left:0 !important;top:0 !important;bottom:0 !important;width:280px !important;max-width:86vw !important;height:100vh !important;transform:translateX(-104%) !important;transition:transform .22s ease !important;z-index:85 !important;border-right:1px solid rgba(255,255,255,.08) !important;border-bottom:0 !important;padding:18px 14px !important;overflow:auto !important;background:rgba(6,6,6,.98) !important}
  .sidebar.open{transform:translateX(0) !important}
  .sidebar .brand,.sidebar .sidebar-bottom{display:none !important}
  .sidebar .nav{display:grid !important;gap:8px !important}
  .sidebar .nav a{padding:14px 16px !important;border-radius:16px !important}
  .main{padding-top:18px !important}
  .page-head{padding-top:44px !important;margin-bottom:12px !important}
  .mobile-menu-btn{display:grid !important;position:fixed !important;top:12px !important;left:12px !important;z-index:95 !important}
  .taps-toolbar-card{margin-top:0 !important}
}
@media (max-width: 520px){
  .main{padding:18px 8px 16px !important}
  .page-head{padding-top:48px !important;margin-bottom:10px !important}
  .page-head h1{font-size:18px !important;line-height:1.05 !important}
  .page-head p{font-size:11px !important}
  .tap-sort-main{align-items:flex-start !important}
  .tap-sort-info{width:100% !important}
}


/* beers table fix */
.table-beers th:nth-last-child(2),.table-beers td:nth-last-child(2){width:220px}.table-beers th:last-child,.table-beers td:last-child{width:116px}.table td.actions{white-space:nowrap}.table td.actions .actions-inline{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap}.table td.actions,.table th.actions{display:table-cell}.tap-map{display:flex;flex-wrap:wrap;gap:8px}.tap-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#111}.tap-chip-store{color:var(--muted)}
@media (max-width:1100px){.table td.actions .actions-inline{justify-content:flex-start}}

/* beers page mobile repair */
.page-beers .simple-toolbar{justify-content:flex-end}
.page-beers .simple-toolbar .btn{white-space:nowrap}
@media (max-width:860px){
  body.page-beers .main{padding-top:74px}
  body.page-beers .page-head{padding-top:8px;margin-bottom:10px}
  body.page-beers .page-head h1{font-size:28px;line-height:1.05}
  body.page-beers .page-head p{margin-top:4px}
  body.page-beers .page-block{gap:14px}
  body.page-beers .toolbar.simple-toolbar{justify-content:flex-start}
  body.page-beers .toolbar.simple-toolbar .btn{width:auto;max-width:100%;padding:13px 18px;border-radius:18px}
  body.page-beers .admin-filter-card{padding:14px}
  body.page-beers .filter-bar{grid-template-columns:1fr;gap:12px}
  body.page-beers .field>span{font-size:12px;letter-spacing:.08em}
  body.page-beers .input{height:56px;padding:0 16px}
  body.page-beers .table-wrap{overflow:visible}
  body.page-beers .mobile-table tbody{display:grid;gap:14px}
  body.page-beers .mobile-table tr{display:block;padding:0;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:linear-gradient(180deg,rgba(17,17,17,.98),rgba(11,11,11,.98));overflow:hidden}
  body.page-beers .mobile-table td{display:grid !important;grid-template-columns:90px minmax(0,1fr);gap:10px;padding:10px 16px!important;min-height:auto;align-items:start}
  body.page-beers .mobile-table td::before{font-size:11px;color:#8f8f8f}
  body.page-beers .mobile-table td:first-child{padding-top:16px!important}
  body.page-beers .mobile-table td:last-child{padding-bottom:16px!important}
  body.page-beers .mobile-table td.actions{display:flex!important;justify-content:flex-start;gap:10px;padding-top:8px!important}
  body.page-beers .mobile-table td.actions .actions-inline{justify-content:flex-start}
  body.page-beers .tap-map{display:flex;flex-wrap:wrap;gap:8px}
  body.page-beers .tap-chip{max-width:100%;white-space:normal;line-height:1.2;padding:8px 10px;border-radius:14px}
  body.page-beers .badge{max-width:100%;justify-content:flex-start;white-space:normal;padding:8px 12px}
  body.page-beers .code-line{word-break:break-all}
}
@media (max-width:560px){
  body.page-beers .main{padding:72px 12px 18px}
  body.page-beers .mobile-menu-btn{top:12px;left:12px}
  body.page-beers .page-head{padding-top:10px}
  body.page-beers .toolbar.simple-toolbar .btn{padding:12px 16px;font-size:16px}
  body.page-beers .mobile-table td{grid-template-columns:82px minmax(0,1fr);padding:9px 14px!important}
  body.page-beers .tap-chip{font-size:14px}
}


/* beers mobile final cleanup */
@media (max-width: 860px){
  body.page-beers .main{padding-top:68px !important}
  body.page-beers .page-head{padding-top:0 !important;padding-left:56px !important;margin-bottom:8px !important}
  body.page-beers .page-head h1{font-size:24px !important;line-height:1.05 !important}
  body.page-beers .page-head p{font-size:14px !important;margin-top:4px !important}
  body.page-beers .toolbar.simple-toolbar{justify-content:flex-start !important;margin-top:6px}
  body.page-beers .toolbar.simple-toolbar .btn{display:inline-flex !important;width:auto !important;max-width:100% !important;border-radius:18px !important;padding:12px 18px !important;font-size:16px !important}
  body.page-beers .admin-filter-card{padding:14px !important;border-radius:22px !important}
  body.page-beers .mobile-table tbody{display:grid !important;gap:14px !important}
  body.page-beers .mobile-table tr{display:block !important;padding:0 !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:22px !important;background:linear-gradient(180deg,rgba(17,17,17,.98),rgba(11,11,11,.98)) !important;overflow:hidden !important}
  body.page-beers .mobile-table td{display:block !important;width:100% !important;padding:12px 16px !important;min-height:0 !important;border:0 !important;box-sizing:border-box !important}
  body.page-beers .mobile-table td::before{position:static !important;display:block !important;width:100% !important;margin:0 0 8px !important;font-size:11px !important;letter-spacing:.08em !important;color:#8f8f8f !important}
  body.page-beers .mobile-table td > *{display:block !important;width:100% !important;box-sizing:border-box !important}
  body.page-beers .mobile-table td:first-child{padding-top:16px !important}
  body.page-beers .mobile-table td:last-child{padding-bottom:16px !important}
  body.page-beers .tap-map{display:block !important;width:100% !important}
  body.page-beers .tap-chip{display:inline-flex !important;align-items:center !important;justify-content:flex-start !important;max-width:100% !important;width:100% !important;padding:10px 14px !important;border-radius:18px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;font-size:14px !important}
  body.page-beers .badge{display:inline-flex !important;align-items:center !important;justify-content:flex-start !important;width:100% !important;max-width:100% !important;padding:10px 14px !important;white-space:normal !important;border-radius:18px !important}
  body.page-beers .code-line{word-break:break-all !important;line-height:1.25 !important}
  body.page-beers .muted{line-height:1.25 !important}
  body.page-beers .mobile-table td.actions{display:block !important;padding-top:8px !important}
  body.page-beers .mobile-table td.actions::before{display:none !important}
  body.page-beers .mobile-table td.actions .actions-inline{display:flex !important;justify-content:flex-start !important;gap:10px !important;width:auto !important}
  body.page-beers .mobile-table td.actions .icon-btn{width:44px !important;height:44px !important}
}
@media (max-width: 560px){
  body.page-beers .main{padding:66px 10px 16px !important}
  body.page-beers .page-head{padding-left:0 !important;padding-top:2px !important}
  body.page-beers .page-head h1{font-size:22px !important}
  body.page-beers .toolbar.simple-toolbar .btn{padding:11px 16px !important;font-size:15px !important}
  body.page-beers .admin-filter-card{padding:12px !important}
  body.page-beers .mobile-table td{padding:9px 14px !important}
  body.page-beers .tap-chip{font-size:13px !important;padding:7px 11px !important}
  body.page-beers .badge{font-size:14px !important;padding:8px 12px !important}
}

/* beers mobile alignment: taps/name/sort full width, metrics in one row, codes after actions */
@media (max-width: 860px){
  body.page-beers .mobile-table tr{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    grid-template-areas:
      "taps taps taps"
      "name name name"
      "sort sort sort"
      "alc pl price"
      "actions actions actions"
      "codes codes codes" !important;
    gap:0 !important;
    padding:0 !important;
  }
  body.page-beers .mobile-table td{
    width:auto !important;
    min-width:0 !important;
  }
  body.page-beers .mobile-table td:nth-child(1){grid-area:taps !important;padding-top:16px !important;}
  body.page-beers .mobile-table td:nth-child(2){grid-area:name !important;}
  body.page-beers .mobile-table td:nth-child(3){grid-area:sort !important;}
  body.page-beers .mobile-table td:nth-child(4){grid-area:alc !important;}
  body.page-beers .mobile-table td:nth-child(5){grid-area:pl !important;}
  body.page-beers .mobile-table td:nth-child(6){grid-area:price !important;}
  body.page-beers .mobile-table td:nth-child(7){grid-area:codes !important;padding-top:4px !important;padding-bottom:14px !important;}
  body.page-beers .mobile-table td:nth-child(8){grid-area:actions !important;padding-top:6px !important;padding-bottom:6px !important;}

  body.page-beers .mobile-table td:nth-child(4),
  body.page-beers .mobile-table td:nth-child(5),
  body.page-beers .mobile-table td:nth-child(6){
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    align-items:flex-start !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
  }
  body.page-beers .mobile-table td:nth-child(4)::before,
  body.page-beers .mobile-table td:nth-child(5)::before,
  body.page-beers .mobile-table td:nth-child(6)::before{
    margin-bottom:6px !important;
  }
  body.page-beers .mobile-table td:nth-child(7)::before,
  body.page-beers .mobile-table td:nth-child(8)::before{
    margin-bottom:8px !important;
  }
  body.page-beers .mobile-table td:nth-child(8) .actions-inline{
    width:100% !important;
    justify-content:flex-start !important;
  }
}

@media (max-width: 560px){
  body.page-beers .mobile-table tr{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  body.page-beers .mobile-table td:nth-child(4),
  body.page-beers .mobile-table td:nth-child(5),
  body.page-beers .mobile-table td:nth-child(6){
    padding-left:14px !important;
    padding-right:14px !important;
  }
  body.page-beers .mobile-table td:nth-child(7),
  body.page-beers .mobile-table td:nth-child(8){
    padding-left:14px !important;
    padding-right:14px !important;
  }
}


/* mobile stability hotfix */
html,body{max-width:100%;overflow-x:hidden;background:#050505!important;}
.app-shell,.main,.page-block,.card,.table-wrap{max-width:100%;}
@media (max-width:860px){
  .main{padding:18px 12px 18px!important;}
  .page-head{margin:56px 0 18px!important;}
  .mobile-menu-btn{top:10px!important;left:10px!important;}
  .sidebar{width:260px!important;}
  .page-block{gap:16px!important;padding-right:0!important;}
}
@media (max-width:560px){
  .main{padding:16px 10px 16px!important;}
  .page-head{margin:54px 0 16px!important;}
  .page-head h1{font-size:26px!important;line-height:1.05!important;}
  .page-head p{margin-top:6px!important;}
  .taps-toolbar-card{padding:16px!important;}
  .taps-toolbar{gap:14px!important;}
  .field > span{margin-bottom:8px!important;}
  .input, .select-wrap .input, .toggle-pill, .btn, .icon-btn{max-width:100%;}
  .tap-group-items{gap:12px!important;}
  .tap-sort-item{padding:14px!important;gap:12px!important;border-radius:18px!important;}
  .tap-sort-controls{grid-template-columns:1fr!important;gap:10px!important;}
  .tap-number-field,.tap-number-field .tap-stepper,.toggle-pill{width:100%!important;min-width:0!important;}
  .tap-number-field .tap-stepper{grid-template-columns:56px 1fr 56px!important;height:58px!important;}
  .tap-step-btn{width:56px!important;min-width:56px!important;}
}

/* mobile bottom navigation + selection lock */
.mobile-bottom-nav{display:none}
@media (max-width:860px){
  html,body{background:#050505!important}
  body{padding-top:env(safe-area-inset-top,0);padding-bottom:calc(84px + env(safe-area-inset-bottom,0))}
  .sidebar{display:none!important}
  .mobile-menu-btn{display:none!important}
  .app-shell{display:block!important}
  .main{padding:calc(14px + env(safe-area-inset-top,0)) 14px calc(96px + env(safe-area-inset-bottom,0))!important;overflow-x:hidden!important}
  .page-head{margin:0 0 16px!important;padding:0!important}
  .page-head h1{font-size:34px!important;line-height:1.05!important;margin:0 0 6px!important}
  .page-head p{font-size:14px!important;margin:0!important}
  .mobile-bottom-nav{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0));display:flex;flex-wrap:nowrap;gap:8px;padding:10px 12px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border-radius:28px;background:rgba(17,17,17,.92);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px rgba(0,0,0,.42);z-index:120;scrollbar-width:none}
  .mobile-bottom-nav::-webkit-scrollbar{display:none}
  .mobile-bottom-nav a{flex:0 0 auto;min-width:88px;min-height:60px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#d8d8d8;font-size:12px;line-height:1.1;padding:8px 10px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;white-space:nowrap}
  .mobile-bottom-nav a i{font-size:20px;line-height:1}
  .mobile-bottom-nav a.active{background:rgba(243,161,29,.14);color:#fff;border:1px solid rgba(243,161,29,.22)}
  .mobile-bottom-nav a.active i{color:#f3a11d}

  .brand,.nav a,.ghost-link,.toggle-pill,.tap-stepper,.tap-step-btn,.tap-sort-item,.tap-group-head,.tap-sort-title,.tap-sort-info,.tap-sort-card,.custom-select-trigger,.btn,.icon-btn,.status-trigger,.tap-chip,.badge,.tap-group-title,.tap-group-count,.user-card,.action-card,.stat-card,.table .actions-inline,.mobile-table td.actions,.tap-step-value,.tap-step-display,.tap-number-field,label[for],.mobile-bottom-nav,.mobile-bottom-nav *,body.page-taps .tap-sort-item *,body.page-taps .tap-group-head *,body.page-taps .tap-sort-controls *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
  input,textarea,select,[contenteditable="true"]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}

  /* taps mobile cleanup */
  body.page-taps .main{padding-top:calc(14px + env(safe-area-inset-top,0))!important}
  body.page-taps .page-head{margin-bottom:18px!important}
  body.page-taps .taps-toolbar-card{padding:14px!important;border-radius:24px!important}
  body.page-taps .taps-toolbar--two{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
  body.page-taps .taps-toolbar .field{gap:8px!important}
  body.page-taps .taps-toolbar .field>span{font-size:12px!important;letter-spacing:.08em}
  body.page-taps .taps-toolbar .custom-select-trigger,
  body.page-taps .taps-toolbar .search-input-wrap .input{height:58px!important;min-height:58px!important;border-radius:18px!important;padding-left:16px!important;padding-right:16px!important;font-size:16px!important}
  body.page-taps .custom-select-menu{max-height:220px!important}
  body.page-taps .tap-group{margin-top:18px!important}
  body.page-taps .tap-group-head{padding:0 2px!important;align-items:flex-end!important}
  body.page-taps .tap-group-title{font-size:18px!important}
  body.page-taps .tap-group-count{font-size:14px!important}
  body.page-taps .tap-sort-items,.tap-group-items{gap:12px!important}
  body.page-taps .tap-sort-item{padding:14px!important;border-radius:22px!important;grid-template-columns:1fr!important;gap:12px!important;overflow:hidden!important}
  body.page-taps .tap-sort-main{gap:12px!important;align-items:flex-start!important}
  body.page-taps .tap-sort-title{font-size:17px!important;line-height:1.15!important}
  body.page-taps .tap-sort-info .muted{font-size:13px!important;line-height:1.3!important}
  body.page-taps .tap-sort-controls{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;justify-content:stretch!important}
  body.page-taps .tap-number-field,
  body.page-taps .tap-number-field .tap-stepper,
  body.page-taps .toggle-pill{width:100%!important;min-width:0!important}
  body.page-taps .tap-number-field .tap-stepper{height:58px!important;grid-template-columns:58px minmax(0,1fr) 58px!important;border-radius:18px!important}
  body.page-taps .tap-step-btn{width:58px!important;min-width:58px!important;font-size:24px!important}
  body.page-taps .tap-step-input,
  body.page-taps .tap-step-input.input,
  body.page-taps .tap-step-display{height:58px!important;font-size:22px!important;text-align:center!important;padding:0!important}
  body.page-taps .toggle-pill{height:58px!important;border-radius:18px!important;font-size:18px!important;justify-content:center!important}
  body.page-taps .toggle-pill span{width:100%;text-align:center}
}

@media (max-width:560px){
  .main{padding:calc(12px + env(safe-area-inset-top,0)) 10px calc(96px + env(safe-area-inset-bottom,0))!important}
  .page-head h1{font-size:30px!important}
  .mobile-bottom-nav{left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom,0));padding:8px 10px;border-radius:24px}
  .mobile-bottom-nav a{min-width:82px;min-height:56px;font-size:11px;padding:7px 8px}
  body.page-taps .taps-toolbar-card{padding:12px!important}
  body.page-taps .tap-sort-item{padding:12px!important}
  body.page-taps .tap-group-title{font-size:16px!important}
}


/* fix26 mobile nav centering + anti-selection + taps reliability */
.custom-select-menu,.custom-select-option,.custom-select-trigger,.custom-select-label,.custom-select-chevron{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}
body.page-taps .tap-step-btn,body.page-taps .toggle-pill,body.page-taps .tap-group-head,body.page-taps .tap-sort-item,body.page-taps .tap-sort-title,body.page-taps .tap-sort-info,body.page-taps .tap-stepper,body.page-taps .tap-number-field,body.page-taps .tap-group-title,body.page-taps .tap-group-count{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}
body.page-taps input.tap-step-input{caret-color:transparent}
@media (max-width:860px){
  html,body,.app-shell,.main{max-width:100%;overflow-x:hidden!important}
  body.page-taps .page-head{padding-top:0!important;margin-top:0!important}
  body.page-taps .taps-toolbar-card{padding:14px!important}
  body.page-taps .taps-toolbar--two{grid-template-columns:1fr!important;gap:12px!important}
  body.page-taps .taps-toolbar .custom-select-trigger,
  body.page-taps .taps-toolbar .search-input-wrap .input{height:56px!important;min-height:56px!important;border-radius:18px!important;font-size:16px!important}
  body.page-taps .tap-sort-list.grouped{gap:16px!important}
  body.page-taps .tap-group-items{display:grid;gap:12px}
  body.page-taps .tap-sort-item{padding:16px!important;border-radius:22px!important}
  body.page-taps .tap-sort-main{min-width:0!important}
  body.page-taps .tap-sort-title{font-size:18px!important;line-height:1.2!important}
  body.page-taps .tap-sort-title .muted{display:inline!important}
  body.page-taps .tap-sort-info .muted{font-size:13px!important;line-height:1.3!important}
  body.page-taps .tap-number-field,.toggle-pill{width:100%!important}
  body.page-taps .tap-number-field .tap-stepper{width:100%!important;grid-template-columns:52px minmax(0,1fr) 52px!important;height:56px!important;border-radius:18px!important}
  body.page-taps .tap-step-btn{width:52px!important;min-width:52px!important;font-size:22px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}
  body.page-taps .tap-step-input{font-size:18px!important;height:56px!important;text-align:center!important;padding:0!important;min-width:0!important}
  .mobile-bottom-nav{scroll-snap-type:x proximity}
  .mobile-bottom-nav a{scroll-snap-align:center;min-width:92px}
}
@media (max-width:420px){
  body.page-taps .tap-number-field .tap-stepper{grid-template-columns:48px minmax(0,1fr) 48px!important;height:54px!important}
  body.page-taps .tap-step-btn{width:48px!important;min-width:48px!important;font-size:20px!important}
  body.page-taps .tap-step-input{font-size:17px!important;height:54px!important}
  .mobile-bottom-nav a{min-width:88px;font-size:11px}
}


/* fix27 real mobile/taps cleanup */
html,body{max-width:100%;overflow-x:hidden;background:#050505}
@media (max-width:860px){
  .mobile-menu-btn{display:none!important}
  .sidebar{display:none!important}
  .app-shell{display:block!important}
  .main{padding:calc(14px + env(safe-area-inset-top,0)) 14px calc(98px + env(safe-area-inset-bottom,0))!important;overflow-x:hidden!important}
  .page-head{margin:0 0 14px!important}
  .page-head h1{margin:0 0 6px!important;font-size:clamp(30px,8vw,44px)!important;line-height:1.05}
  .page-head p{margin:0!important;font-size:14px!important;line-height:1.3}

  .mobile-bottom-nav{display:flex!important;flex-wrap:nowrap!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;padding:10px 12px!important}
  .mobile-bottom-nav a{scroll-snap-align:center;min-width:88px!important;max-width:88px!important;flex:0 0 88px!important}

  body.page-taps .card.pad{padding:14px!important;border-radius:22px!important}
  body.page-taps .taps-toolbar-card{padding:14px!important}
  body.page-taps .taps-toolbar--two{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  body.page-taps .taps-toolbar--two .field{min-width:0!important}
  body.page-taps .taps-toolbar--two .field>span{font-size:13px!important;margin-bottom:8px!important}
  body.page-taps .custom-select-trigger,
  body.page-taps .search-input-wrap .input{height:58px!important;border-radius:18px!important;padding-left:16px!important;padding-right:16px!important;font-size:16px!important}
  body.page-taps .custom-select-chevron{width:24px!important;height:24px!important}
  body.page-taps .muted.taps-help{font-size:13px!important;line-height:1.35!important;margin-top:4px!important}

  body.page-taps .tap-group{gap:12px!important;margin-top:18px!important}
  body.page-taps .tap-group-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
  body.page-taps .tap-group-title{font-size:18px!important}
  body.page-taps .tap-group-count{font-size:12px!important;color:#a7a7a7!important}

  body.page-taps .tap-sort-item{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;padding:14px!important;border-radius:22px!important}
  body.page-taps .tap-sort-main{display:block!important;min-width:0!important}
  body.page-taps .tap-sort-info{display:grid!important;gap:4px!important;min-width:0!important}
  body.page-taps .tap-sort-title{font-size:18px!important;line-height:1.2!important;word-break:break-word!important}
  body.page-taps .tap-sort-title .muted{font-size:inherit!important}
  body.page-taps .tap-sort-info .muted{font-size:13px!important;line-height:1.35!important;word-break:break-word!important}

  body.page-taps .tap-sort-controls{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;justify-content:stretch!important}
  body.page-taps .tap-number-field{width:100%!important;min-width:0!important}
  body.page-taps .tap-number-field>span{display:block!important;margin:0 0 8px!important;font-size:13px!important}
  body.page-taps .tap-number-field .tap-stepper{width:100%!important;grid-template-columns:56px minmax(0,1fr) 56px!important;height:56px!important;border-radius:18px!important}
  body.page-taps .tap-step-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:56px!important;min-width:56px!important;font-size:24px!important;padding:0!important;user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none!important;touch-action:manipulation!important}
  body.page-taps .tap-step-input{height:56px!important;line-height:56px!important;font-size:20px!important;text-align:center!important;padding:0!important;pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important;background:#090909!important}
  body.page-taps .toggle-pill{width:100%!important;min-width:0!important;height:56px!important;border-radius:18px!important;font-size:16px!important;justify-content:center!important;padding:0 14px!important}
  body.page-taps .toggle-pill span, body.page-taps .toggle-pill{line-height:1.1!important}

  body.page-taps .tap-stepper,
  body.page-taps .tap-step-btn,
  body.page-taps .toggle-pill,
  body.page-taps .custom-select-trigger,
  body.page-taps .custom-select-option,
  body.page-taps .tap-sort-item,
  body.page-taps .tap-group-head,
  body.page-taps .tap-sort-title,
  body.page-taps .tap-sort-info,
  .mobile-bottom-nav,
  .mobile-bottom-nav *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}
}


/* fix28 mobile taps + bottom nav */
html,body{overscroll-behavior-x:none}
@media (max-width:860px){
  .mobile-bottom-nav{
    scroll-behavior:smooth!important;
    justify-content:flex-start!important;
    gap:8px!important;
    padding:8px 10px 10px!important;
    left:10px!important;
    right:10px!important;
    bottom:calc(8px + env(safe-area-inset-bottom,0))!important;
    overscroll-behavior-x:contain;
  }
  .mobile-bottom-nav a{
    flex:0 0 calc((100vw - 44px) / 3.18)!important;
    min-width:calc((100vw - 44px) / 3.18)!important;
    max-width:none!important;
    min-height:58px!important;
    border-radius:18px!important;
  }
  body.page-taps .main{padding-bottom:calc(118px + env(safe-area-inset-bottom,0))!important}
  body.page-taps .card.pad{padding:14px 12px!important}
  body.page-taps .tap-group{margin-top:16px!important}
  body.page-taps .tap-sort-item{padding:14px 12px 14px!important;overflow:hidden!important}
  body.page-taps .tap-sort-main{padding:0 2px!important}
  body.page-taps .tap-sort-controls{padding:0 2px!important;gap:9px!important}
  body.page-taps .tap-number-field .tap-stepper{
    width:100%!important;
    height:58px!important;
    grid-template-columns:60px minmax(0,1fr) 60px!important;
    border-radius:18px!important;
  }
  body.page-taps .tap-step-btn{
    width:60px!important;
    min-width:60px!important;
    font-size:0!important;
    line-height:1!important;
    overflow:hidden!important;
  }
  body.page-taps .tap-step-btn i{
    font-size:22px!important;
    line-height:1!important;
    color:#f1d09a!important;
    pointer-events:none!important;
  }
  body.page-taps .tap-step-input{
    min-width:0!important;
    width:100%!important;
    font-size:19px!important;
  }
  body.page-taps .toggle-pill{
    width:100%!important;
    min-width:0!important;
    height:56px!important;
    border-radius:18px!important;
  }
}
@media (max-width:420px){
  .mobile-bottom-nav a{
    flex:0 0 calc((100vw - 40px) / 3.08)!important;
    min-width:calc((100vw - 40px) / 3.08)!important;
    font-size:11px!important;
  }
  body.page-taps .tap-number-field .tap-stepper{grid-template-columns:56px minmax(0,1fr) 56px!important;height:56px!important}
  body.page-taps .tap-step-btn{width:56px!important;min-width:56px!important}
  body.page-taps .tap-step-btn i{font-size:20px!important}
}


/* fix29 mobile taps hardening */
@media (max-width:860px){
  html,body,.app-shell,.main,.page-block,.card,.tap-group,.tap-group-items,.tap-sort-item,.tap-sort-main,.tap-sort-controls,.tap-number-field,.tap-stepper,.toggle-pill{max-width:100%!important;box-sizing:border-box!important}
  body.page-taps,
  body.page-taps .main,
  body.page-taps .page-block,
  body.page-taps .card,
  body.page-taps .tap-group,
  body.page-taps .tap-group-items,
  body.page-taps .tap-sort-item,
  body.page-taps .tap-sort-main,
  body.page-taps .tap-sort-controls,
  body.page-taps .tap-number-field,
  body.page-taps .tap-stepper,
  body.page-taps .toggle-pill,
  body.page-taps .tap-group-head,
  body.page-taps .tap-sort-title,
  body.page-taps .tap-sort-info,
  body.page-taps .tap-step-btn,
  body.page-taps .mobile-bottom-nav,
  body.page-taps .mobile-bottom-nav *{
    -webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;
  }
  body.page-taps .taps-toolbar-card,
  body.page-taps .card.pad{padding-left:12px!important;padding-right:12px!important}
  body.page-taps .tap-sort-item{padding:12px!important;border-radius:20px!important;overflow:hidden!important}
  body.page-taps .tap-sort-main{padding:0!important}
  body.page-taps .tap-sort-controls{padding:0!important;gap:8px!important}
  body.page-taps .tap-number-field{margin:0!important}
  body.page-taps .tap-number-field .tap-stepper{width:100%!important;min-width:0!important;max-width:100%!important;grid-template-columns:46px minmax(0,1fr) 46px!important;height:54px!important;border-radius:16px!important}
  body.page-taps .tap-step-btn{width:46px!important;min-width:46px!important;max-width:46px!important;padding:0!important;font-size:0!important;overflow:hidden!important}
  body.page-taps .tap-step-btn i{font-size:18px!important;line-height:1!important}
  body.page-taps .tap-step-input{min-width:0!important;max-width:100%!important;width:100%!important;padding:0!important;font-size:18px!important;height:54px!important;line-height:54px!important;text-align:center!important}
  body.page-taps .toggle-pill{width:100%!important;min-width:0!important;max-width:100%!important;height:52px!important;border-radius:16px!important;font-size:15px!important;padding:0 12px!important}
  .mobile-bottom-nav{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-behavior:smooth!important;scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important}
  .mobile-bottom-nav a{flex:0 0 calc((100vw - 40px) / 3)!important;min-width:calc((100vw - 40px) / 3)!important;max-width:calc((100vw - 40px) / 3)!important;scroll-snap-align:center!important}
}
@media (max-width:430px){
  body.page-taps .tap-number-field .tap-stepper{grid-template-columns:42px minmax(0,1fr) 42px!important;height:52px!important}
  body.page-taps .tap-step-btn{width:42px!important;min-width:42px!important;max-width:42px!important}
  body.page-taps .tap-step-btn i{font-size:16px!important}
  body.page-taps .tap-step-input{font-size:17px!important;height:52px!important;line-height:52px!important}
  body.page-taps .toggle-pill{height:50px!important;font-size:14px!important}
}


/* fix30 admin brand + mobile taps final */
.brand-text-only{gap:0!important;align-items:flex-start!important}
.brand-text-only .brand-mark{display:none!important}

@media (max-width:860px){
  html,body{overflow-x:hidden!important;width:100%!important;max-width:100%!important;background:#050505!important}
  body.page-taps .main{padding-bottom:calc(118px + env(safe-area-inset-bottom,0))!important}
  body.page-taps .card.pad,
  body.page-taps .tap-group,
  body.page-taps .tap-group-items,
  body.page-taps .tap-sort-item,
  body.page-taps .tap-sort-main,
  body.page-taps .tap-sort-controls,
  body.page-taps .tap-number-field,
  body.page-taps .tap-stepper,
  body.page-taps .toggle-pill{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  body.page-taps .card.pad{padding:14px 12px!important;overflow:hidden!important}
  body.page-taps .tap-group-items{gap:12px!important}
  body.page-taps .tap-sort-item{padding:14px 10px!important;border-radius:22px!important;overflow:hidden!important}
  body.page-taps .tap-sort-main{padding:0 6px!important}
  body.page-taps .tap-sort-controls{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:0 6px!important}
  body.page-taps .tap-number-field>span{margin:0 0 8px!important;font-size:13px!important}
  body.page-taps .tap-number-field .tap-stepper{display:grid!important;grid-template-columns:48px minmax(0,1fr) 48px!important;height:54px!important;border-radius:18px!important;width:100%!important;max-width:100%!important;overflow:hidden!important}
  body.page-taps .tap-step-btn{width:48px!important;min-width:48px!important;max-width:48px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;font-size:0!important}
  body.page-taps .tap-step-btn i{font-size:18px!important;line-height:1!important;display:block!important}
  body.page-taps .tap-step-input{width:100%!important;min-width:0!important;max-width:100%!important;height:54px!important;line-height:54px!important;text-align:center!important;font-size:18px!important;padding:0!important;background:#080808!important;border-left:1px solid rgba(255,255,255,.08)!important;border-right:1px solid rgba(255,255,255,.08)!important}
  body.page-taps .toggle-pill{display:flex!important;align-items:center!important;justify-content:center!important;height:52px!important;border-radius:18px!important;padding:0 14px!important;font-size:15px!important;line-height:1.1!important}
  .mobile-bottom-nav{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-behavior:smooth!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;padding:8px 10px 10px!important}
  .mobile-bottom-nav a{flex:0 0 calc((100vw - 44px)/3)!important;min-width:calc((100vw - 44px)/3)!important;max-width:calc((100vw - 44px)/3)!important;scroll-snap-align:center!important;min-height:58px!important;border-radius:18px!important}
}
@media (max-width:390px){
  body.page-taps .tap-sort-item{padding:12px 8px!important}
  body.page-taps .tap-sort-main{padding:0 4px!important}
  body.page-taps .tap-sort-controls{padding:0 4px!important;gap:8px!important}
  body.page-taps .tap-number-field .tap-stepper{grid-template-columns:44px minmax(0,1fr) 44px!important;height:52px!important}
  body.page-taps .tap-step-btn{width:44px!important;min-width:44px!important;max-width:44px!important}
  body.page-taps .tap-step-btn i{font-size:16px!important}
  body.page-taps .tap-step-input{font-size:17px!important;height:52px!important;line-height:52px!important}
  body.page-taps .toggle-pill{height:50px!important;font-size:14px!important}
}


.page-toolbar{display:flex;justify-content:flex-end;align-items:center;margin:0 0 18px}
.actions-inline-separated{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.actions-inline-separated > .icon-btn + .icon-btn{margin-left:2px;position:relative}
.actions-inline-separated > .icon-btn + .icon-btn::before{content:'';position:absolute;left:-7px;top:8px;bottom:8px;width:1px;background:rgba(255,255,255,.1)}
.page-users .table td.actions,.page-stores .table td.actions,.page-screens .table td.actions,.page-radios .table td.actions{white-space:nowrap}
.page-users .table td.actions .actions-inline,.page-stores .table td.actions .actions-inline,.page-screens .table td.actions .actions-inline,.page-radios .table td.actions .actions-inline{justify-content:flex-end}
.type-row.enhanced{grid-template-columns:minmax(0,1.45fr) 130px 130px 170px 56px !important;align-items:end !important}
.type-row.enhanced .field{min-width:0}
.type-row.enhanced .custom-select-trigger,.type-row.enhanced .input{height:56px !important;min-height:56px !important}
.type-row.enhanced [data-remove-type]{width:56px !important;height:56px !important;border-radius:18px !important;align-self:end !important;justify-self:end !important}
@media (max-width:1100px){.page-toolbar{justify-content:stretch}.page-toolbar .btn{width:100%}.actions-inline-separated{justify-content:flex-start}}


/* Compact rebuild pass */
:root{--sidebar:252px;--radius:18px;--shadow:0 14px 34px rgba(0,0,0,.34)}
html,body{font-size:15px}
.app-shell{grid-template-columns:var(--sidebar) minmax(0,1fr)}
.sidebar{padding:16px 14px;gap:14px}
.main{padding:18px 22px 24px}
.page-block{gap:16px}
.brand{margin-bottom:4px}.brand-title{font-size:24px}.brand-sub{font-size:13px}.user-card{padding:12px 14px;border-radius:16px}.user-card--link{display:block;text-decoration:none}.user-name{font-size:16px}.user-meta{font-size:13px}
.nav{gap:6px}.nav a,.ghost-link{padding:11px 12px;border-radius:14px;font-size:14px}
.page-head{margin:0 0 18px}.page-head h1{font-size:34px}.page-head p{margin-top:6px;font-size:15px}
.card{border-radius:18px}.pad{padding:16px}.section-title{font-size:22px;margin:0 0 10px}
.stats-grid,.action-grid,.grid.two-up{gap:14px}.stat-card{padding:16px}.stat-value{font-size:36px}.stat-label{font-size:14px;margin-top:8px}.stats-grid-secondary .stat-value{font-size:28px}
.toolbar,.simple-toolbar{margin:0 0 8px}.btn{min-height:44px;padding:10px 16px;border-radius:14px;font-size:14px}.btn-primary{background:linear-gradient(180deg,#eda02a,#d88c14);color:#24170a}.btn-secondary{background:linear-gradient(180deg,#1a1a1a,#151515);border:1px solid rgba(255,255,255,.09);color:#ececec}.btn-secondary:hover{background:#202020;border-color:rgba(255,255,255,.18)}.btn-danger{background:linear-gradient(180deg,#7e3b3b,#6d3232);color:#fff}.btn-danger:hover{background:#8a4343}.btn:hover,.icon-btn:hover{transform:translateY(-1px)}
.icon-btn{width:34px;height:34px;border-radius:11px;background:#191919;border:1px solid rgba(255,255,255,.09);color:#e7e7e7}.icon-btn.small{width:32px;height:32px;border-radius:10px}.icon-btn.danger{background:rgba(126,59,59,.18);border-color:rgba(217,107,107,.28);color:#f2c7c7}.icon-btn.danger:hover{background:rgba(126,59,59,.28);border-color:rgba(217,107,107,.38)}
.actions-inline-separated{gap:8px}.actions-inline-separated > .icon-btn + .icon-btn::before{display:none}
.field{gap:8px}.field span{font-size:12px}.input,.custom-select-trigger{height:46px !important;min-height:46px !important;padding:0 14px !important;border-radius:14px !important;font-size:14px !important}.input{background:#0c0c0c;border:1px solid rgba(255,255,255,.08)}
.custom-select-menu{border-radius:14px}.custom-select-option{min-height:38px;padding:0 12px;font-size:14px}
.table{min-width:780px}.table th,.table td{padding:14px 14px;font-size:14px}.table th{font-size:12px}
.badge{padding:6px 10px;border-radius:999px;font-size:12px}
.modal{padding:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}.modal-card{width:min(1100px,96vw);max-height:96vh;border-radius:22px}.modal-card.small{max-width:520px}.modal-head,.modal-actions{padding:14px 16px}.modal-title{font-size:22px}.modal-body{padding:16px;gap:14px}.modal-actions{gap:8px}
.auth-body{padding:18px}.auth-shell{width:min(100%,420px)}.auth-card{padding:24px 22px 20px}.auth-title{font-size:28px;margin:12px 0 14px}.remember-row{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px;margin:2px 0 2px}.remember-row input{accent-color:#d88c14;width:16px;height:16px}
.alert{padding:12px 14px;border-radius:14px;border:1px solid transparent;font-size:14px}.alert-danger{background:rgba(126,59,59,.16);border-color:rgba(217,107,107,.2);color:#ffd7d7}.alert-success{background:rgba(60,108,79,.16);border-color:rgba(109,188,142,.2);color:#ddffe8}
.account-hero__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.account-hero__name{font-size:26px;font-weight:700}.account-hero__meta{margin-top:6px;color:var(--muted)}.account-form{display:grid;gap:14px}.compact-grid{gap:14px}.form-actions.compact-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}
.page-toolbar .btn,.simple-toolbar .btn{min-width:180px}
@media (max-width: 960px){
  :root{--sidebar:100px}
  .main{padding:16px 14px 88px}.page-head h1{font-size:28px}.stats-grid,.action-grid,.grid.two-up{grid-template-columns:1fr}
  .table{min-width:100%}
  .page-toolbar .btn,.simple-toolbar .btn{width:100%;min-width:0}
  .modal-card{width:100vw;max-width:100vw;min-height:100vh;max-height:100vh;border-radius:0}.modal-head,.modal-actions{padding:12px 14px}.modal-body{padding:14px}
}


/* compact foundation pass */
:root{--radius:18px;--sidebar:264px}
.brand-title{font-size:24px}.brand-sub{font-size:13px}.user-name{font-size:16px}.user-meta{font-size:12px}
.sidebar{padding:18px 16px;gap:14px}.main{padding:22px 24px 28px}.page-head{margin:0 0 18px}.page-head h1{font-size:32px}.page-head p{margin-top:6px;font-size:15px}
.card{border-radius:18px}.pad{padding:16px}.section-title{font-size:22px;margin:0 0 10px}
.stat-card{padding:18px}.stat-value{font-size:38px}.stat-label{font-size:14px;margin-top:6px}
.btn,.custom-select-trigger,.input,.toggle-card,.toggle-pill,.status-trigger{height:50px}.btn{padding:0 16px;border-radius:14px;font-size:15px;font-weight:500}.btn i{font-size:14px}
.input{padding:0 16px;border-radius:14px;font-size:15px}.field>span,.check-card span,.remember-row{font-size:13px}
textarea.input{min-height:120px;padding:14px 16px}.check-card{min-height:50px;border-radius:16px}.toggle-card span{font-size:16px}
.icon-btn{width:40px;height:40px;border-radius:12px}.icon-btn.small{width:38px;height:38px}
.actions-inline{gap:6px}.actions-inline-separated{gap:8px}.actions-inline-separated::before{display:none!important}
.icon-btn,.action-btn,.btn-secondary,.btn-muted{background:#1a1a1a;border:1px solid rgba(255,255,255,.08);color:#efefef}.icon-btn:hover,.action-btn:hover,.btn-secondary:hover,.btn-muted:hover{background:#212121;border-color:rgba(255,255,255,.14)}
.btn-primary{background:linear-gradient(180deg,#efab38,#dc9419);color:#120d06;border:1px solid rgba(255,190,77,.35)}.btn-primary:hover{filter:brightness(1.05)}
.btn-danger,.icon-btn.danger{background:rgba(180,80,80,.14);border:1px solid rgba(217,107,107,.25);color:#f1c8c8}.btn-danger:hover,.icon-btn.danger:hover{background:rgba(180,80,80,.22);border-color:rgba(217,107,107,.35)}
.table{min-width:780px}.table th,.table td{padding:14px 14px}.table th{font-size:12px}.badge,.summary-chip{padding:8px 12px;font-size:13px}.toolbar-form.card,.admin-filter-card,.taps-toolbar-card{padding:14px 16px;margin-bottom:14px}
.auth-body{padding:20px}.auth-shell{width:min(100%,420px)}.auth-card{padding:24px 22px 20px}.auth-title{font-size:28px;margin:12px 0 14px}.remember-row{margin:10px 0 4px}
.modal-card{width:min(100%,880px);border-radius:20px}.modal-head{padding:16px 18px}.modal-body{padding:18px}.modal-actions{padding:16px 18px;gap:10px}.modal-title{font-size:24px}
.account-hero__name{font-size:24px}.account-hero__meta{font-size:14px}.account-page .compact-grid{gap:14px}.form-actions.compact-actions{padding-top:12px}
.mobile-bottom-nav{padding:8px 12px calc(8px + env(safe-area-inset-bottom));gap:8px}.mobile-bottom-nav a{min-width:88px;padding:10px 12px;border-radius:16px}
.app-toast{position:fixed;top:18px;right:18px;z-index:1500;max-width:320px;padding:12px 14px;border-radius:14px;background:#171717;border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 36px rgba(0,0,0,.34);color:#f3f3f3;font-size:14px;opacity:0;transform:translateY(-8px);pointer-events:none;transition:.18s ease}.app-toast.show{opacity:1;transform:none;pointer-events:auto}.app-toast[data-type='error']{border-color:rgba(217,107,107,.28);color:#ffd1d1}.app-toast[data-type='ok']{border-color:rgba(243,161,29,.28)}
@media (max-width:1180px){.main{padding:20px 18px 90px}.stats-grid,.action-grid,.grid.two-up,.screen-behavior-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){:root{--sidebar:0}.main{padding:16px 14px 96px}.page-head h1{font-size:26px}.page-head p{font-size:13px}.stats-grid,.action-grid,.grid.two-up,.screen-behavior-grid{grid-template-columns:1fr}.toolbar-form,.filter-bar,.taps-toolbar{grid-template-columns:1fr;gap:12px}.table{min-width:640px}.modal-card{width:100%;height:100%;max-height:none;border-radius:0}.modal-head,.modal-body,.modal-actions{padding-left:16px;padding-right:16px}.sidebar{padding:14px 12px}.mobile-bottom-nav a{min-width:76px}}

.dashboard-columns{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.dashboard-panel{display:grid;gap:14px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.btn-compact{min-height:38px;padding:8px 12px;font-size:13px;border-radius:12px}.stat-card.accent{background:linear-gradient(180deg,rgba(237,160,42,.12),rgba(255,255,255,.02));border-color:rgba(237,160,42,.18)}
.metric-stack{display:grid;gap:12px}.metric-row{display:grid;gap:8px}.metric-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.metric-row-head strong{font-size:14px;color:#f2efe9}.metric-bar{height:8px;border-radius:999px;background:#121212;border:1px solid rgba(255,255,255,.06);overflow:hidden}.metric-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#eda02a,#d88c14)}
.activity-feed{display:grid;gap:12px}.activity-feed.compact{gap:10px}.activity-item{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}.activity-item:last-child{border-bottom:0}.activity-item.compact{padding:10px 0}.activity-icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:#151515;border:1px solid rgba(255,255,255,.07);color:#eda02a}.activity-title{font-size:14px;line-height:1.45}.activity-meta{font-size:12px;color:#8f8f8f;margin-top:4px}.activity-change{display:flex;align-items:center;gap:8px;margin-top:8px;color:#cfcfcf;font-size:13px}.change-old{opacity:.72}.change-new{color:#fff}.activity-time{font-size:12px;color:#8f8f8f;white-space:nowrap;padding-top:2px}
.backup-list{display:grid;gap:12px}.backup-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:18px;background:#111112;border:1px solid rgba(255,255,255,.06)}.backup-title{font-size:15px;font-weight:600}.upload-inline-form{display:flex;align-items:center}.file-btn{cursor:pointer}.file-btn input{display:none}.inline-note{display:block;margin-top:12px;padding:10px 12px;border-radius:14px;background:#141414;border:1px solid rgba(255,255,255,.06);font-size:13px}.inline-note-ok{border-color:rgba(243,161,29,.22);color:#f6deb0}.inline-note-error{border-color:rgba(217,107,107,.26);color:#ffd1d1}
.empty-state{padding:18px;border-radius:18px;background:#111112;border:1px dashed rgba(255,255,255,.08);color:#9a9a9a}.compact-metrics .stat-card{min-height:110px}
@media (max-width:960px){.dashboard-columns{grid-template-columns:1fr}.backup-item{flex-direction:column;align-items:flex-start}.backup-item .actions-inline{width:100%;flex-wrap:wrap}}


/* pass6 installer + telegram */
.telegram-widget-box{min-height:70px;display:grid;place-items:center;border:1px dashed rgba(255,255,255,.08);border-radius:18px;padding:18px;background:rgba(255,255,255,.02)}
.custom-select-menu{max-height:260px;overflow:auto}
#type-limits-list .type-row.enhanced{grid-template-columns:1.3fr .6fr .55fr .8fr 42px 42px;align-items:end}
#type-limits-list .drag-handle{cursor:grab}
#type-limits-list .drag-handle:active{cursor:grabbing}
.app-toast{max-width:320px;min-width:220px;padding:10px 12px;border-radius:14px}
.app-toast-title{font-weight:700;font-size:13px;line-height:1.3}.app-toast-detail{font-size:11px;line-height:1.35;color:#bcb4a7}
.install-panel .section-title{font-size:28px;margin-bottom:6px}
.install-main .field .input{height:46px}
.install-actions{margin-top:auto}
@media (max-width:860px){#type-limits-list .type-row.enhanced{grid-template-columns:1fr 1fr 1fr 1fr 42px 42px}.telegram-widget-box{padding:14px}}


.app-toast.is-copyable{cursor:pointer;user-select:none}
.app-toast.is-copyable::after{content:'Нажмите, чтобы скопировать';display:block;margin-top:6px;font-size:10px;line-height:1.2;color:#a9a094;opacity:.82}
.app-toast.copied{box-shadow:0 0 0 1px rgba(159,224,176,.24),0 14px 36px rgba(0,0,0,.34)}
.app-toast.copy-failed{box-shadow:0 0 0 1px rgba(217,107,107,.24),0 14px 36px rgba(0,0,0,.34)}


/* === Soft Modern admin theme refresh === */
:root{
  --font-admin:"Ubuntu",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --bg:#070707;--bg-elev:#0d0d0d;--bg-soft:#121212;--bg-soft-2:#171717;
  --panel:#111111;--panel-2:#151515;--panel-3:#1a1a1a;
  --line:#252525;--line-soft:rgba(255,255,255,.08);--line-strong:rgba(255,255,255,.13);
  --text:#f5f5f5;--text-2:#d9d9d9;--text-3:#a6a6a6;
  --accent:#f3a11d;--accent-soft:rgba(243,161,29,.12);--accent-line:rgba(243,161,29,.24);
  --success:#67c38a;--warning:#ffbf5b;--danger:#db6c6c;--info:#7fa8ff;
  --radius-xs:14px;--radius-sm:18px;--radius-md:22px;--radius-lg:28px;--radius-xl:34px;
  --shadow-soft:0 14px 34px rgba(0,0,0,.24);
  --shadow-panel:0 20px 48px rgba(0,0,0,.34);
}
html,body{font-family:var(--font-admin);letter-spacing:.01em;background:linear-gradient(180deg,#060606 0%,#0a0a0a 45%,#060606 100%)}
body::before{background:radial-gradient(circle at top left,rgba(243,161,29,.08),transparent 26%),radial-gradient(circle at bottom right,rgba(255,255,255,.04),transparent 24%)}
.sidebar{background:rgba(10,10,10,.92);border-right:1px solid var(--line-soft);padding:24px 18px 18px}
.user-card,.brand,.nav a,.ghost-link,.card,.action-card,.table-wrap,.modal-card,.check-card span,.toggle-pill,.status-trigger,.input,.react-api-panel,.react-beers-panel,.react-beers-row,.react-taps-group,.react-admin-row,.react-admin-card,.react-admin-kpi,.react-dashboard-panel,.react-dashboard-kpi{backdrop-filter:blur(14px)}
.user-card,.card,.table-wrap,.modal-card,.react-api-panel,.react-beers-panel,.react-dashboard-panel,.react-admin-card{background:linear-gradient(180deg,rgba(18,18,18,.95),rgba(12,12,12,.96));border:1px solid var(--line-soft);box-shadow:var(--shadow-panel)}
.user-card{border-radius:24px;padding:18px}.user-name{font-size:17px;font-weight:700}.user-meta{font-size:13px;color:var(--text-3)}
.brand{padding:10px 8px 14px}.brand-title{font-size:28px;font-weight:700;letter-spacing:-.02em}.brand-sub{color:var(--text-3);font-size:13px;letter-spacing:.02em}
.nav{gap:6px}.nav a,.ghost-link{min-height:48px;padding:13px 15px;border-radius:18px;color:#c7c7c7}.nav a i,.ghost-link i{width:18px;text-align:center;color:#8f8f8f}.nav a.active,.nav a:hover,.ghost-link:hover{background:linear-gradient(180deg,rgba(243,161,29,.12),rgba(243,161,29,.06));border-color:var(--accent-line);color:#fff}.nav a.active i,.nav a:hover i,.ghost-link:hover i{color:#ffcb7b}.sidebar-bottom{padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}
.main{padding:30px 34px 36px}.page-head{margin-bottom:22px;align-items:flex-end}.page-head h1{font-size:38px;line-height:1.02;letter-spacing:-.03em;font-weight:700}.page-head p{margin-top:8px;font-size:15px;color:var(--text-3);max-width:820px}
.card{border-radius:var(--radius-lg)}.pad,.react-admin-toolbar,.react-admin-card,.react-api-panel,.react-beers-panel,.react-dashboard-panel,.react-taps-toolbar,.react-taps-panel{padding:22px}.section-title{font-size:26px;letter-spacing:-.02em;margin:0 0 12px}.muted{color:var(--text-3)}
.stats-grid,.action-grid,.grid.two-up{gap:16px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card,.react-admin-kpi,.react-dashboard-kpi{border-radius:24px;padding:20px}.stat-value,.react-admin-kpi__value{font-size:40px;font-weight:700;letter-spacing:-.03em}.stat-label{font-size:14px;color:var(--text-3);margin-top:8px}
.action-card{border-radius:22px;background:linear-gradient(180deg,rgba(20,20,20,.94),rgba(14,14,14,.95));border:1px solid var(--line-soft);padding:18px}.action-card:hover{background:linear-gradient(180deg,rgba(24,24,24,.96),rgba(16,16,16,.96));border-color:var(--line-strong);transform:translateY(-1px)}.action-card i{color:#ffc770}
.toolbar-form.card,.admin-filter-card,.toolbar-form.compact-actions{background:linear-gradient(180deg,rgba(16,16,16,.94),rgba(12,12,12,.96));border:1px solid var(--line-soft);border-radius:26px}
.btn{min-height:48px;padding:0 18px;border-radius:16px;font-weight:500}.btn-primary{background:linear-gradient(180deg,#ffb239,#ef9b1d);box-shadow:0 10px 24px rgba(239,155,29,.18)}.btn-primary:hover{filter:brightness(1.04)}.btn-secondary{background:#181818;border:1px solid var(--line-strong)}.btn-secondary:hover,.icon-btn:hover,.status-trigger:hover{background:#1d1d1d;border-color:rgba(255,255,255,.18)}.btn-danger{background:linear-gradient(180deg,#c85c5c,#aa4646)}.btn-compact{min-height:42px}.icon-btn{width:40px;height:40px;border-radius:14px;background:#171717;border:1px solid var(--line-soft)}
.field{gap:8px}.field span,.react-api-label,.react-beers-label,.react-taps-field span{font-size:12px;font-weight:700;letter-spacing:.08em;color:#a8a8a8;text-transform:uppercase}.input,.react-api-input{height:52px;padding:0 16px;border-radius:16px;background:#101010;border:1px solid rgba(255,255,255,.10);color:#fff;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}textarea.input{min-height:120px;padding:14px 16px}.input::placeholder{color:#707070}.input:focus,.react-api-input:focus{border-color:rgba(243,161,29,.52);box-shadow:0 0 0 4px rgba(243,161,29,.10);background:#121212}.select-wrap .input{padding-right:44px}.select-wrap::after{color:#999;font-size:13px}
.table-card{border-radius:28px}.table-wrap{border-radius:24px;background:linear-gradient(180deg,rgba(15,15,15,.96),rgba(10,10,10,.96))}.table{min-width:980px}.table th,.table td{padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.table th{font-size:12px;font-weight:700;letter-spacing:.12em;color:#9c9c9c}.table tr:hover td{background:rgba(255,255,255,.015)}.badge,.summary-chip,.react-admin-badge,.mini-badge,.react-beers-pill,.react-beers-chip,.react-taps-meta span{border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.05);color:#f0dec4}
.check-card span,.react-admin-check,.react-beers-store-option,.react-beers-store-row,.react-admin-store-card,.react-admin-row,.react-admin-feed-item,.react-admin-backup-item,.react-api-list__item,.react-dashboard-store,.react-beers-row,.react-taps-group,.react-taps-row,.react-admin-modal__card{border-radius:20px}
.check-card input,.remember-row input,.react-admin-check input,.react-beers-store-option input{appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:7px;border:1px solid rgba(255,255,255,.20);background:#0f0f0f;display:grid;place-items:center;cursor:pointer;flex:0 0 20px;position:relative}.check-card input::after,.remember-row input::after,.react-admin-check input::after,.react-beers-store-option input::after{content:"";width:10px;height:10px;border-radius:3px;background:linear-gradient(180deg,#ffb239,#ef9b1d);transform:scale(0);transition:transform .16s ease}.check-card input:checked,.remember-row input:checked,.react-admin-check input:checked,.react-beers-store-option input:checked{border-color:rgba(243,161,29,.42);box-shadow:0 0 0 3px rgba(243,161,29,.10)}.check-card input:checked::after,.remember-row input:checked::after,.react-admin-check input:checked::after,.react-beers-store-option input:checked::after{transform:scale(1)}
.remember-row{display:flex;align-items:center;gap:10px;margin:14px 0 2px;color:#cecece;font-size:14px}.remember-row span{user-select:none}
.inline-note,.alert{padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);font-size:14px}.inline-note-error,.alert-danger{background:rgba(217,107,107,.10);border-color:rgba(217,107,107,.28);color:#ffd0d0}.inline-note-ok{background:rgba(103,195,138,.10);border-color:rgba(103,195,138,.24);color:#cdeed9}
.modal{background:rgba(0,0,0,.78);backdrop-filter:blur(8px)}.modal-card{border-radius:30px}.modal-head,.modal-actions{padding:16px 20px;border-color:rgba(255,255,255,.06)}.modal-title{font-size:24px;font-weight:700;letter-spacing:-.02em}.modal-body{padding:20px}
.app-toast,.react-api-toast,.react-dashboard-toast,.react-taps-toast,.react-admin-toast{border-radius:18px;background:rgba(20,20,20,.96)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 24px 60px rgba(0,0,0,.36)!important}.app-toast[data-type="error"],.react-api-toast.is-error,.react-dashboard-toast.is-error,.react-taps-toast.is-error,.react-admin-toast.is-error{border-color:rgba(219,107,107,.34)!important;color:#ffd5d5!important}.react-api-toast.is-success,.react-dashboard-toast.is-success,.react-taps-toast.is-success{border-color:rgba(103,195,138,.25)!important}
.auth-body{padding:32px;background:radial-gradient(circle at top center,rgba(243,161,29,.09),transparent 28%),linear-gradient(180deg,#070707,#0a0a0a 55%,#070707)}.auth-shell{width:min(100%,480px)}.auth-card{padding:28px 26px 24px;border-radius:30px}.auth-title{font-size:32px;letter-spacing:-.03em;margin:12px 0 18px}.auth-brand{margin-bottom:8px}.auth-card .brand-title{font-size:32px}.auth-card .brand-sub{font-size:13px}.telegram-widget-box{display:grid;place-items:center;min-height:90px;border-radius:20px;border:1px dashed rgba(255,255,255,.10);background:rgba(255,255,255,.02)}
.mobile-bottom-nav{backdrop-filter:blur(14px);background:rgba(12,12,12,.92);border-top:1px solid rgba(255,255,255,.06)}
.react-api-page,.react-beers-page,.react-dashboard,.react-taps-page,.react-admin-page{display:grid;gap:18px}.react-api-panel,.react-beers-panel,.react-dashboard-panel,.react-taps-toolbar,.react-taps-panel,.react-admin-card,.react-admin-toolbar,.react-admin-kpi{background:linear-gradient(180deg,rgba(18,18,18,.95),rgba(12,12,12,.96));border:1px solid rgba(255,255,255,.08)}
.react-dashboard-topbar,.react-beers-toolbar,.react-api-panel__head,.react-taps-toolbar-top,.react-admin-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.react-dashboard-topbar__title,.react-api-panel__title,.react-dashboard-panel__title,.react-beers-title,.react-taps-title{font-size:28px;line-height:1.05;letter-spacing:-.03em;font-weight:700;color:#fff}.react-dashboard-topbar__meta,.react-api-panel__note,.react-dashboard-panel__subtitle,.react-beers-subtitle,.react-taps-subtitle,.react-admin-row__meta,.react-admin-row__sub{color:#9a9a9a}.react-dashboard-kpi,.react-admin-kpi,.react-api-stat,.react-dashboard-store,.react-beers-row,.react-taps-group,.react-admin-row,.react-admin-feed-item,.react-admin-backup-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
.react-dashboard-kpi__icon,.react-dashboard-kpi__value,.react-admin-kpi__value{color:#fff}.react-dashboard-kpi.tone-amber .react-dashboard-kpi__icon,.react-dashboard-kpi.tone-amber .react-dashboard-kpi__value{color:#ffcb7b}.react-dashboard-kpi.tone-blue .react-dashboard-kpi__icon{color:#9ab8ff}.react-dashboard-kpi.tone-green .react-dashboard-kpi__icon{color:#9ce4b4}.react-dashboard-kpi.tone-danger .react-dashboard-kpi__icon{color:#ffb0b0}
@media (max-width:1200px){.main{padding:24px 24px 30px}.page-head h1{font-size:34px}}
@media (max-width:960px){.stats-grid,.action-grid,.grid.two-up{grid-template-columns:1fr 1fr}.page-head{flex-direction:column;align-items:flex-start}.react-dashboard-topbar,.react-beers-toolbar,.react-api-panel__head,.react-taps-toolbar-top,.react-admin-toolbar{flex-direction:column;align-items:stretch}.react-beers-filters,.react-api-grid,.react-api-switches,.react-api-stats,.react-taps-filters,.react-admin-form-grid{grid-template-columns:1fr!important}}
@media (max-width:720px){html,body{font-size:15px}.main{padding:20px 14px 24px}.page-head h1{font-size:30px}.card,.auth-card,.modal-card,.table-wrap{border-radius:24px}.stats-grid,.action-grid,.grid.two-up,.react-dashboard-kpis-grid,.react-admin-kpis{grid-template-columns:1fr!important}.table{min-width:760px}}


/* phase3 polish */
.page-block>.card,.page-block>.table-card{backdrop-filter:blur(16px)}
.card.soft-hero{padding:28px 28px 24px}
.page-head+.react-dashboard,.page-head+.react-api-page{margin-top:-2px}
.summary-chip,.mini-badge,.badge{font-weight:700}
.app-toast{cursor:pointer;border-radius:18px;background:linear-gradient(180deg,rgba(22,22,22,.98),rgba(13,13,13,.98));backdrop-filter:blur(12px)}
.app-toast .toast-copy-note{display:block;margin-top:6px;font-size:11px;color:#9b9b9b}
.mobile-bottom-nav{backdrop-filter:blur(16px);background:rgba(10,10,10,.92);border-top:1px solid rgba(255,255,255,.08)}
@media (min-width:1181px){.main{padding:30px 36px 36px}.page-block{gap:24px}}

/* ===== Soft Modern phase 4 polish ===== */
:root{
  --page-max:1560px;
  --panel-elev:linear-gradient(180deg,rgba(20,20,20,.98) 0%,rgba(13,13,13,.99) 100%);
  --panel-elev-2:linear-gradient(180deg,rgba(24,24,24,.96) 0%,rgba(16,16,16,.98) 100%);
  --ring:0 0 0 3px rgba(243,161,29,.14);
}

.main{padding:30px 36px 40px;background:linear-gradient(180deg,rgba(255,255,255,.01),transparent 14%)}
.page-block{max-width:var(--page-max);gap:20px}
.page-head{position:relative;align-items:flex-end;margin:0 0 18px;padding:0 2px 16px;border-bottom:1px solid rgba(255,255,255,.05)}
.page-head::after{content:"";position:absolute;left:0;bottom:-1px;width:120px;height:1px;background:linear-gradient(90deg,rgba(243,161,29,.55),rgba(243,161,29,0))}
.page-head h1{font-size:40px;letter-spacing:-.045em;font-weight:700}
.page-head p{max-width:860px;color:#9f9f9f}

.sidebar{
  background:
    linear-gradient(180deg,rgba(15,15,15,.96),rgba(9,9,9,.96)),
    radial-gradient(circle at top left,rgba(243,161,29,.05),transparent 30%);
  box-shadow:inset -1px 0 0 rgba(255,255,255,.04), 18px 0 40px rgba(0,0,0,.18);
  padding:22px 18px 18px;
}
.brand.brand-text-only{padding:4px 10px 10px}
.brand-title{font-size:28px;font-weight:700}
.brand-sub{color:#8e8e8e;letter-spacing:.02em}
.user-card{
  background:var(--panel-elev-2);
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  box-shadow:0 14px 28px rgba(0,0,0,.18);
}
.user-card--link:hover{border-color:rgba(243,161,29,.18);background:linear-gradient(180deg,rgba(28,28,28,.98),rgba(16,16,16,.98))}
.nav{gap:6px}
.nav a,.ghost-link{
  min-height:50px;
  border-radius:18px;
  padding:13px 14px;
  color:#bcbcbc;
}
.nav a i,.ghost-link i{width:18px;text-align:center;font-size:15px}
.nav a:hover,.ghost-link:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.06)}
.nav a.active{
  position:relative;
  background:linear-gradient(180deg,rgba(243,161,29,.14),rgba(243,161,29,.08));
  border-color:rgba(243,161,29,.22);
  color:#fff;
  box-shadow:0 14px 28px rgba(243,161,29,.08);
}
.nav a.active::before{
  content:"";
  position:absolute;
  left:10px;top:10px;bottom:10px;
  width:3px;border-radius:999px;
  background:linear-gradient(180deg,#ffcf7a,#f3a11d);
}
.nav a.active i{color:#ffd07c}
.ghost-link{justify-content:flex-start;background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.05)}

.card,.action-card,.table-card,.modal-card,.tap-sort-item,.store-summary-item,.store-beer-card,.tap-store-card,.store-beer-item,.tap-chip,.tap-chip-list .tap-chip{
  background:var(--panel-elev);
}
.card{
  border-color:rgba(255,255,255,.08);
  box-shadow:0 18px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.02);
}
.card::before{background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.09),rgba(255,255,255,0))}
.card.pad{padding:22px}
.section-title{margin-bottom:12px;font-size:28px}

.stats-grid,.action-grid,.grid.two-up{gap:16px}
.stat-card{
  padding:24px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(22,22,22,.98),rgba(14,14,14,.98));
}
.stat-value{font-size:46px;letter-spacing:-.04em}
.stat-label{font-size:15px;line-height:1.45}
.action-card{border-radius:22px;padding:18px 18px 16px}
.action-card:hover{transform:translateY(-1px);border-color:rgba(243,161,29,.14);background:linear-gradient(180deg,rgba(27,27,27,.98),rgba(17,17,17,.98))}

.btn{
  height:50px;
  border-radius:16px;
  padding:0 18px;
  letter-spacing:.01em;
}
.btn-primary{
  background:linear-gradient(180deg,#ffb239 0%,#ef9b1d 100%);
  box-shadow:0 12px 24px rgba(243,161,29,.18), inset 0 1px 0 rgba(255,255,255,.18);
}
.btn-secondary{background:linear-gradient(180deg,#191919,#151515)}
.btn-secondary:hover{background:linear-gradient(180deg,#202020,#181818);border-color:rgba(255,255,255,.14)}
.icon-btn,.status-trigger{
  background:linear-gradient(180deg,#191919,#141414);
  border-color:rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.icon-btn:hover,.status-trigger:hover{border-color:rgba(243,161,29,.16)}

.field span{font-size:12px;font-weight:700;color:#bdbdbd;letter-spacing:.14em}
.input,textarea.input,select.input{
  min-height:50px;
  border-radius:16px;
  background:linear-gradient(180deg,#101010,#0d0d0d);
  border:1px solid rgba(255,255,255,.10);
  color:#f7f7f7;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
textarea.input{min-height:126px;resize:vertical}
.input::placeholder{color:#6f6f6f}
.input:hover{border-color:rgba(255,255,255,.14)}
.input:focus,select.input:focus,textarea.input:focus{box-shadow:var(--ring);border-color:rgba(243,161,29,.52)}
.select-wrap::after{color:#949494;right:15px}

.check-card span{
  min-height:54px;
  border-radius:16px;
  background:linear-gradient(180deg,#141414,#101010);
  position:relative;
  padding-left:46px;
}
.check-card span::before{
  content:"";
  position:absolute;left:16px;top:50%;transform:translateY(-50%);
  width:16px;height:16px;border-radius:6px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.02);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.check-card input:checked+span::before{
  background:linear-gradient(180deg,#ffb239,#ef9b1d);
  border-color:rgba(243,161,29,.65);
  box-shadow:0 0 0 4px rgba(243,161,29,.12);
}
.check-card input:checked+span::after{
  content:"\f00c";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  position:absolute;left:20px;top:50%;transform:translateY(-55%);
  font-size:9px;color:#231708;
}
.toggle-pill{
  min-height:42px;
  border-radius:14px;
  display:inline-flex;align-items:center;justify-content:center;
}
.toggle-pill.on{box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 6px 18px rgba(243,161,29,.08)}

.table-card{border-radius:28px}
.table-wrap{padding:0 8px 8px}
.table{min-width:940px}
.table th{
  position:sticky;top:0;z-index:1;
  background:rgba(14,14,14,.96);
  backdrop-filter:blur(10px);
  color:#929292;
  padding-top:16px;padding-bottom:16px;
}
.table td{padding-top:17px;padding-bottom:17px;color:#ededed}
.table tbody tr:nth-child(even){background:rgba(255,255,255,.012)}
.table tbody tr:hover{background:rgba(243,161,29,.035)}
.table td.actions,.table th.actions{padding-right:18px}
.badge{
  min-height:32px;
  padding:6px 12px;
  background:rgba(243,161,29,.10);
  border-color:rgba(243,161,29,.18);
  color:#f5d09c;
}
.code-line{font-size:13px;color:#d8d8d8}

.modal{background:rgba(0,0,0,.78);backdrop-filter:blur(4px)}
.modal-card{
  border-radius:28px;
  border-color:rgba(255,255,255,.08);
  box-shadow:0 26px 60px rgba(0,0,0,.52);
}
.modal-head,.modal-actions{background:rgba(14,14,14,.96);backdrop-filter:blur(12px)}
.modal-title{font-size:24px;letter-spacing:-.03em}
.modal-body{gap:16px}

.auth-body{
  background:
    radial-gradient(circle at top left,rgba(243,161,29,.10),transparent 26%),
    radial-gradient(circle at bottom right,rgba(255,255,255,.04),transparent 20%),
    linear-gradient(180deg,#060606,#090909 52%,#050505);
}
.auth-shell{width:min(100%,480px)}
.auth-card{
  position:relative;
  overflow:hidden;
  border-radius:32px;
  background:linear-gradient(180deg,rgba(20,20,20,.98),rgba(10,10,10,.99));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 22px 60px rgba(0,0,0,.38);
}
.auth-card::before{
  content:"";
  position:absolute;inset:0 0 auto 0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);
}
.auth-title{font-size:38px}

.mobile-bottom-nav{
  background:rgba(14,14,14,.92)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  box-shadow:0 20px 42px rgba(0,0,0,.42)!important;
}
.mobile-bottom-nav a{
  border:1px solid transparent;
}
.mobile-bottom-nav a.active{
  background:linear-gradient(180deg,rgba(243,161,29,.16),rgba(243,161,29,.10))!important;
  border-color:rgba(243,161,29,.20)!important;
}

/* React surface unification */
.react-admin-page .card,
.react-admin-page .panel,
.react-admin-page .toolbar,
.react-admin-page .table-shell,
.react-admin-page .modal-card,
body.page-dashboard #react-dashboard-root > *,
body.page-api #react-api-root > *,
body.page-beers #react-beers-root > *,
body.page-taps #react-taps-root > *,
body.page-stores #react-remaining-root > *,
body.page-screens #react-remaining-root > *,
body.page-users #react-remaining-root > *,
body.page-radios #react-remaining-root > *,
body.page-logs #react-remaining-root > *,
body.page-account #react-remaining-root > *,
body.page-backups #react-remaining-root > * {
  font-family:"Ubuntu",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}

@media (max-width:1180px){
  .main{padding:24px 24px 34px}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .main{padding:16px 14px 96px}
  .page-head{padding-bottom:12px;margin-bottom:14px}
  .page-head h1{font-size:30px}
  .auth-card{border-radius:28px}
  .table th{position:static}
}

/* ===== Soft Modern phase 5: shell + core controls ===== */
:root{
  --sm-shell-max:1560px;
  --sm-page-gap:22px;
  --sm-panel-bg:linear-gradient(180deg,rgba(20,20,20,.96),rgba(12,12,12,.98));
  --sm-panel-bg-soft:rgba(255,255,255,.035);
  --sm-panel-line:rgba(255,255,255,.08);
  --sm-panel-line-soft:rgba(255,255,255,.06);
  --sm-hover:rgba(255,255,255,.05);
  --sm-accent:rgba(243,161,29,.12);
  --sm-accent-line:rgba(243,161,29,.22);
}
.app-shell{grid-template-columns:292px minmax(0,1fr);}
.sidebar{padding:20px 18px 18px;background:rgba(10,10,10,.95);border-right:1px solid rgba(255,255,255,.07);box-shadow:inset -1px 0 0 rgba(255,255,255,.02)}
.user-card.user-card--link{order:3;padding:18px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.07)}
.brand.brand-text-only{order:1;margin-bottom:2px;padding:2px 8px 10px}.brand-title{font-size:28px}.brand-sub{font-size:13px;letter-spacing:.02em}
.nav{order:2;gap:7px}.nav a{position:relative;padding:14px 15px;border-radius:18px}.nav a i{width:18px;text-align:center}.nav a.active{background:linear-gradient(180deg,rgba(243,161,29,.14),rgba(243,161,29,.08));border-color:rgba(243,161,29,.18);box-shadow:0 10px 22px rgba(243,161,29,.08)}
.nav a.active::before{content:"";position:absolute;left:9px;top:10px;bottom:10px;width:3px;border-radius:999px;background:linear-gradient(180deg,#ffb239,#ef9b1d)}
.nav a:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08)}
.sidebar-bottom{padding-top:4px}.ghost-link{border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.main{padding:28px 28px 32px}.page-block{max-width:var(--sm-shell-max);gap:var(--sm-page-gap)}
.page-head{max-width:var(--sm-shell-max);margin-bottom:18px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.04)}
.page-head h1{font-size:40px;line-height:1;letter-spacing:-.045em}.page-head p{max-width:840px;color:#9a9a9a}
.card{background:var(--sm-panel-bg);border-color:var(--sm-panel-line);border-radius:28px}.card::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent)}.card.pad{padding:22px}
.section-title{font-size:24px;line-height:1.08;letter-spacing:-.03em}
.toolbar,.simple-toolbar{margin-bottom:14px}
.btn{height:48px;padding:0 17px;border-radius:16px;font-weight:700}.btn-primary{background:linear-gradient(180deg,#ffb239,#ef9b1d);box-shadow:0 14px 28px rgba(243,161,29,.16)}
.btn-secondary{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}.btn-secondary:hover{background:rgba(255,255,255,.07)}
.btn-danger{box-shadow:none}
.icon-btn{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
.icon-btn:hover{background:rgba(255,255,255,.07)}
.field{gap:9px}.field span{font-size:11px;letter-spacing:.12em;color:#a5a5a5}.input{min-height:48px;padding:13px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:#0d0d0d;transition:border-color .15s ease, box-shadow .15s ease, background .15s ease}.input:hover{border-color:rgba(255,255,255,.16);background:#101010}.input:focus{border-color:#f3a11d;box-shadow:0 0 0 3px rgba(243,161,29,.14);background:#111}
textarea.input{min-height:108px;resize:vertical}
.select-wrap::after{right:15px;color:#8f8f8f}
.check-card span,.react-admin-check{min-height:48px;padding:13px 14px;border-radius:16px;border-color:rgba(255,255,255,.08);background:#101010}
.check-card input:checked+span{background:var(--sm-accent);border-color:var(--sm-accent-line);color:#ffe0b4}
.check-card span::before{content:"";display:inline-block;width:18px;height:18px;border-radius:6px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 2px transparent;transition:.15s ease;flex:0 0 auto}
.check-card input:checked+span::before{background:linear-gradient(180deg,#ffb239,#ef9b1d);border-color:rgba(243,161,29,.45);box-shadow:inset 0 0 0 4px #1a1207}
.table-card{border-radius:26px}.table th,.table td{padding:16px 18px}.table th{font-size:11px;color:#929292}.table tbody tr:nth-child(even){background:rgba(255,255,255,.015)}.table tbody tr:hover{background:rgba(255,255,255,.035)}
.badge{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.07);color:#f4ddbd}
.modal-card{background:linear-gradient(180deg,rgba(18,18,18,.98),rgba(12,12,12,.98));border-color:rgba(255,255,255,.09);border-radius:30px}
.modal-head,.modal-actions{padding:18px 22px}.modal-body{padding:22px}.modal-title{font-size:24px;letter-spacing:-.03em}
.inline-note-ok,.inline-note-error{display:block;padding:14px 16px;border-radius:18px}
.inline-note-ok{background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.16)}
.inline-note-error{background:rgba(239,68,68,.10);border:1px solid rgba(239,68,68,.18)}
@media (max-width:1200px){.main{padding:24px 18px 28px}.page-head h1{font-size:34px}}
@media (max-width:860px){.main{padding:72px 12px 24px}.page-head{padding-bottom:0;border-bottom:0}.page-head h1{font-size:30px}.page-head p{font-size:14px}}

/* ===== Soft Modern phase 6: login/account/supporting pages ===== */
.auth-shell{width:min(100%,520px)}
.auth-card{position:relative;overflow:hidden}
.auth-card::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(243,161,29,.22),rgba(255,255,255,.04),rgba(243,161,29,.14))}
.auth-card .alert{margin-bottom:16px}
.auth-card .btn-block{height:48px;border-radius:16px}
.auth-card .field{gap:8px}
.auth-card .field>span{color:#d2d2d2}
.auth-brand{padding-bottom:10px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.06)}


/* ===== Soft Modern phase 6: auth polish ===== */
.auth-shell--soft-modern{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(360px,.9fr);align-items:stretch;gap:22px;max-width:1200px;width:100%;padding:26px}.auth-panel{border:1px solid rgba(255,255,255,.08);border-radius:32px;background:linear-gradient(180deg,rgba(20,20,20,.96),rgba(12,12,12,.98));box-shadow:0 20px 60px rgba(0,0,0,.32)}.auth-panel--brand{padding:34px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-panel--brand:after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(183,131,57,.18),transparent 68%)}.auth-hero-title{margin-top:24px;font-size:34px;line-height:1.08;font-weight:700;letter-spacing:-.03em;max-width:520px}.auth-hero-text{margin-top:14px;color:#a5a5a5;line-height:1.7;max-width:560px}.auth-feature-list{display:flex;flex-direction:column;gap:12px;margin-top:24px}.auth-feature-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);color:#dfdfdf}.auth-feature-item i{color:#d7a356}.auth-card--soft-modern{padding:30px;border-radius:32px;justify-content:center;min-height:100%}.auth-title-wrap{margin-bottom:8px}.auth-subtitle{margin-top:6px;color:#9d9d9d;font-size:14px;line-height:1.6}.remember-row--custom{display:flex;align-items:center;gap:10px;color:#d0d0d0;cursor:pointer}.remember-row--custom input{position:absolute;opacity:0;pointer-events:none}.remember-row__box{width:18px;height:18px;border-radius:6px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.remember-row--custom input:checked + .remember-row__box{background:linear-gradient(180deg,#b78339,#d7a356);border-color:rgba(215,163,86,.55)}.remember-row--custom input:checked + .remember-row__box:before{content:"";width:8px;height:8px;border-radius:3px;background:#18120a}.auth-card--soft-modern .btn-block{height:48px}.auth-card--soft-modern .field{margin-top:2px}.auth-card--soft-modern .alert{margin-bottom:6px}.auth-body{font-family:"Ubuntu",system-ui,sans-serif}@media (max-width:980px){.auth-shell--soft-modern{grid-template-columns:1fr;padding:18px}.auth-panel--brand{min-height:280px}.auth-hero-title{font-size:28px}}

/* ===== Soft Modern phase 7: login polish ===== */
.auth-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid rgba(243,161,29,.18);background:rgba(243,161,29,.08);color:#ffd6a0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.auth-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.auth-stat{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03)}.auth-stat i{width:18px;text-align:center;color:#d7a356}.auth-stat__value{font-size:15px;font-weight:700;color:#fff}.auth-stat__label{font-size:12px;color:#9d9d9d;margin-top:2px}.auth-form-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 2px}.auth-form-help{font-size:12px;color:#929292}.auth-footer-note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#989898;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.auth-footer-note i{color:#d7a356}@media (max-width:980px){.auth-stats-grid{grid-template-columns:1fr}.auth-form-row{flex-direction:column;align-items:flex-start}}

/* ===== Soft Modern phase 9: shell + forms + tables ===== */
.sidebar{
  background:linear-gradient(180deg,rgba(12,12,12,.96),rgba(8,8,8,.94));
  box-shadow:inset -1px 0 0 rgba(255,255,255,.04);
}
.brand-title{letter-spacing:-.045em}
.user-card{
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.028));
  box-shadow:0 18px 42px rgba(0,0,0,.22);
}
.nav a,.ghost-link{min-height:50px}
.nav a.active{box-shadow:0 12px 26px rgba(183,131,57,.12)}
.page-head{position:relative;padding-bottom:8px;margin-bottom:22px}
.page-head::after{content:"";position:absolute;left:0;bottom:0;width:84px;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(243,161,29,.8),rgba(243,161,29,0))}
.card,.react-dashboard-panel,.react-api-hero,.react-api-panel,.react-beers-hero,.react-beers-panel,.react-taps-toolbar,.react-taps-panel,.react-admin-toolbar,.react-admin-card{
  box-shadow:0 18px 44px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03);
}
.table th{position:sticky;top:0;background:rgba(10,10,10,.92);backdrop-filter:blur(10px);z-index:2}
.table tbody tr:nth-child(even){background:rgba(255,255,255,.012)}
.table tbody tr:hover{background:rgba(255,255,255,.032)}
.input,.select,.textarea{
  min-height:52px;
  background:linear-gradient(180deg,rgba(9,9,9,.96),rgba(14,14,14,.98));
  border-color:rgba(255,255,255,.1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.textarea{min-height:124px}
.input:focus,.select:focus,.textarea:focus{
  border-color:rgba(243,161,29,.4);
  box-shadow:0 0 0 4px rgba(243,161,29,.09), inset 0 1px 0 rgba(255,255,255,.03);
}
.select{
  appearance:none;
  background-image:linear-gradient(45deg,transparent 50%, #b7a28a 50%),linear-gradient(135deg,#b7a28a 50%,transparent 50%);
  background-position:calc(100% - 22px) calc(50% - 3px), calc(100% - 16px) calc(50% - 3px);
  background-size:6px 6px,6px 6px;
  background-repeat:no-repeat;
  padding-right:42px;
}
input[type="checkbox"], input[type="radio"]{
  accent-color:#f3a11d;
}
.field span{font-size:12px;color:#b9aa96}
.badge{backdrop-filter:blur(6px)}
.btn{box-shadow:0 10px 24px rgba(0,0,0,.18)}
.btn-secondary,.icon-btn,.status-trigger{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.03))}
.mobile-bottom-nav{backdrop-filter:blur(16px)}
@media (min-width: 1440px){
  .main{padding:30px 38px 38px}
  .page-block{max-width:1600px}
}


/* phase 14 login refinement */
.auth-body{
  padding:24px;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
}
.auth-shell--modern{
  position:relative;
  z-index:1;
  width:min(100%,1360px);
  display:grid;
  grid-template-columns:minmax(520px,1.2fr) minmax(380px,.8fr);
  gap:22px;
}
.auth-side{
  position:relative;
  min-width:0;
}
.auth-side--brand,
.auth-form-card{
  border-radius:34px;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.auth-side--brand{
  min-height:760px;
  background:
    radial-gradient(circle at top left, rgba(243,161,29,.18), transparent 26%),
    radial-gradient(circle at bottom right, rgba(255,255,255,.06), transparent 24%),
    linear-gradient(180deg, rgba(18,18,18,.95), rgba(10,10,10,.98));
}
.auth-side__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.03), transparent 18%);
  pointer-events:none;
}
.auth-side__content{
  position:relative;
  z-index:1;
  padding:34px;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:28px;
}
.auth-brand-top{display:flex;align-items:center;gap:14px}
.auth-brand-mark{
  display:grid;place-items:center;
  width:54px;height:54px;border-radius:18px;
  background:linear-gradient(180deg,#f3a11d,#d98b12);
  color:#16110a;
  box-shadow:0 14px 28px rgba(243,161,29,.24);
}
.auth-brand-mark i{font-size:20px}
.auth-brand-title{font-size:22px;font-weight:700;letter-spacing:-.02em}
.auth-brand-sub{font-size:14px;color:#9f9f9f}
.auth-hero{display:grid;gap:18px}
.auth-kicker,.auth-form-kicker{
  display:inline-flex;align-items:center;gap:8px;
  width:max-content;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(243,161,29,.11);
  border:1px solid rgba(243,161,29,.22);
  color:#ffd89d;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.auth-hero-title{
  margin:0;
  font-size:46px;
  line-height:1.02;
  letter-spacing:-.04em;
  max-width:12ch;
}
.auth-hero-text{
  margin:0;
  max-width:64ch;
  color:#b2b2b2;
  font-size:16px;
  line-height:1.75;
}
.auth-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.auth-feature-card{
  padding:16px;
  border-radius:22px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.07);
  box-shadow:var(--shadow-soft);
}
.auth-feature-card__icon{
  width:42px;height:42px;border-radius:14px;display:grid;place-items:center;
  background:rgba(243,161,29,.11);border:1px solid rgba(243,161,29,.22);color:#ffcf86;
  margin-bottom:12px;
}
.auth-feature-card__title{font-weight:700;font-size:15px;margin-bottom:6px}
.auth-feature-card__text{font-size:13px;line-height:1.6;color:#9a9a9a}
.auth-kpi-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
}
.auth-kpi-card{
  padding:16px;border-radius:22px;background:rgba(255,255,255,.038);
  border:1px solid rgba(255,255,255,.07);display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;
}
.auth-kpi-icon{
  width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#151515;border:1px solid rgba(255,255,255,.08);color:#d6d6d6;
}
.auth-kpi-value{font-size:18px;font-weight:700;letter-spacing:-.02em}
.auth-kpi-label{font-size:13px;color:#d6d6d6;margin-top:2px}
.auth-kpi-note{font-size:12px;color:#8f8f8f;margin-top:5px;line-height:1.45}
.auth-side--form{display:flex;align-items:stretch}
.auth-form-card{
  width:100%;
  background:linear-gradient(180deg,rgba(18,18,18,.97),rgba(10,10,10,.99));
  padding:34px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.auth-form-card__head{display:grid;gap:10px;margin-bottom:18px}
.auth-form-title{font-size:38px;line-height:1.02;font-weight:700;letter-spacing:-.035em}
.auth-form-subtitle{color:#9d9d9d;line-height:1.7;font-size:15px}
.auth-alert{display:flex;align-items:center;gap:10px;margin:6px 0 14px}
.field--modern{display:grid;gap:8px;margin-top:14px}
.field__label{font-size:13px;font-weight:600;color:#d6d6d6}
.input-shell{
  display:grid;grid-template-columns:20px 1fr;align-items:center;gap:12px;
  height:56px;padding:0 16px;border-radius:18px;background:#101010;border:1px solid rgba(255,255,255,.08);
  transition:.16s ease;
}
.input-shell:focus-within{border-color:rgba(243,161,29,.48);box-shadow:0 0 0 3px rgba(243,161,29,.10)}
.input-shell__icon{color:#8f8f8f}
.input--modern{height:auto;border:0;background:transparent;padding:0;box-shadow:none}
.input--modern:focus{box-shadow:none;border:0}
.auth-options-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;margin-bottom:8px}
.auth-form-help{font-size:13px;color:#8f8f8f}
.auth-action-stack{display:grid;gap:12px;margin-top:10px}
.auth-btn-primary,.auth-btn-secondary{height:54px;border-radius:18px}
.auth-security-panel{
  margin-top:18px;padding:18px;border-radius:22px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);
}
.auth-security-panel__title{display:flex;align-items:center;gap:10px;font-weight:700;margin-bottom:12px}
.auth-security-panel__title i{color:#ffcf86}
.auth-security-list{display:grid;gap:10px}
.auth-security-item{display:flex;align-items:flex-start;gap:10px;color:#bcbcbc;font-size:14px;line-height:1.55}
.auth-security-item i{margin-top:2px;color:#9b9b9b}
.auth-footer-note{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:18px;color:#8e8e8e;font-size:13px}
@media (max-width: 1180px){
  .auth-shell--modern{grid-template-columns:1fr;max-width:760px}
  .auth-side--brand{min-height:auto}
  .auth-feature-grid,.auth-kpi-grid{grid-template-columns:1fr}
  .auth-hero-title{max-width:none;font-size:40px}
}
@media (max-width: 720px){
  .auth-body{padding:12px}
  .auth-side__content,.auth-form-card{padding:22px}
  .auth-form-title{font-size:32px}
  .auth-hero-title{font-size:34px}
  .auth-options-row{flex-direction:column;align-items:flex-start}
}


.app-toast-root{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:1800;display:flex;flex-direction:column;gap:10px;align-items:center;pointer-events:none;width:min(92vw,560px)}
.app-toast-item{position:relative;display:flex;align-items:flex-start;gap:12px;width:min(92vw,560px);padding:14px 16px;border-radius:22px;background:linear-gradient(180deg,rgba(28,28,28,.94),rgba(14,14,14,.98));border:1px solid rgba(255,255,255,.10);box-shadow:0 24px 60px rgba(0,0,0,.36);backdrop-filter:blur(14px);pointer-events:auto;overflow:hidden}
.app-toast-item::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 0%, rgba(183,131,57,.12), transparent 35%), radial-gradient(circle at 100% 100%, rgba(255,255,255,.05), transparent 30%);pointer-events:none}
.app-toast-accent{position:absolute;inset:0 auto 0 0;width:4px;background:#b78339}
.app-toast-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:rgba(183,131,57,.14);color:#e0b06b;border:1px solid rgba(183,131,57,.22)}
.app-toast-item.is-error .app-toast-icon{background:rgba(204,94,94,.14);color:#ffb3b3;border-color:rgba(204,94,94,.22)}
.app-toast-item.is-warning .app-toast-icon{background:rgba(255,178,57,.14);color:#ffcc84;border-color:rgba(255,178,57,.22)}
.app-toast-item.is-info .app-toast-icon{background:rgba(126,156,255,.14);color:#bfd0ff;border-color:rgba(126,156,255,.22)}
.app-toast-item.is-error .app-toast-accent{background:#d96b6b}.app-toast-item.is-warning .app-toast-accent{background:#ffb239}.app-toast-item.is-info .app-toast-accent{background:#7e9cff}
.app-toast-body{position:relative;z-index:1;min-width:0;flex:1}
.app-toast-title-row{display:flex;align-items:flex-start;gap:8px}.app-toast-title{font-weight:700;font-size:14px;line-height:1.35;color:#f4ede2;flex:1}.app-toast-count{padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.08);font-size:11px;color:#d9d9d9}.app-toast-close{appearance:none;border:0;background:transparent;color:#9d9d9d;cursor:pointer;width:24px;height:24px;border-radius:999px}.app-toast-close:hover{background:rgba(255,255,255,.06);color:#fff}
.app-toast-detail{margin-top:4px;font-size:12px;line-height:1.45;color:#bcb4a7}.toast-copy-note{margin-top:6px;font-size:11px;color:#9b9b9b}.app-toast-item:not(.is-copyable) .toast-copy-note{display:none}
.app-toast-progress{margin-top:10px;height:3px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.app-toast-progress>span{display:block;height:100%;width:100%;background:#b78339;transform-origin:left center;animation:appToastProgress linear forwards}.app-toast-item.is-error .app-toast-progress>span{background:#d96b6b}.app-toast-item.is-warning .app-toast-progress>span{background:#ffb239}.app-toast-item.is-info .app-toast-progress>span{background:#7e9cff}
.app-toast-item.is-copyable{cursor:pointer;user-select:none}
@keyframes appToastProgress{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media (max-width:640px){.app-toast-root{width:min(96vw,560px);top:10px}.app-toast-item{width:min(96vw,560px);padding:12px 14px;border-radius:18px}.app-toast-icon{width:38px;height:38px;flex-basis:38px}}

/* ===== admin interface cleanup pass ===== */
.sidebar{
  border-right:0;
  background:rgba(10,10,10,.96);
  padding:20px 16px 16px;
}
.brand{
  padding:0 6px 10px;
  margin-bottom:2px;
}
.nav{
  gap:4px;
}
.nav a,
.ghost-link{
  min-height:46px;
  padding:12px 14px;
  border-radius:16px;
  border:0;
  background:transparent;
  box-shadow:none;
}
.nav a i,
.ghost-link i{
  color:#969696;
}
.nav a:hover,
.nav a.active,
.ghost-link:hover{
  background:linear-gradient(180deg,rgba(243,161,29,.13),rgba(243,161,29,.07));
  border:0;
  box-shadow:none;
}
.sidebar-bottom{
  padding-top:0;
  border-top:0;
}
.user-card--panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 14px;
  border-radius:20px;
}
.user-card__profile{
  min-width:0;
  flex:1 1 auto;
  text-decoration:none;
  color:inherit;
}
.user-card__logout{
  width:42px;
  height:42px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);
  color:#d9d9d9;
  flex:0 0 auto;
  transition:background .18s ease, color .18s ease, transform .18s ease;
}
.user-card__logout:hover{
  background:rgba(243,161,29,.12);
  color:#ffcb7b;
}
.user-card__logout:active{transform:scale(.96)}
.page-head{
  border-bottom:0;
  padding-bottom:0;
  margin-bottom:18px;
}
.page-head::after,
.page-head::before{display:none!important}

@media (max-width:760px){
  .sidebar-bottom{display:block!important}
  .user-card--panel{padding:12px}
}

/* ===== stores + screens refinement pass ===== */
.nav a.active::before{display:none!important}
.page-head{margin-bottom:14px!important}
.page-head p{max-width:680px!important}
.react-admin-toolbar.compact{padding:24px 26px!important}
.react-admin-toolbar.compact .section-title{font-size:24px!important;line-height:1.05!important}
.react-admin-toolbar.compact .muted{margin-top:4px!important}
.react-admin-toolbar__actions--inline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.react-admin-kpis.compact{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.react-admin-kpi--simple{padding:18px 18px 16px!important;display:grid;gap:12px}
.react-admin-kpi--simple .react-admin-kpi__lead{display:flex;align-items:center;gap:12px}
.react-admin-kpi--simple .react-admin-kpi__icon.ios{width:42px;height:42px;border-radius:14px;background:linear-gradient(180deg,#d7a356,#b78339);color:#101010;display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}
.react-admin-kpi--simple .react-admin-kpi__icon.ios i{font-size:16px}
.react-admin-kpi--simple .react-admin-kpi__value{font-size:36px;line-height:1;font-weight:700;letter-spacing:-.04em}
.react-admin-kpi--simple .stat-label{color:#eae0d0;font-size:14px}
.react-admin-list--stores,.react-admin-list--screens.refined{padding:14px!important}
.react-admin-row--store-card.compact{grid-template-columns:58px minmax(0,1fr) auto!important;gap:16px!important;padding:18px 16px!important}
.react-admin-row--store-card.compact .react-admin-store-card__avatar{width:58px;height:58px;border-radius:18px;background:linear-gradient(180deg,#d7a356,#b78339);color:#101010;display:grid;place-items:center;font-size:28px;font-weight:700}
.react-admin-row__sub.is-truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.react-admin-row__title-wrap{flex-wrap:wrap;gap:8px!important}
.react-admin-row__actions--store,.react-admin-row__actions--screen{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.react-admin-stores-modal.refined{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.9fr);gap:22px}
.react-admin-stores-preview.refined,.react-admin-screen-preview.refined{display:grid;align-content:start;gap:12px;padding:20px;border-radius:24px;border:1px solid rgba(183,131,57,.18);background:linear-gradient(180deg,rgba(32,22,8,.58),rgba(15,12,8,.28));min-height:100%}
.react-admin-preview__meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px}
.react-admin-preview__meta-grid>div{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.muted-label{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8f8778;margin-bottom:6px}
.react-admin-modal__hint.compact{padding:14px 16px!important;font-size:13px;line-height:1.55!important;color:#a8a094!important;border-radius:18px!important}
.custom-select{position:relative}
.custom-select-trigger{width:100%;min-height:54px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.42);padding:0 16px;display:flex;align-items:center;justify-content:space-between;color:#f2f2f2;font:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.custom-select.is-open .custom-select-trigger,.custom-select-trigger:hover{border-color:rgba(183,131,57,.42);box-shadow:0 0 0 3px rgba(183,131,57,.08)}
.custom-select-value.is-placeholder{color:#7f7f7f}
.custom-select-caret{font-size:13px;color:#bfa06d;transition:transform .18s ease}
.custom-select.is-open .custom-select-caret{transform:rotate(180deg)}
.custom-select-menu{position:absolute;left:0;right:0;top:calc(100% + 8px);padding:8px;border-radius:18px;background:rgba(12,12,12,.98);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px rgba(0,0,0,.36);z-index:80;display:grid;gap:4px}
.custom-select-option{min-height:42px;padding:0 14px;border-radius:12px;border:0;background:transparent;color:#e7e7e7;text-align:left;font:inherit}
.custom-select-option:hover,.custom-select-option.is-active{background:rgba(243,161,29,.14);color:#fff}
.react-admin-list--screens.refined .react-admin-row--screen{padding:18px 16px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:18px!important}
.react-admin-screen__marquee.compact{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
.react-admin-screen__link{padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.react-admin-screen__ticker{color:#cfc6b7}
.react-admin-screens-layout{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(280px,.82fr);gap:22px}
.react-admin-section-block{padding:16px;border-radius:22px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}
.react-admin-section-title{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#cdbba2;margin-bottom:12px}
.react-admin-type-card{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.24)}
.react-admin-type-card__grid{display:grid;grid-template-columns:1.3fr 1fr .9fr .8fr .8fr;gap:12px}
.react-admin-type-card__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}
.react-admin-screen-preview__chips,.react-admin-users-preview__chips{display:flex;flex-wrap:wrap;gap:8px}
.react-admin-screen-preview__link{margin-top:2px}
.react-admin-row__meta{color:#9a958b}
.react-admin-row__sub{font-size:14px;color:#cbc3b7}
@media (max-width:1100px){
  .react-admin-kpis.compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .react-admin-stores-modal.refined,.react-admin-screens-layout{grid-template-columns:1fr}
  .react-admin-type-card__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .react-admin-kpis.compact{grid-template-columns:1fr!important}
  .react-admin-row--store-card.compact,.react-admin-list--screens.refined .react-admin-row--screen{grid-template-columns:1fr!important}
  .react-admin-preview__meta-grid{grid-template-columns:1fr}
  .react-admin-type-card__grid{grid-template-columns:1fr}
}


/* pass14 custom selects stability */
.has-custom-select{overflow:visible !important}
.select-wrap-enhanced{position:relative;z-index:5}
.select-wrap-enhanced > .custom-select{position:relative;z-index:10}
.select-wrap-enhanced > .custom-select.open{z-index:260}
.custom-select-menu{z-index:300}
.toolbar-form .input,
.toolbar-form .custom-select-trigger,
.admin-filter-card .input,
.admin-filter-card .custom-select-trigger,
.simple-toolbar .input,
.simple-toolbar .custom-select-trigger,
.toolbar .input,
.toolbar .custom-select-trigger,
.taps-toolbar-card .input,
.taps-toolbar-card .custom-select-trigger{height:56px !important;min-height:56px !important;border-radius:18px !important}


/* pass15 custom selects: closed by default, open only on state */
.custom-select{position:relative}
.custom-select-menu{
  display:none !important;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
}
.custom-select.open,
.custom-select.is-open{z-index:260}
.custom-select.open .custom-select-menu,
.custom-select.is-open .custom-select-menu{
  display:grid !important;
  visibility:visible;
  opacity:1;
  pointer-events:auto;
}
.select-wrap-enhanced > .custom-select.open,
.select-wrap-enhanced > .custom-select.is-open{z-index:320 !important}
.custom-select.open .custom-select-trigger,
.custom-select.is-open .custom-select-trigger{
  border-color:rgba(183,131,57,.42);
  box-shadow:0 0 0 3px rgba(183,131,57,.08);
}
.custom-select.open .custom-select-caret,
.custom-select.is-open .custom-select-caret{transform:rotate(180deg)}


/* phase 7 login + sidebar refresh */
.auth-shell--compact{width:min(100%,620px)!important;max-width:620px!important}
.auth-side--solo{width:100%!important}
.auth-form-card--solo{padding:34px 34px 30px;border-radius:30px;min-height:auto}
.auth-form-card--solo .auth-form-card__head{display:grid;gap:10px;margin-bottom:18px}
.auth-brand-mark--solo{width:72px;height:72px;border-radius:24px;background:linear-gradient(180deg,#d9a647,#c79234);display:grid;place-items:center;color:#1a1409;font-size:28px;box-shadow:0 22px 46px rgba(243,161,29,.16)}
.auth-shell--compact .auth-side--brand,.auth-shell--compact .auth-hero,.auth-shell--compact .auth-kpi-grid,.auth-shell--compact .auth-security-panel,.auth-shell--compact .auth-footer-note{display:none!important}
.auth-options-row--tight{justify-content:flex-start;margin:8px 0 6px}
.remember-switch{display:inline-flex;align-items:center;gap:12px;cursor:pointer;color:#f0f0f0;font-weight:500}
.remember-switch input{position:absolute;opacity:0;pointer-events:none}
.remember-switch__track{position:relative;width:52px;height:30px;border-radius:999px;background:#222;border:1px solid rgba(255,255,255,.08);transition:.18s}
.remember-switch__track::after{content:"";position:absolute;left:4px;top:4px;width:20px;height:20px;border-radius:50%;background:#efe7d8;transition:.18s}
.remember-switch input:checked + .remember-switch__track{background:linear-gradient(180deg,#f4ad2f,#ef9b1d);border-color:rgba(255,191,91,.4)}
.remember-switch input:checked + .remember-switch__track::after{transform:translateX(22px);background:#fff}
.remember-switch__label{font-size:17px}

.sidebar{background:linear-gradient(180deg,rgba(10,10,10,.96),rgba(8,8,8,.98))!important;border-right:1px solid rgba(255,255,255,.06)!important;padding:20px 16px 18px!important;box-shadow:inset -1px 0 0 rgba(255,255,255,.02)}
.brand.brand-text-only{display:flex;align-items:center;gap:12px;padding:8px 6px 10px 4px;margin-bottom:8px}
.brand.brand-text-only::before{content:"";width:44px;height:44px;border-radius:16px;background:linear-gradient(180deg,#d9a647,#c79234);box-shadow:0 16px 36px rgba(243,161,29,.14);flex:0 0 auto}
.brand.brand-text-only .brand-title{font-size:26px;line-height:1}
.brand.brand-text-only .brand-sub{font-size:13px;color:#979797}
.nav{gap:7px!important}
.nav a{position:relative;min-height:52px;padding:13px 15px 13px 14px!important;border-radius:18px!important;display:grid;grid-template-columns:40px 1fr;align-items:center;gap:12px;border:1px solid transparent!important;background:transparent!important;color:#c8c8c8!important}
.nav a i{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);color:#8d8d8d!important;transition:.18s}
.nav a span{font-weight:500}
.nav a:hover,.nav a.active{background:linear-gradient(180deg,rgba(243,161,29,.12),rgba(243,161,29,.05))!important;border-color:rgba(243,161,29,.22)!important;color:#fff!important}
.nav a:hover i,.nav a.active i{background:linear-gradient(180deg,rgba(243,161,29,.22),rgba(243,161,29,.12));border-color:rgba(243,161,29,.26);color:#ffcb7b!important}
.user-card--panel{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:10px;align-items:center;border-radius:22px;background:linear-gradient(180deg,rgba(21,21,21,.98),rgba(13,13,13,.98));border:1px solid rgba(255,255,255,.06)}
.user-card__logout{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);color:#e7e7e7}
.user-card__logout:hover{background:rgba(243,161,29,.12);border-color:rgba(243,161,29,.24);color:#fff}


/* login minimal card */
.auth-body{padding:24px;min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left, rgba(243,161,29,.12), transparent 22%), #050505;}
.auth-shell--login-minimal{width:min(100%,460px)!important;max-width:460px!important}
.auth-form-card--login-minimal{padding:40px 38px 36px;border-radius:34px;background:linear-gradient(180deg,rgba(18,18,18,.97),rgba(10,10,10,.99));box-shadow:0 24px 60px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.03)}
.auth-form-card--login-minimal .auth-alert{margin-bottom:18px}
.field--login-minimal{display:grid;gap:12px;margin:0 0 18px}
.field--login-minimal .field__label{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#d9c39c}
.input-shell--login-minimal{position:relative}
.input--login-minimal{height:66px!important;border-radius:22px!important;padding-left:74px!important;font-size:16px}
.input-shell--login-minimal .input-shell__icon{position:absolute;left:22px;top:50%;transform:translateY(-50%);font-size:20px;color:#9e9e9e;z-index:2}
.auth-options-row--login-minimal{margin:8px 0 22px}
.auth-action-stack--login-minimal{display:grid;gap:12px}
.auth-btn-primary--login-minimal{height:64px!important;border-radius:22px!important;font-size:18px;font-weight:700}
.auth-btn-secondary--login-minimal{height:52px!important;border-radius:18px!important;font-size:15px}
.auth-shell--login-minimal .remember-switch{gap:14px;font-size:17px}
.auth-shell--login-minimal .remember-switch__track{width:58px;height:34px}
.auth-shell--login-minimal .remember-switch__track::after{width:24px;height:24px;top:4px;left:4px}
.auth-shell--login-minimal .remember-switch input:checked + .remember-switch__track::after{transform:translateX(24px)}
@media (max-width:640px){.auth-form-card--login-minimal{padding:28px 22px 24px;border-radius:28px}.input--login-minimal{height:60px!important;border-radius:20px!important;padding-left:68px!important}.auth-btn-primary--login-minimal{height:58px!important;border-radius:20px!important}}