/* CHIBRA Pulse Mini · premium handset interface. Mini-only and loaded last. */
:root{
  --mini-bg:#070913;
  --mini-bg-soft:#0b0e1c;
  --mini-panel:#11162a;
  --mini-panel-raised:#171d34;
  --mini-panel-bright:#202844;
  --mini-line:#2b3453;
  --mini-line-strong:#435078;
  --mini-text:#f7f8ff;
  --mini-muted:#9aa4bc;
  --mini-violet:#7868ff;
  --mini-violet-strong:#6655f4;
  --mini-cyan:#25c6ea;
  --mini-coral:#ff687c;
  --mini-amber:#ffb44c;
  --mini-success:#4fd4ae;
  --mini-danger:#ff5f73;
  --green:var(--mini-violet);
  --orange:var(--mini-coral);
  --blue:var(--mini-cyan);
  --panel:var(--mini-panel);
  --line:var(--mini-line);
  --muted:var(--mini-muted);
}

html{background:var(--mini-bg);color-scheme:dark}
body:has(#mini),body:has(#login),body:has(#fatal){
  background:var(--mini-bg)!important;
  color:var(--mini-text)!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
button{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid var(--mini-cyan)!important;
  outline-offset:2px!important;
}
button[aria-busy="true"]{position:relative;opacity:.78!important;pointer-events:none}
button[aria-busy="true"]::after{
  content:"";width:14px;height:14px;margin-left:9px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;vertical-align:-2px;animation:mini-spin .72s linear infinite
}
@keyframes mini-spin{to{transform:rotate(360deg)}}

/* Sign in is outside #mini, so it must be themed independently. */
#login.screen,#fatal.screen{
  position:relative;min-height:100dvh;padding:calc(34px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom));overflow:hidden;
  background:
    radial-gradient(circle at 50% -12%,rgba(120,104,255,.34),transparent 37%),
    radial-gradient(circle at 108% 82%,rgba(37,198,234,.13),transparent 34%),
    var(--mini-bg)!important;
}
#login.screen::before,#fatal.screen::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:28px 28px
}
#login .brand,#fatal .brand{position:relative;z-index:1;max-width:430px;margin:auto;text-align:center}
#login .brand>span,#fatal .brand>span{
  width:64px;height:64px;margin:auto;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:20px;
  background:linear-gradient(145deg,#8a7cff,#5e4be6)!important;color:#fff!important;font-size:32px;font-weight:950;
  box-shadow:0 0 0 8px rgba(120,104,255,.1),0 22px 55px rgba(80,62,224,.38)
}
#login .brand p,#fatal .brand p{margin:22px 0 0;color:var(--mini-cyan)!important;font-size:10px;font-weight:950;letter-spacing:.17em}
#login .brand h1,#fatal .brand h1{margin:7px 0 7px;color:#fff;font-size:34px;line-height:1;font-weight:820;letter-spacing:-.035em}
#login .brand small,#fatal .brand small{display:block;color:#b1b8cc;font-size:13px;line-height:1.4}
#login .staff-buttons{position:relative;z-index:1;max-width:430px;margin:28px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#login .staff-buttons button{
  position:relative;min-width:0;min-height:82px;padding:13px 12px;border:1px solid #303957;border-radius:16px;
  background:linear-gradient(145deg,#171d34,#12172a);color:#fff;font-size:14px;font-weight:850;line-height:1.2;
  box-shadow:0 10px 28px rgba(0,0,0,.28);overflow:hidden
}
#login .staff-buttons button::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:var(--mini-violet)}
#login .staff-buttons button:nth-child(4n+2)::before{background:var(--mini-coral)}
#login .staff-buttons button:nth-child(4n+3)::before{background:var(--mini-cyan)}
#login .staff-buttons button:nth-child(4n)::before{background:var(--mini-amber)}
#login .staff-buttons button:active{transform:scale(.975);background:#202744}
#login .staff-buttons button small{display:block;margin-top:6px;color:#aeb6ca;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
#login #pin-panel{position:relative;z-index:1;max-width:390px;margin:25px auto 0;text-align:center}
#login #pin-panel>strong{display:block;color:#fff;font-size:23px;letter-spacing:-.02em}
#login #staff-pin{width:100%;height:62px;margin:16px 0;padding:0 15px;border:1px solid #3c476a;border-radius:15px;background:#101528;color:#fff;text-align:center;font-size:25px;letter-spacing:.3em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
#login .pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
#login .pin-pad button{height:58px;border:1px solid #303a59;border-radius:14px;background:#191f36;color:#fff;font-size:21px;font-weight:900;box-shadow:0 7px 18px rgba(0,0,0,.2)}
#login .pin-pad button:nth-last-child(1){border-color:#7164df;background:#6657e3}
#login .pin-pad button:active{transform:scale(.96);background:#2b2751}
#login #pin-login{width:100%;min-height:54px;margin-top:11px;border:0;border-radius:14px;background:linear-gradient(135deg,#8375ff,#6553ed)!important;color:#fff!important;font-size:14px;font-weight:950;box-shadow:0 12px 30px rgba(120,104,255,.3)}
#login [data-cancel-pin]{width:100%;min-height:48px;margin-top:5px;border:0;background:transparent;color:#c1c7d7;font-weight:800}
#login .mini-login-status{margin:10px 0 0;padding:11px 13px;border:1px solid #3e4969;border-radius:11px;background:#171d34;color:#e5e8f2;font-size:12px;font-weight:800}
#login .mini-login-status.error{border-color:#8c4052;background:#3b1c29;color:#ffdce3}
#login>.login-business-logout{
  position:relative;z-index:1;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;align-items:center;
  width:min(430px,100%);min-height:68px;margin:24px auto 0;padding:11px 13px;border:1px solid #543445;border-radius:15px;background:#1d1420;color:#fff;text-align:left
}
#login>.login-business-logout>span{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#54283a;color:#ffbdc8;font-size:20px}
#login>.login-business-logout strong{font-size:13px}#login>.login-business-logout small{margin-top:3px;color:#bd9daa;font-size:9px}

/* App shell */
#mini{min-height:100dvh;background:var(--mini-bg);color:var(--mini-text)}
#mini .top{
  height:calc(70px + env(safe-area-inset-top));padding:calc(9px + env(safe-area-inset-top)) 13px 8px;border:0;border-bottom:1px solid var(--mini-line);
  background:rgba(8,11,22,.96)!important;box-shadow:0 9px 26px rgba(0,0,0,.34)!important;backdrop-filter:blur(18px)
}
#mini .top button{min-width:0;color:#fff}
#mini .top button>span{flex:0 0 40px;width:40px;height:40px;border:1px solid rgba(255,255,255,.12)!important;border-radius:13px!important;background:linear-gradient(145deg,#897bff,#6250e8)!important;color:#fff!important;font-size:20px;box-shadow:0 0 0 4px rgba(120,104,255,.1)!important}
#mini .top button>div{min-width:0}
#mini .top small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mini-cyan)!important;font-size:8px!important;letter-spacing:.12em}
#mini .top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff!important;font-size:13px!important}
#mini #device-button{max-width:58%}#mini #operator-button{max-width:40%}#mini #operator-button em{color:#aab2c7!important}
#mini main{
  min-height:100dvh;padding:calc(88px + env(safe-area-inset-top)) 14px calc(150px + env(safe-area-inset-bottom));
  background:radial-gradient(circle at 86% -10%,rgba(120,104,255,.13),transparent 31%),var(--mini-bg)!important
}
#mini .view{max-width:720px}
#mini .sell-head,#mini .page-head{margin-bottom:14px}
#mini .sell-head h1,#mini .page-head h1{margin:3px 0;color:#fff!important;font-size:29px;font-weight:820!important;letter-spacing:-.035em!important}
#mini .sell-head p,#mini .page-head p{color:var(--mini-cyan)!important;font-size:9px!important;letter-spacing:.16em}
#mini .sell-head #open-search,#mini .page-head>button{min-height:48px;border:1px solid #34405f!important;border-radius:13px!important;background:#151b30!important;color:#fff!important;box-shadow:0 8px 22px rgba(0,0,0,.2)!important}

/* Menus and two-row groups */
#mini .departments{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;margin-bottom:13px}
#mini .departments button{min-width:0;min-height:58px;padding:9px 8px!important;border:1px solid transparent!important;border-radius:13px!important;background:#151a2d!important;color:#b7bfd2!important;font-size:15px!important;font-weight:850!important;box-shadow:none!important}
#mini .departments button:nth-child(1).active{border-color:#9d93ff!important;background:#6656ec!important}
#mini .departments button:nth-child(2).active{border-color:#ff9cac!important;background:#d94f66!important}
#mini .departments button:nth-child(3).active{border-color:#86e8f7!important;background:#168da8!important}
#mini .departments button.active{color:#fff!important;box-shadow:0 10px 25px rgba(0,0,0,.23)!important}
#mini .category-heading{margin:0 2px 8px}#mini .category-heading strong{color:#e5e8f3!important;font-size:11px!important;letter-spacing:.12em}#mini .category-heading small{color:#858fa9!important;font-size:9px}
#mini .categories{
  display:grid!important;grid-auto-flow:column!important;grid-template-rows:repeat(2,52px)!important;grid-auto-columns:minmax(146px,42vw)!important;
  gap:8px!important;width:100%!important;margin:0!important;padding:0 0 14px!important;overflow-x:auto!important;overflow-y:hidden!important;
  scroll-snap-type:x proximity!important;scrollbar-width:none!important;touch-action:pan-x!important;-webkit-overflow-scrolling:touch!important
}
#mini .categories::-webkit-scrollbar{display:none}
#mini .categories button{
  position:relative!important;width:100%!important;min-width:0!important;min-height:52px!important;padding:8px 13px 8px 17px!important;border:1px solid transparent!important;border-radius:12px!important;
  background:#151a2c!important;color:#b5bdcf!important;font-size:13px!important;font-weight:820!important;line-height:1.15!important;text-align:left!important;scroll-snap-align:start!important;box-shadow:none!important;overflow:hidden;text-overflow:ellipsis
}
#mini .categories button::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--mini-violet)!important}
#mini .categories button:nth-child(4n+2)::before{background:var(--mini-coral)!important}#mini .categories button:nth-child(4n+3)::before{background:var(--mini-cyan)!important}#mini .categories button:nth-child(4n)::before{background:var(--mini-amber)!important}
#mini .categories button.active{border-color:#7868ff!important;background:#272146!important;color:#fff!important;box-shadow:0 8px 20px rgba(0,0,0,.2)!important}

/* Products */
#mini .products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
#mini .product{
  --tile:var(--mini-violet);position:relative;min-width:0;min-height:116px!important;padding:14px!important;border:1px solid #29314d!important;border-top:3px solid var(--tile)!important;
  border-radius:15px!important;background:linear-gradient(145deg,#181e34,#13182b)!important;color:#fff!important;box-shadow:0 9px 25px rgba(0,0,0,.25)!important;transition:transform .12s ease,background .12s ease!important
}
#mini .product:nth-child(4n+2){--tile:var(--mini-coral)}#mini .product:nth-child(4n+3){--tile:var(--mini-cyan)}#mini .product:nth-child(4n){--tile:var(--mini-amber)}
#mini .product strong{color:#fff!important;font-size:15px!important;font-weight:800;line-height:1.18!important}
#mini .product small{color:#929bb4!important;font-size:10px}#mini .product span{color:#c8bcff!important;font-size:16px!important;font-weight:920}#mini .product:nth-child(4n+2) span{color:#ffacb8!important}#mini .product:nth-child(4n+3) span{color:#8be8f7!important}#mini .product:nth-child(4n) span{color:#ffd18b!important}
#mini .product:active{transform:scale(.97)!important;background:#202744!important}
#mini .empty-products,#mini .empty-list{border:1px dashed #303a59;border-radius:15px;background:#0d1120;color:#929bb4}
#mini #search-wrap{margin:-3px 0 13px}#mini #search-wrap input,#mini .wide-search{border:1px solid #394565!important;border-radius:13px!important;background:#101528!important;color:#fff!important}#mini #search-wrap input:focus,#mini .wide-search:focus{border-color:var(--mini-violet)!important;box-shadow:0 0 0 3px rgba(120,104,255,.16)!important}

/* Active order and fixed controls */
#mini .active-tab-banner{border:1px solid #514897!important;border-radius:14px!important;background:linear-gradient(135deg,#242044,#171b31)!important;box-shadow:inset 4px 0 var(--mini-violet)!important}
#mini .active-tab-banner small{color:var(--mini-cyan)!important}#mini .active-tab-banner span{color:#aab2c5!important}#mini .active-tab-banner button{border-color:#485475!important;background:#1a2036!important}
#mini .basket-button{left:14px;right:14px;bottom:calc(76px + env(safe-area-inset-bottom));height:58px;border:1px solid #9187ff!important;border-radius:16px!important;background:linear-gradient(135deg,#7f71ff,#6250ec)!important;color:#fff!important;box-shadow:0 15px 38px rgba(88,68,220,.42)!important}
#mini>nav{height:calc(68px + env(safe-area-inset-bottom));padding:5px 4px env(safe-area-inset-bottom);border-top:1px solid #252c46!important;background:rgba(8,11,21,.97)!important;box-shadow:0 -8px 28px rgba(0,0,0,.36)!important;backdrop-filter:blur(16px)}
#mini>nav button{min-width:0;border-radius:10px!important;background:transparent!important;color:#747d95!important;font-size:9px!important}#mini>nav i{font-size:19px!important}#mini>nav button.active{background:#191e35!important;color:#fff!important;box-shadow:inset 0 3px var(--mini-violet)!important}

/* Lists, tabs, tables and More */
#mini .card-list{gap:10px}#mini .list-card{border:1px solid #2e3857!important;border-radius:16px!important;background:linear-gradient(145deg,#171d33,#12172a)!important;color:#fff!important;box-shadow:0 9px 24px rgba(0,0,0,.22)!important}#mini .list-card small,#mini .list-card p{color:#99a3ba!important}
#mini .list-card footer{gap:7px}#mini .list-card footer button{min-height:44px;border:1px solid #3a4566!important;border-radius:10px!important;background:#1b2138!important;color:#fff!important}
#mini .list-card footer .primary{border-color:#7868ff!important;background:#6656e8!important;color:#fff!important}
#mini .tab-list-card footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 46px!important}#mini .tab-list-card .manage-tab-button{grid-column:1/-1;order:3;min-height:46px!important;border-color:#5b4fa7!important;background:#272146!important;color:#eeeaff!important}
#mini .table-grid{gap:10px}#mini .table-card{min-height:116px;border:1px solid #3f4a70!important;border-top:4px solid var(--mini-cyan)!important;border-radius:16px!important;background:linear-gradient(145deg,#182137,#13182a)!important;color:#fff!important;box-shadow:0 9px 24px rgba(0,0,0,.22)!important}#mini .table-card.busy{border-top-color:var(--mini-coral)!important}#mini .table-card>b{color:var(--mini-cyan)!important}#mini .table-card.busy>b{color:#ffb0bb!important}
#mini .more-list{gap:9px!important}#mini .more-list button,#mini .more-list a{min-height:72px;border:1px solid #2e3755!important;border-radius:15px!important;background:linear-gradient(145deg,#171d33,#12172a)!important;color:#fff!important;box-shadow:0 8px 22px rgba(0,0,0,.2)!important}#mini .more-list>*>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#232a47;color:var(--mini-cyan)!important;font-size:20px!important}#mini .more-list small{color:#98a2b8!important}#mini .more-list>*>b{color:#747f9b;font-size:20px}
#mini .more-list .business-logout{border-color:#5f3547!important;background:#231720!important}#mini .more-list .business-logout>span{background:#51263a!important;color:#ffbdc9!important}
.mini-venue-note{display:grid;gap:5px;padding:14px 15px;border:1px solid #4f477f;border-radius:14px;background:linear-gradient(135deg,#211d3a,#151a2d);color:#fff}.mini-venue-note small{color:var(--mini-cyan);font-size:8px;font-weight:950;letter-spacing:.14em}.mini-venue-note strong{font-size:14px}.mini-venue-note span{color:#aeb6c9;font-size:11px;line-height:1.42}

/* Sheets and dialogs */
#mini .sheet{background:rgba(3,5,12,.82)!important;backdrop-filter:blur(9px)}
#mini .sheet>section{border:1px solid #3b4567!important;border-bottom:0!important;border-radius:24px 24px 0 0!important;background:#101426!important;color:#fff!important;box-shadow:0 -24px 80px rgba(0,0,0,.62)!important}
#mini .sheet header h2,#mini dialog header h2{color:#fff;font-weight:820;letter-spacing:-.03em}#mini .sheet header p,#mini dialog header p{color:var(--mini-cyan)!important}#mini .sheet header button,#mini dialog header button{border:1px solid #3b4564!important;background:#20263d!important;color:#fff!important}
#mini .basket-line{border:1px solid #2d3654!important;border-radius:14px!important;background:#161c31!important}.saved-order-line{border-color:#394463!important;background:#13192d!important}.saved-line-actions button,.remove-pending{border-color:#824253!important;background:#46202c!important;color:#ffc7d0!important}
#mini .quantity button{border:1px solid #3e496c!important;background:#242b47!important;color:#fff!important}#mini .line-actions button{border-color:#4c587d!important;background:#202740!important}#mini .line-actions .line-edit{border-color:#396d9a!important;background:#1b3b57!important;color:#bce9ff!important}#mini .line-actions .line-note{color:#c7bcff!important}
#mini .basket-actions{background:#101426!important}#mini .basket-actions button{border-color:#3b4567!important;background:#1a2036!important;color:#fff!important}#mini .basket-actions .primary{border-color:#8276ff!important;background:linear-gradient(135deg,#7868ff,#6250eb)!important;color:#fff!important}
#mini dialog,#simple-dialog{border:1px solid #3b4567!important;border-radius:20px!important;background:#101426!important;color:#fff!important;box-shadow:0 30px 100px rgba(0,0,0,.7)!important}#mini dialog::backdrop,#simple-dialog::backdrop{background:rgba(3,5,12,.82)!important;backdrop-filter:blur(10px)}
#simple-dialog form{background:#101426}#simple-dialog .dialog-intro{border:1px solid #303a59!important;background:#171d33!important;color:#b5bdd0!important}#simple-dialog label{color:#c9cedd}#simple-dialog input,#simple-dialog select,#simple-dialog textarea{min-height:50px;border:1px solid #3d486b!important;background:#0e1324!important;color:#fff!important}#simple-dialog footer{border-top:1px solid #29314d;background:#0d1120}#simple-dialog footer button{border-color:#3a4566!important;background:#1a2036!important;color:#fff!important}#simple-dialog footer .primary{border-color:#7868ff!important;background:#6656e8!important;color:#fff!important}

/* Payment */
#mini .payment-sheet>section{background:#0e1324!important}#mini .payment-sheet header{border-bottom:1px solid #2c3552!important;background:#151a2d!important}#mini .payment-summary{border-color:#394463!important;background:linear-gradient(135deg,#191f36,#14192b)!important}#mini .payment-summary>span{color:var(--mini-cyan)!important}
#mini .payment-options{border-color:#303a59!important;background:#151a2d!important}#mini .payment-options .form-stack{border-top-color:#2d3551!important}
#mini .payment-buttons button:first-child{border-color:#327aa2!important;background:linear-gradient(135deg,#173b55,#15283c)!important}#mini .payment-buttons button:last-child{border-color:#6c5fd3!important;background:linear-gradient(135deg,#2c2755,#211f3d)!important}#mini .payment-buttons i{background:rgba(255,255,255,.08)!important}
#mini .tender-panel{border-color:#3a4566!important;background:#161c31!important}#mini .tender-panel .tender-icon{background:#292552!important;color:#d4cbff!important}#mini .tender-panel input{border-color:#4a567c!important;background:#101528!important}#mini .confirm-tender{background:linear-gradient(135deg,#7868ff,#6250eb)!important;color:#fff!important}#mini .cash-quick button{border-color:#414d70!important;background:#202741!important}#mini .cash-change{border-left:4px solid var(--mini-cyan)!important;background:#132933!important;color:#dffaff!important}

/* Modifiers */
#simple-dialog.modifier-dialog form>header{border-bottom-color:#2e3754!important;background:#171c31!important}#simple-dialog.modifier-dialog form>footer{border-top-color:#2e3754!important;background:#0d1120!important}
#simple-dialog .modifier-product-summary,#simple-dialog .modifier-order-summary{border-color:#3a4565!important;background:linear-gradient(145deg,#1b2138,#151a2d)!important}#simple-dialog .modifier-product-summary small,#simple-dialog .modifier-order-summary small{color:var(--mini-cyan)!important}#simple-dialog .modifier-product-summary>b,#simple-dialog .modifier-order-summary>strong{color:#c8bcff!important}
#simple-dialog .modifier-group{border-color:#343e5e!important;background:#151b30!important}#simple-dialog .modifier-group.missing{border-color:#9c6537!important}#simple-dialog .modifier-group.complete{border-color:#6d61d3!important}#simple-dialog .modifier-group>header>div>span{background:#252c48!important;color:#bdc3d5!important}#simple-dialog .modifier-group.complete>header>div>span{background:var(--mini-violet)!important;color:#fff!important}#simple-dialog .modifier-group.required>header>b{background:#4a3021!important;color:#ffd09c!important}
#simple-dialog .modifier-option{border-color:#364160!important;background:#1a2036!important}#simple-dialog .modifier-option.selected,#simple-dialog .modifier-option:has(input:checked){border-color:var(--mini-violet)!important;background:#28234d!important;box-shadow:inset 0 0 0 1px var(--mini-violet)!important}#simple-dialog .modifier-option.selected .modifier-check,#simple-dialog .modifier-option:has(input:checked) .modifier-check{border-color:var(--mini-violet)!important;background:var(--mini-violet)!important;color:#fff!important}#simple-dialog .modifier-option-copy small{color:#9fa8bd!important}#simple-dialog .modifier-option>b.included{color:#8de3cf!important}

/* Reports, manager and service states */
#mini .mini-manager-actions button{border-color:#445174!important;background:#1b2138!important;color:#fff!important}#mini .mini-manager-actions button:last-child{border-color:#9a4458!important;background:#421f2c!important;color:#ffc5cf!important}#mini .mini-manager-report span{border-color:#34405f!important;background:#171d33!important;color:#a4adc1!important}
#mini .manager-warning{border-color:#9c6337!important;background:#392414!important}#mini .manager-warning.safe{border-color:#476f66!important;background:#152d2b!important}
#mini .mini-sales-filter input,#mini .mini-sales-filter select,#mini .mini-sales-filter button{border-color:#394565!important;background:#151a2d!important;color:#fff!important}#mini .mini-sales-filter button{color:var(--mini-cyan)!important}#mini .mini-sale-detail-head{border-color:#394565!important;background:#171d33!important}
#mini .mini-jukebox-status{border-color:#6b5b34!important;background:linear-gradient(135deg,#2a2418,#171a27)!important}#mini .mini-jukebox-row{border-color:#37415f!important;background:#171d32!important}
#toast{top:calc(79px + env(safe-area-inset-top))!important;bottom:auto!important;border:1px solid #cfd5e8!important;background:#f6f7ff!important;color:#111528!important;box-shadow:0 15px 50px rgba(0,0,0,.48)!important}#toast.error{border-color:#ff9bac!important;background:#ffe0e6!important;color:#6f1728!important}

@media(min-width:600px){
  #mini main{padding-left:20px;padding-right:20px}
  #mini .products{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #mini .categories{grid-auto-columns:180px!important}
  #mini .table-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:380px){
  #login .staff-buttons{grid-template-columns:1fr}
  #login .staff-buttons button{min-height:66px}
  #mini main{padding-left:11px;padding-right:11px}
  #mini .departments button{font-size:13px!important}
  #mini .categories{grid-auto-columns:145px!important}
  #mini .product{min-height:108px!important;padding:12px!important}
  #mini .product strong{font-size:14px!important}
}
@media(prefers-reduced-motion:reduce){button[aria-busy="true"]::after{animation:none}#mini .product{transition:none!important}}