/* v0.7.36 fixed-till finish. Each selector is scoped; Mobile Waiter and other applications retain their styles. */

#app .service-till.premium-reference-till {--finish-accent:#fa8e27;--finish-ink:#f6f5f2;--finish-muted:#aeb9c2;grid-template-rows:66px minmax(0,1fr) 72px;background:#090d11;color:var(--finish-ink);font-family:"Segoe UI",Arial,sans-serif}
#app .service-till.premium-reference-till button {touch-action:manipulation}
#app .service-till.premium-reference-till button:focus-visible,#app .service-till.premium-reference-till input:focus-visible {outline:2px solid #ffb76d;outline-offset:-3px}
#app .service-till.premium-reference-till .till-top {height:66px;grid-template-columns:220px 150px minmax(340px,1fr) auto;gap:12px;padding:0 18px;background:#10161c;border:0;border-bottom:1px solid #29323b;box-shadow:none}
#app .service-till.premium-reference-till .brand-identity {gap:10px;padding-right:14px;border-color:#303840}
#app .service-till.premium-reference-till .brand-identity img {width:40px;height:40px;border-radius:7px;box-shadow:none}
#app .service-till.premium-reference-till .brand-identity strong {font-size:22px;font-weight:650;letter-spacing:-.025em}
#app .service-till.premium-reference-till .brand-identity strong em {color:#fa8e27}
#app .service-till.premium-reference-till .brand-identity small,#app .service-till.premium-reference-till .venue-identity small {font-size:11px;color:#aeb9c2}
#app .service-till.premium-reference-till .venue-identity {border-color:#303840;gap:9px}
#app .service-till.premium-reference-till .venue-identity>.ui-icon {color:#d5dbe0}
#app .service-till.premium-reference-till .venue-identity b {font-size:14px;font-weight:600}
#app .service-till.premium-reference-till .header-operational {gap:7px}
#app .service-till.premium-reference-till .operator-chip,#app .service-till.premium-reference-till .header-state {height:48px;background:#141d25;border:1px solid #303b45;border-radius:6px;box-shadow:none;padding:6px 10px}
#app .service-till.premium-reference-till .operator-avatar {background:#26323c;border:1px solid #3c4a56;border-radius:5px;width:30px;height:32px}
#app .service-till.premium-reference-till .operator-chip b,#app .service-till.premium-reference-till .header-state b {font-size:12px;font-weight:600}
#app .service-till.premium-reference-till .operator-chip small,#app .service-till.premium-reference-till .header-state small {font-size:10px;color:#aeb9c2}
#app .service-till.premium-reference-till .header-state .ui-icon {color:#d1dae0;width:21px;height:21px}
#app .service-till.premium-reference-till .status-light {box-shadow:none;background:#8a959f}
#app .service-till.premium-reference-till .session-status b {font-size:24px;font-weight:600;font-variant-numeric:tabular-nums}
#app .service-till.premium-reference-till .session-status small {font-size:11px;letter-spacing:0;text-transform:none}
#app .service-till.premium-reference-till .lock-btn {height:44px;min-width:44px;border-radius:6px;background:#17212a;border:1px solid #35414b;display:flex}
#app .service-till.premium-reference-till .till-body {grid-template-columns:156px minmax(0,1fr) 382px;background:#090d11;min-height:0}
#app .service-till.premium-reference-till .category-rail {padding:8px 0;background:#10171e;border-right:1px solid #28323a;min-height:0}
#app .service-till.premium-reference-till .category-track {gap:3px;padding:0 7px;scrollbar-width:thin}
#app .service-till.premium-reference-till .category-track .cat-btn {min-height:54px;height:auto;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:12px 10px;border-radius:5px;border:1px solid transparent;background:transparent;color:#ccd4da;box-shadow:none}
#app .service-till.premium-reference-till .category-track .cat-btn::before {display:none}
#app .service-till.premium-reference-till .category-track .cat-btn.active {background:#fa8e27;border-color:#ffac5c;color:#171b1e;box-shadow:none}
#app .service-till.premium-reference-till .category-track .cat-btn:not(.active):hover {background:#1d2730}
#app .service-till.premium-reference-till .category-track .cat-icon {width:28px;height:28px;background:transparent;color:inherit;border:0;box-shadow:none}
#app .service-till.premium-reference-till .category-track .cat-icon .ui-icon {width:25px;height:25px;stroke-width:1.6}
#app .service-till.premium-reference-till .category-track .cat-copy b {font-size:15px;font-weight:500;line-height:1.3;white-space:normal;max-width:none}
#app .service-till.premium-reference-till .category-rail-tools {margin:8px 10px 0;padding-top:8px;border-color:#303a43}
#app .service-till.premium-reference-till .category-rail-tools button {min-height:44px;height:auto;font-size:12px;color:#c5d0d8}
#app .service-till.premium-reference-till .product-area {grid-template-rows:62px 38px minmax(0,1fr);background:#18232d;gap:0}
#app .service-till.premium-reference-till .selling-head {height:62px;padding:8px 14px;gap:12px;background:#15202a;border-bottom:1px solid #28323b}
#app .service-till.premium-reference-till .pos-search {width:100%;height:46px;background:#151e27;border:1px solid #35414d;border-radius:6px;box-shadow:none;padding:0 14px}
#app .service-till.premium-reference-till .pos-search input {font-size:15px;color:#f5f6f7}
#app .service-till.premium-reference-till .pos-search input::placeholder {color:#a7b4bf}
#app .service-till.premium-reference-till .selling-meta>.view-buttons {display:flex!important}
#app .service-till.premium-reference-till .view-buttons {gap:7px}
#app .service-till.premium-reference-till .view-buttons button {height:46px;min-width:56px;background:#151e26;border:1px solid #303c47;border-radius:6px;padding:0 12px;font-size:13px;font-weight:500}
#app .service-till.premium-reference-till .view-buttons button.active {background:#201b16;border-color:#ee8c32;color:#ffae62}
#app .service-till.premium-reference-till .product-canvas {padding:0 14px 12px;background:#18232d}
#app .service-till.premium-reference-till .product-grid {height:100%;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:132px;gap:10px;padding:0 2px 12px 0;scrollbar-color:#394550 transparent}
#app .service-till.premium-reference-till .product-tile {position:relative;display:flex;flex-direction:column;width:100%;height:132px;min-width:0;padding:0;gap:0;border:1px solid #303b46;border-radius:7px;background:#121b23;box-shadow:none;text-align:left;outline-offset:-3px}
#app .service-till.premium-reference-till .product-tile:hover:not(:disabled) {border-color:#f0a15c;transform:none;background:#18232c}
#app .service-till.premium-reference-till .product-tile:active:not(:disabled),#app .service-till.premium-reference-till .product-tile.tap-pulse {transform:scale(.985);box-shadow:inset 0 0 0 2px #f6ae69;filter:none}
#app .service-till.premium-reference-till .product-tile.has-photo .tile-photo {display:block;flex:1 1 0;min-height:0;overflow:hidden;width:100%;background:#1b252d}
#app .service-till.premium-reference-till .product-tile.has-photo .tile-photo img {display:block;width:100%;height:100%;object-fit:cover;object-position:center}
#app .service-till.premium-reference-till .product-tile.has-photo .tile-details {display:flex!important;flex-direction:column;flex:0 0 68px;min-height:68px;padding:8px 11px;background:#111a22;gap:4px;text-align:left;align-items:stretch}
#app .service-till.premium-reference-till .product-tile.has-photo .tile-copy {display:block!important;text-align:left;min-width:0;margin:0;padding:0}
#app .service-till.premium-reference-till .product-tile.has-photo .tile-copy b {font-size:15px!important;font-weight:600;line-height:1.2!important;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}
#app .service-till.premium-reference-till .product-tile.has-photo .tile-copy small {display:none}
#app .service-till.premium-reference-till .product-tile.has-photo .tile-bottom {display:flex;justify-content:flex-start;align-items:center;position:static;margin-top:auto;height:auto;padding:0}
#app .service-till.premium-reference-till .product-tile.has-photo .tile-bottom strong {font-size:15px!important;line-height:1.1!important;font-weight:500}
#app .service-till.premium-reference-till .product-tile.no-photo,#app .service-till.premium-reference-till .product-tile.photo-failed {background:#263540;border-color:#43525e}
#app .service-till.premium-reference-till .product-tile.no-photo .tile-details,#app .service-till.premium-reference-till .product-tile.photo-failed .tile-details {position:relative;display:flex;flex:1;flex-direction:column;justify-content:space-between;min-height:0;padding:11px 12px 12px;gap:6px;border:0;border-top:4px solid color-mix(in srgb,var(--tile) 72%,#7c8c99);background:transparent}
#app .service-till.premium-reference-till .product-tile.no-photo .tile-copy,#app .service-till.premium-reference-till .product-tile.photo-failed .tile-copy {display:flex;flex-direction:column-reverse;gap:6px;align-items:flex-start}
#app .service-till.premium-reference-till .product-tile.no-photo .tile-copy b,#app .service-till.premium-reference-till .product-tile.photo-failed .tile-copy b {font-size:16px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:-.015em;max-width:100%;padding:0;text-align:left}
#app .service-till.premium-reference-till .product-tile.no-photo .tile-copy small,#app .service-till.premium-reference-till .product-tile.photo-failed .tile-copy small {font-size:11px!important;font-weight:500;color:#b6c2cb!important;text-transform:none;letter-spacing:0}
#app .service-till.premium-reference-till .product-tile.no-photo .tile-bottom strong,#app .service-till.premium-reference-till .product-tile.photo-failed .tile-bottom strong {font-size:20px!important;line-height:1.1!important;font-weight:600!important;letter-spacing:-.02em}
#app .service-till.premium-reference-till .product-tile.no-photo .tile-bottom::after,#app .service-till.premium-reference-till .product-tile.photo-failed .tile-bottom::after {width:30px;height:30px;bottom:12px;right:12px;border-color:#4a5b68;background:transparent;border-radius:4px;font-weight:400}
#app .service-till.premium-reference-till .tile-category-mark {display:none}
#app .service-till.premium-reference-till .product-tile .tile-route {display:none}
#app .service-till.premium-reference-till .tile-stock {position:absolute;bottom:10px;right:8px;top:auto;z-index:2;background:#101820;color:#ffd2a4;border:1px solid #82613d;padding:4px 7px;border-radius:4px;font-size:11px;font-weight:600;max-width:90%}
#app .service-till.premium-reference-till .product-tile.no-photo:has(.tile-stock) .tile-copy {padding-top:0}
#app .service-till.premium-reference-till .product-tile.stock-blocked {opacity:.65}
#app .service-till.premium-reference-till.view-list .product-grid {grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:94px}
#app .service-till.premium-reference-till.view-list .product-tile {height:94px;flex-direction:row}
#app .service-till.premium-reference-till.view-list .product-tile.has-photo .tile-photo {flex:0 0 82px;width:82px;min-width:82px}
#app .service-till.premium-reference-till.view-list .product-tile.has-photo .tile-details {flex:1;min-width:0;padding:9px;min-height:0}
#app .service-till.premium-reference-till.view-list .product-tile.no-photo .tile-details {flex-direction:row;align-items:center;padding:10px;gap:8px}
#app .service-till.premium-reference-till.view-list .product-tile.no-photo .tile-copy {gap:4px}
#app .service-till.premium-reference-till.view-list .product-tile.no-photo .tile-copy b {font-size:14px!important}
#app .service-till.premium-reference-till.view-list .product-tile.no-photo .tile-copy small {display:none}
#app .service-till.premium-reference-till.view-list .product-tile.no-photo .tile-bottom strong {font-size:16px!important;white-space:nowrap}
#app .service-till.premium-reference-till.view-list .product-tile.no-photo .tile-bottom::after {display:none}
#app .service-till.premium-reference-till.view-list .tile-stock {font-size:10px;padding:2px 4px;top:2px;right:2px}
#app .service-till.premium-reference-till .basket-panel {background:#10171f;border-left:1px solid #35414c;grid-template-rows:70px minmax(0,1fr) auto auto auto;box-shadow:none}
#app .service-till.premium-reference-till .basket-head {height:70px;padding:12px 15px;background:#141e27;border-bottom:1px solid #35414c}
#app .service-till.premium-reference-till .order-number-row h2 {font-size:21px;font-weight:600;letter-spacing:-.02em;text-transform:none}
#app .service-till.premium-reference-till .order-reference {font-size:11px;color:#aebcc6;margin-top:4px}
#app .service-till.premium-reference-till .order-state {font-size:9px}
#app .service-till.premium-reference-till .basket-icon {height:44px;border:1px solid #3c4d5c;background:#1c2934;border-radius:6px;font-size:12px}
#app .service-till.premium-reference-till .basket-lines {padding:0 13px;background:#10171f;overflow:auto;min-height:0}
#app .service-till.premium-reference-till .basket-line {position:relative;grid-template-columns:20px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:3px 8px;min-height:100px;padding:9px 0;background:transparent;border:0;border-bottom:1px solid #303b46;border-radius:0;box-shadow:none;align-items:start}
#app .service-till.premium-reference-till .basket-line.selected-line {background:#1d2933;outline:1px solid #d39150;outline-offset:-1px}
#app .service-till.premium-reference-till .line-accent {display:none}
#app .service-till.premium-reference-till .line-qty {grid-column:1;grid-row:1;padding-top:5px;font-size:14px;color:#e7edf2}
#app .service-till.premium-reference-till .line-main {grid-column:2;grid-row:1/3;min-width:0}
#app .service-till.premium-reference-till .line-select {display:block;width:100%;min-height:30px;padding:3px 0;border:0;background:transparent;color:inherit;text-align:left;border-radius:3px}
#app .service-till.premium-reference-till .line-main b {font-size:15px;font-weight:600;line-height:1.3;white-space:normal}
#app .service-till.premium-reference-till .line-main small {font-size:12px;line-height:1.45;color:#b0bec9;white-space:normal;margin-top:4px}
#app .service-till.premium-reference-till .line-total {grid-column:3;grid-row:1;font-size:15px;font-weight:500;padding-top:5px}
#app .service-till.premium-reference-till .qty {grid-column:3;grid-row:2;gap:4px;justify-self:end;align-self:end}
#app .service-till.premium-reference-till .qty button {width:44px;height:44px;border:1px solid #435361;border-radius:5px;background:#1b2833;font-size:22px;color:#fff}
#app .service-till.premium-reference-till .order-direct-tools {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:8px 12px;gap:7px;background:#10171f;border-top:1px solid #2e3a44}
#app .service-till.premium-reference-till .order-direct-tools button {display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:44px;padding:4px;border:1px solid #354653;border-radius:5px;background:#18232d;color:#e3e9ed;font-size:11px;font-weight:500}
#app .service-till.premium-reference-till .order-direct-tools .ui-icon {width:17px;height:17px}
#app .service-till.premium-reference-till .basket-summary {padding:7px 15px;background:#10171f}
#app .service-till.premium-reference-till .summary-row {min-height:25px;color:#b8c4cd;font-size:12px}
#app .service-till.premium-reference-till .summary-row b {font-size:13px;color:#ecf0f3;font-weight:500}
#app .service-till.premium-reference-till .grand {display:flex;align-items:center;justify-content:space-between;border-top:1px solid #66737e;margin-top:5px;padding:9px 0 3px!important}
#app .service-till.premium-reference-till .grand span {font-size:22px;font-weight:600}
#app .service-till.premium-reference-till .grand strong {font-size:28px!important;font-weight:650!important;letter-spacing:-.02em}
#app .service-till.premium-reference-till .basket-actions {padding:5px 12px 10px;background:#10171f;gap:7px;grid-template-rows:44px 68px 44px!important}
#app .service-till.premium-reference-till .send-primary {height:44px;background:#1d252a;border:1px solid #755a3c;color:#ffc084;border-radius:5px;font-size:12px;font-weight:500}
#app .service-till.premium-reference-till .pay-action {height:68px!important;min-height:68px;background:#16b344;border:1px solid #35cb5e;border-radius:7px;box-shadow:none}
#app .service-till.premium-reference-till .pay-action>span,#app .service-till.premium-reference-till .pay-action>strong {font-size:25px;font-weight:650;text-transform:capitalize}
#app .service-till.premium-reference-till .order-tool-row,#app .service-till.premium-reference-till .order-tool-row button {height:44px!important}
#app .service-till.premium-reference-till .order-tool-row {border:1px solid #354550;border-radius:5px}
#app .service-till.premium-reference-till .order-tool-row button {background:#18232c;color:#d8e1e7;font-size:11px}
#app .service-till.premium-reference-till .till-bottom-nav {height:72px;min-height:72px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:8px 11px;background:#0e151c;border-top:1px solid #303c46}
#app .service-till.premium-reference-till .bottom-key {background:#141e27;border:1px solid #303d49;border-radius:6px;color:#e2e8ec;font-size:13px;font-weight:500;gap:6px}
#app .service-till.premium-reference-till .bottom-key .ui-icon {width:24px;height:24px;stroke-width:1.6}
#app .service-till.premium-reference-till .bottom-key.active {background:#1e1a16;border-color:#f58b2d;color:#ffae63}
#app .service-till.premium-reference-till .offline-block {inset:66px 0 72px}
@media(max-width:1120px) {
#app .service-till.premium-reference-till .till-top {grid-template-columns:210px 130px minmax(260px,1fr) auto;padding:0 12px;gap:8px}
#app .service-till.premium-reference-till .header-operational .header-state:not(.printer-state) {display:none}
#app .service-till.premium-reference-till .till-body {grid-template-columns:136px minmax(0,1fr) 352px}
#app .service-till.premium-reference-till .product-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
#app .service-till.premium-reference-till .category-track .cat-copy b {font-size:13px}
#app .service-till.premium-reference-till.view-list .product-grid {grid-template-columns:1fr}
}
@media(max-height:790px) {
#app .service-till.premium-reference-till {grid-template-rows:62px minmax(0,1fr) 68px}
#app .service-till.premium-reference-till .till-top {height:62px}
#app .service-till.premium-reference-till .product-area {grid-template-rows:58px 34px minmax(0,1fr)}
#app .service-till.premium-reference-till .selling-head {height:58px;padding:6px 14px}
#app .service-till.premium-reference-till .product-grid {grid-auto-rows:126px;gap:10px}
#app .service-till.premium-reference-till .product-tile {height:126px}
#app .service-till.premium-reference-till .basket-panel {grid-template-rows:62px minmax(0,1fr) auto auto auto}
#app .service-till.premium-reference-till .basket-head {height:62px;padding:8px 13px}
#app .service-till.premium-reference-till .basket-summary {padding:3px 14px}
#app .service-till.premium-reference-till .summary-row {min-height:22px}
#app .service-till.premium-reference-till .grand {padding:5px 0 2px!important;margin-top:3px}
#app .service-till.premium-reference-till .basket-actions {grid-template-rows:44px 58px 44px!important;gap:5px;padding:4px 12px 7px}
#app .service-till.premium-reference-till .pay-action {height:58px!important;min-height:58px}
#app .service-till.premium-reference-till .order-direct-tools {padding:5px 12px}
#app .service-till.premium-reference-till .till-bottom-nav {height:68px;min-height:68px;padding:6px 9px}
#app .service-till.premium-reference-till .offline-block {inset:62px 0 68px}
}
@media(max-height:650px) {
#app .service-till.premium-reference-till .basket-head {height:54px}
#app .service-till.premium-reference-till .basket-panel {grid-template-rows:54px minmax(0,1fr) auto auto auto}
#app .service-till.premium-reference-till .basket-actions {gap:3px}
#app .service-till.premium-reference-till .grand {padding-top:2px!important}
#app .service-till.premium-reference-till .grand span {font-size:18px}
#app .service-till.premium-reference-till .grand strong {font-size:23px!important}
}

#app .service-till.premium-reference-till .line-service-state {display:block;margin-top:6px;font-size:10px;color:#a5b8b4;line-height:1.3}
#app .service-till.premium-reference-till .line-service-state.has-new {color:#ffbc7d}
#app .service-till.premium-reference-till .product-tile.has-photo .tile-copy,#app .service-till.premium-reference-till .product-tile.has-photo .tile-copy b {text-align:left!important;align-self:stretch!important;align-items:flex-start!important;justify-content:flex-start!important}


/* Tactile hospitality workstation: receipt left, categories above selling keys.
   Customer-configured category colours remain the source for product grouping. */
#app .service-till.premium-reference-till {grid-template-rows:60px minmax(0,1fr) 66px;background:#0e1b26;color:#f3f1e9;font-family:"Segoe UI",Arial,sans-serif}
#app .service-till.premium-reference-till .till-top {height:60px;padding:0 14px;grid-template-columns:214px 160px minmax(320px,1fr) auto;background:#11212d;border-bottom:1px solid #344956;box-shadow:0 2px 0 #08121a}
#app .service-till.premium-reference-till .brand-identity {height:40px;border-color:#38505e}
#app .service-till.premium-reference-till .brand-identity img {width:34px;height:34px;border-radius:5px}
#app .service-till.premium-reference-till .brand-identity strong {font-size:21px;font-weight:600;letter-spacing:-.03em}
#app .service-till.premium-reference-till .brand-identity strong em {color:#65c7c0}
#app .service-till.premium-reference-till .brand-identity small {font-size:10px;margin-top:3px;color:#afc5cf}
#app .service-till.premium-reference-till .venue-identity {height:40px;border-color:#38505e}
#app .service-till.premium-reference-till .venue-identity b {font-size:13px;font-weight:600}
#app .service-till.premium-reference-till .venue-identity small {font-size:10px;margin-top:3px}
#app .service-till.premium-reference-till .header-operational {gap:8px}
#app .service-till.premium-reference-till .operator-chip,#app .service-till.premium-reference-till .header-state {height:40px;border:0;border-radius:0;background:transparent;padding:3px 10px;border-right:1px solid #354b58;box-shadow:none}
#app .service-till.premium-reference-till .operator-avatar {background:#2b4958;color:#e9f6f4;border-color:#4e6c78;width:27px;height:30px;border-radius:4px}
#app .service-till.premium-reference-till .operator-chip small,#app .service-till.premium-reference-till .header-state small {font-size:10px;color:#acc2cf}
#app .service-till.premium-reference-till .header-state b,#app .service-till.premium-reference-till .operator-chip b {font-size:12px;font-weight:600}
#app .service-till.premium-reference-till .session-status b {font-size:22px;font-weight:500}
#app .service-till.premium-reference-till .lock-btn {height:42px;min-width:44px;border:1px solid #49616f;border-bottom:3px solid #0a1822;background:linear-gradient(#263d4c,#1c303e);border-radius:5px;box-shadow:inset 0 1px #395260}
#app .service-till.premium-reference-till .till-body {display:grid;grid-template-columns:366px minmax(0,1fr);grid-template-rows:84px minmax(0,1fr);grid-template-areas:"order categories" "order catalogue";gap:0;background:#122431}
#app .service-till.premium-reference-till .basket-panel {grid-area:order;grid-template-rows:62px minmax(0,1fr) auto auto auto;background:#10212c;border:0;border-right:2px solid #0a1721;box-shadow:inset -1px 0 #3b5260;min-width:0;color:#eff3f3}
#app .service-till.premium-reference-till .basket-panel::before {display:none}
#app .service-till.premium-reference-till .basket-head {height:62px;background:#1e3543;border-bottom:1px solid #4a616b;box-shadow:none;padding:9px 14px}
#app .service-till.premium-reference-till .order-number-row h2 {font-size:22px!important;font-weight:600;color:#f5f2e9;letter-spacing:-.02em}
#app .service-till.premium-reference-till .order-reference {font-size:11px;color:#adcad3;margin-top:4px}
#app .service-till.premium-reference-till .order-state {border-radius:3px;padding:2px 6px;height:19px;font-size:9px}
#app .service-till.premium-reference-till .ready-state {color:#a9dec9;background:#1d453e;border-color:#41685e}
#app .service-till.premium-reference-till .basket-icon {height:44px;color:#e8f1f3;border:1px solid #56707c;border-bottom:3px solid #0b1e28;background:linear-gradient(#344e5b,#263f4c);border-radius:5px;font-size:11px;box-shadow:inset 0 1px #5a737f}
#app .service-till.premium-reference-till .basket-icon b {background:#4c737c;color:#f2faf9;border-radius:3px}
#app .service-till.premium-reference-till .basket-lines {padding:0 13px;background:#10212c;box-shadow:none;scrollbar-color:#4e6976 transparent}
#app .service-till.premium-reference-till .basket-line {min-height:100px;padding:10px 0;border:0;border-bottom:1px solid #34505e;background:transparent;box-shadow:none;grid-template-columns:20px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:3px 7px;align-items:start}
#app .service-till.premium-reference-till .basket-line.selected-line {background:#253f4a;outline:2px solid #77bcb7;outline-offset:-2px}
#app .service-till.premium-reference-till .line-qty {color:#b6cbd4;font-size:15px;font-weight:500}
#app .service-till.premium-reference-till .line-select {background:transparent;color:#f3f5f2;min-height:30px;padding:3px 0;border:0;text-align:left}
#app .service-till.premium-reference-till .line-main b {font-size:16px!important;font-weight:600!important;line-height:1.25!important;color:#f3f5f2!important;white-space:normal}
#app .service-till.premium-reference-till .line-main small {font-size:12px;line-height:1.4;color:#b8ccd4;margin-top:4px}
#app .service-till.premium-reference-till .line-total {color:#f5f4e9;font-size:16px;font-weight:600;padding-top:5px}
#app .service-till.premium-reference-till .line-service-state {display:block;font-size:10px;color:#90d0bd;margin-top:5px}
#app .service-till.premium-reference-till .line-service-state.has-new {color:#efbf7d}
#app .service-till.premium-reference-till .qty button {width:44px;height:44px;border:1px solid #607a86;border-bottom:3px solid #091a24;background:linear-gradient(#324d5b,#243d4b);color:#edf4f2;border-radius:5px;box-shadow:inset 0 1px #55707d;font-size:21px}
#app .service-till.premium-reference-till .order-direct-tools {padding:7px 11px;gap:6px;background:#1a303c;border-top:1px solid #4a626c;box-shadow:none}
#app .service-till.premium-reference-till .order-direct-tools button {min-height:44px;font-size:11px;font-weight:500;background:linear-gradient(#354c59,#273d4a);border:1px solid #5a727e;border-bottom:3px solid #0b1b25;border-radius:5px;color:#f0f3ee;box-shadow:inset 0 1px #59717b}
#app .service-till.premium-reference-till .order-direct-tools button:disabled {opacity:.4}
#app .service-till.premium-reference-till .basket-summary {padding:6px 15px;background:#142936}
#app .service-till.premium-reference-till .summary-row {min-height:23px;color:#b5cad3;font-size:12px}
#app .service-till.premium-reference-till .summary-row b {font-size:14px;color:#e9efec;font-weight:500}
#app .service-till.premium-reference-till .grand {padding:8px 0 2px!important;margin-top:4px;border-top:1px solid #58717b!important;background:transparent!important;box-shadow:none!important}
#app .service-till.premium-reference-till .grand span {color:#e5efeb;font-size:21px;font-weight:500}
#app .service-till.premium-reference-till .grand strong {color:#faf7eb!important;font-size:30px!important;font-weight:600!important;letter-spacing:-.025em}
#app .service-till.premium-reference-till .basket-actions {padding:5px 11px 9px;gap:6px;grid-template-rows:44px 64px 44px!important;background:#142936}
#app .service-till.premium-reference-till .send-primary {height:44px;border:1px solid #b99861;border-bottom:3px solid #493d2b;border-radius:5px;background:linear-gradient(#f0c891,#d2aa72);color:#332819;box-shadow:inset 0 1px #ffe1b8;font-size:12px;font-weight:600}
#app .service-till.premium-reference-till .pay-action {height:64px!important;min-height:64px;border:1px solid #53bea6!important;border-bottom:4px solid #085844!important;border-radius:6px;background:linear-gradient(#29ae87,#18886b)!important;box-shadow:inset 0 1px #66c9aa,0 2px 0 #081a20!important;color:#fff!important}
#app .service-till.premium-reference-till .pay-action>span,#app .service-till.premium-reference-till .pay-action>strong {font-size:26px;font-weight:650}
#app .service-till.premium-reference-till .pay-action>i {background:transparent}
#app .service-till.premium-reference-till .pay-action:disabled {background:#29433e!important;border-color:#456157!important;color:#8ea99d!important;box-shadow:none!important}
#app .service-till.premium-reference-till .order-tool-row {border:1px solid #4c6570;border-bottom:3px solid #0b1b25;border-radius:5px;background:#213b49}
#app .service-till.premium-reference-till .order-tool-row button {color:#d2e1e5;background:linear-gradient(#2c4552,#203946);font-weight:500;font-size:11px}
#app .service-till.premium-reference-till .category-rail {grid-area:categories;display:flex;flex-direction:row;align-items:stretch;gap:9px;padding:10px 12px 8px;background:#1c3342;border:0;border-bottom:1px solid #49606b;min-width:0;overflow:hidden}
#app .service-till.premium-reference-till .category-track {display:flex;flex-direction:row;gap:8px;flex:1;min-width:0;height:100%;padding:0 0 3px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#63818d transparent}
#app .service-till.premium-reference-till .category-track .cat-btn {--face:color-mix(in srgb,var(--cat) 63%,#293b48);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;flex:0 0 111px;width:111px;min-width:111px;max-width:145px;height:61px;min-height:61px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--cat) 80%,#b8c7c9);border-bottom:4px solid color-mix(in srgb,var(--cat) 30%,#142731);border-radius:6px;background:linear-gradient(color-mix(in srgb,var(--face) 85%,#b5c1be),var(--face));box-shadow:inset 0 1px color-mix(in srgb,var(--cat) 45%,#e4e9df),0 2px 1px #0a1c29;color:#fff;text-align:left;overflow:hidden}
#app .service-till.premium-reference-till .category-track .cat-btn.active {background:linear-gradient(color-mix(in srgb,var(--cat) 85%,#f5e3c6),color-mix(in srgb,var(--cat) 80%,#b9c8c8));color:#172c39;border-color:#e3e9d9;border-bottom-color:color-mix(in srgb,var(--cat) 45%,#254455);box-shadow:inset 0 1px #fff0d7,0 0 0 2px #0b1b25}
#app .service-till.premium-reference-till .category-track .cat-icon {display:none}
#app .service-till.premium-reference-till .category-track .cat-copy {display:block;flex:none;min-width:0;width:100%;text-align:left}
#app .service-till.premium-reference-till .category-track .cat-copy b {color:inherit;font-size:14px;font-weight:600;line-height:1.15;white-space:normal;max-width:100%}
#app .service-till.premium-reference-till .category-track .cat-copy small {display:none}
#app .service-till.premium-reference-till .category-rail-tools {display:flex;flex:0 0 72px;flex-direction:column;gap:0;margin:0;padding:0;border:0}
#app .service-till.premium-reference-till .category-rail-tools button {height:61px;min-height:61px;width:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:4px;background:linear-gradient(#385261,#294352);border:1px solid #647d87;border-bottom:4px solid #142731;border-radius:5px;color:#e3eeee;font-size:10px;font-weight:500;box-shadow:inset 0 1px #657e86}
#app .service-till.premium-reference-till .category-rail-tools #functionsKey {display:none}
#app .service-till.premium-reference-till .product-area {grid-area:catalogue;display:grid;grid-template-rows:60px 34px minmax(0,1fr);gap:0;padding:0;background:#1a3040;min-width:0;min-height:0}
#app .service-till.premium-reference-till .selling-head {height:60px;padding:8px 12px;background:#1a3040;border:0;gap:10px}
#app .service-till.premium-reference-till .pos-search {height:44px;border:1px solid #536c7c;border-bottom:1px solid #708894;border-radius:5px;background:#102634;box-shadow:inset 0 2px 2px #0b1b27;padding:0 13px}
#app .service-till.premium-reference-till .pos-search input {font-size:14px;color:#ecf2ef}
#app .service-till.premium-reference-till .pos-search input::placeholder {color:#adc2cd}
#app .service-till.premium-reference-till .pos-search:focus-within {border-color:#79c3bc;box-shadow:inset 0 2px 2px #0b1b27}
#app .service-till.premium-reference-till .view-buttons button {height:44px;min-width:55px;border:1px solid #64808d;border-bottom:3px solid #10212d;border-radius:5px;background:linear-gradient(#355365,#284355);box-shadow:inset 0 1px #526e7b;color:#e8eeee;font-weight:500}
#app .service-till.premium-reference-till .view-buttons button.active {background:linear-gradient(#69aaa8,#4e8a8d);color:#102e36;border-color:#8bc6bd;border-bottom-color:#234e58;box-shadow:inset 0 1px #b4e2d4}
#app .service-till.premium-reference-till .catalogue-context {display:flex;align-items:center;gap:10px;padding:0 14px 8px;color:#e3eeec;min-width:0}
#app .service-till.premium-reference-till .catalogue-context h2 {font-size:16px;line-height:1.2;font-weight:600;margin:0}
#app .service-till.premium-reference-till .catalogue-context .product-count {background:transparent;border:0;color:#a7c0cc;font-size:11px;padding:0}
#app .service-till.premium-reference-till .catalogue-hint {margin-left:auto;color:#a7c0cc;font-size:11px}
#app .service-till.premium-reference-till .product-canvas {padding:0 12px 12px;background:#1a3040}
#app .service-till.premium-reference-till .product-grid {grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:130px;gap:10px;padding:1px 2px 5px 0;scrollbar-color:#617f8f transparent}
#app .service-till.premium-reference-till .product-tile {height:130px;border-radius:6px;border:1px solid #6c8a91;border-bottom:4px solid #142e3d;box-shadow:inset 0 1px #809d9f,0 2px 1px #0d202e}
#app .service-till.premium-reference-till .product-tile.no-photo,#app .service-till.premium-reference-till .product-tile.photo-failed {--key:hsl(from var(--tile) h s 29%);background:linear-gradient(hsl(from var(--tile) h s 36%),var(--key));border-color:color-mix(in srgb,var(--tile) 55%,#829b9f);border-bottom-color:color-mix(in srgb,var(--tile) 20%,#102c3c)}
#app .service-till.premium-reference-till .product-tile.no-photo .tile-details,#app .service-till.premium-reference-till .product-tile.photo-failed .tile-details {padding:11px 13px 12px;gap:6px;border:0;background:transparent;box-shadow:none}
#app .service-till.premium-reference-till .product-tile.no-photo .tile-copy,#app .service-till.premium-reference-till .product-tile.photo-failed .tile-copy {display:flex;flex-direction:column;align-items:flex-start;gap:6px}
#app .service-till.premium-reference-till .product-tile.no-photo .tile-copy b,#app .service-till.premium-reference-till .product-tile.photo-failed .tile-copy b {font-size:17px!important;line-height:1.2!important;font-weight:600!important;letter-spacing:0;max-width:100%;color:#fffaf0!important;overflow-wrap:normal}
#app .service-till.premium-reference-till .product-tile.no-photo .tile-copy small,#app .service-till.premium-reference-till .product-tile.photo-failed .tile-copy small {font-size:10px!important;color:#d2dedb!important;letter-spacing:0;text-transform:none}
#app .service-till.premium-reference-till .product-tile.no-photo .tile-bottom strong,#app .service-till.premium-reference-till .product-tile.photo-failed .tile-bottom strong {font-size:21px!important;line-height:1.1!important;font-weight:600!important;color:#fff9ec!important;letter-spacing:-.01em}
#app .service-till.premium-reference-till .product-tile.no-photo .tile-bottom::after,#app .service-till.premium-reference-till .product-tile.photo-failed .tile-bottom::after {display:none}
#app .service-till.premium-reference-till .product-tile.has-photo .tile-details {min-height:54px;flex-basis:54px;background:#223e4c;padding:6px 10px;gap:3px;text-align:left}
#app .service-till.premium-reference-till .product-tile.has-photo .tile-copy b {font-size:14px!important;text-align:left!important}
#app .service-till.premium-reference-till .product-tile.has-photo .tile-copy,#app .service-till.premium-reference-till .product-tile.has-photo .tile-bottom {align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important}
#app .service-till.premium-reference-till .tile-stock {top:auto;bottom:9px;right:8px;background:#203c48;border-color:#9fb6a4;color:#f8dda5;font-size:10px;padding:3px 5px}
#app .service-till.premium-reference-till .product-tile.no-photo:has(.tile-stock) .tile-copy {padding-top:0}
#app .service-till.premium-reference-till .product-tile:hover:not(:disabled) {background:linear-gradient(#6b8587,#536e78);border-color:#c4dfd5;box-shadow:inset 0 1px #b6d0c9,0 2px 1px #0c1e2b;transform:none}
#app .service-till.premium-reference-till .product-tile:active:not(:disabled),#app .service-till.premium-reference-till .product-tile.tap-pulse {transform:translateY(2px);border-bottom-width:2px;box-shadow:inset 0 2px 3px #1c3541;filter:none}
#app .service-till.premium-reference-till button:active:not(:disabled) {transform:translateY(1px)}
#app .service-till.premium-reference-till .category-track .cat-btn:active {transform:translateY(2px);box-shadow:inset 0 2px 2px #37535a}
#app .service-till.premium-reference-till .till-bottom-nav {height:66px;min-height:66px;padding:7px 11px;gap:8px;background:#0e202c;border-top:1px solid #536c76;box-shadow:inset 0 1px #223e4d}
#app .service-till.premium-reference-till .bottom-key {display:flex;flex-direction:row;gap:9px;font-size:13px;font-weight:500;background:linear-gradient(#2d4758,#203948);border:1px solid #506a78;border-bottom:3px solid #081924;border-radius:5px;box-shadow:inset 0 1px #4b6572;color:#dbe8e7}
#app .service-till.premium-reference-till .bottom-key.active {background:linear-gradient(#4c9999,#357c82);border-color:#81bdb5;border-bottom-color:#154653;color:#eefaf2;box-shadow:inset 0 1px #87c4ba}
#app .service-till.premium-reference-till .bottom-key .ui-icon {width:22px;height:22px}
#app .service-till.premium-reference-till .offline-block {inset:60px 0 66px}
@media(max-width:1180px) {
#app .service-till.premium-reference-till .till-top {grid-template-columns:200px 130px minmax(200px,1fr) auto;gap:5px;padding:0 10px}
#app .service-till.premium-reference-till .header-operational .header-state:not(.printer-state) {display:none}
#app .service-till.premium-reference-till .till-body {grid-template-columns:342px minmax(0,1fr)}
#app .service-till.premium-reference-till .product-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
#app .service-till.premium-reference-till .category-track .cat-btn {flex-basis:103px;width:103px;min-width:103px}
#app .service-till.premium-reference-till .bottom-key {font-size:11px;gap:6px}
}
@media(max-height:790px) {
#app .service-till.premium-reference-till {grid-template-rows:58px minmax(0,1fr) 64px}
#app .service-till.premium-reference-till .till-top {height:58px}
#app .service-till.premium-reference-till .till-body {grid-template-rows:78px minmax(0,1fr)}
#app .service-till.premium-reference-till .category-rail {padding:8px 11px 7px}
#app .service-till.premium-reference-till .product-area {grid-template-rows:56px 30px minmax(0,1fr)}
#app .service-till.premium-reference-till .selling-head {height:56px;padding:6px 11px}
#app .service-till.premium-reference-till .product-grid {grid-auto-rows:124px}
#app .service-till.premium-reference-till .product-tile {height:124px}
#app .service-till.premium-reference-till .basket-panel {grid-template-rows:58px minmax(0,1fr) auto auto auto}
#app .service-till.premium-reference-till .basket-head {height:58px}
#app .service-till.premium-reference-till .order-direct-tools {padding:5px 11px}
#app .service-till.premium-reference-till .basket-summary {padding:3px 14px}
#app .service-till.premium-reference-till .summary-row {min-height:22px}
#app .service-till.premium-reference-till .grand {padding:5px 0 2px!important}
#app .service-till.premium-reference-till .basket-actions {grid-template-rows:44px 58px 44px!important;gap:5px;padding:4px 11px 8px}
#app .service-till.premium-reference-till .pay-action {height:58px!important;min-height:58px}
#app .service-till.premium-reference-till .till-bottom-nav {height:64px;min-height:64px;padding:6px 10px}
#app .service-till.premium-reference-till .offline-block {inset:58px 0 64px}
}
@media(max-height:650px) {
#app .service-till.premium-reference-till .basket-panel {grid-template-rows:52px minmax(0,1fr) auto auto auto}
#app .service-till.premium-reference-till .basket-head {height:52px;padding:7px 13px}
#app .service-till.premium-reference-till .grand span {font-size:19px}
#app .service-till.premium-reference-till .grand strong {font-size:26px!important}
#app .service-till.premium-reference-till .catalogue-hint {display:none}
}
@media(prefers-reduced-motion:reduce) {
#app .service-till.premium-reference-till button:active:not(:disabled),#app .service-till.premium-reference-till .product-tile.tap-pulse {transform:none}
}

#app .service-till.premium-reference-till .category-page {width:44px;min-width:44px;height:61px;padding:0;display:grid;place-items:center;background:linear-gradient(#355262,#263f4f);color:#cde1e4;border:1px solid #5b7986;border-bottom:3px solid #102531;border-radius:5px;box-shadow:inset 0 1px #5a7682}
#app .service-till.premium-reference-till .category-page:disabled {background:#1b3443;color:#627f8b;border-color:#355260;box-shadow:none;opacity:.7}
#app .service-till.premium-reference-till .category-rail-tools button.active {background:linear-gradient(#67aaa7,#458486);border-color:#9ccdc0;border-bottom-color:#1e515a;color:#effbf4}

/* 0.7.36: charcoal photographic workstation, informed by the official Epos Now till. */
#app .service-till.premium-reference-till {background:#202124;color:#f3f5f2}
#app .service-till.premium-reference-till .till-body {grid-template-columns:minmax(0,1fr) 366px;grid-template-areas:"categories order" "catalogue order";background:#202124}
#app .service-till.premium-reference-till .till-top,#app .service-till.premium-reference-till .category-rail,#app .service-till.premium-reference-till .selling-head,#app .service-till.premium-reference-till .product-area,#app .service-till.premium-reference-till .till-bottom-nav {background:#202124;border-color:#3d4045;box-shadow:none}
#app .service-till.premium-reference-till .basket-panel {background:#292b2f;border:0;border-left:1px solid #484b50;box-shadow:none}
#app .service-till.premium-reference-till .basket-head,#app .service-till.premium-reference-till .order-direct-tools,#app .service-till.premium-reference-till .basket-summary,#app .service-till.premium-reference-till .basket-actions {background:#292b2f;border-color:#45484d;box-shadow:none}
#app .service-till.premium-reference-till .basket-lines {background:#24262a}
#app .service-till.premium-reference-till .basket-line {border-color:#404349}
#app .service-till.premium-reference-till .basket-line.selected-line {background:#263b51;outline-color:#469fe4}
#app .service-till.premium-reference-till .line-main small,#app .service-till.premium-reference-till .summary-row,#app .service-till.premium-reference-till .order-reference {color:#b9bec7}
#app .service-till.premium-reference-till .grand {border-color:#4b4e53!important}
#app .service-till.premium-reference-till .category-track .cat-btn,#app .service-till.premium-reference-till .category-page,#app .service-till.premium-reference-till .category-rail-tools button,#app .service-till.premium-reference-till .view-buttons button,#app .service-till.premium-reference-till .bottom-key,#app .service-till.premium-reference-till .basket-icon,#app .service-till.premium-reference-till .qty button,#app .service-till.premium-reference-till .order-direct-tools button,#app .service-till.premium-reference-till .order-tool-row button {background:#34373c;border:1px solid #51555c;border-radius:3px;box-shadow:none;color:#f3f5f2}
#app .service-till.premium-reference-till .category-track .cat-btn.active,#app .service-till.premium-reference-till .category-rail-tools button.active,#app .service-till.premium-reference-till .view-buttons button.active,#app .service-till.premium-reference-till .bottom-key.active {background:#2578bc;border-color:#62afe8;color:#fff;box-shadow:none}
#app .service-till.premium-reference-till .category-page:disabled {background:#2b2d31;border-color:#41444a;color:#838992}
#app .service-till.premium-reference-till .pos-search {background:#292c30;border:1px solid #53575e;box-shadow:none}
#app .service-till.premium-reference-till .pos-search:focus-within {border-color:#62afe8;box-shadow:0 0 0 1px #62afe8}
#app .service-till.premium-reference-till .product-grid {gap:9px;padding:0 12px 12px;grid-auto-rows:166px}
#app .service-till.premium-reference-till .product-tile {height:166px;background:#347eb7!important;border:1px solid #5594c4;border-radius:3px;box-shadow:none!important;overflow:hidden}
#app .service-till.premium-reference-till .product-tile.has-photo .tile-photo {flex:1 1 0;min-height:0;background:#333}
#app .service-till.premium-reference-till .product-tile.has-photo .tile-details {background:#347eb7;flex:0 0 61px;min-height:61px;padding:7px 9px}
#app .service-till.premium-reference-till .product-tile.has-photo .tile-copy b {font-size:14px!important;line-height:1.2!important;font-weight:600!important}
#app .service-till.premium-reference-till .product-tile.has-photo .tile-bottom strong {font-size:15px!important;font-weight:500!important;color:#fff!important}
#app .service-till.premium-reference-till .product-tile.no-photo .tile-details,#app .service-till.premium-reference-till .product-tile.photo-failed .tile-details {background:#347eb7!important}
#app .service-till.premium-reference-till .product-tile.no-photo .tile-copy b,#app .service-till.premium-reference-till .product-tile.photo-failed .tile-copy b {font-size:17px!important;color:#fff!important}
#app .service-till.premium-reference-till .product-tile.no-photo .tile-bottom strong,#app .service-till.premium-reference-till .product-tile.photo-failed .tile-bottom strong {color:#fff!important}
#app .service-till.premium-reference-till .product-tile:hover:not(:disabled) {border-color:#b5d9f5;filter:brightness(1.08);transform:none}
#app .service-till.premium-reference-till .product-tile:active:not(:disabled),#app .service-till.premium-reference-till .product-tile.tap-pulse {transform:none;filter:brightness(.86);border-width:1px;box-shadow:inset 0 0 0 2px #d5eafa!important}
#app .service-till.premium-reference-till .tile-stock {background:#252b33;color:#fff1c7;border-color:#b0bbc8}
#app .service-till.premium-reference-till .send-primary {background:#41474f;color:#fff;border:1px solid #69717d;border-radius:3px;box-shadow:none}
#app .service-till.premium-reference-till .pay-action {background:#247fc5!important;border:1px solid #62afe8!important;border-radius:3px;box-shadow:none!important}
#app .service-till.premium-reference-till .pay-action:disabled {background:#354454!important;border-color:#586574!important}
#app .service-till.premium-reference-till .order-tool-row {border:1px solid #51555c;border-radius:3px;background:#34373c}
#app .service-till.premium-reference-till .header-state {background:#2d3035;border-color:#50545b;color:#d2d8e1}
#app .service-till.premium-reference-till .header-state.online {color:#a8d9bd}
@media(max-width:1180px){#app .service-till.premium-reference-till .till-body {grid-template-columns:minmax(0,1fr) 342px}}
@media(max-height:790px){#app .service-till.premium-reference-till .product-grid {grid-auto-rows:148px}#app .service-till.premium-reference-till .product-tile {height:148px}}

#app .service-till.premium-reference-till .offline-recovery-link {display:flex;align-items:center;justify-content:center;min-width:64px;min-height:44px;margin-right:6px;padding:3px 7px;color:#b8ddfa;border:1px solid #535b65;border-radius:3px;background:#30353b;text-decoration:none;font-size:11px;line-height:1.2;text-align:center}

/* Compact fixed-till keys and explicit pages for touchscreens without scrolling. */
#app .service-till.premium-reference-till .product-canvas{display:grid;grid-template-rows:minmax(0,1fr) 52px;min-height:0;overflow:hidden}
#app .service-till.premium-reference-till .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:92px;gap:8px;min-height:0;overflow:auto;padding:0 10px 12px}
#app .service-till.premium-reference-till .product-tile{height:92px;min-height:0}
#app .service-till.premium-reference-till .product-tile.no-photo .tile-details,#app .service-till.premium-reference-till .product-tile.photo-failed .tile-details{padding:7px 8px;gap:3px;border-top-width:2px}
#app .service-till.premium-reference-till .product-tile.no-photo .tile-copy b,#app .service-till.premium-reference-till .product-tile.photo-failed .tile-copy b{font-size:14px!important;line-height:1.2!important}
#app .service-till.premium-reference-till .product-tile.no-photo .tile-copy small,#app .service-till.premium-reference-till .tile-category-mark{display:none}
#app .service-till.premium-reference-till .product-tile .tile-bottom strong{font-size:17px!important}
#app .service-till.premium-reference-till .product-tile.has-photo .tile-details{min-height:52px;flex-basis:52px;padding:4px 7px}
#app .service-till.premium-reference-till .product-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 10px;border-top:1px solid #45484d;background:#202124;font-size:12px}
#app .service-till.premium-reference-till .product-pager button{height:44px;min-width:100px;background:#2578bc;border:1px solid #62afe8;border-radius:3px;color:white;font-size:14px;font-weight:600}
#app .service-till.premium-reference-till .product-pager button:disabled{background:#30343a;border-color:#45484d;color:#9097a0}
#app .service-till.premium-reference-till.view-list .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:72px}
#app .service-till.premium-reference-till.view-list .product-tile{height:72px}

/* Compact basket and cash tender keypad. */
#app .service-till.premium-reference-till .basket-line{min-height:64px;padding:5px 0;gap:0 6px}
#app .service-till.premium-reference-till .line-main b{font-size:14px;line-height:1.2}
#app .service-till.premium-reference-till .line-main small{font-size:11px;line-height:1.2;margin-top:1px}
#app .service-till.premium-reference-till .basket-summary{padding:2px 12px}
#app .service-till.premium-reference-till .summary-row{min-height:19px;font-size:12px}
#app .service-till.premium-reference-till .grand{padding:3px 0!important}
#app .service-till.premium-reference-till .grand strong{font-size:26px!important}
#app .service-till.premium-reference-till .basket-actions{grid-template-rows:32px 52px 44px!important;gap:3px;padding:3px 10px 5px}
#app .service-till.premium-reference-till .send-primary{height:32px;min-height:32px;font-size:11px}
#app .service-till.premium-reference-till .pay-action{height:52px!important;min-height:52px}

#app .service-till.premium-reference-till .basket-line{grid-template-rows:20px 44px}
#app .service-till.premium-reference-till .line-select{min-height:30px;padding:2px 0}

#app .service-till.premium-reference-till .order-direct-tools{grid-template-columns:44px 44px repeat(3,minmax(0,1fr));gap:3px;padding:4px 6px}
#app .service-till.premium-reference-till .line-total{padding:0;line-height:18px;font-size:14px;align-self:start}