:root{--workspace-ink:#172554;--workspace-accent:#6536f5}body{background:#f4f6fb!important;color:var(--workspace-ink)}
#app-header{background:#fff!important;border-bottom:1px solid #e3e8f1;box-shadow:none!important;z-index:25}#app-header-row{display:flex!important;align-items:center;gap:20px;padding:12px 24px!important;background:#fff!important;border:0!important;flex-wrap:wrap}#header-brand{flex:1;min-width:240px!important;width:auto!important}#header-brand h1{color:#172554!important;font-size:13px!important;white-space:normal!important}#header-brand img{max-width:115px!important;height:34px!important}#header-brand p{font-size:9px!important;color:#64748b!important}#header-brand .animate-pulse{background:#10b981}#header-brand span{color:#059669!important}#header-controls{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-left:auto}#header-terminal{display:flex!important;border-color:#e2e8f0!important}#header-user-name{color:#172554!important}#header-till-name{color:#64748b!important}#live-clock{display:none}#header-owner-actions{display:none!important}#app-refresh-btn{color:#0f766e!important;background:#f0fdfa!important}#logout-btn{display:flex;gap:5px;color:#64748b;padding:8px;border-radius:8px;border:1px solid #e2e8f0;min-height:36px;font-size:11px}
#main-tabs{display:flex;gap:4px;align-items:center}#main-tabs button{padding:12px 15px;background:transparent;color:#475569;font-size:13px;font-weight:750;border-bottom:3px solid transparent;white-space:nowrap}#main-tabs button.active{color:#6536f5;border-color:#6536f5}#legacy-workspace-tools,#admin-actions-menu{display:none!important}
#billing-workspace{padding:18px;gap:18px;min-height:0}#billing-workspace[hidden],#workspace-landing[hidden]{display:none!important}#product-workspace{background:#fff!important;border:1px solid #e3e8f1!important;border-radius:14px;width:63%!important;min-width:0}#bill-workspace{width:37%!important;min-width:0;border:1px solid #e3e8f1!important;border-radius:14px;background:#fff!important;overflow:hidden}#legacy-category-strip{display:none!important}.product-heading{padding:20px 20px 12px}.product-heading-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.product-heading h2{font-size:25px;font-weight:850;color:#172554}.product-heading h2 small{display:inline-block;font-size:11px;font-weight:650;color:#555087;background:#eeedff;border-radius:18px;padding:5px 9px;vertical-align:middle;margin-left:7px}#pricing-control>div{background:#f5f4fc!important;border:1px solid #dce0ee!important;box-shadow:none!important}#pricing-control button{padding:9px 18px}#mode-wholesale{color:#475569!important}#mode-retail.bg-brand-600,#mode-wholesale.bg-brand-600{background:#6536f5!important;color:white!important}.product-filters{display:grid;grid-template-columns:minmax(0,7fr) minmax(150px,3fr);gap:12px}#header-global-search{width:100%!important;max-width:none!important}#barcode-search-input{height:46px;background:#fff!important;border:1px solid #ced7e7!important;color:#172554!important;font-size:12px!important;padding-right:45px!important}#header-global-search .sm:inline{display:none}#header-global-search kbd{background:#f1f5f9!important;color:#64748b!important;border-color:#e2e8f0!important}#product-category-filter{height:46px;padding:10px;border:1px solid #ced7e7;border-radius:10px;background:#fff;color:#172554;font-size:12px;min-width:0}#product-workspace>div:nth-of-type(2){background:#fff!important;border:none!important;padding-top:0!important}#product-workspace>div:nth-of-type(2)>div:last-child{display:none}#products-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px;padding:12px 20px!important}#products-grid>div{border-radius:12px!important;box-shadow:none!important;padding:12px!important;min-height:235px}#products-grid h4{font-size:12px!important;line-height:1.45;min-height:35px!important}#products-grid .text-sm{color:#6536f5!important;font-size:16px!important}#products-grid>div:hover{border-color:#a78bfa!important;background:#fefeff}.product-category-image{width:100%;aspect-ratio:1.25;background-image:url('/category-products.png');background-size:400% 200%;background-repeat:no-repeat;margin-bottom:12px;border-radius:8px}#products-grid>div>div:last-child{flex-wrap:wrap;gap:10px}#products-grid button[title*="Custom"]{font-size:10px!important;padding:5px!important}#bill-heading{padding:20px!important;background:#fff!important}#bill-heading .uppercase{font-size:22px!important;text-transform:none!important;letter-spacing:0!important}#bill-heading>div:first-child{flex-wrap:wrap;gap:8px}#bill-actions{position:relative;margin-left:auto;font-size:12px}#bill-actions summary{list-style:none;cursor:pointer;padding:9px 12px;border:1px solid #d8dfeb;border-radius:8px;font-weight:750;display:flex;gap:20px}#bill-actions>div{position:absolute;top:42px;right:0;z-index:50;background:white;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 12px 30px #17255420;width:230px;padding:6px;max-height:60vh;overflow:auto}#bill-actions button{display:block;width:100%;text-align:left;padding:10px;color:#334155;font-weight:650;border-radius:7px}#bill-actions button:hover{background:#f1edff}#bill-heading input,#bill-heading select{font-size:12px;min-height:38px}#cart-items-container{padding:8px 14px!important}#cart-items-container>div:not(#cart-empty-state){background:#fff!important;border:0!important;border-bottom:1px solid #edf0f6!important;border-radius:0!important;padding:14px 0!important;flex-wrap:wrap}#cart-items-container input{min-height:30px}#bill-workspace>div:last-child{background:white!important;box-shadow:none!important}#bill-workspace>div:last-child>div:last-child{display:grid!important;grid-template-columns:1fr 1fr!important}#bill-workspace button[onclick="openPaymentModal()"]{grid-column:1 / -1;grid-row:1;background:#009e98!important;font-size:15px!important;min-height:55px}#bill-workspace button[onclick="holdCurrentCart()"]{background:#fff!important;color:#d97706!important;border:1px solid #fed7aa}#bill-workspace button[onclick="clearCart()"]{color:#e11d48!important}#product-workspace>div:last-child{display:none!important}
#workspace-footer{display:flex;justify-content:space-between;gap:16px;padding:9px 22px;background:#fff;border-top:1px solid #e2e8f0;font-size:10px;color:#64748b}#workspace-footer strong{color:#6536f5}
#workspace-landing{display:grid;grid-template-columns:220px minmax(0,1fr);flex:1;min-height:0;overflow:auto;background:#f5f7fb}.workspace-sidebar{padding:25px 12px;border-right:1px solid #e2e8f0;background:#fff}.workspace-sidebar h3{font-size:13px;font-weight:800;padding:0 12px 18px}.workspace-sidebar button{display:block;width:100%;text-align:left;padding:12px;font-size:12px;color:#475569;border-radius:8px;margin-bottom:3px}.workspace-sidebar button:hover,.workspace-overview-active{background:#efebff!important;color:#6536f5!important}.overview-content{padding:24px;min-width:0}.overview-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.overview-heading h2{font-size:28px;font-weight:850}.overview-heading p{color:#64748b;font-size:13px;margin-top:4px}.overview-date{padding:10px 18px;border:1px solid #dbe2ee;border-radius:8px;background:white;font-size:12px}.overview-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.overview-card{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:22px;display:grid;gap:8px}.overview-card span{font-size:12px;font-weight:700}.overview-card strong{font-size:26px}.overview-card small{font-size:10px;color:#64748b}.overview-columns{display:grid;grid-template-columns:minmax(0,3fr) minmax(220px,1fr);gap:18px}.overview-panel{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:20px;min-width:0}.overview-panel h3{font-size:18px;font-weight:800;margin-bottom:15px}.overview-panel p{font-size:12px;color:#64748b;line-height:1.7}.overview-table-wrap{overflow:auto}.overview-panel table{width:100%;font-size:11px;white-space:nowrap}.overview-panel th,.overview-panel td{padding:12px 9px;border-bottom:1px solid #edf0f6;text-align:left}.overview-panel th{background:#f3f5fa;color:#64748b;font-weight:600}.overview-panel .amount{text-align:right;font-variant-numeric:tabular-nums}.status-pill{background:#ecfdf5;color:#047857;padding:4px 7px;border-radius:5px;font-size:10px}.primary-workspace-action{background:#6536f5;color:white;padding:12px 15px;border-radius:8px;font-size:12px;margin-top:18px}.permission-note{padding:14px;background:#edf4ff;border:1px solid #dbeafe;border-radius:8px;font-size:11px;color:#2563eb;margin-top:18px}.stock-attention{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid #edf0f6;font-size:11px}.stock-attention span{color:#64748b}.workspace-empty{padding:24px}
@media(max-width:1250px){#products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}#app-header-row{gap:10px;padding:10px 16px!important}#header-terminal{max-width:160px}#header-brand{min-width:190px!important}.overview-columns{grid-template-columns:1fr}.overview-cards{gap:10px}.overview-card{padding:16px}.overview-card strong{font-size:21px}}
@media(max-width:850px){#main-tabs{order:3;width:100%;justify-content:center}#billing-workspace{padding:10px;gap:10px}#products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:10px!important}.product-heading{padding:12px}.product-heading h2{font-size:20px}.product-heading-top{flex-wrap:wrap}.product-filters{grid-template-columns:1fr}#bill-heading{padding:12px!important}#workspace-landing{grid-template-columns:170px minmax(0,1fr)}.overview-content{padding:14px}.overview-cards{grid-template-columns:1fr}.overview-heading h2{font-size:22px}}
@media(max-width:600px){body{height:auto!important;min-height:100vh;overflow:auto!important}#header-brand{min-width:0!important;width:100%!important;flex-basis:100%}#header-controls{margin:0!important;width:100%;justify-content:space-between}#billing-workspace{flex-direction:column!important;overflow:visible!important}#product-workspace,#bill-workspace{width:100%!important;min-height:480px}#products-grid{max-height:620px}#workspace-landing{grid-template-columns:1fr}.workspace-sidebar{display:flex;flex-wrap:wrap;gap:5px;padding:10px;border-bottom:1px solid #e2e8f0}.workspace-sidebar h3{width:100%;padding:5px}.workspace-sidebar button{width:auto;padding:8px;font-size:11px}.overview-heading{flex-wrap:wrap}.overview-content{overflow:hidden}.overview-columns{grid-template-columns:minmax(0,1fr)}#workspace-footer{flex-wrap:wrap}#products-grid>div{min-height:220px}.product-heading h2 small{font-size:9px}}
@media print{#app-header,#workspace-footer,#workspace-landing{display:none!important}}

#workspace-footer #footer-shortcuts{display:flex;flex-wrap:wrap;gap:10px;font-size:10px}#cart-items-container>div>div:first-child{min-width:100px}#cart-items-container .truncate{white-space:normal!important;overflow:visible!important}#cart-items-container .uppercase{display:none} .overview-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}

/* Compact billing and independently scrolling workspaces. */
#main-tabs button{border:1px solid #e1e5f0;border-radius:9px;background:#f7f8fc;padding:9px 16px;color:#26344e;transition:background .15s,box-shadow .15s}#main-tabs button.active{background:#6536f5;border-color:#6536f5;color:#fff;box-shadow:0 3px 9px #6536f526}#main-tabs button[hidden]{display:none!important}#main-tabs button:hover{background:#ede9fe;color:#5225cd}
#bill-heading{padding:10px 14px!important}#bill-heading>div:first-child{flex-wrap:nowrap!important;gap:8px!important;margin-bottom:9px!important}#bill-heading .uppercase{font-size:18px!important}#bill-heading>div:first-child>div:first-child>div:first-child{display:none}#bill-heading>div:first-child>button:not(#bill-return-shortcut),#cart-exchange-button{display:none!important}#bill-actions{margin-left:auto}#bill-actions summary{padding:7px 10px}#bill-heading input,#bill-heading select{min-height:34px;padding-top:6px;padding-bottom:6px}#bill-heading>div:last-child{gap:6px!important}#bill-actions>div{top:34px}#bill-workspace>div:last-child{padding:9px 12px!important}#bill-workspace>div:last-child>div:first-child{padding:9px!important;margin-bottom:8px!important;box-shadow:none!important}#bill-workspace>div:last-child>div:first-child>div:last-child{padding-top:5px!important}#summary-grand-total{font-size:23px!important}#bill-workspace>div:last-child>div:last-child{grid-template-columns:1fr 1fr 2fr!important;gap:7px!important}#bill-workspace button[onclick="openPaymentModal()"]{grid-column:3!important;grid-row:1!important;min-height:43px!important;padding:7px!important;font-size:12px!important;flex-direction:row!important}#bill-workspace button[onclick="holdCurrentCart()"],#bill-workspace button[onclick="clearCart()"]{grid-row:1;min-height:43px;padding:6px!important;flex-direction:row!important;gap:5px!important}#cart-items-container>div:not(#cart-empty-state){padding:9px 0!important}#cart-empty-state{padding:12px!important}#cart-empty-state>div{width:38px!important;height:38px!important;margin-bottom:7px!important}#cart-empty-state p{font-size:11px!important}
#workspace-landing{overflow:hidden!important;min-height:0}.workspace-sidebar{overflow-y:auto;min-height:0;padding:12px 9px}.overview-content{overflow-y:auto;min-height:0;padding:14px 18px;color:#111c33}.workspace-sidebar h3{display:none}.workspace-sidebar button{font-size:12px;font-weight:650;color:#192841;margin-bottom:6px;padding:10px 11px;border:1px solid transparent;line-height:1.4}.workspace-sidebar button[data-tone="violet"]{background:#f1edff;border-color:#e6ddff;color:#492398}.workspace-sidebar button[data-tone="teal"]{background:#eaf9f6;border-color:#cceee5;color:#075e55}.workspace-sidebar button[data-tone="amber"]{background:#fff5e6;border-color:#ffe3b6;color:#854b04}.workspace-sidebar button[data-tone="blue"]{background:#edf4ff;border-color:#d6e6ff;color:#214d92}.workspace-sidebar button.workspace-overview-active{background:#6536f5!important;color:white!important}.workspace-sidebar button:hover{filter:brightness(.96);border-color:#a78bfa}
.overview-heading{margin-bottom:12px;justify-content:flex-start;gap:18px}.overview-heading h2{font-size:23px}.overview-heading p{color:#39485f;font-size:12px;margin-top:2px}.overview-date{padding:7px 12px;color:#1e293b}.overview-cards{margin-bottom:12px;gap:12px}.overview-card{padding:13px 16px;gap:5px}.overview-card strong{font-size:23px;color:#111c33}.overview-card small{color:#3d4b61}.overview-panel{padding:14px}.overview-panel h3{font-size:17px;margin-bottom:10px;color:#111c33}.overview-panel p{color:#38485f}.overview-panel th{color:#243650;background:#edf0f7}.overview-panel td{color:#14243b}.overview-panel th,.overview-panel td{padding:9px 8px}.overview-columns{gap:12px}.permission-note{margin-top:12px;padding:10px;color:#1d40a5}.stock-attention span{color:#334155}
@media(max-width:600px){#workspace-landing{display:grid;height:calc(100dvh - 220px);min-height:380px;grid-template-rows:auto minmax(0,1fr)}.workspace-sidebar{max-height:150px;overflow-y:auto}.overview-content{overflow-y:auto!important}.overview-heading h2{font-size:20px}.overview-heading{flex-wrap:wrap;gap:8px}#bill-workspace{height:520px;min-height:520px}#bill-workspace button[onclick="openPaymentModal()"]{font-size:10px!important}#bill-heading .uppercase{font-size:16px!important}}
#main-tabs button.active:hover{background:#6536f5;color:white}

/* Staging.4: clear bulk grants, compact overview banner and branded login. */
#sp-all,#sp-none,#sp-default{padding:9px 15px;border:1px solid;border-radius:8px;font-size:12px;font-weight:750;box-shadow:0 2px 4px #17255408}#sp-all{background:#dcfce7;color:#166534;border-color:#86efac}#sp-none{background:#ffe4e6;color:#9f1239;border-color:#fda4af}#sp-default{background:#eef2ff;color:#3730a3;border-color:#c7d2fe}#sp-all:hover,#sp-none:hover,#sp-default:hover{filter:brightness(.96)}#staff-access-dialog button:focus-visible{outline:3px solid #a78bfa;outline-offset:2px}
.overview-content{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2.5fr);grid-template-rows:auto auto auto;align-content:start;gap:12px}.overview-heading{display:block;margin:0;position:relative;padding-right:5px}.overview-heading h2{font-size:22px;margin:0 0 4px}.overview-heading p{font-size:11px;max-width:260px}.overview-date{position:absolute;right:0;top:0;transform:translateY(-1px)}.overview-heading>div{padding-top:35px}.overview-cards{grid-column:2;margin:0;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:10px}.overview-card{padding:11px 12px;gap:5px}.overview-card strong{font-size:21px}.overview-card small{font-size:9px}.overview-columns,.permission-note{grid-column:1 / -1}.permission-note{margin-top:0}
#app-header,#app-header-row{background:linear-gradient(110deg,#111c38,#233660)!important}#header-brand h1,#header-user-name{color:#f8fafc!important}#header-brand p,#header-till-name{color:#c2cdea!important}#main-tabs button{background:#ffffff0c;border-color:#ffffff24;color:#e5eaff}#main-tabs button:hover{background:#ffffff22;color:white}#main-tabs button.active,#main-tabs button.active:hover{background:#7543ff;color:white;border-color:#9878ff}#workspace-footer{background:linear-gradient(110deg,#14213e,#293f69);color:#dbe5fb;border-color:#344768}#workspace-footer strong{color:#c7b8ff}#workspace-footer #footer-shortcuts{color:#e1e8fa}#logout-btn{background:#ffffff12;color:#fce7ef!important;border-color:#ffffff24}
body[data-active-workspace="POS"] #billing-workspace{background:linear-gradient(125deg,#eae7ff,#eef6ff 60%,#e3f7f3)}body[data-active-workspace="POS"] .product-heading{background:linear-gradient(110deg,#f0edff,#f4f9ff);border-bottom:1px solid #e7e4f7}body[data-active-workspace="POS"] #bill-heading{background:#ecfaf7!important}body[data-active-workspace="POS"] #products-grid>div{border-top:3px solid #c4b5fd!important}body[data-active-workspace="POS"] #products-grid>div:nth-child(3n+2){border-top-color:#99ded1!important}body[data-active-workspace="POS"] #products-grid>div:nth-child(3n){border-top-color:#a9ccff!important}
#auth-gate{background:radial-gradient(ellipse at top left,#394276,#0f172a 65%)!important;padding:24px!important;overflow-y:auto}#auth-gate>div{background:#fff!important;border:1px solid #ffffff2b!important;box-shadow:0 25px 80px #0005!important;border-radius:22px!important}#auth-gate>div>div:first-child{background:linear-gradient(145deg,#1e2c52,#5433b8)!important;display:flex;flex-direction:column;justify-content:center;padding:32px!important}.login-brand-logo{width:180px;max-width:100%;height:auto;margin-bottom:28px;filter:drop-shadow(0 5px 10px #0003)}#auth-gate h1{font-size:28px;line-height:1.25}#auth-gate form{background:#fff!important;color:#172554;padding:28px!important}#auth-gate label{color:#334155!important}#auth-gate input,#auth-gate select{background:#f7f9fc!important;border-color:#d6dfed!important;color:#14243d!important;min-height:44px}#auth-gate input:focus,#auth-gate select:focus{border-color:#855df6!important;box-shadow:0 0 0 3px #ede9fe}#auth-gate form>button{background:#6536f5!important;box-shadow:0 5px 12px #6536f526}#auth-gate a{color:#5b36c9!important}#auth-gate form>p{color:#475569!important}#auth-error{color:#b91c1c!important}
@media(min-width:1100px){.overview-heading{padding-right:0}.overview-heading>div{padding-top:0}.overview-date{position:static;display:inline-block;margin-top:7px;transform:none}.overview-content{grid-template-columns:minmax(245px,.9fr) minmax(0,3fr)}}
@media(max-width:1000px){.overview-content{grid-template-columns:1fr}.overview-heading{grid-column:1}.overview-heading>div{padding-top:0;padding-right:125px}.overview-date{position:absolute}.overview-cards{grid-column:1}.overview-heading p{max-width:none}}
@media(max-width:600px){.overview-content{display:block}.overview-heading{margin-bottom:10px}.overview-cards{margin-bottom:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.overview-columns{margin-bottom:10px}#auth-gate{padding:12px!important}#auth-gate>div>div:first-child{padding:18px!important}.login-brand-logo{width:120px;margin-bottom:12px}#auth-gate h1{font-size:22px}#auth-gate form{padding:18px!important}}
@media(min-width:1100px){.overview-content{position:relative}.overview-heading{position:static}.overview-date{position:absolute;top:14px;right:18px;margin:0}.overview-cards{margin-right:115px}}
/* Larger workspace controls with a persistent active-page marker. */
#main-tabs{gap:7px}#main-tabs button{min-height:52px;min-width:112px;padding:13px 22px;font-size:16px;font-weight:800;border-radius:12px;position:relative}#main-tabs button.active{box-shadow:0 5px 18px #6c3bff55,inset 0 0 0 1px #c4b5fd}#main-tabs button.active:after{content:'';position:absolute;bottom:4px;left:30%;right:30%;height:3px;background:white;border-radius:4px}#main-tabs button:focus-visible{outline:3px solid #c4b5fd;outline-offset:3px}
#login-roles{display:flex;gap:10px;grid-column:1/-1;margin-bottom:8px}#login-roles button{flex:1;padding:15px 10px;border:1px solid #dce2ef;border-radius:12px;background:#f3f5fb;color:#283753;font-weight:800}#login-roles button[aria-pressed=true]{background:#6536f5;color:white;border-color:#6536f5;box-shadow:0 4px 12px #6536f52b}#auth-form>[hidden]{display:none!important}#auth-form>[type=submit]{grid-column:1/-1}
#selling-shift-start{padding:10px 14px;border-radius:10px;background:#0d9488;color:white;font-weight:750;font-size:12px}
.account-dialog{width:min(550px,94vw);max-height:90vh;overflow:auto;border:1px solid #dce2ef;border-radius:20px;padding:26px;color:#17213a;background:white;box-shadow:0 24px 90px #0005}.account-dialog::backdrop{background:#101a38aa}.account-dialog h2{font-size:24px;font-weight:800;margin-bottom:12px}.account-dialog p{margin:12px 0;color:#475569}.account-dialog label{display:block;margin:12px 0;font-weight:650}.account-dialog input:not([type=checkbox]),.account-dialog select{display:block;width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:10px;margin-top:6px;color:#17213a;background:#f8fafc}.account-dialog button,.account-password-toggle{padding:11px 16px;margin:5px;border-radius:10px;background:#6536f5;color:white;font-weight:750}.account-dialog button:disabled{opacity:.4}.account-dialog [role=alert]{color:#b91c1c}.account-dialog .till-choice{display:flex;gap:10px}#business-users-list [data-manager-tills]{padding:6px 8px;background:#ede9fe;color:#5b21b6;border-radius:7px;font-size:11px;font-weight:750}
@media(max-width:1100px){#main-tabs button{min-width:90px;padding:12px;font-size:14px}}@media(max-width:600px){#main-tabs button{min-width:0;min-height:46px;padding:10px 12px}}
/* Keep account actions separated at every settings width. */
#settings-modal button[onclick="createBusinessUser()"]{display:block;width:100%;min-height:44px;margin:12px 0 0!important}
#settings-modal #staff-access-launch{display:block;width:100%;min-height:44px;margin:12px 0 0!important;padding:12px 16px!important;border:1px solid #c4b5fd;background:#ede9fe!important;color:#5b21b6!important;border-radius:10px!important;font-weight:750}
#settings-modal .account-password-toggle{display:block;min-height:42px;margin:8px 0 0!important}
#settings-modal #business-users-list{margin-top:16px!important}
#business-users-list>div{flex-wrap:wrap;gap:10px;align-items:center}
#business-users-list>div>span:first-child{flex:1 1 140px;min-width:0;overflow-wrap:anywhere}
#business-users-list>div>span:last-child{flex-wrap:wrap;gap:8px;justify-content:flex-end}
#business-users-list [data-reset-password]{padding:8px 10px;border-radius:8px;background:#eef2ff;color:#4338ca;font-weight:700;font-size:11px;min-height:36px}
#bill-return-shortcut{margin-left:auto;padding:11px 16px;min-height:44px;border:1px solid #fda4af;border-radius:11px;background:#fff1f2;color:#be123c;font-size:13px;font-weight:800;white-space:nowrap}#bill-return-shortcut:hover{background:#ffe4e6}#bill-return-shortcut[hidden]{display:none!important}.product-heading-top{flex-wrap:wrap}#bill-return-shortcut:focus-visible{outline:3px solid #fb7185;outline-offset:2px}@media(max-width:650px){#bill-return-shortcut{margin-left:0;padding:10px 12px;font-size:12px}}

#product-action-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}#product-action-buttons:empty{display:none}#product-action-buttons button{padding:10px 13px;min-height:40px;border:1px solid #c7d2fe;border-radius:10px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:750}#product-action-buttons button:hover{background:#ddd6fe}#product-action-buttons button:focus-visible{outline:3px solid #a78bfa;outline-offset:2px}#bill-return-shortcut{margin-left:auto!important}#workspace-footer{gap:12px;align-items:center}#workspace-footer #footer-shortcuts{display:flex!important;flex-wrap:wrap;gap:8px 12px;flex:1;min-width:0}#workspace-footer .footer-key{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}#workspace-footer kbd{padding:3px 6px;border:1px solid #b8c6df;border-radius:4px;background:#f1f5ff;color:#172554;font-size:11px}#workspace-footer strong{white-space:nowrap}

#bill-heading>div:first-child{flex-wrap:wrap!important}#bill-heading #bill-return-shortcut:not([hidden]){display:inline-flex!important;align-items:center;justify-content:center}

#app-functions{position:relative;margin-left:auto;flex-shrink:0}#app-functions[hidden]{display:none!important}#app-functions summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:12px 16px;min-height:44px;border:1px solid #c7d2fe;border-radius:11px;background:#eef2ff;color:#3730a3;font-size:13px;font-weight:800}#app-functions summary::-webkit-details-marker{display:none}#app-functions[open] summary{background:#e4dcff;border-color:#a78bfa}#app-functions summary:focus-visible{outline:3px solid #a78bfa;outline-offset:2px}#app-functions>#product-action-buttons{position:absolute;top:calc(100% + 7px);right:0;z-index:70;width:230px;max-width:calc(100vw - 40px);max-height:55vh;overflow-y:auto;display:block;margin:0;padding:6px;background:white;border:1px solid #dce2ef;border-radius:12px;box-shadow:0 15px 40px #17255426}#app-functions:not([open])>#product-action-buttons{display:none}#app-functions #product-action-buttons button{display:block;width:100%;text-align:left;border:0;background:white;padding:12px;color:#334155;font-weight:700}#app-functions #product-action-buttons button:hover{background:#f0edff;color:#5b21b6}@media(max-width:650px){#app-functions summary{padding:10px 12px;font-size:12px}#app-functions{margin-left:0}}

@media(max-width:650px){#login-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#login-roles button{min-width:0}}
/* Approved compact boxed POS design: keep billing list as the flexible area. */
body[data-active-workspace="POS"] #billing-workspace{padding:10px;gap:12px;background:#eef5fc}
body[data-active-workspace="POS"] #product-workspace{background:#eaf5ff!important;border-color:#bfdbfe!important;overflow:hidden}
body[data-active-workspace="POS"] .product-heading{padding:9px 12px 10px;background:linear-gradient(110deg,#eee9ff,#f8faff);border:1px solid #c4b5fd;border-radius:12px;margin:0 0 6px}
.product-heading-top{margin-bottom:7px;gap:8px}.product-heading h2{font-size:23px}.product-filters{gap:8px}
#app-functions summary{padding:8px 12px;min-height:38px}#pricing-control button{padding:8px 15px}
#barcode-search-input,#product-category-filter{height:40px!important}#product-category-filter{padding:7px 10px}
#product-workspace>div:nth-of-type(2){background:#eaf5ff!important;padding:3px 12px!important}
#products-grid{padding:6px 10px 10px!important;gap:10px;min-height:0}
#products-grid>div{padding:9px!important;background:#fff!important;box-shadow:0 2px 5px #17255409!important}
#products-grid h4{min-height:30px!important;font-size:12px!important;line-height:1.25}
#products-grid>div>div:last-child{flex-wrap:nowrap;gap:3px;padding-top:5px!important;margin-top:3px!important}
#products-grid>div>div:last-child>div:last-child{gap:3px}
#products-grid button[title*="Custom"]{background:#eef2ff!important;border-color:#c7d2fe!important;color:#4338ca!important}
#products-grid button[title*="Quick"]{background:#6536f5!important;color:white!important;border-radius:50%}
#products-grid>div:nth-child(3n+1) .product-category-image{background-color:#f2efff}
#products-grid>div:nth-child(3n+2) .product-category-image{background-color:#eafaf6}
#products-grid>div:nth-child(3n) .product-category-image{background-color:#eff6ff}
#bill-workspace{display:flex!important;flex-direction:column;gap:7px;border:0!important;background:transparent!important;overflow:visible}
#bill-heading{border:1px solid #99ded1;border-radius:12px;flex-shrink:0;padding:8px 10px!important}
#bill-heading>div:first-child{margin-bottom:6px!important}#bill-return-shortcut{min-height:36px;padding:7px 10px;font-size:12px}
#cart-items-container{flex:1 1 0!important;min-height:0;background:#fff;border:1px solid #bfdbfe;border-radius:12px;overflow-y:auto}
#bill-workspace>div:last-child{flex-shrink:0;padding:7px!important;border:1px solid #fcd89a;border-radius:12px;background:#fffbf2!important}
#bill-workspace>div:last-child>div:first-child{padding:6px 8px!important;margin-bottom:6px!important;background:#fffdf9!important}
#bill-workspace>div:last-child>div:first-child>div:last-child{background:#f0ebff;padding:5px 7px!important;border-radius:7px}
#workspace-footer .footer-key{--key:#475569;padding:4px 7px;border-radius:8px;border:1px solid var(--key);background:color-mix(in srgb,var(--key) 25%,#122241);color:#fff;gap:6px}
#workspace-footer .footer-key kbd{background:var(--key);border-color:#ffffff50;color:#fff;font-weight:800;border-radius:5px;padding:4px 6px}
#workspace-footer .footer-key:nth-child(1){--key:#2563eb}#workspace-footer .footer-key:nth-child(2){--key:#0d9488}#workspace-footer .footer-key:nth-child(3){--key:#b77908}#workspace-footer .footer-key:nth-child(4){--key:#7c3aed}#workspace-footer .footer-key:nth-child(5){--key:#c65a0b}#workspace-footer .footer-key:nth-child(6){--key:#0891b2}#workspace-footer .footer-key:nth-child(7){--key:#15803d}#workspace-footer .footer-key:nth-child(8){--key:#be123c}#workspace-footer .footer-key:nth-child(9){--key:#4f46e5}
#workspace-footer #footer-shortcuts{gap:5px}
@media(min-width:1100px){#products-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:var(--pos-card-height,240px)}#products-grid>div{min-height:0;height:var(--pos-card-height,240px)}.product-category-image{aspect-ratio:auto;height:calc(var(--pos-card-height,240px) - 112px);min-height:60px;margin-bottom:7px;background-size:400% 200%}}
@media(max-width:1099px){#products-grid>div{min-height:220px}.product-category-image{aspect-ratio:1.5;margin-bottom:7px}}
@media(max-width:600px){#bill-workspace{min-height:550px}.product-heading-top{flex-wrap:wrap}.product-filters{grid-template-columns:1fr}#workspace-footer .footer-key{font-size:10px}}
/* Reserve room for complete prices and all card actions on smaller desktops. */
#products-grid>div>div:last-child{display:grid!important;grid-template-columns:1fr;gap:4px;border-top:1px solid #eef2f7}
#products-grid>div>div:last-child>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:3px}
#products-grid>div>div:last-child>div:first-child>div:first-child{white-space:nowrap;font-size:15px!important}
#products-grid>div>div:last-child>div:last-child{justify-content:flex-end}
@media(min-width:1100px){.product-category-image{height:calc(var(--pos-card-height,240px) - 145px);min-height:40px}}
/* Sprite tiles are square: contain each tile without changing its proportions. */
.product-category-image{display:flex;align-items:center;justify-content:center;background-image:none!important;overflow:hidden}
.product-category-image:before{content:'';display:block;height:100%;aspect-ratio:1;max-width:100%;flex-shrink:0;background-image:url('/category-products.png');background-repeat:no-repeat;background-size:400% 200%;background-position:inherit;border-radius:8px}
/* Larger illustrations: use spare card space without stretching square tiles. */
@media(min-width:1100px){.product-category-image{height:calc(var(--pos-card-height,240px) - 112px);min-height:65px;margin-bottom:5px}#products-grid h4{min-height:27px!important}#products-grid>div>div:last-child{gap:2px;padding-top:3px!important;margin-top:2px!important}#products-grid>div>div:last-child>div:last-child{min-height:28px}}
.product-category-image:before{transform:scale(1.12)}
@media(min-width:1100px){.product-category-image{height:calc(var(--pos-card-height,240px) - 130px);min-height:55px}}
.account-dialog [data-previous]{margin-top:15px;padding:12px;border:1px solid #fed7aa;border-radius:10px;background:#fff7ed}.account-dialog [data-previous] h3{font-weight:800}.account-dialog [data-previous] p{font-size:12px}.account-dialog [data-stop],.account-dialog .shift-stop-button{background:#be123c;color:white}
.accounts-dashboard{max-width:1800px;margin:auto}.accounts-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:6px 0 12px}.accounts-heading h2{font-size:29px;font-weight:800;color:#152441}.accounts-heading p{font-size:13px;color:#64748b;margin:5px 0}.accounts-heading small{font-size:11px;color:#64748b}.accounts-filter{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.accounts-filter label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#334155}.accounts-filter input[type=date]{padding:9px;border:1px solid #d5ddeb;border-radius:8px;background:white;color:#172554;min-width:130px;height:40px}.accounts-filter button,.accounts-task button{background:#6536f5;color:white;border-radius:8px;padding:11px 16px;font-size:12px;font-weight:700;cursor:pointer}.accounts-filter .accounts-auto{display:grid;grid-template-columns:16px auto;align-items:center;gap:4px 7px;font-size:11px}.accounts-auto small{grid-column:2;font-weight:400}.accounts-status{font-size:11px;color:#64748b;min-height:18px;margin:8px 0 14px}.accounts-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.accounts-metric{display:flex;align-items:start;gap:12px;padding:18px 15px;min-width:0;border:1px solid #dae4f2;background:linear-gradient(120deg,#fff,#f0f7ff);border-radius:12px;min-height:124px}.accounts-metric>div:last-child{min-width:0}.accounts-metric span{font-size:12px;font-weight:750;display:block;color:#172554}.accounts-metric strong{display:block;font-size:25px;font-weight:800;color:#172554;margin:10px 0 6px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.accounts-metric small{font-size:10px;color:#64748b}.accounts-icon{background:#dbeafe;color:#2563eb;border-radius:10px;padding:8px;font-size:22px;line-height:1.2}.accounts-metric.tone-0,.accounts-metric.tone-1{background:linear-gradient(120deg,#fff,#effbf7);border-color:#ccece2}.tone-0 .accounts-icon,.tone-1 .accounts-icon{background:#d1fae5;color:#059669}.accounts-metric.tone-2{background:linear-gradient(120deg,#fff,#fff1f5);border-color:#f5d6e2}.tone-2 .accounts-icon{background:#fce7ef;color:#be185d}.accounts-metric.tone-3,.accounts-metric.tone-7{background:linear-gradient(120deg,#fff,#f3efff);border-color:#e3d9fa}.tone-3 .accounts-icon,.tone-7 .accounts-icon{background:#ede9fe;color:#6536f5}.accounts-metric.tone-6{background:linear-gradient(120deg,#fff,#fff8ed);border-color:#f3e1c4}.accounts-columns{display:grid;grid-template-columns:minmax(0,3fr) minmax(300px,2fr);gap:16px}.accounts-columns .overview-panel{padding:18px}.accounts-columns .overview-panel h3{font-size:18px;margin-bottom:12px}.accounts-columns .overview-table-wrap{max-height:330px;overflow:auto}.accounts-columns th{position:sticky;top:0}.accounts-hint{font-size:11px;color:#64748b;line-height:1.6;margin:8px 0 14px}.accounts-task{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #dce4f2;border-left:3px solid #f4b344;background:#f8fbff;border-radius:10px;padding:16px;margin:12px 0}.accounts-task strong{font-size:13px}.accounts-task p{font-size:11px;line-height:1.6;margin:7px 0!important}.accounts-task b{font-size:20px;color:#172554;font-variant-numeric:tabular-nums}.accounts-task button{flex-shrink:0}.accounts-empty{padding:18px;color:#64748b;font-size:12px;background:#f8fafc;border-radius:9px}.accounts-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.accounts-breakdown{padding:14px;border:1px solid #e2e8f0;border-radius:10px;background:white;font-size:12px}.accounts-breakdown summary{font-weight:700;cursor:pointer}.accounts-breakdown div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf2f7}.accounts-basis{margin-top:16px}.accounts-dashboard :focus-visible{outline:3px solid #a78bfa;outline-offset:3px}@media(max-width:1400px){.accounts-heading{align-items:start;flex-wrap:wrap}.accounts-metric{padding:14px 12px;gap:8px}.accounts-metric strong{font-size:23px}.accounts-icon{font-size:18px;padding:6px}}@media(max-width:1050px){.accounts-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.accounts-columns{grid-template-columns:1fr}.accounts-details{grid-template-columns:1fr}}@media(max-width:600px){.accounts-heading h2{font-size:24px}.accounts-filter{width:100%;gap:8px}.accounts-filter label:not(.accounts-auto){flex:1;min-width:120px}.accounts-filter input[type=date]{width:100%;min-width:0}.accounts-metric{min-height:118px;display:block}.accounts-icon{display:none}.accounts-metric strong{font-size:22px}.accounts-task{padding:12px}.accounts-task b{font-size:18px}.accounts-columns .overview-panel{padding:12px}}

.overview-content>.accounts-dashboard{grid-column:1/-1;width:100%;min-width:0;box-sizing:border-box}.accounts-heading{background:transparent!important;box-shadow:none!important;color:#172554}.accounts-filter{min-width:0}.accounts-columns>section{min-width:0}.workspace-sidebar .workspace-section-label{width:100%}

.product-filters{grid-template-columns:minmax(0,1fr) minmax(140px,.42fr) auto}#pos-add-product{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 14px;border:1px solid #6d4aff;border-radius:10px;background:#6d3df5;color:#fff;font-size:12px;font-weight:800;white-space:nowrap}#pos-add-product:hover{background:#5825d9}#pos-add-product:focus-visible,#footer-add-product:focus-visible{outline:3px solid #a78bfa;outline-offset:2px}#pos-add-product kbd{font-size:10px;padding:2px 4px;border:1px solid #ffffff66;border-radius:4px}#pos-add-product[hidden],#footer-add-product[hidden]{display:none!important}#footer-add-product{--key:#6d3df5;cursor:pointer;font:inherit}#footer-add-product:hover{filter:brightness(1.2)}@media(max-width:600px){.product-filters{grid-template-columns:minmax(0,1fr) auto}#product-search-slot{grid-column:1/-1}#pos-add-product{padding:0 10px}}

#workspace-footer button.footer-key{cursor:pointer;font:inherit;font-size:11px}#workspace-footer button.footer-key:hover{filter:brightness(1.2)}#workspace-footer button.footer-key:focus-visible{outline:3px solid #c4b5fd;outline-offset:2px}

/* Approved slate, pearl and olive POS theme. */
body[data-active-workspace="POS"] #billing-workspace{background:#e7e6e0}body[data-active-workspace="POS"] #product-workspace{background:linear-gradient(140deg,#f6f7f5,#e7e9e7)!important;border:1px solid #b9bfbd!important;border-radius:14px;box-shadow:inset 0 1px 1px #fff,0 3px 9px #263a4920}body[data-active-workspace="POS"] .product-heading{background:linear-gradient(125deg,#435a70,#34465b 65%,#2c3e50)!important;border:1px solid #8197a9;border-radius:14px;box-shadow:inset 0 2px 2px #ffffff45,0 2px 5px #17253430}body[data-active-workspace="POS"] .product-heading h2,body[data-active-workspace="POS"] #product-total{color:#fff!important}body[data-active-workspace="POS"] #product-total{opacity:.85}body[data-active-workspace="POS"] #app-functions summary{background:linear-gradient(#fff,#edf0f2);color:#263b50;border-color:#b6c1ca;border-radius:10px}body[data-active-workspace="POS"] #pricing-control{background:#f0f2f1;border-color:#aebbb8}body[data-active-workspace="POS"] #pricing-control button{color:#34465b}body[data-active-workspace="POS"] #mode-retail.bg-brand-600,body[data-active-workspace="POS"] #mode-wholesale.bg-brand-600{background:linear-gradient(#426449,#214d37)!important;color:white!important}body[data-active-workspace="POS"] #pos-add-product{background:linear-gradient(#45684c,#244d35);border-color:#91a795;box-shadow:inset 0 1px 1px #ffffff50}body[data-active-workspace="POS"] #header-global-search,body[data-active-workspace="POS"] #product-category-filter{border-color:#b8c3cb!important;background:#fff!important}body[data-active-workspace="POS"] #product-workspace>div:nth-of-type(2){background:transparent!important;color:#263b50}body[data-active-workspace="POS"] #products-grid>div{border:1px solid #c9cecb!important;border-radius:14px!important;box-shadow:0 2px 5px #26342919!important}body[data-active-workspace="POS"] #products-grid>div:hover{border-color:#748d7b!important;box-shadow:0 3px 9px #31433a28!important}body[data-active-workspace="POS"] #products-grid .product-category-image{background-color:#edf0ee!important;border-left:3px solid #344e65;border-radius:10px}body[data-active-workspace="POS"] #products-grid .text-sm{color:#263e57!important}body[data-active-workspace="POS"] #products-grid button[title*="Custom"]{background:#f4f6f3!important;border-color:#bac6bc!important;color:#244632!important;border-radius:10px}body[data-active-workspace="POS"] #products-grid button[title*="Quick"]{background:linear-gradient(#42684c,#214c32)!important;border-radius:10px}body[data-active-workspace="POS"] #bill-workspace{padding:7px;background:linear-gradient(140deg,#e3e8d9,#c9d0b8)!important;border:1px solid #8a9c7e!important;border-radius:14px;box-shadow:inset 0 1px 2px #fff,0 3px 8px #30422c20;min-width:0}body[data-active-workspace="POS"] #bill-heading{background:linear-gradient(#edf1e7,#d6dfca)!important;border-color:#b7c4ad}body[data-active-workspace="POS"] #bill-heading .uppercase{color:#234631!important}body[data-active-workspace="POS"] #bill-heading .bg-brand-50,body[data-active-workspace="POS"] #cart-item-count-badge{background:#cfdbc6!important;color:#254c33!important}body[data-active-workspace="POS"] #cart-items-container{background:#fbfcf8;border-color:#a4b89b}body[data-active-workspace="POS"] #cart-empty-state .bg-brand-50{background:#e3e9da!important}body[data-active-workspace="POS"] #cart-empty-state svg{color:#315b40!important}body[data-active-workspace="POS"] #bill-workspace>div:last-child{background:#f5f7ef!important;border-color:#b8c6ab}body[data-active-workspace="POS"] #bill-workspace>div:last-child>div:first-child{background:#f9faf5!important}body[data-active-workspace="POS"] #bill-workspace>div:last-child>div:first-child>div:last-child{background:#e1e6d4!important;color:#244432!important}body[data-active-workspace="POS"] #bill-workspace button[onclick="openPaymentModal()"]{background:linear-gradient(#42664a,#214d33)!important;box-shadow:inset 0 1px 1px #ffffff50,0 2px 5px #2c503229}body[data-active-workspace="POS"] #cart-total{color:#203c32!important}@media(max-width:600px){body[data-active-workspace="POS"] #bill-workspace{box-sizing:border-box}}

body[data-active-workspace="POS"] #summary-grand-total,body[data-active-workspace="POS"] #pricing-mode-indicator{color:#244432!important}body[data-active-workspace="POS"] #products-grid .bg-emerald-50{background:#e1ebdc!important;border-color:#b7cdb1!important;color:#244a32!important}body[data-active-workspace="POS"] #bill-heading>div:first-child>div:first-child>div:first-child{display:flex!important;background:#d2ddc7!important;color:#244a32!important;border-radius:50%}body[data-active-workspace="POS"] #bill-workspace button[onclick="promptDiscount()"]{color:#264332!important;background:#e6ece1!important;border-color:#afc0a6!important}

body[data-active-workspace="POS"] #product-total{color:#20364b!important;background:#fff!important;opacity:1!important;font-weight:800;border:1px solid #b9c9d5;padding:6px 10px;border-radius:999px}

.product-category-image.automatic-product-photo:before{background-image:url("/product-photos-v2.png")!important;background-size:300% 100%!important;background-position:inherit!important}

.workspace-sidebar .workspace-nav-group{width:100%;margin:8px 0;border:1px solid #d5deea;border-radius:12px;background:#f7f9fc;overflow:hidden}.workspace-nav-group>summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;padding:13px 11px;color:#253b52;font-size:12px;font-weight:800;line-height:1.4}.workspace-nav-group>summary::-webkit-details-marker{display:none}.workspace-nav-group>summary:after{content:"▸";margin-left:auto;font-size:15px}.workspace-nav-group[open]>summary:after{content:"▾"}.workspace-nav-group[open]>summary{background:#eaf0f7;border-bottom:1px solid #d5deea}.workspace-nav-group>summary:focus-visible{outline:2px solid #6536f5;outline-offset:-3px}.workspace-nav-count{font-size:10px;background:#dfe7f0;color:#354b61;border-radius:999px;padding:2px 6px}.workspace-nav-links{padding:8px}.workspace-sidebar .workspace-nav-links button{width:100%;margin-bottom:5px}.workspace-sidebar .workspace-nav-links button:last-child{margin-bottom:0}@media(max-width:600px){.workspace-sidebar{display:block;max-height:45dvh}.workspace-sidebar .workspace-overview-active{width:100%}.workspace-nav-group>summary{padding:12px;font-size:12px}}

/* Mobile footer: shortcuts own the full first row instead of shrinking beside Help. */
@media(max-width:700px){#workspace-footer{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;padding:10px;padding-bottom:max(10px,env(safe-area-inset-bottom));padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));width:100%;min-width:0;height:auto;max-height:none;box-sizing:border-box}#workspace-footer #footer-shortcuts{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;min-width:0;flex:none;align-items:stretch}#workspace-footer button.footer-key{display:flex;justify-content:flex-start;align-items:center;gap:4px;width:100%;min-width:0;min-height:42px;white-space:nowrap;padding:5px;font-size:10px;line-height:1.2;box-sizing:border-box}#workspace-footer .footer-key[hidden]{display:none!important}#workspace-footer .footer-key kbd{font-size:10px;padding:4px;min-width:24px;text-align:center;flex-shrink:0;line-height:1.1}#workspace-footer #pkrom-help-launch{grid-column:1;justify-self:start;white-space:normal;max-width:100%;font-size:10px;padding:8px;min-height:36px}#workspace-footer>strong{grid-column:2;justify-self:end;max-width:100%;white-space:normal;text-align:right;font-size:10px;line-height:1.4}}@media(max-width:359px){#workspace-footer #footer-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}