/* Seven-category admin management home; scoped away from cashier and customer pages. */
.app-shell.management-workspace .management-layout{min-width:0}
.app-shell[data-workspace-page="management"] #cart{display:flex!important}
.app-shell.management-workspace .management-main{min-width:0;max-width:960px;margin:0 auto;padding:23px 0 30px}
.app-shell .management-intro{margin:0 0 19px}
.app-shell .management-intro h1{font-size:25px;line-height:1.2;letter-spacing:-.7px;margin:0}
.app-shell .management-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.app-shell.compact-shell .management-card{width:100%;min-height:90px;display:flex;align-items:center;gap:13px;text-align:left;padding:15px 17px;background:#fff;border:1px solid var(--ui-line);border-radius:15px;box-shadow:0 2px 5px #20242d05;transition:transform .15s,border-color .15s,box-shadow .15s}
.app-shell .management-card:hover{border-color:#e9a8b0;box-shadow:0 8px 22px #ed263515;transform:translateY(-2px)}
.app-shell .management-card-icon{width:40px;height:40px;display:grid;place-items:center;flex:none;border-radius:11px;background:#fff0f2;color:#d91e31}
.app-shell .management-card-icon .ui-icon{width:21px;height:21px}
.app-shell .management-card-copy{flex:1;min-width:0}
.app-shell .management-card-copy strong,.app-shell .management-link strong{display:block}
.app-shell .management-card-copy strong{color:var(--ui-ink);font-size:15px;line-height:1.25}
.app-shell .management-chevron{color:#a4acb6;font-size:20px;line-height:1;flex:none}
.app-shell.compact-shell .management-back{border:0;background:transparent;color:#d91e31;font-size:12px;font-weight:700;padding:7px 0;margin:0 0 18px;min-height:34px}
.app-shell .management-section-heading{display:flex;align-items:center;gap:14px;margin:0 0 20px}
.app-shell .management-section-heading .management-card-icon{width:49px;height:49px}
.app-shell .management-section-heading h1{font-size:24px;line-height:1.2;letter-spacing:-.7px;margin:0}
.app-shell .management-links{display:grid;gap:9px}
.app-shell .management-mobile-cart{display:none}
.app-shell.compact-shell .management-link{width:100%;min-height:65px;display:flex;align-items:center;gap:13px;text-align:left;padding:13px 16px;background:#fff;border:1px solid var(--ui-line);border-radius:12px}
.app-shell .management-link:hover{border-color:#e9a8b0;background:#fffcfc}
.app-shell .management-link>span:first-child{flex:1;min-width:0}
.app-shell .management-link strong{color:var(--ui-ink);font-size:15px;line-height:1.3}
.app-shell .management-context{display:flex;align-items:center;margin:2px 0 12px}
.app-shell.compact-shell .management-context button{border:0;background:transparent;color:var(--ui-red);padding:5px 2px;min-height:34px;font-size:12px;font-weight:700}
.app-shell .management-context button:focus-visible{outline:2px solid var(--ui-red);outline-offset:2px}
.app-shell .management-workspace-tabs{display:flex;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--ui-line);margin:0 0 18px;padding:0 1px 1px}
.app-shell .management-workspace-tabs::-webkit-scrollbar{display:none}
.app-shell.compact-shell .management-workspace-tabs button{flex:none;min-height:40px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--ui-muted);font-size:12px;font-weight:650;padding:9px 14px;white-space:nowrap}
.app-shell.compact-shell .management-workspace-tabs button:hover{color:var(--ui-ink);background:#fff7f8}
.app-shell.compact-shell .management-workspace-tabs button[aria-current="page"]{border-bottom-color:var(--ui-red);color:var(--ui-red)}
.app-shell .management-workspace-tabs button:focus-visible{outline:2px solid var(--ui-red);outline-offset:-3px}
.app-shell .management-order-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 16px}
.app-shell .management-order-summary>div{background:#fff;border:1px solid var(--ui-line);border-radius:12px;padding:12px 14px}
.app-shell .management-order-summary>div:first-child{border-color:#f2bdc4;background:#fff7f8}
.app-shell .management-order-summary small{display:block;font-size:11px;color:var(--ui-muted)}
.app-shell .management-order-summary strong{display:block;font-size:23px;color:var(--ui-ink);margin-top:5px}
.app-shell .management-order-summary>div:first-child strong{color:#d91e31}
.app-shell .management-stock-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff;border:1px solid var(--ui-line);border-radius:12px;padding:14px 16px;margin:19px 0}
.app-shell .management-stock-summary h2{font-size:14px;margin:0 0 5px}
.app-shell .management-stock-summary p{font-size:11px;color:var(--ui-muted);margin:0;line-height:1.5}
.app-shell.compact-shell .management-stock-summary button{white-space:nowrap;min-height:37px;font-size:11px;background:#fff}
.app-shell .staff-order-card[hidden]{display:none!important}
.app-shell[data-workspace-page="orders"] #alert-slot .staff-attention{display:none}
@media(min-width:851px){
  .app-shell.management-overview{height:100dvh;min-height:0;overflow:hidden}
  .app-shell.management-overview .work{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}
  .app-shell.management-overview .app-header{flex:none}
  .app-shell.management-overview #content{flex:1;min-height:0}
  .app-shell.management-overview .management-layout{height:100%}
  .app-shell.management-overview .management-main{height:100%;display:flex;flex-direction:column;padding:8px 0 13px}
  .app-shell.management-overview .management-intro{flex:none;margin:0 0 12px}
  .app-shell.management-overview .management-grid{flex:1;min-height:0;grid-template-rows:repeat(3,minmax(0,1fr));gap:8px}
  .app-shell.management-overview .management-card{height:100%;min-height:0;padding:8px 13px}
  .app-shell.management-overview .management-card:last-child{grid-column:1/-1}
}
@media(max-width:850px){
  .app-shell.management-workspace .management-layout{display:flex;flex-direction:column}
  .app-shell.management-workspace #cart{display:none!important}
  .app-shell.management-workspace .management-main{padding:11px 0 26px;width:100%}
  .app-shell .management-grid{grid-template-columns:1fr;gap:9px}
  .app-shell.compact-shell .management-card{min-height:79px;padding:12px 13px}
  .app-shell .management-intro h1{font-size:22px}
  .app-shell .management-section-heading h1{font-size:21px}
  .app-shell.management-overview{height:100dvh;min-height:0;overflow:hidden}
  .app-shell.compact-shell.management-overview.sales-workspace .work{height:calc(100dvh - 72px - env(safe-area-inset-bottom));min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}
  .app-shell.management-overview .app-header{flex:none}
  .app-shell.management-overview #content{flex:1;min-height:0}
  .app-shell.management-overview .management-layout{height:100%}
  .app-shell.management-overview .management-main{height:100%;display:flex;flex-direction:column;padding:5px 0 7px}
  .app-shell.management-overview .management-intro{margin:0 0 5px}
  .app-shell.management-overview .management-intro h1{font-size:20px;margin-bottom:2px}
  .app-shell.management-overview .management-mobile-cart{display:block;margin:0 0 7px}
  .app-shell.management-overview .management-mobile-cart button{width:100%;min-height:38px;background:#fff;border:1px solid var(--ui-line);border-radius:9px;display:flex;justify-content:space-between;align-items:center;color:var(--ui-ink);padding:7px 10px;font-size:11px}
  .app-shell.management-overview .management-mobile-cart strong{min-width:20px;height:20px;border-radius:20px;background:#fff0f2;color:var(--ui-red);display:grid;place-items:center;font-size:10px}
  .app-shell.management-overview .management-grid{flex:1;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:6px}
  .app-shell.management-overview .management-card{height:100%;min-height:0;padding:7px 9px;gap:7px}
  .app-shell.management-overview .management-card-icon{width:30px;height:30px}
  .app-shell.management-overview .management-card-copy strong{font-size:12px}
  .app-shell.management-overview .management-chevron{display:none}
  .app-shell.management-overview .management-card:last-child{grid-column:1/-1}
  .app-shell .management-order-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-height:540px){.app-shell.management-overview .management-card-icon{width:27px;height:27px}}
@media(prefers-reduced-motion:reduce){.app-shell .management-card{transition:none}}

/* The staff basket stays available throughout the workspace. */
.app-shell .persistent-cart-toggle{display:none}
@media(min-width:851px){
  .app-shell.compact-shell.persistent-cart-workspace{--persistent-cart-width:350px}
  .app-shell.compact-shell.persistent-cart-workspace .work{padding-right:calc(var(--persistent-cart-width) + 28px)}
  .app-shell.compact-shell.persistent-cart-workspace #cart{display:flex!important;position:fixed;inset:0 0 0 auto;width:var(--persistent-cart-width);height:100dvh;max-height:none;min-width:0;padding:27px 22px 20px;border:0;border-left:1px solid var(--ui-line);border-radius:0;background:#fff;box-shadow:none;flex-direction:column;z-index:20}
  .app-shell.compact-shell.persistent-cart-workspace #cart .cart-items{flex:1;min-height:50px;max-height:none;overflow:auto;overscroll-behavior:contain}
}
@media(min-width:851px) and (max-width:1150px){
  .app-shell.compact-shell.persistent-cart-workspace{--persistent-cart-width:310px}
  .app-shell.compact-shell.persistent-cart-workspace .work{padding-right:calc(var(--persistent-cart-width) + 18px)}
  .app-shell.compact-shell.persistent-cart-workspace #cart{padding:25px 16px}
}
@media(max-width:850px){
  .app-shell.compact-shell.persistent-cart-workspace .work{padding-bottom:calc(155px + env(safe-area-inset-bottom))}
  .app-shell.compact-shell.persistent-cart-workspace.management-overview .work{padding-bottom:0}
  .app-shell.compact-shell.persistent-cart-workspace.management-overview .management-grid{padding-bottom:60px}
  .app-shell.compact-shell.persistent-cart-workspace .persistent-cart-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;position:fixed;left:12px;right:12px;bottom:calc(78px + env(safe-area-inset-bottom));z-index:45;min-height:50px;padding:9px 15px;border:1px solid #cf3047;border-radius:13px;background:#ca293f;color:#fff;box-shadow:0 7px 22px #6c1b2b35;font-size:13px}
  .app-shell .persistent-cart-toggle [data-cart-count]{font-size:11px;font-weight:500;opacity:.85}
  .app-shell .persistent-cart-toggle [data-cart-total]{margin-left:auto;white-space:nowrap}
  .app-shell.compact-shell.persistent-cart-workspace #cart{display:none!important;position:fixed;inset:auto 8px calc(138px + env(safe-area-inset-bottom)) 8px;width:auto;height:auto;max-height:calc(100dvh - 155px - env(safe-area-inset-bottom));min-width:0;padding:14px;border:1px solid var(--ui-line);border-radius:16px;background:#fff;box-shadow:0 16px 48px #18253b38;z-index:50;overflow:auto;flex-direction:column}
  .app-shell.compact-shell.persistent-cart-workspace.persistent-cart-open #cart{display:flex!important}
  .app-shell.compact-shell.persistent-cart-workspace #cart .cart-items{flex:none;min-height:0;max-height:30dvh;overflow:auto}
  .app-shell.compact-shell.persistent-cart-workspace #cart .register-payment{max-height:none;overflow:visible}
}

/* Staff cart presentation. Payment and stock decisions stay in existing handlers. */
.app-shell.compact-shell #cart>.cart-stock-note{
  margin:0 0 12px;padding:9px 11px;border:1px solid #f0d9aa;border-radius:10px;
  background:#fff9ed;color:#805523;font-size:11px;line-height:1.4;
}
.app-shell.compact-shell #cart:not(.has-items) .cart-items{
  display:flex;flex:1;align-items:center;justify-content:center;min-height:150px;
  overflow:hidden;padding:0;
}
.app-shell.compact-shell #cart:not(.has-items) .register-payment{display:none!important}
.app-shell.compact-shell #cart:not(.has-items) .cart-items .empty{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:8px;width:100%;margin:0;padding:22px 12px;border:1px dashed #d8e0ed;
  border-radius:15px;background:linear-gradient(145deg,#f7faff,#fff9fa);
  color:#697b93;text-align:center;font-size:12px;line-height:1.5;
}
.app-shell.compact-shell #cart:not(.has-items) .cart-items .empty .ui-icon{
  display:block;width:34px;height:34px;margin-bottom:3px;color:#c3374b;
}
.app-shell.compact-shell #cart:not(.has-items) .cart-items .empty strong{
  color:#263b57;font-size:15px;
}
.app-shell.compact-shell #cart .cart-total{
  margin:9px 0 15px;padding:12px 13px;border:1px solid #dce6f2;border-radius:12px;
  background:linear-gradient(115deg,#f4f8ff,#fff7f8);color:#52647c;font-weight:650;
}
.app-shell.compact-shell #cart .cart-total strong{font-size:25px;color:#253a58}
.app-shell.compact-shell #cart .pay-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.app-shell.compact-shell #cart .pay-grid>label,
.app-shell.compact-shell #cart .payment-methods,
.app-shell.compact-shell #cart .payment-card-note,
.app-shell.compact-shell #cart .cart-student-account,
.app-shell.compact-shell #cart .pay-grid>.primary{grid-column:1/-1}
.app-shell.compact-shell #cart .pay-grid>label{margin:0;color:#3e526e;font-size:12px;font-weight:750}
.app-shell.compact-shell #cart .payment-methods{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.app-shell.compact-shell #cart .payment-methods button{
  grid-column:span 2;display:flex;flex-direction:row;gap:6px;min-height:45px;
  padding:7px 5px;border:1px solid #dce4ee;border-radius:10px;background:#fff;
  color:#4b5d76;font-size:11px;font-weight:700;white-space:nowrap;
}
.app-shell.compact-shell #cart .payment-methods .ui-icon{width:17px;height:17px;flex:none}
.app-shell.compact-shell #cart .payment-methods button:nth-child(n+4){grid-column:span 3}
.app-shell.compact-shell #cart .payment-methods:has(> :nth-child(4):last-child) button{grid-column:span 3}
.app-shell.compact-shell #cart .payment-methods:has(> :only-child) button{grid-column:1/-1}
.app-shell.compact-shell #cart .payment-methods button.active{
  border-color:#cd344b;background:#fff0f2;color:#b8203b;box-shadow:inset 0 0 0 1px #cd344b;
}
.app-shell.compact-shell #cart .payment-methods button:hover:not(.active){border-color:#aebed1;background:#f8faff}
.app-shell.compact-shell #cart .payment-card-note{margin:0;color:#7b5a23}
.app-shell.compact-shell #cart .cart-student-account{
  margin-top:1px;border:1px solid #dce5ef;border-radius:10px;background:#f9fbfe;
}
.app-shell.compact-shell #cart .cart-student-account.is-required{border-color:#e8adba;background:#fff7f8}
.app-shell.compact-shell #cart .cart-student-account summary{
  display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;
  padding:9px 11px;cursor:pointer;color:#344a68;font-size:11px;font-weight:750;list-style:none;
}
.app-shell.compact-shell #cart .cart-student-account summary::-webkit-details-marker{display:none}
.app-shell.compact-shell #cart .cart-student-account summary::before{content:'';display:none}
.app-shell.compact-shell #cart .cart-student-account summary::after{content:'⌄';color:#8ca0b6;font-size:17px;line-height:1}
.app-shell.compact-shell #cart .cart-student-account[open] summary::after{transform:rotate(180deg)}
.app-shell.compact-shell #cart .cart-student-account summary small{
  margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:#7c8da4;font-size:10px;font-weight:650;
}
.app-shell.compact-shell #cart .cart-student-account.is-required summary small{color:#b8203b}
.app-shell.compact-shell #cart .cart-student-account .student-inline{margin:0;padding:0 10px 11px}
.app-shell.compact-shell #cart .cart-student-account .student-inline label{font-size:10px}
.app-shell.compact-shell #cart .pay-grid>.primary{
  display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px;
  margin:2px 0 0;padding:11px 14px;border-radius:11px;
  background:linear-gradient(110deg,#ef263a,#bd1e3d);box-shadow:0 7px 16px #bd1e3d22;
  color:#fff;font-size:13px;text-align:left;
}
.app-shell.compact-shell #cart .pay-grid>.primary strong{font-size:16px;white-space:nowrap}
.app-shell.compact-shell #cart .pay-grid>.primary:disabled{
  background:#e9edf3;color:#8592a5;box-shadow:none;cursor:not-allowed;
}
.app-shell.compact-shell #cart .cart-extra{margin-top:8px}
.app-shell.compact-shell #cart .cart-extra summary{color:#60718b;font-size:11px;font-weight:650}
@media(max-width:850px){
  .app-shell.compact-shell #cart:not(.has-items) .cart-items{flex:none;min-height:0}
  .app-shell.compact-shell #cart:not(.has-items) .cart-items .empty{padding:12px;gap:4px}
  .app-shell.compact-shell #cart:not(.has-items) .cart-items .empty .ui-icon{display:none}
  .app-shell.compact-shell #cart .register-payment .cart-total{display:none}
  .app-shell.compact-shell #cart .payment-methods button{min-height:46px;font-size:11px}
}

/* Keep the order alert concise on the till workspace. */
.app-shell #alert-slot .staff-attention{
  display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;
  min-height:70px;margin:0 0 16px;padding:12px 16px;
  border:1px solid #e2e6ed;border-left:3px solid #e91b35;border-radius:13px;
  background:#fff;color:#243047;box-shadow:0 4px 14px #2630470b;
}
.app-shell #alert-slot .staff-attention:hover{background:#fff;border-color:#e9a9b3;border-left-color:#e91b35;box-shadow:0 7px 18px #26304712}
.app-shell #alert-slot .staff-attention-count{
  display:grid;place-items:center;width:42px;height:42px;flex-basis:42px;
  border-radius:10px;background:#fff0f2;color:#d71934;font-size:17px;font-weight:750;
}
.app-shell #alert-slot .staff-attention-copy{gap:2px}
.app-shell #alert-slot .staff-attention-copy strong{color:#243047;font-size:15px;font-weight:700}
.app-shell #alert-slot .staff-attention-copy small{color:#697588;font-size:12px}
.app-shell #alert-slot .staff-attention-pending{
  align-self:flex-start;margin:2px 0 0;padding:0;border:0;border-radius:0;
  background:none;color:#b52138;font-size:11px;font-weight:650;
}
.app-shell #alert-slot .staff-attention-action{gap:7px;color:#d71934;font-size:12px;font-weight:700}
.app-shell #alert-slot .staff-attention-action span{width:auto;height:auto;border:0;border-radius:0;background:none;font-size:18px}
@media(max-width:640px){
  .app-shell #alert-slot .staff-attention{grid-template-columns:38px minmax(0,1fr) 18px;gap:10px;padding:11px 12px}
  .app-shell #alert-slot .staff-attention-count{width:38px;height:38px;flex-basis:38px;font-size:15px}
  .app-shell #alert-slot .staff-attention-copy strong{font-size:13px}
  .app-shell #alert-slot .staff-attention-copy small,.app-shell #alert-slot .staff-attention-pending{font-size:10px}
  .app-shell #alert-slot .staff-attention-action{font-size:0}
  .app-shell #alert-slot .staff-attention-action span{font-size:18px}
}

/* Student selection is shown only for balance payments in the cart. */
.app-shell.compact-shell #cart .cart-balance-student[hidden]{display:none!important}
.app-shell.compact-shell #cart .cart-balance-student .student-inline{padding-top:10px}

/* Sidebar sections remain directly reachable on mobile without desktop duplicates. */
.app-shell .management-mobile-links{display:none}
@media(max-width:850px){
 .app-shell .management-mobile-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 0 9px;flex:none}
 .app-shell .management-mobile-links button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:40px;padding:8px;border:1px solid var(--ui-line);border-radius:10px;background:#fff;color:var(--ui-muted);font-size:12px}
 .app-shell .management-mobile-links .ui-icon{width:18px;height:18px;flex:none}
}

/* The settings overview adapts to its remaining four cards. */
.app-shell.management-overview .management-grid{grid-template-rows:none;grid-auto-rows:minmax(0,1fr)}
.app-shell.management-overview .management-card:last-child:nth-child(even){grid-column:auto}
.app-shell .supply-workspace{min-width:0}
.app-shell .supply-workspace .management-section-heading{margin:0 0 16px}
.app-shell .supply-workspace .management-section-heading h2{margin:0;font-size:20px;color:var(--ui-ink)}
.app-shell.compact-shell .supply-grid .management-card{min-height:100px}
@media(max-width:850px){
 .app-shell .supply-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .app-shell.compact-shell .supply-grid .management-card{min-height:96px;flex-direction:column;justify-content:center;text-align:center;padding:12px 8px;gap:8px}
 .app-shell .supply-grid .management-card-copy strong{font-size:12px}
 .app-shell .supply-grid .management-chevron{display:none}
}

/* The same basket opens in a right drawer on every staff page. */
html:has(body.staff-cart-open),body.staff-cart-open{overflow:hidden}
html:has(body.staff-cart-open){scrollbar-gutter:auto}
#app .app-shell.compact-shell.cart-drawer-workspace .work{padding-right:28px}
#app .app-shell.compact-shell.cart-drawer-workspace #cart{display:none!important}
#app .app-shell.compact-shell.cart-drawer-workspace[data-workspace-page="pos"] #content>.split{grid-template-columns:minmax(0,1fr)}
#app .app-shell.compact-shell.cart-drawer-workspace .persistent-cart-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;position:fixed;left:auto;right:20px;bottom:18px;width:320px;max-width:calc(100% - 40px);min-height:50px;padding:10px 15px;border:1px solid #cf3047;border-radius:13px;background:#ca293f;color:#fff;box-shadow:0 7px 22px #6c1b2b25;font-size:13px;z-index:45}
#app .app-shell.compact-shell.cart-drawer-workspace .persistent-cart-toggle[hidden]{display:none!important}
dialog#staff-cart-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(440px,84vw);max-width:84vw;height:100dvh;max-height:100dvh;min-height:0;border:1px solid #dce2e9;border-right:0;border-radius:18px 0 0 18px;padding:20px 18px calc(20px + env(safe-area-inset-bottom));box-sizing:border-box;background:#fff;color:var(--ui-ink);overflow:hidden;box-shadow:-12px 0 40px #18253b20}
#staff-cart-drawer[open]{display:flex;flex-direction:column;gap:16px;animation:staff-cart-enter .2s ease-out}
#staff-cart-drawer:not([open]){display:none!important}
#staff-cart-drawer::backdrop{background:#092d2677}
#staff-cart-drawer .staff-cart-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}
#staff-cart-drawer .staff-cart-header h2{margin:0;padding:0;font-size:20px}
#staff-cart-drawer .staff-cart-header button{width:36px;min-height:36px;height:36px;flex:none;padding:7px;border:1px solid #e5e8ed;border-radius:10px;background:#f5f6f8;color:#657181}
#staff-cart-drawer .staff-cart-header button::before{display:none!important}
#staff-cart-drawer .staff-cart-header svg{width:22px;height:22px}
#staff-cart-drawer .staff-cart-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:2px}
#staff-cart-drawer #cart{display:flex!important;position:static;inset:auto;width:100%;height:auto;min-height:100%;max-height:none;min-width:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:#fff;overflow:visible;flex-direction:column}
#staff-cart-drawer #cart>h2,#staff-cart-drawer .mobile-checkout-toggle{display:none!important}
#staff-cart-drawer #cart .cart-items{flex:none;min-height:0;max-height:none;overflow:visible}
#staff-cart-drawer #cart:not(.has-items) .cart-items{flex:1;min-height:160px}
#staff-cart-drawer #cart .register-payment{display:block;overflow:visible;max-height:none;padding:12px 0 0;margin-top:auto}
#staff-cart-drawer #cart .checkout-item{min-width:0;gap:8px}
#staff-cart-drawer #cart .checkout-item-copy{min-width:0;overflow-wrap:anywhere}
#staff-cart-drawer #cart .checkout-item-copy>strong{padding-right:0;font-size:12px}
#staff-cart-drawer #cart .cart-total strong{font-size:22px}
#staff-cart-drawer #cart .cart-extra{overflow:visible;max-height:none}
@keyframes staff-cart-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(max-width:1150px){#app .app-shell.compact-shell.cart-drawer-workspace .work{padding-right:18px}}
@media(max-width:850px){
 #app .app-shell.compact-shell.cart-drawer-workspace .work{padding-right:16px;padding-bottom:calc(155px + env(safe-area-inset-bottom))}
 #app .app-shell.compact-shell.cart-drawer-workspace .persistent-cart-toggle{left:12px;right:12px;bottom:calc(78px + env(safe-area-inset-bottom));width:auto;max-width:none}
 #staff-cart-drawer{padding:18px 12px calc(18px + env(safe-area-inset-bottom))}
 #staff-cart-drawer #cart .payment-methods{gap:5px}
 #staff-cart-drawer #cart .payment-methods button{padding:8px 2px;font-size:10px}
 #staff-cart-drawer #cart .checkout-thumb{width:32px;height:40px}
}
@media(prefers-reduced-motion:reduce){#staff-cart-drawer[open]{animation:none}}

/* Mobile uses the drawer; desktop keeps the existing fixed checkout sidebar. */
@media(min-width:851px){
 #app .app-shell.compact-shell.cart-drawer-workspace .work{padding-right:calc(var(--persistent-cart-width) + 28px)}
 #app .app-shell.compact-shell.cart-drawer-workspace #cart{display:flex!important}
 #app .app-shell.compact-shell.cart-drawer-workspace .persistent-cart-toggle{display:none!important}
}
@media(min-width:851px) and (max-width:1150px){
 #app .app-shell.compact-shell.cart-drawer-workspace .work{padding-right:calc(var(--persistent-cart-width) + 18px)}
}