/* Generated by npm run build. Edit erp-ui/styles/, then rebuild. */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer components {
  body.app, body.ix {
    background: radial-gradient(900px 520px at -8% -12%, rgba(14, 138, 87, .09), transparent 62%), radial-gradient(800px 520px at 108% 112%, rgba(180, 83, 9, .05), transparent 60%), var(--bg);
  }
  :root[data-theme="dark"] body.app, :root[data-theme="dark"] body.ix {
    background: radial-gradient(900px 520px at -8% -12%, rgba(53, 192, 138, .10), transparent 62%), radial-gradient(800px 520px at 108% 112%, rgba(224, 164, 92, .05), transparent 60%), var(--bg);
  }
  h1, h2, h3 {
    --tw-tracking: -0.02em;
    letter-spacing: -0.02em;
  }
  .group-title, .menu-label, .combo-head {
    --tw-tracking: .06em;
    letter-spacing: .06em;
  }
  .n1-mark {
    display: inline-grid;
    place-items: center;
    flex: none;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: linear-gradient(150deg, #24302B 0%, #16191D 70%);
    color: #fff;
    font: 800 12.5px/1 var(--font-sans);
    --tw-tracking: -.3px;
    letter-spacing: -.3px;
    box-shadow: 0 6px 16px -6px rgba(14, 138, 87, .55), inset 0 1px 0 rgba(255,255,255,.12);
  }
  :root[data-theme="dark"] .n1-mark {
    background: linear-gradient(150deg, #FFFFFF 0%, #D5E9DF 100%);
    color: #16191D;
    box-shadow: 0 6px 18px -6px rgba(53, 192, 138, .6);
  }
  .sb-brand .logo {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: none;
    box-shadow: none;
  }
  .sb-brand .logo .n1-mark {
    width: 30px;
    height: 30px;
  }
  .sb-brand .word {
    font: 800 16px/1.05 var(--font-sans);
    --tw-tracking: -.3px;
    letter-spacing: -.3px;
    display: flex;
    flex-direction: column;
  }
  .sb-brand .word small {
    font: 500 11px/13px var(--font-sans);
    --tw-tracking: 0;
    letter-spacing: 0;
    color: var(--label-2);
  }
  .sb-brand {
    height: 34px;
  }
  .sidebar {
    border-radius: var(--r-sheet);
    background: var(--mat-regular);
    box-shadow: var(--shadow-card);
  }
  .sb-caption {
    --tw-tracking: .08em;
    letter-spacing: .08em;
    color: var(--label-3);
  }
  .sb-link {
    border-radius: var(--r-control);
    height: 33px;
  }
  .sb-link .i {
    color: var(--label-2);
  }
  .sb-link:hover {
    background: var(--hover);
  }
  .sb-link:hover .i {
    color: var(--accent);
  }
  .sb-link.is-on {
    background: var(--n1-emerald);
    color: #fff;
    font-weight: 650;
    box-shadow: 0 8px 18px -8px rgba(14, 138, 87, .7), inset 0 1px 0 rgba(255,255,255,.14);
  }
  .sb-link.is-on .i, .sb-link.is-on .count {
    color: rgba(255,255,255,.9);
  }
  :root[data-theme="dark"] .sb-link.is-on {
    color: #0B1F17;
    box-shadow: 0 8px 20px -8px rgba(53, 192, 138, .6);
  }
  :root[data-theme="dark"] .sb-link.is-on .i, :root[data-theme="dark"] .sb-link.is-on .count {
    color: rgba(11, 31, 23, .8);
  }
  :root[data-sidebar="collapsed"] .sb-section.has-on .sb-caption {
    background: var(--n1-emerald);
    color: #fff;
  }
  .company {
    border-radius: 13px;
    background: var(--fill-2);
  }
  .company .avatar, .sb-user .avatar {
    background: var(--solid);
    color: var(--solid-ink);
  }
  .toolbar {
    margin: 0 0 12px;
    padding: 0 8px 0 14px;
    border-radius: var(--r-card);
    background: var(--mat-regular);
    -webkit-backdrop-filter: var(--blur-regular);
    backdrop-filter: var(--blur-regular);
    box-shadow: var(--shadow-card);
  }
  .content {
    padding-top: 0;
  }
  .tb-search, .fy-pill, .tb-icon {
    background: var(--field) !important;
    box-shadow: inset 0 0 0 1px var(--field-line) !important;
  }
  .tb-search {
    border-radius: var(--r-control);
  }
  .tb-icon {
    border-radius: var(--r-control);
  }
  .tb-search:hover, .fy-pill:hover, .tb-icon:hover {
    box-shadow: inset 0 0 0 1px var(--accent) !important;
  }
  .fy-pill .dot {
    background: var(--n1-emerald);
  }
  .btn {
    border-radius: var(--r-control);
    --tw-font-weight: 600;
    font-weight: 600;
  }
  .btn:active, .btn.is-active {
    transform: translateY(1px);
  }
  .btn:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
    box-shadow: none;
  }
  .btn-filled {
    --btn-bg: var(--solid);
    --btn-fg: var(--solid-ink);
    box-shadow: 0 8px 20px -10px rgba(var(--solid-rgb), .55);
  }
  .btn-filled:hover {
    background: var(--solid);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--solid) 86%, var(--n1-emerald));
    }
  }
  .btn-filled:active {
    background: var(--solid);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--solid) 80%, var(--n1-emerald));
    }
  }
  .btn-filled .kbd, .toolbar .page-head .btn-filled .kbd, .v-bottom .btn-filled .kbd, .pn-save .btn-filled .kbd, .pay-btn .kbd {
    background: var(--solid-ink) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--solid-ink) 18%, transparent) !important;
    }
    color: var(--solid-ink) !important;
    box-shadow: none !important;
  }
  .split > .btn-filled:last-of-type {
    box-shadow: inset 1px 0 0 var(--solid-ink);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 1px 0 0 color-mix(in srgb, var(--solid-ink) 22%, transparent);
    }
  }
  .btn-gray, .btn-tinted, .btn-surface {
    --btn-bg: var(--field);
    --btn-fg: var(--label-1);
    box-shadow: inset 0 0 0 1px var(--field-line);
  }
  .btn-gray:hover, .btn-tinted:hover, .btn-surface:hover {
    background: var(--field);
    box-shadow: inset 0 0 0 1px var(--accent);
  }
  .btn-tinted {
    --btn-fg: var(--accent-text);
  }
  .btn-plain {
    --btn-fg: var(--accent-text);
  }
  .btn-plain:hover {
    background: var(--hover);
  }
  .btn-destructive-tinted {
    box-shadow: inset 0 0 0 1px var(--red);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--red) 30%, transparent);
    }
  }
  .btn:disabled, .btn.is-disabled {
    opacity: .45;
  }
  .input, .select, .textarea, .input-wrap {
    background-color: var(--field);
    border: 1px solid var(--field-line);
    border-radius: var(--r-control);
  }
  .input:hover, .select:hover, .textarea:hover, .input-wrap:hover {
    background-color: var(--field);
    border-color: var(--separator-strong);
  }
  .input:focus, .select:focus, .textarea:focus, .input-wrap:focus-within {
    background-color: var(--field);
    border-color: var(--accent);
    box-shadow: var(--focus-ring);
  }
  .input.is-error, .input-wrap.is-error {
    border-color: var(--red);
    background-color: var(--field);
  }
  .input-wrap > input {
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
  }
  .search {
    background-color: var(--field);
  }
  .search .kbd {
    background: var(--fill-1);
  }
  .ff > label {
    --tw-tracking: 0;
    letter-spacing: 0;
  }
  .ff > .input:focus + label, .ff > .input:not(:placeholder-shown) + label, .ff > .select + label, .ff.is-filled > label, .ff:focus-within > label {
    text-transform: uppercase;
    --tw-tracking: .08em;
    letter-spacing: .08em;
    font-weight: 650;
  }
  .ff:focus-within > label {
    color: var(--accent-text);
  }
  .fl > label, .fl > .lbl {
    text-transform: uppercase;
    --tw-tracking: .07em;
    letter-spacing: .07em;
    font-size: 10.5px;
    font-weight: 650;
    color: var(--label-3);
  }
  .v-header .seg-wrap .field-label {
    text-transform: uppercase;
    --tw-tracking: .07em;
    letter-spacing: .07em;
    font-size: 10.5px;
    font-weight: 650;
    color: var(--label-3);
  }
  .seg {
    background: var(--fill-1);
    border-radius: var(--r-control);
  }
  .seg-thumb {
    border-radius: 9px;
    background: var(--surface);
    box-shadow: 0 1px 3px rgba(22,25,29,.12), 0 0 0 1px rgba(22,25,29,.05);
  }
  :root[data-theme="dark"] .seg-thumb {
    background: #39424B;
    box-shadow: 0 1px 3px rgba(0,0,0,.4);
  }
  .pill {
    border-radius: var(--r-chip);
    background: var(--field);
    box-shadow: inset 0 0 0 1px var(--field-line);
    font-weight: 550;
  }
  button.pill:hover {
    background: var(--field);
    box-shadow: inset 0 0 0 1px var(--accent);
  }
  .pill.is-on {
    background: var(--solid);
    color: var(--solid-ink);
    box-shadow: none;
  }
  .pill.accent {
    background: var(--hover);
    color: var(--accent-text);
    box-shadow: inset 0 0 0 1px rgba(var(--accent-rgb), .18);
  }
  .pill.outline {
    box-shadow: inset 0 0 0 1px var(--separator-strong);
    background: transparent;
  }
  .chip {
    border-radius: 6px;
    font-size: 10.5px;
    --tw-tracking: .06em;
    letter-spacing: .06em;
  }
  .chip-posted {
    --chip-fg: var(--accent-text);
    --chip-bg: var(--accent-tint);
  }
  .chip-indigo, .chip-teal, .chip-pink {
    --chip-fg: var(--label-2);
    --chip-bg: var(--gray-tint);
  }
  .badge {
    background: var(--red);
  }
  .badge.accent {
    background: var(--n1-emerald);
  }
  .delta {
    border-radius: 6px;
  }
  .kbd {
    border-radius: 6px;
    background: var(--fill-1);
    box-shadow: inset 0 0 0 1px var(--separator);
  }
  .stock-chip {
    border-radius: 6px;
  }
  .card, .panel, .dg-card, .group, .spec {
    border-radius: var(--r-card);
  }
  .panel.glass, .card.glass {
    background: var(--mat-regular);
    box-shadow: var(--shadow-card);
  }
  .modal, .slideover, .cmdk {
    border-radius: var(--r-sheet);
  }
  .popover, .menu, .combo-list {
    border-radius: 14px;
    box-shadow: var(--shadow-lg), 0 0 0 1px var(--separator);
  }
  .panel-head h3, .card-head h3 {
    --tw-font-weight: 700;
    font-weight: 700;
    --tw-tracking: -.012em;
    letter-spacing: -.012em;
  }
  .icon-tile, .kpi-icon {
    color: var(--label-1);
    background: var(--fill-1);
    box-shadow: inset 0 0 0 1px var(--separator);
  }
  .icon-tile .i, .kpi-icon .i {
    color: inherit !important;
  }
  .icon-tile.bg-blue, .icon-tile.bg-green, .kpi-icon.bg-blue, .kpi-icon.bg-green {
    background: var(--accent-tint);
    color: var(--accent-text);
    box-shadow: inset 0 0 0 1px rgba(var(--accent-rgb), .16);
  }
  .icon-tile.bg-orange, .icon-tile.bg-yellow, .kpi-icon.bg-orange, .kpi-icon.bg-yellow {
    background: var(--orange-tint);
    color: var(--orange-text);
    box-shadow: inset 0 0 0 1px var(--orange);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--orange) 18%, transparent);
    }
  }
  .icon-tile.bg-red, .kpi-icon.bg-red {
    background: var(--red-tint);
    color: var(--red-text);
    box-shadow: inset 0 0 0 1px var(--red);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--red) 16%, transparent);
    }
  }
  .icon-tile.bg-indigo, .icon-tile.bg-teal, .icon-tile.bg-pink, .icon-tile.bg-purple, .icon-tile.bg-gray,
.kpi-icon.bg-indigo, .kpi-icon.bg-teal, .kpi-icon.bg-pink, .kpi-icon.bg-purple, .kpi-icon.bg-gray {
    background: var(--fill-1);
    color: var(--label-1);
  }
  .wm-stat .icon-tile .i, .coa-k .icon-tile .i {
    color: inherit !important;
  }
  .toast .icon-tile.bg-green {
    background: var(--n1-emerald);
    color: #fff;
    box-shadow: none;
  }
  .toast .icon-tile.bg-red {
    background: var(--red);
    color: #fff;
    box-shadow: none;
  }
  .toast .icon-tile.bg-orange {
    background: var(--orange);
    color: #fff;
    box-shadow: none;
  }
  .toast .icon-tile.bg-blue {
    background: var(--solid);
    color: var(--solid-ink);
    box-shadow: none;
  }
  .bg-blue:not(.icon-tile):not(.kpi-icon) {
    background: var(--n1-emerald);
  }
  .avatar, .avatar.blue, .avatar.indigo, .avatar.teal, .avatar.pink {
    background: linear-gradient(160deg, #3A444D, #1F252B);
    color: #fff;
  }
  .avatar.green, .avatar.orange {
    background: linear-gradient(160deg, #19A56B, #0B6E45);
    color: #fff;
  }
  :root[data-theme="dark"] .avatar, :root[data-theme="dark"] .avatar.blue, :root[data-theme="dark"] .avatar.indigo, :root[data-theme="dark"] .avatar.teal, :root[data-theme="dark"] .avatar.pink {
    background: linear-gradient(160deg, #4A545D, #2C343B);
  }
  .hero-accent, .dash-kpis .b-kpi.hero, .b-kpi.hero, .pd-balance, .coa-pl {
    background: var(--solid) !important;
    color: var(--solid-ink) !important;
    box-shadow: 0 18px 40px -18px rgba(var(--solid-rgb), .6) !important;
  }
  .hero-accent .k, .hero-accent .m, .hero-accent .sub, .hero-accent .s,
.b-kpi.hero .kpi-label, .b-kpi.hero .kpi-meta, .b-kpi.hero .kpi-value .cur, .b-kpi.hero .kpi-value .dec,
.pd-balance .party-bal .k, .pd-balance .party-bal .s, .pd-balance .party-bal .v .cur, .pd-balance .party-bal .v .dec, .pd-balance .dr-cr,
.pd-balance .gauge .c small, .pd-balance .gauge-wrap .s, .coa-pl .stat .k, .coa-pl .stat .m {
    color: var(--solid-ink) !important;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb, var(--solid-ink) 68%, transparent) !important;
    }
  }
  .coa-pl .stat .v, .pd-balance .gauge .c b, .b-kpi.hero .kpi-value {
    color: var(--solid-ink) !important;
  }
  .b-kpi.hero .kpi-icon, .hero-accent .icon-tile {
    background: var(--solid-ink) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--solid-ink) 12%, transparent) !important;
    }
    color: var(--solid-ink) !important;
    box-shadow: none !important;
  }
  .b-kpi.hero .delta.up, .hero-accent .delta.up {
    background: rgba(53, 192, 138, .2) !important;
    color: #5FD6A5 !important;
  }
  :root[data-theme="dark"] .b-kpi.hero .delta.up, :root[data-theme="dark"] .hero-accent .delta.up {
    color: #0A6B44 !important;
    background: rgba(14,138,87,.14) !important;
  }
  .pd-balance .gauge svg circle:first-child {
    stroke: var(--solid-ink) !important;
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in srgb, var(--solid-ink) 18%, transparent) !important;
    }
  }
  .pd-balance .gauge svg circle + circle {
    stroke: var(--n1-emerald) !important;
  }
  .pd-balance.is-over .gauge svg circle + circle {
    stroke: var(--red) !important;
  }
  .pd-balance.is-over, .coa-pl.is-loss {
    box-shadow: 0 0 0 2px var(--red), 0 18px 40px -18px rgba(196, 52, 43, .5) !important;
  }
  .pd-balance .party-bal .s .c-red {
    color: #F08D86 !important;
  }
  .coa-pl .stackbar {
    background: var(--solid-ink) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--solid-ink) 16%, transparent) !important;
    }
  }
  .menu-item:hover, .menu-item.is-active,
.combo-opt.is-active, .cmdk-item.is-active {
    background: var(--hover);
    color: var(--label-1);
  }
  .menu-item:hover .i, .menu-item.is-active .i, .menu-item:hover .kbd, .menu-item:hover .hint {
    color: var(--accent-text);
  }
  .menu-item.danger:hover {
    background: var(--red-tint);
    color: var(--red-text);
  }
  .menu-item.danger:hover .i {
    color: var(--red-text);
  }
  .combo-opt.is-active .code {
    background: var(--accent-tint);
    color: var(--accent-text);
  }
  .combo-opt.is-active .name small, .combo-opt.is-active .meta, .combo-opt.is-active .meta b {
    color: inherit;
  }
  .combo-opt.is-active .name small, .combo-opt.is-active .meta {
    color: var(--label-2);
  }
  .combo-opt.is-active .chip {
    --chip-bg: var(--accent-tint);
    --chip-fg: var(--accent-text);
  }
  .cmdk-item.is-active {
    box-shadow: inset 3px 0 0 var(--n1-emerald);
  }
  .cmdk-item.is-active .s, .cmdk-item.is-active .meta {
    color: var(--label-2);
  }
  .combo-create {
    color: var(--accent-text);
  }
  .switch input:checked + .track {
    background: var(--n1-emerald);
  }
  .check input, .radio input {
    border-radius: 5px;
    border-color: var(--separator-strong);
    background: var(--field);
  }
  .radio input {
    border-radius: 50%;
  }
  .check input:checked, .check input:indeterminate, .radio input:checked {
    background: var(--n1-emerald);
    border-color: var(--n1-emerald);
  }
  .progress > span {
    background: var(--n1-emerald);
  }
  .tab {
    border-radius: 10px 10px 0 0;
  }
  .tab.is-on {
    background: var(--fill-1);
  }
  .tab.is-on::after {
    display: none;
  }
  .dg thead th {
    font: 650 10.5px/1 var(--font-sans);
    --tw-tracking: .07em;
    letter-spacing: .07em;
    color: var(--label-2);
    background: var(--head) !important;
    border-bottom: 1px solid var(--grid-line);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .dg td {
    border-bottom: 1px solid var(--grid-line);
  }
  .dg td + td, .dg thead th + th {
    box-shadow: inset 1px 0 0 var(--grid-line);
  }
  .dg tbody tr:hover td {
    background-image: linear-gradient(var(--hover), var(--hover));
  }
  .dg td.calc {
    background-color: var(--calcbg);
    color: var(--label-1);
  }
  .dg tr.is-empty td.calc {
    color: transparent;
  }
  .dg td.is-active::after {
    border-radius: var(--r-cell);
    box-shadow: inset 0 0 0 2px var(--n1-emerald);
  }
  .dg td.idx {
    color: var(--label-3);
    background-color: var(--head);
  }
  .dg tr.has-active td.idx {
    color: var(--accent-text);
    --tw-font-weight: 700;
    font-weight: 700;
    background-color: var(--accent-tint);
  }
  .dg tfoot td {
    background: var(--head) !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-top: 1px solid var(--grid-line);
  }
  .dg td.in-range {
    background-image: linear-gradient(var(--accent-tint), var(--accent-tint)) !important;
  }
  .dg td .pill-dr {
    background: var(--accent-tint);
    color: var(--accent-text);
  }
  .dg-tip {
    border-radius: 9px;
  }
  .tbl thead th {
    --tw-tracking: .07em;
    letter-spacing: .07em;
    font-size: 10.5px;
    font-weight: 650;
    color: var(--label-2);
    background: var(--head);
  }
  .v-summary .grand {
    background: var(--hover) !important;
    box-shadow: inset 0 0 0 1px rgba(var(--accent-rgb), .16) !important;
  }
  .v-summary .grand .k {
    color: var(--accent-text) !important;
  }
  .v-summary .grand .t-display {
    background: none !important;
    -webkit-text-fill-color: var(--accent-text) !important;
    color: var(--accent-text) !important;
  }
  .v-summary .grand .t-display .cur, .v-summary .grand .t-display .dec {
    -webkit-text-fill-color: var(--accent-text) !important;
    @supports (color: color-mix(in lab, red, red)) {
      -webkit-text-fill-color: color-mix(in srgb, var(--accent-text) 70%, transparent) !important;
    }
  }
  .balance-ind.ok .icon-tile {
    background: var(--n1-emerald);
    color: #fff;
  }
  .balance-ind.bad .icon-tile {
    background: var(--red);
    color: #fff;
  }
  .watermark {
    border-color: var(--n1-emerald);
    color: var(--n1-emerald);
  }
  a {
    color: var(--accent-text);
  }
  :focus-visible {
    box-shadow: var(--focus-ring);
  }
  .skel {
    background: linear-gradient(90deg, var(--fill-1) 0%, var(--fill-3) 40%, var(--fill-1) 80%);
    background-size: 300% 100%;
  }
  ::selection {
    background: rgba(14, 138, 87, .2);
  }
  .st-accent {
    display: none !important;
  }
  @keyframes n1-float {
    to {
      transform: translateY(-10px);
    }
  }
  .swatch {
    background: linear-gradient(150deg, hsl(var(--h, 150) 26% 50%), hsl(var(--h, 150) 30% 32%));
  }
  .prod-card .art, .pos-tile .art {
    background: radial-gradient(120% 100% at 20% 0%, hsl(var(--h) 34% 60%), hsl(var(--h) 34% 34%));
  }
  .img-card .ph {
    background: radial-gradient(120% 100% at 30% 0%, hsl(var(--h) 34% 62%), hsl(var(--h) 32% 36%));
  }
  .img-card.is-primary .ib.star {
    background: var(--orange);
    color: #fff;
  }
  .pos-top .brand .logo.n1-mark {
    width: 30px;
    height: 30px;
    background: linear-gradient(150deg, #FFFFFF, #D5E9DF);
    color: #16191D;
  }
  :root:not([data-theme="dark"]) .pos-top .brand .logo.n1-mark {
    background: linear-gradient(150deg, #24302B, #16191D);
    color: #fff;
  }
  .pay-btn {
    background: var(--n1-emerald) !important;
    color: #fff !important;
    box-shadow: 0 14px 30px -14px rgba(14, 138, 87, .8) !important;
  }
  :root[data-theme="dark"] .pay-btn {
    color: #0B1F17 !important;
  }
  .pay-btn .kbd {
    background: rgba(255,255,255,.2) !important;
    color: inherit !important;
  }
  .pos-tile .qb {
    background: var(--n1-emerald);
    color: #fff;
  }
  .st-theme .win.light {
    background: #EEF1F3;
  }
  .st-theme .win.dark {
    background: #1A1F25;
  }
  .st-theme .win.system {
    background: linear-gradient(90deg, #EEF1F3 50%, #1A1F25 50%);
  }
  .st-theme .win.dark .cd {
    background: #232A30;
  }
  .st-theme .win.system .cd {
    background: linear-gradient(90deg, #fff 30px, #232A30 30px);
  }
  .tpl-prev i.t {
    background: var(--n1-emerald);
  }
  :root:not([data-theme="dark"]) .st-main {
    background: var(--surface-grouped);
  }
  .tooltip, [data-tip]:hover::after, [data-tip]:focus-visible::after {
    background: rgba(22, 25, 29, .94);
    border-radius: 8px;
  }
  .st-brand {
    display: flex;
    gap: 8px;
  }
  .st-brand .sw {
    width: 26px;
    height: 26px;
    border-radius: 8px;
    background: var(--c);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px var(--separator);
  }
  .pay-btn:disabled {
    opacity: 1 !important;
    background: var(--fill-1) !important;
    color: var(--label-3) !important;
    box-shadow: inset 0 0 0 1px var(--separator) !important;
  }
  .pay-btn:disabled .kbd {
    background: var(--fill-1) !important;
  }
  .pos-tile .art {
    background: radial-gradient(120% 100% at 20% 0%, hsl(var(--h) 22% 52%), hsl(var(--h) 24% 30%));
  }
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-tracking: initial;
      --tw-font-weight: initial;
    }
  }
}