@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@600;700&family=Manrope:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.navbar{position:sticky;top:0;z-index:10;display:flex;justify-content:center;padding:.3rem 1rem;background:#0b1121eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(148,163,184,.08)}.navbar-inner{width:min(1200px,100%);display:flex;align-items:center;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.45rem;text-decoration:none;color:inherit;flex-shrink:0}.brand-icon{width:26px;height:26px;border-radius:6px;background:linear-gradient(135deg,#3b82f6,#2563eb);display:grid;place-items:center;color:#fff}.brand-title{font-weight:700;font-size:.88rem;color:#f1f5f9}.nav-controls{display:flex;align-items:center;gap:1rem}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:1px solid rgba(148,163,184,.2);border-radius:var(--radius-sm);padding:.55rem;cursor:pointer;transition:background var(--ease),border-color var(--ease)}.hamburger:hover,.hamburger:focus{background:#3b82f61a;border-color:#3b82f666}.hamburger-line{width:18px;height:2px;background-color:var(--color-primary);border-radius:999px;transition:transform .3s ease,opacity .3s ease}.hamburger.open .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open .hamburger-line:nth-child(2){opacity:0}.hamburger.open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-sound-toggle{display:inline-grid;place-items:center;width:34px;height:34px;background:none;border:1px solid rgba(148,163,184,.2);border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;transition:background var(--ease),border-color var(--ease),color var(--ease);font-size:.9rem;flex-shrink:0}.nav-sound-toggle:hover,.nav-sound-toggle:focus{background:#3b82f61a;border-color:#3b82f666;outline:none}.nav-links{display:flex;align-items:center;list-style:none;gap:.15rem;margin:0;padding:0}.nav-links li a{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .7rem;border-radius:var(--radius-sm);font-weight:500;font-size:.82rem;color:var(--color-muted);text-decoration:none;transition:background var(--ease),color var(--ease);white-space:nowrap}.nav-icon{font-size:.78rem;opacity:.5;flex-shrink:0}.nav-links li a:hover,.nav-links li a:focus{background:#3b82f614;color:var(--color-primary-hover)}.nav-links li a:hover .nav-icon,.nav-links li a:focus .nav-icon{opacity:1}.nav-links li a.nav-active{background:#3b82f61a;color:var(--color-primary);font-weight:600}.nav-links li a.nav-active .nav-icon{opacity:1}.nav-divider{width:1px;height:18px;background:#94a3b81f;margin:0 .25rem;flex-shrink:0}.nav-kiosk-wrapper{position:relative}.nav-kiosk-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .7rem;border-radius:var(--radius-sm);font-weight:500;font-size:.82rem;color:var(--color-muted);background:none;border:none;cursor:pointer;white-space:nowrap;transition:background var(--ease),color var(--ease)}.nav-kiosk-btn:hover,.nav-kiosk-btn:focus{background:#3b82f614;color:var(--color-primary-hover)}.nav-kiosk-btn.nav-active{background:#3b82f61a;color:var(--color-primary);font-weight:600}.nav-kiosk-dropdown{position:absolute;top:100%;left:0;margin-top:4px;list-style:none;padding:.3rem 0;background:var(--color-surface-solid, #1e293b);border:1px solid var(--color-border, rgba(148,163,184,.12));border-radius:var(--radius-sm);box-shadow:0 8px 24px #0006;z-index:30;min-width:140px}.nav-kiosk-dropdown li a{display:block;padding:.45rem .8rem;font-size:.82rem;font-weight:500;color:var(--color-text, #e2e8f0);text-decoration:none;white-space:nowrap;transition:background var(--ease)}.nav-kiosk-dropdown li a:hover{background:#3b82f61f;color:var(--color-primary, #3b82f6)}.nav-more-wrapper{position:relative}.nav-more-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .7rem;border:none;background:none;color:var(--color-muted);font-size:.82rem;font-weight:500;cursor:pointer;border-radius:var(--radius-sm);transition:color var(--ease),background var(--ease)}.nav-more-btn:hover,.nav-more-btn.nav-active{color:var(--color-primary);font-weight:600}.nav-more-dropdown{position:absolute;top:100%;left:0;margin-top:4px;list-style:none;padding:.3rem 0;background:var(--color-surface-solid, #1e293b);border:1px solid var(--color-border, rgba(148,163,184,.12));border-radius:var(--radius-sm);box-shadow:0 8px 24px #0006;z-index:30;min-width:165px}.nav-more-dropdown li a{display:flex;align-items:center;gap:.5rem;padding:.45rem .8rem;font-size:.82rem;font-weight:500;color:var(--color-text, #e2e8f0);text-decoration:none;white-space:nowrap;transition:background var(--ease)}.nav-more-dropdown li a:hover,.nav-more-dropdown li a.nav-active{background:#3b82f61f;color:var(--color-primary, #3b82f6)}.nav-more-dropdown .nav-icon{font-size:.72rem;opacity:.7}.nav-signout-li{margin-left:auto}.nav-logout-btn{background:none;border:none;cursor:pointer;font-weight:500;font-size:.82rem;color:var(--color-subtle);padding:.4rem .7rem;border-radius:var(--radius-sm);transition:background var(--ease),color var(--ease)}.nav-logout-btn:hover{background:#f871711a;color:#f87171}@media(max-width:1100px){.nav-links li a{padding:.35rem .5rem;font-size:.75rem}.nav-icon{display:none}}@media(max-width:768px){.hamburger{display:inline-flex}.nav-links{position:fixed;top:0;right:-100%;height:100vh;height:100dvh;width:min(280px,80vw);flex-direction:column;align-items:flex-start;padding:3.5rem 1.5rem calc(1.5rem + env(safe-area-inset-bottom,0px));background:#0f172a;border-left:1px solid rgba(59,130,246,.15);box-shadow:-8px 0 30px #00000080;transition:right .3s ease-out;gap:.35rem;z-index:20;overflow-y:auto;-webkit-overflow-scrolling:touch}.nav-links.active{right:0}.nav-links li a{color:var(--color-muted);font-size:.95rem;font-weight:500;padding:.65rem .5rem;border-radius:var(--radius-sm);width:100%}.nav-links li a:hover,.nav-links li a:focus{background:#3b82f61a;color:var(--color-primary)}.nav-links li a.nav-active{background:#3b82f61f;color:var(--color-primary);font-weight:600}.nav-icon{display:inline;opacity:.7;font-size:.85rem}.nav-divider{width:100%;height:1px;background:#94a3b814;margin:.35rem 0}.nav-kiosk-btn{color:var(--color-muted);font-size:.95rem;padding:.65rem .5rem;width:100%}.nav-kiosk-dropdown{position:static;box-shadow:none;border:none;background:transparent;padding:0 0 0 1.5rem;min-width:unset}.nav-kiosk-dropdown li a{font-size:.9rem;padding:.5rem;color:var(--color-muted)}.nav-more-wrapper{width:100%}.nav-more-btn{font-size:.95rem;padding:.65rem .5rem;width:100%;justify-content:flex-start}.nav-more-dropdown{position:static;box-shadow:none;border:none;background:transparent;padding:0 0 0 1.5rem;min-width:unset}.nav-more-dropdown li a{font-size:.9rem;padding:.5rem;color:var(--color-muted)}.nav-signout-li{margin-left:0;margin-top:.5rem;width:100%}.nav-logout-btn{color:#f87171;font-size:.85rem;font-weight:600;padding:.6rem .5rem;width:100%;text-align:left;border-top:1px solid rgba(148,163,184,.08);border-radius:0}.nav-logout-btn:hover{color:#fca5a5;background:#f8717114}}.critical-alerts{position:fixed;top:0;left:0;right:0;z-index:10000;display:flex;flex-direction:column;gap:2px}.critical-alert{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#dc2626,#ea580c);color:#fff;font-size:.95rem;animation:critical-pulse 2s ease-in-out infinite;box-shadow:0 4px 20px #dc262680}@keyframes critical-pulse{0%,to{opacity:1}50%{opacity:.85;background:linear-gradient(135deg,#b91c1c,#c2410c)}}.critical-alert__icon{font-size:1.4rem;flex-shrink:0}.critical-alert__content{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}.critical-alert__title{font-weight:700;font-size:1rem}.critical-alert__message{opacity:.95}.critical-alert__ticket{font-size:.85rem;opacity:.8;background:#ffffff26;padding:2px 8px;border-radius:4px}.critical-alert__action{flex-shrink:0;background:#fff3;color:#fff;font-weight:700;padding:8px 16px;border-radius:6px;text-decoration:none;font-size:.9rem;transition:background .15s;white-space:nowrap}.critical-alert__action:hover{background:#ffffff59}.critical-alert__close{flex-shrink:0;background:none;border:none;color:#ffffffb3;font-size:1.4rem;cursor:pointer;padding:4px 8px;line-height:1;transition:color .15s}.critical-alert__close:hover{color:#fff}.critical-alerts__dismiss-all{align-self:flex-end;background:#0000004d;border:none;color:#fffc;font-size:.8rem;padding:4px 12px;cursor:pointer;border-radius:0 0 0 6px}.critical-alerts__dismiss-all:hover{color:#fff;background:#00000080}.critical-alert--payment{background:linear-gradient(135deg,#059669,#0d9488);box-shadow:0 4px 20px #05966980;animation:payment-pulse 2s ease-in-out infinite}@keyframes payment-pulse{0%,to{opacity:1}50%{opacity:.9;background:linear-gradient(135deg,#047857,#0f766e)}}@media(max-width:600px){.critical-alert{flex-wrap:wrap;gap:8px;padding:10px 12px}.critical-alert__action{width:100%;text-align:center}}@keyframes gcb-pulse-yellow{0%,to{box-shadow:0 0 #facc158c}50%{box-shadow:0 0 0 10px #facc1500}}@keyframes gcb-pulse-orange{0%,to{box-shadow:0 0 #fb923ca6}50%{box-shadow:0 0 0 12px #fb923c00}}@keyframes gcb-pulse-red{0%,to{box-shadow:0 0 #ef4444d9}50%{box-shadow:0 0 0 16px #ef444400}}.gcb{position:sticky;top:0;z-index:1000;display:flex;align-items:center;gap:.65rem;padding:.55rem 1rem;font-weight:700;font-size:.92rem;color:#0f172a;text-decoration:none;border-bottom:2px solid;cursor:pointer}.gcb:hover{filter:brightness(1.05)}.gcb:visited{color:#0f172a}.gcb--yellow{background:#facc15;border-color:#ca8a04;animation:gcb-pulse-yellow 2.4s ease-in-out infinite}.gcb--orange{background:#fb923c;border-color:#c2410c;animation:gcb-pulse-orange 1.6s ease-in-out infinite}.gcb--red{background:#ef4444;border-color:#7f1d1d;color:#fff;animation:gcb-pulse-red 1s ease-in-out infinite}.gcb--red:visited{color:#fff}.gcb-icon{font-size:1.15rem}.gcb-count{background:#0003;padding:.1rem .55rem;border-radius:999px;font-weight:900}.gcb-label{letter-spacing:.02em}.gcb-reason{font-weight:500;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}@media(prefers-reduced-motion:reduce){.gcb--yellow,.gcb--orange,.gcb--red{animation:none}}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#0b1121;padding:20px}.login-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:32px 20px;max-width:400px;width:100%;box-shadow:var(--shadow-xl),0 0 60px #3b82f60f;text-align:center}.login-brand{margin-bottom:20px}.login-icon{font-size:44px;color:var(--color-primary);display:block;margin-bottom:10px;filter:drop-shadow(0 4px 12px rgba(59,130,246,.3))}.login-card h1{font-size:26px;color:var(--color-ink);margin:0 0 4px}.login-subtitle{font-size:13px;color:var(--color-subtle);margin:0;text-transform:uppercase;letter-spacing:1.5px}.login-divider{height:1px;background:var(--color-border);margin:22px 0}.login-message{color:var(--color-muted);font-size:14px;line-height:1.5;margin:0 0 24px}.login-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 28px;min-height:44px;background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:15px;font-weight:600;color:var(--color-text);text-decoration:none;transition:all var(--ease);cursor:pointer}.login-btn:hover{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.google-icon{flex-shrink:0}@media(min-width:481px){.login-card{padding:44px 36px}}.page-shell:has(.repair-shell){display:flex;flex-direction:column;height:100%}.repair-shell{--repair-ink: var(--color-ink, #f1f5f9);--repair-text: var(--color-text, #e2e8f0);--repair-muted: var(--color-muted, #94a3b8);--repair-primary: var(--color-primary, #3b82f6);--repair-primary-dark: var(--color-primary-dark, #2563eb);--repair-accent: #fbbf24;--repair-surface: var(--color-surface, rgba(17, 24, 39, .92));--repair-surface-solid: var(--color-surface-solid, #1e293b);--repair-border: var(--color-border, rgba(148, 163, 184, .12));--repair-shadow: var(--shadow-sm, 0 1px 3px rgba(0,0,0,.4));--repair-radius: var(--radius-lg, 10px);display:grid;grid-template-rows:auto 1fr;flex:1;min-height:0;padding:.25rem;gap:.25rem;font-family:inherit;color:var(--repair-text);background:transparent;overflow:hidden;position:relative;box-sizing:border-box}.repair-action-rail{position:relative;z-index:10;display:flex;align-items:center;gap:.5rem;padding:0 .6rem;min-height:38px;max-height:38px;background:var(--repair-surface-solid);color:var(--repair-ink);border-radius:var(--repair-radius) var(--repair-radius) 0 0;border:1px solid var(--repair-border);border-bottom:none;box-shadow:var(--repair-shadow);flex-shrink:0}.rail-spacer{flex:1}.rail-chip{display:inline-flex;align-items:center;gap:.3rem;font-weight:600;font-size:.75rem;white-space:nowrap;flex-shrink:0;color:var(--repair-muted, #94a3b8);background:none;border:none;padding:0}.rail-chip.tech-chip{gap:.3rem}.rail-chip.tech-chip select{border:none;border-bottom:1px solid var(--repair-border);border-radius:0;background:transparent;color:var(--repair-ink);color-scheme:dark;padding:.15rem .2rem;min-width:100px;font-size:.78rem;font-weight:600;cursor:pointer}.rail-chip.tech-chip select option{background:var(--repair-surface-solid, #1e293b);color:var(--repair-ink, #f1f5f9)}.rail-chip.tech-chip select:focus{border-bottom-color:var(--repair-primary);outline:none}.rail-dot{width:7px;height:7px;border-radius:999px;background:var(--color-danger, #f87171);flex-shrink:0}.rail-kiosk.online .rail-dot{background:var(--color-success, #34d399);box-shadow:0 0 4px #34d39966}.rail-kiosk-select{border:none;border-bottom:1px solid var(--repair-border);border-radius:0;background:transparent;color:inherit;color-scheme:dark;font:inherit;padding:.15rem .2rem;min-width:80px;cursor:pointer;font-size:.75rem;font-weight:600}.rail-kiosk-select option{background:var(--repair-surface-solid, #1e293b);color:var(--repair-ink, #f1f5f9)}.rail-kiosk-select:focus{border-bottom-color:var(--repair-primary);outline:none}.rail-chip.rail-due{color:var(--repair-ink);font-weight:700}.rail-toggle-button{cursor:pointer;background:none;border:none;color:var(--repair-muted, #94a3b8);font-size:.75rem;font-weight:600;padding:.2rem 0}.rail-toggle-button:hover{color:var(--repair-ink)}.rail-caret{font-size:.6rem;margin-left:.1rem}.rail-confirm-note{color:var(--color-warning, #fbbf24);font-weight:700;font-size:.78rem;white-space:nowrap}.staff-override-button{border:1px solid rgba(251,191,36,.4);background:#fbbf241f;color:var(--color-warning-ink, #fde68a);padding:.15rem .5rem;border-radius:4px;font-weight:700;font-size:.72rem;cursor:pointer;white-space:nowrap}.staff-override-button:hover{background:#fbbf2433}.repair-action-rail .ghost-button{background:none;border:none;color:var(--color-danger-ink, #fca5a5);padding:.2rem .4rem;border-radius:4px;font-weight:600;font-size:.75rem;cursor:pointer;white-space:nowrap;opacity:.7}.repair-action-rail .ghost-button:hover{opacity:1;background:#f871711a}.submit-button{background:var(--repair-primary);color:#fff;border:none;padding:.3rem .85rem;border-radius:4px;font-weight:700;font-size:.78rem;cursor:pointer;white-space:nowrap;transition:background .15s ease}.submit-button:hover{background:var(--repair-primary-dark)}.submit-button:disabled{opacity:.5;cursor:not-allowed}.companion-anchor{position:relative;flex-shrink:0}.companion-popover{position:absolute;top:100%;left:0;margin-top:4px;width:340px;background:var(--repair-surface-solid);border:1px solid var(--repair-border);border-radius:var(--repair-radius);padding:.6rem .75rem;z-index:50;box-shadow:var(--shadow-lg, 0 12px 30px rgba(0,0,0,.6));animation:popIn .15s ease-out}@keyframes popIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.companion-popover-row{display:flex;flex-direction:column;gap:.5rem}.companion-popover-block{display:flex;flex-direction:column;gap:.2rem}.companion-popover-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--repair-muted);font-weight:700}.companion-popover-consents{font-weight:700;font-size:.82rem;color:var(--repair-text)}.companion-popover-toggles{display:flex;gap:.5rem;flex-wrap:wrap}.rail-toggle{display:inline-flex;align-items:center;gap:.3rem;font-weight:600;font-size:.78rem;color:var(--repair-text);background:#ffffff0f;border:1px solid var(--repair-border);padding:.25rem .45rem;border-radius:999px;cursor:pointer}.consent-icon{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;margin:0 .15rem;border-radius:999px;font-size:.72rem;font-weight:800;border:1px solid transparent}.consent-ok{color:#052e16;background:var(--color-success, #34d399);border-color:#052e1666}.consent-no{color:#450a0a;background:var(--color-danger, #f87171);border-color:#450a0a66}.repair-grid{display:grid;grid-template-columns:1fr;gap:.4rem;min-height:0;position:relative;z-index:1}.left-stack{display:flex;flex-direction:column;gap:.3rem;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:.25rem}.left-stack::-webkit-scrollbar,.sidebar-scroll::-webkit-scrollbar,.repair-intel::-webkit-scrollbar{width:5px}.left-stack::-webkit-scrollbar-track,.sidebar-scroll::-webkit-scrollbar-track,.repair-intel::-webkit-scrollbar-track{background:transparent}.left-stack::-webkit-scrollbar-thumb,.sidebar-scroll::-webkit-scrollbar-thumb,.repair-intel::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:999px}.panel{background:var(--repair-surface);padding:.4rem .55rem;border-radius:var(--repair-radius);box-shadow:var(--repair-shadow);display:flex;flex-direction:column;gap:.3rem;border:1px solid var(--repair-border);border-left:3px solid var(--panel-accent, var(--repair-primary));position:relative;z-index:1}.customer-strip{background:var(--repair-surface);border:1px solid var(--repair-border);border-left:3px solid var(--color-info, #60a5fa);border-radius:var(--repair-radius);padding:.3rem .5rem;flex-shrink:0;box-shadow:var(--repair-shadow);position:relative;z-index:1;--panel-accent: var(--color-info, #60a5fa)}.customer-strip.editing{padding:.4rem .55rem;gap:.3rem;display:flex;flex-direction:column}.strip-title-row{display:flex;justify-content:space-between;align-items:center}.customer-strip-row{display:flex;flex-wrap:wrap;gap:.2rem .6rem;align-items:center}.strip-val{font-weight:700;font-size:.78rem;color:var(--repair-ink)}.strip-val.is-live{color:var(--color-success, #34d399);background:var(--color-success-bg, rgba(52, 211, 153, .12));padding:.1rem .35rem;border-radius:4px;animation:livePulse 1.5s ease-in-out infinite}@keyframes livePulse{0%,to{background:#34d3991f}50%{background:#34d39940}}.strip-biz{color:var(--repair-muted);font-weight:600}.strip-secondary{color:var(--repair-muted);font-size:.72rem;font-weight:600}.strip-toggle{margin-left:auto;font-size:.68rem;font-weight:700;color:var(--repair-primary);background:none;border:1px solid rgba(59,130,246,.3);border-radius:4px;padding:.1rem .35rem;cursor:pointer}.strip-toggle:hover{background:#3b82f614}.customer-panel{--panel-accent: var(--color-info, #60a5fa)}.device-panel{--panel-accent: var(--repair-accent);border-left-color:var(--repair-accent)}.repair-intel{background:var(--repair-surface);border:1px solid var(--repair-border);border-left:3px solid var(--color-purple, #a78bfa);border-radius:var(--repair-radius);padding:.35rem .5rem;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:var(--repair-shadow);position:relative;z-index:1;min-height:60px}.intel-empty{color:var(--repair-muted);font-size:.75rem;font-style:italic;padding:.5rem 0;text-align:center}.intel-header{display:flex;align-items:center;gap:.3rem;margin-bottom:.25rem}.intel-badge{font-weight:800;font-size:.75rem;color:var(--color-purple-ink, #c4b5fd);background:var(--color-purple-bg, rgba(167, 139, 250, .12));padding:.1rem .45rem;border-radius:999px;text-transform:capitalize}.intel-section-label{font-weight:700;font-size:.65rem;color:var(--color-purple-ink, #c4b5fd);text-transform:uppercase;letter-spacing:.04em;margin:.2rem 0 .15rem}.intel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.2rem}.intel-card{border:1px solid rgba(167,139,250,.2);border-radius:var(--radius-md, 8px);padding:.25rem .3rem;text-align:center;cursor:pointer;min-height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.05rem;background:#ffffff08;transition:border-color .12s,background .12s}.intel-card:hover{border-color:#a78bfa80;background:#a78bfa0f}.intel-card.added{border-color:var(--color-success, #34d399);background:var(--color-success-bg, rgba(52, 211, 153, .12))}.intel-card.accessory{border-color:#60a5fa33}.intel-card.accessory:hover{border-color:#60a5fa80;background:#60a5fa0f}.intel-type{font-weight:800;font-size:.68rem;color:var(--color-purple-ink, #c4b5fd)}.intel-card.accessory .intel-type{color:var(--color-info-ink, #93c5fd)}.intel-price{font-weight:700;font-size:.82rem;color:var(--repair-ink)}.intel-action{font-size:.62rem;color:var(--repair-muted);font-weight:600}.intel-card.added .intel-action{color:var(--color-success, #34d399)}.panel-title{font-weight:800;color:var(--repair-ink);font-size:.8rem;display:flex;align-items:center;gap:.3rem}.panel-title:before{content:"";width:6px;height:6px;border-radius:2px;background:var(--panel-accent, var(--repair-primary))}.grid.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.grid.two-col{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.field{position:relative;display:flex;flex-direction:column;gap:.15rem}.field label{font-weight:700;color:var(--repair-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.03em}.field input,.field textarea,.field select{padding:.3rem .45rem;border-radius:6px;border:1px solid var(--repair-border);font-size:.82rem;width:100%;background:#ffffff0a;color:var(--repair-ink);box-shadow:inset 0 1px 2px #0003;transition:border-color .12s ease,box-shadow .12s ease;box-sizing:border-box}.field input::placeholder,.field textarea::placeholder{color:var(--color-ghost, #475569)}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:#3b82f699;box-shadow:0 0 0 2px #3b82f626}.field textarea{resize:vertical;min-height:4.5rem}.field--description textarea{min-height:6rem;line-height:1.35}.field.is-companion-focus{background:var(--color-success-bg, rgba(52, 211, 153, .12));border-radius:8px;outline:2px solid rgba(52,211,153,.3);outline-offset:1px;padding:.15rem}.field.is-companion-focus label{color:var(--color-success-ink, #6ee7b7)}.field.is-companion-focus input,.field.is-companion-focus textarea,.field.is-companion-focus select{border-color:#34d39966}.imei-row{display:flex;gap:.25rem;align-items:stretch}.imei-row input{flex:1;min-width:0}.imei-cam-btn{flex-shrink:0;width:38px;border:1px solid var(--repair-border);border-radius:8px;background:#3b82f614;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;color:var(--repair-text);transition:background .12s ease}.imei-cam-btn:hover{background:#3b82f62e}.imei-cam-btn:disabled{opacity:.5;cursor:wait}.inline-options{display:flex;gap:.35rem;flex-wrap:wrap;padding:.25rem 0}.inline-options.is-companion-focus{border-color:#34d39966;background:var(--color-success-bg, rgba(52, 211, 153, .12));border-radius:8px;padding:.25rem}.chip-check{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .5rem;border:1px solid var(--repair-border);border-radius:999px;background:#3b82f60f;cursor:pointer;font-weight:700;font-size:.82rem;color:var(--repair-text)}.chip-check input:checked+span{color:var(--color-info-ink, #93c5fd)}.chip-check input{margin:0}.photo-compact{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;padding:.15rem 0}.photo-compact-label{font-weight:700;font-size:.75rem;color:var(--repair-ink);flex-shrink:0}.photo-compact .photo-input{width:auto;padding:0;font-size:.8rem;flex-shrink:1;min-width:0}.photo-compact .photo-input::file-selector-button{border:1px solid var(--repair-primary);background:var(--repair-primary);color:#fff;padding:.2rem .5rem;border-radius:6px;font-weight:700;font-size:.75rem;cursor:pointer;margin-right:.4rem}.photo-remove-sm{background:transparent;border:1px solid rgba(248,113,113,.3);color:var(--color-danger-ink, #fca5a5);padding:.1rem .35rem;border-radius:6px;font-size:.75rem;cursor:pointer;line-height:1}.photo-error-sm{color:var(--color-danger, #f87171);font-weight:700;font-size:.75rem}.photo-thumb{width:36px;height:36px;border-radius:6px;object-fit:cover;border:1px solid var(--repair-border)}.suggestions-list{border:1px solid var(--repair-border);border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;background:var(--repair-surface-solid);position:absolute;top:100%;width:100%;box-shadow:var(--shadow-lg, 0 12px 30px rgba(0,0,0,.6));z-index:20;margin:0;padding:0}.suggestion-item{padding:6px 10px;cursor:pointer;list-style:none;border-bottom:1px solid var(--repair-border)}.suggestion-item:hover{background:#3b82f614}.suggestion-name{font-weight:700;font-size:.85rem;color:var(--repair-ink)}.suggestion-details{font-size:.78rem;color:var(--repair-muted);display:flex;gap:.5rem;flex-wrap:wrap}.services-sidebar{display:flex;flex-direction:column;background:var(--repair-surface);border:1px solid var(--repair-border);border-radius:var(--repair-radius);box-shadow:var(--repair-shadow);overflow:hidden;z-index:1;min-height:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:.4rem .6rem;border-bottom:1px solid var(--repair-border);background:#34d3990f;flex-shrink:0}.sidebar-title{font-weight:800;font-size:.88rem;color:var(--repair-ink)}.sidebar-count{font-weight:700;font-size:.75rem;color:var(--color-success-ink, #6ee7b7);background:var(--color-success-bg, rgba(52, 211, 153, .12));padding:.15rem .45rem;border-radius:999px}.sidebar-consent-strip{display:flex;flex-wrap:wrap;gap:.15rem .3rem;padding:.25rem .5rem;border-bottom:1px solid var(--repair-border);flex-shrink:0}.consent-chip{font-size:.6rem;font-weight:700;white-space:nowrap}.consent-chip.yes{color:var(--color-success, #34d399)}.consent-chip.no{color:var(--repair-muted);opacity:.5}.sidebar-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}.sidebar-footer{flex-shrink:0;border-top:2px solid var(--repair-border);background:var(--repair-surface)}.sidebar-wants{padding:.25rem .5rem;border-bottom:1px solid var(--repair-border)}.sidebar-wants-list{display:flex;flex-wrap:wrap;gap:.2rem}.want-btn{display:inline-flex;gap:.2rem;align-items:center;padding:.15rem .4rem;border-radius:6px;font-size:.68rem;font-weight:700;cursor:pointer;border:1px solid var(--repair-border);background:#ffffff0a;color:var(--repair-ink);transition:border-color .12s,background .12s;min-height:32px}.want-btn:hover{border-color:var(--repair-primary);background:#3b82f60f}.want-btn.added{border-color:var(--color-success, #34d399);background:var(--color-success-bg, rgba(52, 211, 153, .12));color:var(--color-success-ink, #6ee7b7)}.want-price{font-weight:800}.want-action{font-size:.6rem;color:var(--repair-muted)}.want-btn.added .want-action{color:var(--color-success, #34d399)}.want-tag{display:inline-block;padding:.15rem .4rem;background:#ffffff0a;border:1px solid var(--repair-border);border-radius:999px;font-size:.68rem;font-weight:600;color:var(--repair-muted);font-style:italic}.sidebar-search{position:relative;padding:.35rem .5rem;flex-shrink:0}.sidebar-search-input{width:100%;padding:.35rem .5rem;border:1px solid var(--repair-border);border-radius:8px;font-size:.82rem;background:#ffffff0a;color:var(--repair-ink);box-sizing:border-box}.sidebar-search-input::placeholder{color:var(--color-ghost, #475569)}.sidebar-search-input:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f61a}.sidebar-search-results{position:absolute;top:100%;left:.5rem;right:.5rem;background:var(--repair-surface-solid);border:1px solid var(--repair-border);border-radius:0 0 8px 8px;box-shadow:var(--shadow-lg, 0 12px 30px rgba(0,0,0,.6));z-index:30;list-style:none;margin:0;padding:0;max-height:180px;overflow-y:auto}.sidebar-search-item{display:flex;justify-content:space-between;align-items:center;padding:.4rem .55rem;cursor:pointer;border-bottom:1px solid var(--repair-border);font-size:.82rem}.sidebar-search-item:hover{background:#3b82f60f}.sidebar-search-name{font-weight:600;color:var(--repair-ink)}.sidebar-search-price{font-weight:700;color:var(--repair-primary);white-space:nowrap;margin-left:.5rem}.sidebar-quickadd{display:flex;gap:.3rem;padding:0 .5rem .3rem;flex-shrink:0}.quick-btn{flex:1;padding:.3rem .4rem;border:1px dashed rgba(52,211,153,.35);border-radius:8px;background:#34d3990f;color:var(--color-success-ink, #6ee7b7);font-weight:700;font-size:.78rem;cursor:pointer;transition:background .12s ease;text-align:center}.quick-btn:hover{background:#34d3991f}.sidebar-items{padding:.2rem .5rem;display:flex;flex-direction:column;gap:.2rem}.sidebar-empty{color:var(--repair-muted);font-style:italic;font-size:.82rem;margin:0;padding:.5rem 0;text-align:center}.sidebar-item{display:flex;justify-content:space-between;align-items:center;padding:.3rem .4rem;border:1px solid var(--repair-border);border-radius:8px;background:#ffffff08;gap:.3rem}.sidebar-item-info{display:flex;flex-direction:column;gap:.05rem;min-width:0;flex:1}.sidebar-item-name{font-weight:600;font-size:.78rem;color:var(--repair-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item-price{font-size:.72rem;color:var(--repair-muted);font-weight:600}.sidebar-item-actions{display:flex;align-items:center;gap:.2rem;flex-shrink:0}.sidebar-qty{width:44px;padding:.2rem .25rem;border:1px solid var(--repair-border);border-radius:6px;font-size:.78rem;text-align:center;background:#ffffff0a;color:var(--repair-ink)}.sidebar-remove{background:transparent;border:none;color:var(--color-danger-ink, #fca5a5);font-weight:800;cursor:pointer;padding:.15rem .3rem;font-size:.8rem;line-height:1}.sidebar-remove:hover{background:#f8717114;border-radius:4px}.sidebar-custom{padding:0 .5rem;flex-shrink:0}.sidebar-custom-toggle{font-weight:700;font-size:.78rem;color:var(--repair-muted);cursor:pointer;padding:.25rem 0;-webkit-user-select:none;user-select:none}.sidebar-custom-form{display:flex;flex-direction:column;gap:.25rem;padding:.3rem 0}.sidebar-custom-form input[type=text]{padding:.3rem .45rem;border:1px solid var(--repair-border);border-radius:6px;font-size:.82rem;width:100%;box-sizing:border-box;background:#ffffff0a;color:var(--repair-ink)}.sidebar-custom-row{display:flex;gap:.25rem}.sidebar-custom-row .money-input.compact{flex:1}.sidebar-custom-row .sidebar-qty{width:50px}.sidebar-custom-add{margin-top:.15rem}.quick-btn.active,.quick-btn.markup-btn.active{border-style:solid;background:#3b82f61f;border-color:#3b82f666;color:#93c5fd}.quick-btn.markup-btn{border-color:#a855f74d;background:#581c8714;color:#c084fc}.quick-btn.markup-btn:hover{background:#581c872e}.sidebar-markup-form{border:1px solid rgba(168,85,247,.25);background:#581c870f;border-radius:8px;padding:.35rem;margin:0 .5rem}.sidebar-margin-wrap{position:relative;display:flex;align-items:center;width:65px;min-width:65px}.sidebar-margin-input{width:100%;padding:.3rem .45rem;padding-right:22px;border:1px solid var(--repair-border);border-radius:6px;font-size:max(16px,.8rem);background:#ffffff0a;color:var(--repair-ink);text-align:center}.sidebar-margin-pct{position:absolute;right:6px;font-size:.68rem;color:var(--repair-muted, #94a3b8);pointer-events:none}.sidebar-ai-btn{flex:none!important;min-width:auto;padding:.3rem .45rem;border-color:#a855f759!important;background:#581c8726!important;color:#c084fc!important;font-size:.72rem!important}.sidebar-ai-btn:hover:not(:disabled){background:#581c874d!important}.sidebar-ai-btn:disabled{opacity:.4;cursor:not-allowed}.sidebar-ai-suggestion{display:flex;align-items:center;justify-content:space-between;gap:.3rem;padding:.25rem .35rem;background:#581c871a;border:1px solid rgba(168,85,247,.2);border-radius:5px;font-size:.72rem;color:#c084fc}.sidebar-ai-suggestion strong{color:#e9d5ff}.sidebar-ai-suggestion .quick-btn{flex:none;padding:.15rem .4rem;font-size:.68rem;border-color:#a855f74d;background:#581c8733;color:#e9d5ff}.sidebar-markup-preview{display:flex;flex-direction:column;gap:.15rem;padding:.25rem .3rem;background:#1118274d;border-radius:5px;margin-top:.15rem}.sidebar-markup-row{display:flex;justify-content:space-between;font-size:.72rem}.sidebar-markup-row span{color:var(--repair-muted, #94a3b8)}.sidebar-markup-row strong{color:var(--repair-ink, #e2e8f0);font-weight:700}.sidebar-total{display:flex;justify-content:space-between;align-items:center;padding:.35rem .6rem;font-size:.88rem}.sidebar-total span{font-weight:700;color:var(--repair-muted)}.sidebar-total strong{font-weight:800;color:var(--repair-ink);font-size:1rem}.sidebar-browse{margin:0 .5rem .35rem;padding:.4rem .5rem;min-height:44px;background:var(--repair-primary);color:#fff;border:none;border-radius:8px;font-weight:800;font-size:.85rem;cursor:pointer;text-align:center;transition:background .12s ease}.sidebar-browse:hover{background:var(--repair-primary-dark)}.sidebar-error{color:var(--color-danger, #f87171);font-size:.78rem;margin:0;padding:.25rem .5rem}.money-input{display:flex;align-items:center;gap:.3rem;border:1px solid var(--repair-border);border-radius:8px;padding:0 .45rem;background:#ffffff0a}.money-input span{font-weight:700;color:var(--repair-ink);font-size:.82rem}.money-input input{border:none;padding:.3rem 0;font-size:.82rem;width:100%;min-width:0;background:transparent;color:var(--repair-ink)}.money-input input:focus{outline:none}.muted{color:var(--repair-muted)}.tiny{font-size:.78rem;margin:.2rem 0 0}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--repair-muted);margin:0;font-size:.7rem}button.loading{position:relative;pointer-events:none;opacity:.6}.ghost-button{background:transparent;border:1px solid var(--repair-border);color:var(--repair-muted);border-radius:8px;padding:.35rem .6rem;font-weight:700;cursor:pointer;font-size:.82rem}.ghost-button:hover{background:#ffffff0a}.services-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:998;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.services-modal{background:var(--color-surface-solid, #1e293b);border:1px solid var(--repair-border);border-radius:16px;max-width:920px;width:100%;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-xl, 0 20px 40px rgba(0,0,0,.7));color:var(--repair-text)}.services-modal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--repair-border);background:#ffffff08}.services-modal-header h3{margin:0;font-size:1rem;color:var(--repair-ink)}.services-modal-body{padding:10px 14px 0;overflow:auto;flex:1}.services-modal-footer{padding:8px 14px 12px;border-top:1px solid var(--repair-border);display:flex;justify-content:space-between;align-items:center;gap:10px;background:#ffffff08}.services-summary{display:flex;gap:.5rem;align-items:center}.services-modal-footer button{border:none;border-radius:8px;padding:.45rem .75rem;font-weight:800;cursor:pointer;background:var(--repair-primary);color:#fff;transition:background .12s ease}.services-modal-footer button:hover{background:var(--repair-primary-dark)}.payment-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:999;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.payment-modal{background:var(--color-surface-solid, #1e293b);border:1px solid var(--repair-border);border-radius:16px;max-width:720px;width:100%;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-xl, 0 20px 40px rgba(0,0,0,.7));color:var(--repair-text)}.payment-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--repair-border);background:#ffffff08}.payment-modal-header h3{margin:.15rem 0 0;font-size:1rem;color:var(--repair-ink)}.payment-modal-body{padding:10px 14px 0;overflow:auto;flex:1}.payment-modal-footer{padding:10px 14px 14px;border-top:1px solid var(--repair-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;background:#ffffff08}.payment-helper{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;background:#fbbf240f;border:1px solid rgba(251,191,36,.15);border-radius:10px;padding:.5rem;margin-bottom:.5rem}.payment-step{display:flex;gap:.5rem;align-items:flex-start}.step-chip{width:24px;height:24px;border-radius:50%;background:var(--repair-accent);color:#1f2937;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.78rem;flex-shrink:0}.payment-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}.payment-item{display:flex;gap:8px;border:1px solid var(--repair-border);border-radius:8px;padding:8px;align-items:flex-start;cursor:pointer;background:#ffffff08;transition:border-color .12s ease}.payment-item:hover{border-color:#3b82f666}.payment-item input{margin-top:3px}.payment-item-details{display:flex;flex-direction:column;gap:2px}.payment-item-name{font-weight:600;font-size:.88rem;color:var(--repair-ink)}.payment-item-meta{display:flex;gap:10px;font-size:.78rem;color:var(--repair-muted)}.payment-quick{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.5rem 0}.payment-quick-card{background:#ffffff08;border:1px solid var(--repair-border);border-radius:10px;padding:.5rem;display:flex;flex-direction:column;gap:.3rem}.payment-quick-card label{font-weight:700;color:var(--repair-ink);font-size:.82rem}.bench-fee-button{border:2px solid rgba(251,191,36,.3);background:#fbbf2414;color:var(--color-warning-ink, #fde68a);padding:.4rem .65rem;border-radius:8px;font-weight:800;cursor:pointer;font-size:.82rem;transition:all .12s ease}.bench-fee-button:hover{box-shadow:0 4px 12px #fbbf2426}.bench-fee-button.active{background:var(--repair-accent);color:#1f2937;border-color:var(--repair-accent)}.bench-fee-button:disabled{opacity:.5;cursor:not-allowed}.bench-fee-note{color:var(--color-warning-ink, #fde68a);font-weight:700;background-color:#fbbf241f;padding:1px 5px;border-radius:4px;margin-left:3px;font-size:.78rem}.payment-summary{display:flex;flex-direction:column;gap:.2rem}.payment-balance{display:flex;flex-direction:column;gap:.1rem}.payment-breakdown{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.82rem;color:var(--repair-muted)}.payment-badge{background:var(--color-primary-light, rgba(59, 130, 246, .12));color:var(--color-info-ink, #93c5fd);padding:.15rem .5rem;border-radius:999px;font-weight:700;font-size:.78rem}.payment-actions{display:flex;gap:6px}.payment-actions button{border:none;border-radius:8px;padding:.45rem .75rem;font-weight:800;font-size:.82rem;cursor:pointer;transition:all .12s ease}.payment-actions button:not(.ghost-button){background:var(--repair-primary);color:#fff}.payment-actions button:not(.ghost-button):hover{background:var(--repair-primary-dark)}.payment-actions button:disabled{opacity:.5;cursor:not-allowed}.staff-override-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:999;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.staff-override-modal{background:var(--color-surface-solid, #1e293b);border:1px solid var(--repair-border);border-radius:14px;box-shadow:var(--shadow-xl, 0 20px 40px rgba(0,0,0,.7));max-width:420px;width:100%;display:flex;flex-direction:column;animation:popIn .2s ease-out;color:var(--repair-text)}.staff-override-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--repair-border)}.staff-override-header h3{margin:0;font-size:1rem;color:var(--repair-ink)}.staff-override-body{padding:1rem}.staff-override-body p{margin:0;color:var(--repair-muted);font-size:.9rem}.staff-override-footer{display:flex;gap:.5rem;justify-content:flex-end;padding:.75rem 1rem;border-top:1px solid var(--repair-border);background:#ffffff08}.repair-complete-shell{align-items:center;justify-content:center;min-height:100%}.repair-complete-card{width:min(640px,100%);background:var(--repair-surface);border-radius:16px;border:1px solid var(--repair-border);box-shadow:var(--repair-shadow);padding:1.25rem;display:flex;flex-direction:column;gap:.65rem;position:relative;z-index:1}.repair-complete-card h1{margin:0;color:var(--repair-ink);font-size:clamp(1.5rem,1.2rem + 1vw,2rem)}.repair-complete-note{margin:0;color:var(--repair-muted);font-size:.9rem}.repair-complete-warning{margin:0;color:var(--color-danger-ink, #fca5a5);font-weight:700;background:var(--color-danger-bg, rgba(248, 113, 113, .12));border:1px solid rgba(248,113,113,.25);padding:.4rem .65rem;border-radius:8px}.repair-complete-status{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:.85rem;background:#94a3b814;border:1px dashed rgba(148,163,184,.25);color:var(--repair-ink);padding:.3rem .65rem;border-radius:999px;width:fit-content}.repair-complete-status.success{background:var(--color-success-bg);border-color:#34d3994d;color:var(--color-success-ink)}.repair-complete-status.error{background:var(--color-danger-bg);border-color:#f871714d;color:var(--color-danger-ink)}.repair-complete-status.printing{background:var(--color-warning-bg);border-color:#fbbf244d;color:var(--color-warning-ink)}.repair-complete-dot{width:8px;height:8px;border-radius:999px;background:currentColor}.repair-complete-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.35rem}.repair-primary-button,.repair-secondary-button{border-radius:8px;padding:.55rem 1rem;font-weight:800;cursor:pointer;transition:all .12s ease}.repair-primary-button{border:2px solid var(--repair-primary);background:var(--repair-primary);color:#fff}.repair-primary-button:hover{background:var(--repair-primary-dark);border-color:var(--repair-primary-dark)}.repair-secondary-button{border:2px solid var(--repair-border);background:transparent;color:var(--repair-ink)}.repair-secondary-button:hover{border-color:#3b82f666}.repair-primary-button:disabled,.repair-secondary-button:disabled{opacity:.6;cursor:not-allowed}@media(min-width:1200px){.intel-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:850px){.grid.three-col{grid-template-columns:1fr 1fr}}@media(max-width:768px){.repair-shell{grid-template-rows:auto auto 1fr;height:auto;min-height:100dvh;overflow:auto}.repair-action-rail{flex-wrap:wrap;max-height:none;min-height:auto;padding:.4rem .5rem;gap:.3rem;border-radius:var(--repair-radius)}.rail-spacer{display:none}.repair-grid{grid-template-columns:1fr;overflow:auto}.left-stack{overflow:visible}.services-sidebar{max-height:50vh}.grid.three-col,.grid.two-col{grid-template-columns:1fr}.companion-popover{left:auto;right:0;width:280px}.field input,.field textarea,.field select{font-size:16px}.field textarea{min-height:6rem}.field--description textarea{min-height:9rem;line-height:1.4;padding:.55rem .6rem}}@media(prefers-reduced-motion:reduce){.companion-popover,.staff-override-modal{animation:none}}.projects-shell{padding:.5rem}.project-intake-form{max-width:700px;margin:0 auto;background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.project-intake-form h1{margin:0 0 1.25rem;font-size:1.2rem;font-weight:800;color:var(--color-ink)}.project-intake-form h3{margin:1.25rem 0 .6rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);border-bottom:1px solid var(--color-border);padding-bottom:.35rem}.intake-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.intake-field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.6rem}.intake-field.full{grid-column:1 / -1}.intake-field label{font-size:.72rem;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em}.intake-field input,.intake-field select,.intake-field textarea{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.5rem .6rem;color:var(--color-text);font-size:.85rem;font-family:inherit;outline:none;transition:border-color .15s}.intake-field input:focus,.intake-field select:focus,.intake-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f626}.intake-field select{color-scheme:dark}.intake-field select option{background:var(--color-surface-solid);color:var(--color-text)}.intake-field textarea{resize:vertical;min-height:60px}.value-input-wrap{position:relative}.value-input-wrap .dollar-prefix{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);color:var(--color-muted);font-size:.85rem;pointer-events:none}.value-input-wrap input{padding-left:1.4rem}.tag-checkboxes{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.6rem}.tag-checkbox{display:flex;align-items:center;gap:.3rem;cursor:pointer;font-size:.78rem;color:var(--color-text)}.tag-checkbox input[type=checkbox]{accent-color:var(--color-primary);width:14px;height:14px}.priority-toggle{display:flex;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.priority-toggle button{flex:1;padding:.45rem .8rem;background:var(--color-bg-raised);border:none;color:var(--color-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s;font-family:inherit}.priority-toggle button.active{background:var(--color-primary);color:#fff}.priority-toggle button.active.high{background:#f87171}.intake-submit{margin-top:1.25rem;width:100%;padding:.65rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity .15s;font-family:inherit}.intake-submit:hover{opacity:.9}.intake-submit:disabled{opacity:.5;cursor:not-allowed}.project-list{padding:.5rem}.project-list-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.project-list-header h1{margin:0;font-size:1.1rem;font-weight:800;color:var(--color-ink)}.project-list-actions{display:flex;align-items:center;gap:.5rem}.new-project-btn{padding:.4rem .8rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.78rem;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap;font-family:inherit}.new-project-btn:hover{opacity:.9}.view-toggle{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.view-toggle button{padding:.35rem .6rem;background:var(--color-bg-raised);border:none;color:var(--color-muted);font-size:.72rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s;font-family:inherit}.view-toggle button.active{background:#3b82f626;color:var(--color-primary)}.project-search-bar{width:100%;margin-bottom:.5rem}.project-search-bar input{width:100%;padding:.5rem .6rem;background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.82rem;outline:none;font-family:inherit;box-sizing:border-box}.project-search-bar input:focus{border-color:var(--color-primary)}.project-summary-grid{display:flex;gap:.35rem;margin-bottom:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.project-summary-card{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.35rem .6rem;min-width:56px;background:var(--color-surface-solid);border:1.5px solid var(--color-border);border-radius:8px;cursor:default;transition:border-color .12s}.project-summary-card .summary-label{margin:0;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);white-space:nowrap}.project-summary-card .summary-value{margin:0;font-size:1.1rem;font-weight:800;color:var(--color-text);line-height:1}.project-summary-card .summary-value.amber{color:#fbbf24}.project-summary-card .summary-value.red{color:#f87171}.stage-pills{display:flex;gap:.3rem;margin-bottom:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.2rem}.stage-pill{padding:.3rem .65rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-bg-raised);color:var(--color-muted);font-size:.72rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s;font-family:inherit}.stage-pill:hover{border-color:var(--color-primary);color:var(--color-text)}.stage-pill.active{background:#3b82f626;border-color:var(--color-primary);color:var(--color-primary)}.project-table{width:100%;border-collapse:collapse;font-size:.8rem}.project-table thead th{text-align:left;padding:.5rem .6rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);border-bottom:1px solid var(--color-border);white-space:nowrap}.project-table tbody tr{cursor:pointer;transition:background .12s}.project-table tbody tr:hover{background:#3b82f60f}.project-table tbody td{padding:.5rem .6rem;color:var(--color-text);border-bottom:1px solid var(--color-border);white-space:nowrap}.stage-badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.68rem;font-weight:700;text-transform:capitalize}.project-board{display:grid;grid-template-columns:repeat(7,minmax(180px,1fr));gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}.board-column{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.5rem;min-height:200px}.board-column-header{margin-bottom:.5rem;padding-bottom:.35rem;border-bottom:2px solid var(--color-border)}.board-column-header h3{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-ink)}.board-column-header .col-meta{display:flex;justify-content:space-between;font-size:.65rem;color:var(--color-muted);margin-top:.2rem}.board-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.5rem;margin-bottom:.4rem;cursor:pointer;transition:border-color .12s,box-shadow .12s}.board-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.board-card-title{font-size:.78rem;font-weight:600;color:var(--color-ink);margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-card-customer{font-size:.7rem;color:var(--color-muted);margin:0 0 .25rem}.board-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.65rem;color:var(--color-muted)}.board-card-value{font-weight:700;color:var(--color-text)}.board-card-initials{width:22px;height:22px;border-radius:50%;background:#3b82f633;color:var(--color-primary);font-size:.6rem;font-weight:700;display:flex;align-items:center;justify-content:center}.project-detail{max-width:800px;margin:0 auto}.project-detail-back{display:inline-flex;align-items:center;gap:.3rem;color:var(--color-muted);text-decoration:none;font-size:.78rem;font-weight:600;margin-bottom:.75rem;cursor:pointer;background:none;border:none;font-family:inherit}.project-detail-back:hover{color:var(--color-primary)}.project-detail-header{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:.75rem}.project-detail-title-row{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.project-number{font-size:.72rem;font-weight:700;color:var(--color-muted)}.project-title-editable{font-size:1.1rem;font-weight:800;color:var(--color-ink);cursor:pointer;border:none;background:none;padding:0;outline:none;font-family:inherit}.project-title-editable:hover{color:var(--color-primary)}input.project-title-editable{border-bottom:2px solid var(--color-primary);min-width:200px;color:var(--color-ink)}.project-detail-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.value-display{font-size:1.3rem;font-weight:800;color:#34d399;cursor:pointer}.value-display:hover{opacity:.8}input.value-display-edit{font-size:1.1rem;font-weight:800;color:#34d399;background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.25rem .5rem;width:120px;outline:none;font-family:inherit}.project-assigned-select{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.3rem .5rem;color:var(--color-text);font-size:.78rem;outline:none;color-scheme:dark;font-family:inherit}.project-assigned-select option{background:var(--color-surface-solid);color:var(--color-text)}.stage-stepper{display:flex;gap:.25rem;margin-top:.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.stage-step{flex:1;min-width:0;padding:.35rem .2rem;text-align:center;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--color-muted);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap;font-family:inherit}.stage-step:hover{border-color:var(--color-primary);color:var(--color-text)}.stage-step.active{color:#fff;border-color:transparent}.stage-step.past{opacity:.6}.project-section{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:.75rem}.project-section h2{margin:0 0 .6rem;font-size:.82rem;font-weight:700;color:var(--color-ink);display:flex;align-items:center;justify-content:space-between}.project-section h2 .section-count{font-size:.68rem;color:var(--color-muted);font-weight:600}.customer-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.customer-info-item{display:flex;flex-direction:column;gap:.1rem}.customer-info-item .info-label{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted)}.customer-info-item .info-value{font-size:.82rem;color:var(--color-text)}.customer-info-item a{color:var(--color-primary);text-decoration:none}.customer-info-item a:hover{text-decoration:underline}.customer-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem}.tag-pill{display:inline-block;padding:.15rem .45rem;border-radius:999px;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;background:#3b82f626;color:#60a5fa}.tag-pill.repair{background:#60a5fa26;color:#60a5fa}.tag-pill.advertising{background:#fbbf2426;color:#fbbf24}.tag-pill.b2b{background:#8b5cf626;color:#8b5cf6}.tag-pill.pos{background:#34d39926;color:#34d399}.tag-pill.vip{background:#f8717126;color:#f87171}.tag-pill.referral_source{background:#ec489926;color:#ec4899}.customer-link{display:inline-block;margin-top:.5rem;font-size:.75rem;color:var(--color-primary);text-decoration:none}.customer-link:hover{text-decoration:underline}.detail-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem}.detail-field{display:flex;flex-direction:column;gap:.1rem}.detail-field.full{grid-column:1 / -1}.detail-field .field-label{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted)}.detail-field .field-value{font-size:.82rem;color:var(--color-text)}.detail-field textarea,.detail-field input,.detail-field select{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.4rem .5rem;color:var(--color-text);font-size:.82rem;outline:none;font-family:inherit;color-scheme:dark}.detail-field textarea:focus,.detail-field input:focus,.detail-field select:focus{border-color:var(--color-primary)}.detail-field select option{background:var(--color-surface-solid);color:var(--color-text)}.task-add-form{display:flex;gap:.4rem;margin-bottom:.6rem;flex-wrap:wrap}.task-add-form input,.task-add-form select{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.4rem .5rem;color:var(--color-text);font-size:.78rem;outline:none;font-family:inherit;color-scheme:dark}.task-add-form select option{background:var(--color-surface-solid);color:var(--color-text)}.task-add-form input:focus,.task-add-form select:focus{border-color:var(--color-primary)}.task-add-form input[type=text]{flex:1;min-width:120px}.task-add-form input[type=date]{width:130px}.task-add-btn{padding:.4rem .7rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;cursor:pointer;white-space:nowrap;font-family:inherit}.task-list{list-style:none;margin:0;padding:0}.task-item{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;border-bottom:1px solid var(--color-border)}.task-item:last-child{border-bottom:none}.task-item input[type=checkbox]{accent-color:var(--color-primary);width:16px;height:16px;flex-shrink:0}.task-item-content{flex:1;min-width:0}.task-item-title{font-size:.8rem;color:var(--color-text)}.task-item-meta{font-size:.65rem;color:var(--color-muted)}.task-item.completed .task-item-title{text-decoration:line-through;color:var(--color-muted)}.task-overdue .task-item-title,.task-overdue .task-item-meta{color:#f87171}.task-today .task-item-title,.task-today .task-item-meta{color:#fbbf24}.task-delete-btn{background:none;border:none;color:var(--color-muted);font-size:.85rem;cursor:pointer;padding:.2rem;line-height:1;flex-shrink:0}.task-delete-btn:hover{color:#f87171}.note-add-form{display:flex;gap:.4rem;margin-bottom:.6rem}.note-add-form textarea{flex:1;background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.4rem .5rem;color:var(--color-text);font-size:.8rem;resize:vertical;min-height:40px;outline:none;font-family:inherit}.note-add-form textarea:focus{border-color:var(--color-primary)}.note-add-btn{padding:.4rem .7rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;cursor:pointer;white-space:nowrap;align-self:flex-end;font-family:inherit}.note-list{list-style:none;margin:0;padding:0}.note-item{padding:.5rem 0;border-bottom:1px solid var(--color-border)}.note-item:last-child{border-bottom:none}.note-item-content{font-size:.82rem;color:var(--color-text);white-space:pre-wrap;margin:0 0 .2rem}.note-item-meta{font-size:.65rem;color:var(--color-muted)}.danger-zone{margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(248,113,113,.3)}.danger-delete-btn{padding:.45rem .8rem;background:#f8717126;color:#f87171;border:1px solid rgba(248,113,113,.3);border-radius:var(--radius-sm);font-size:.78rem;font-weight:700;cursor:pointer;font-family:inherit}.danger-delete-btn:hover{background:#f8717140}.inline-save-btn{padding:.25rem .5rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;cursor:pointer;font-family:inherit}.project-empty{text-align:center;padding:2rem;color:var(--color-muted);font-size:.85rem}.project-loading{text-align:center;padding:3rem;color:var(--color-muted);font-size:.85rem}@media(max-width:768px){.project-board{grid-template-columns:repeat(7,200px)}.intake-row,.customer-info-grid,.detail-fields-grid{grid-template-columns:1fr}.project-detail-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.task-add-form{flex-direction:column}.task-add-form input[type=date]{width:100%}.project-table{font-size:.72rem}.project-table thead th,.project-table tbody td{padding:.4rem}}@media(max-width:480px){.project-intake-form{padding:1rem}.project-section,.project-detail-header{padding:.75rem}.project-list-header{flex-direction:column;align-items:flex-start}.stage-stepper{gap:.15rem}.stage-step{font-size:.55rem;padding:.25rem .15rem}}.intake-page{display:flex;flex-direction:column;flex:1;min-height:0}.intake-mode-toggle{display:flex;justify-content:center;gap:0;margin:.5rem auto 0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;max-width:320px;width:100%}.intake-mode-toggle button{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1rem;background:var(--color-bg-raised);border:none;color:var(--color-muted);font-size:.82rem;font-weight:700;cursor:pointer;transition:background .15s,color .15s;font-family:inherit}.intake-mode-toggle button:first-child{border-right:1px solid var(--color-border)}.intake-mode-toggle button:hover{color:var(--color-text);background:#3b82f60f}.intake-mode-toggle button.active.repair{background:#3b82f626;color:var(--color-primary)}.intake-mode-toggle button.active.project{background:#fbbf2426;color:#fbbf24}.intake-mode-toggle .toggle-icon{font-size:.75rem}.intake-top-bar{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:.5rem auto 0;max-width:480px;width:100%;padding:0 .5rem}.qr-checkin-btn{display:flex;align-items:center;gap:.35rem;padding:.55rem .75rem;background:#34d39926;border:1px solid rgba(52,211,153,.3);border-radius:var(--radius-md);color:#34d399;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s;font-family:inherit;white-space:nowrap}.qr-checkin-btn:hover{background:#34d39940;border-color:#34d399}@media(max-width:480px){.qr-btn-label{display:none}.qr-checkin-btn{padding:.55rem}}.qr-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.qr-modal{position:relative;background:var(--color-surface-solid, #1e293b);border:1px solid var(--color-border, rgba(148,163,184,.12));border-radius:var(--radius-lg, 10px);padding:1.5rem;max-width:380px;width:100%;text-align:center}.qr-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:var(--color-muted, #94a3b8);font-size:1rem;cursor:pointer;padding:.25rem;line-height:1}.qr-close:hover{color:#f87171}.qr-modal h2{margin:0 0 .25rem;font-size:1.1rem;font-weight:800;color:var(--color-ink, #f1f5f9)}.qr-subtitle{margin:0 0 1rem;font-size:.78rem;color:var(--color-muted, #94a3b8)}.qr-loading{padding:2rem;color:var(--color-muted, #94a3b8);font-size:.85rem}.qr-error{padding:1rem;color:#f87171;font-size:.85rem}.qr-code-wrap{display:flex;justify-content:center;margin-bottom:.75rem;background:#fff;border-radius:12px;padding:12px}.qr-code-img{width:240px;height:240px;border-radius:var(--radius-md, 8px);background:#1e293b;padding:12px;border:2px solid rgba(52,211,153,.3)}.qr-meta{margin-bottom:.75rem}.qr-timer{font-size:.72rem;font-weight:600;color:#fbbf24}.qr-actions{display:flex;gap:.5rem;justify-content:center;margin-bottom:.75rem}.qr-copy-btn{padding:.4rem .8rem;background:var(--color-primary, #3b82f6);color:#fff;border:none;border-radius:var(--radius-sm, 5px);font-size:.78rem;font-weight:700;cursor:pointer;font-family:inherit}.qr-copy-btn:hover{opacity:.9}.qr-refresh-btn{padding:.4rem .8rem;background:var(--color-bg-raised, #111827);color:var(--color-text, #e2e8f0);border:1px solid var(--color-border, rgba(148,163,184,.12));border-radius:var(--radius-sm, 5px);font-size:.78rem;font-weight:600;cursor:pointer;font-family:inherit}.qr-refresh-btn:hover{border-color:var(--color-primary, #3b82f6)}.qr-link-preview{font-size:.65rem;color:var(--color-muted, #94a3b8);word-break:break-all;padding:.5rem;background:var(--color-bg-raised, #111827);border-radius:var(--radius-sm, 5px);border:1px solid var(--color-border, rgba(148,163,184,.12))}.qr-mode-toggle{display:flex;gap:0;margin:.75rem auto;border:1px solid var(--color-border, rgba(148,163,184,.12));border-radius:var(--radius-md, 8px);overflow:hidden;max-width:280px}.qr-mode-toggle button{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .6rem;background:var(--color-bg-raised, #111827);border:none;color:var(--color-muted, #94a3b8);font-size:.75rem;font-weight:700;cursor:pointer;transition:background .15s,color .15s;font-family:inherit}.qr-mode-toggle button:first-child{border-right:1px solid var(--color-border, rgba(148,163,184,.12))}.qr-mode-toggle button:hover{color:var(--color-text, #e2e8f0)}.qr-mode-toggle button.active.repair{background:#3b82f626;color:var(--color-primary, #3b82f6)}.qr-mode-toggle button.active.project{background:#fbbf2426;color:#fbbf24}.qr-mode-badge{display:inline-block;margin-left:.5rem;padding:.15rem .5rem;border-radius:var(--radius-sm, 5px);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.qr-mode-badge[data-mode=repair]{background:#3b82f626;color:#60a5fa}.qr-mode-badge[data-mode=project]{background:#fbbf2426;color:#fbbf24}.checkin-status-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#0b1121;padding:1rem}.checkin-status-card{text-align:center;background:#1e293b;border:1px solid rgba(148,163,184,.12);border-radius:12px;padding:2rem 1.5rem;max-width:360px;width:100%}.checkin-status-card h2{margin:.5rem 0;font-size:1.2rem;font-weight:800;color:#f1f5f9}.checkin-status-card p{margin:0 0 .5rem;font-size:.85rem;color:#94a3b8}.checkin-hint{font-size:.78rem!important;color:#fbbf24!important;font-weight:600}.checkin-icon{font-size:2.5rem}.checkin-spinner{width:36px;height:36px;border:3px solid rgba(59,130,246,.2);border-top:3px solid #3b82f6;border-radius:50%;margin:0 auto .75rem;animation:spin .8s linear infinite}.form-container{max-width:600px;background:var(--color-surface-solid);margin:.5rem auto;padding:.75rem;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);max-height:calc(100vh - 60px);overflow-y:auto;-webkit-overflow-scrolling:touch}.form-container h1{text-align:center;margin-bottom:.75rem;font-size:1.25rem;color:var(--color-primary)}.form-section{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.form-section:last-of-type{border-bottom:none}.form-section h2{margin-bottom:.5rem;font-size:1rem;color:var(--color-text);border-bottom:2px solid var(--color-primary);padding-bottom:.25rem}.form-group{margin-bottom:.6rem;position:relative}.form-group label{display:block;margin-bottom:.2rem;font-weight:700;color:var(--color-muted);font-size:.82rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.6rem;border:1px solid var(--color-border);border-radius:var(--radius-xs);font-size:max(16px,1em);color:var(--color-text);min-height:44px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.suggestions-list{border:1px solid var(--color-ghost);border-top:none;border-radius:0 0 var(--radius-xs) var(--radius-xs);max-height:200px;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:var(--color-surface-solid);position:absolute;width:100%;box-shadow:var(--shadow-lg);z-index:1000;margin:0;padding:0}.suggestion-item{padding:.6rem;cursor:pointer;list-style:none;border-bottom:1px solid var(--color-border);transition:background-color var(--ease);min-height:44px}.suggestion-item:hover{background-color:var(--color-primary);color:var(--color-surface-solid)}.suggestion-item:last-child{border-bottom:none}.suggestion-name{font-weight:600;font-size:.82rem;margin-bottom:.15rem}.suggestion-details{display:flex;flex-direction:column;gap:2px;font-size:.72rem;color:var(--color-muted)}.suggestion-item:hover .suggestion-details{color:#ffffffe6}.suggestion-details span{display:flex;align-items:center;gap:4px}.payment-row{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.6rem;padding:.65rem;background-color:var(--color-bg);border-radius:var(--radius-xs);border:1px solid var(--color-border)}.payment-row .form-group{flex:1;margin-bottom:0}.payment-row .form-group label{font-size:.78rem;margin-bottom:.15rem}.payment-row .form-group input{font-size:max(16px,.85em);padding:.5rem}.remove-payment-btn{background-color:var(--color-ink);color:var(--color-bg);border:1px solid var(--color-ink);padding:.5rem .75rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.82rem;min-height:44px;align-self:flex-start}.remove-payment-btn:hover{background-color:var(--color-bg-raised);border-color:var(--color-bg-raised)}.add-payment-btn{background-color:var(--color-info);color:var(--color-ink);border:1px solid var(--color-info);padding:.6rem .85rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.82rem;margin-top:.4rem;min-height:44px;width:100%}.add-payment-btn:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-bg)}.form-group.buttons{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.layaway-page button{background-color:var(--color-ink);color:var(--color-bg);border:1px solid var(--color-ink);padding:.6rem 1rem;border-radius:var(--radius-sm);cursor:pointer;font-size:max(16px,.9em);min-height:44px;width:100%}.layaway-page button[type=button]{background-color:var(--color-border);color:var(--color-ink);border:1px solid rgba(15,23,42,.2)}.layaway-page button[type=button]:hover{background-color:var(--color-ghost);border-color:#0f172a66}.layaway-page button[type=submit]{background-color:var(--color-info);color:var(--color-ink);border-color:var(--color-info)}.layaway-page button[type=submit]:hover{background-color:var(--color-primary-hover);color:var(--color-bg);border-color:var(--color-primary-hover)}.layaway-page button.loading{position:relative;pointer-events:none;opacity:.6}.layaway-page button.loading:after{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;border:3px solid transparent;border-top-color:var(--color-surface-solid);border-radius:50%;animation:spin .8s linear infinite;transform:translate(-50%,-50%)}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:.6rem 2.5rem .6rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-xs);background-color:var(--color-surface-solid);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 20 20' fill='none'><path d='M5 7l5 5 5-5' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:18px 18px;font-size:max(16px,1em);color:var(--color-text);transition:border-color var(--ease),box-shadow var(--ease)}.form-group select:hover{border-color:var(--color-ghost)}.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.form-group select:disabled{background-color:var(--color-bg-raised);color:var(--color-subtle);cursor:not-allowed}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.layaway-landing{max-width:800px;margin:.5rem auto;padding:.75rem}.landing-header{text-align:center;margin-bottom:1.5rem}.landing-header h1{color:var(--color-primary);margin-bottom:.4rem;font-size:1.5rem}.landing-header p{color:var(--color-muted);font-size:.88rem}.action-cards{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.action-card{background:var(--color-surface-solid);border-radius:var(--radius-lg);padding:1.25rem;text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.card-icon{font-size:2rem;margin-bottom:.75rem}.action-card h2{color:var(--color-text);margin-bottom:.5rem;font-size:1.15rem}.action-card p{color:var(--color-muted);margin-bottom:1rem;line-height:1.4;font-size:.85rem}.action-button{display:inline-block;padding:.65rem 1.5rem;border-radius:var(--radius-sm);text-decoration:none;font-weight:600;border:none;cursor:pointer;font-size:.9rem;min-height:44px}.action-button.primary{background-color:var(--color-primary);color:var(--color-surface-solid)}.action-button.primary:hover{background-color:var(--color-primary-hover)}.action-button.secondary{background-color:var(--color-muted);color:var(--color-surface-solid)}.action-button.secondary:hover{background-color:var(--color-ghost)}.landing-info{background:var(--color-bg-raised);border-radius:var(--radius-sm);padding:1rem;border-left:4px solid var(--color-primary)}.landing-info h3{color:var(--color-text);margin-bottom:.5rem;font-size:1rem}.landing-info p{color:var(--color-muted);line-height:1.5;margin:0;font-size:.85rem}.layaway-list{max-width:1200px;margin:0 auto;padding:.75rem}.list-header{margin-bottom:.75rem}.list-header h1{color:var(--color-primary);margin-bottom:.25rem;font-size:1.35rem}.list-header p{color:var(--color-muted);font-size:.85rem}.list-controls{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.search-box{flex:1}.search-input{width:100%;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:max(16px,.9em);min-height:44px}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.filter-controls{display:flex;gap:.5rem;align-items:center}.export-btn{background-color:var(--color-success);color:var(--color-surface-solid);border:none;padding:.55rem 1rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.82rem;min-height:44px;width:auto;white-space:nowrap}.export-btn:hover{filter:brightness(.9)}.content-container{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}.layaway-wrapper{display:flex;flex-direction:column;flex:1;gap:.75rem}.layaway-container{background-color:var(--color-surface-solid);border-radius:var(--radius-lg);padding:.65rem;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:var(--shadow-sm);max-height:300px}.layaway-card{background-color:var(--color-surface-solid);border-radius:var(--radius-sm);margin-bottom:.4rem;padding:.6rem .75rem;box-shadow:var(--shadow-xs);cursor:pointer;transition:background-color var(--ease),border-color var(--ease);border:1px solid var(--color-border);min-height:44px}.layaway-card:hover{background-color:var(--color-bg-raised)}.layaway-card:active{background-color:var(--color-primary-light)}.layaway-card p{color:var(--color-text);font-size:.82rem;line-height:1.35;margin:.15rem 0}.layaway-card p strong{color:var(--color-primary)}.layaway-number{color:var(--color-muted);font-size:.72rem;font-weight:500}.amount-due{font-weight:700;color:var(--color-success);margin-top:.25rem}.remaining-balance{font-weight:700;color:var(--color-danger);margin-top:.25rem}.layaway-header{position:relative;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.25rem}.layaway-header p{margin:0;flex:1}.status-badge{padding:.2rem .4rem;border-radius:var(--radius-md);font-size:.68rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.status-active{background-color:var(--color-success-bg);color:var(--color-success-ink)}.status-completed{background-color:var(--color-info-bg);color:var(--color-info-ink)}.status-cancelled{background-color:var(--color-bg-raised);color:var(--color-muted)}.layaway-detail{background-color:var(--color-surface-solid);border-radius:var(--radius-lg);padding:.75rem;box-shadow:var(--shadow-sm);overflow-y:auto;-webkit-overflow-scrolling:touch}.layaway-detail h2{margin-top:0;color:var(--color-primary);margin-bottom:.75rem;font-size:1.15rem}.layaway-detail p{margin:.4rem 0;color:var(--color-muted);line-height:1.4;font-size:.85rem}.no-data{text-align:center;color:var(--color-muted);padding:1.5rem;font-style:italic;font-size:.85rem}.list-footer{margin-top:.75rem;text-align:center}.summary-info{color:var(--color-muted);font-size:.82rem}.loading-spinner{text-align:center;padding:1.5rem;color:var(--color-muted);font-size:.95rem}.mobile-container{width:100%;display:flex;flex-direction:column}.mobile-layaway-list{display:flex;flex-direction:column;flex:1}.mobile-list-header{padding:.5rem .65rem;background-color:var(--color-bg-raised);border-bottom:1px solid var(--color-border);min-height:44px;display:flex;align-items:center}.mobile-list-header h3{margin:0;color:var(--color-text);font-size:.95rem}.mobile-layaway-container{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.5rem}.mobile-layaway-detail{display:flex;flex-direction:column;flex:1}.mobile-header{padding:.5rem .65rem;background-color:var(--color-bg-raised);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:.5rem;min-height:44px}.back-button{background-color:var(--color-muted);color:var(--color-surface-solid);border:none;padding:.45rem .65rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.82rem;min-height:44px;transition:background-color var(--ease)}.back-button:hover{background-color:var(--color-ghost)}.mobile-header h3{margin:0;color:var(--color-text);font-size:.95rem}.mobile-detail-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.65rem}.required-downpayment-info{margin-top:.4rem;padding:.5rem;background-color:var(--color-success-bg);border:1px solid var(--color-success);border-radius:var(--radius-xs);color:var(--color-success-ink)}.required-downpayment-info strong{font-size:.82rem}.required-downpayment-info small{font-size:.72rem;opacity:.8}.downpayment-requirement{margin-top:.25rem;padding:.25rem .4rem;background-color:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius-xs);color:var(--color-warning-ink);font-size:.72rem;font-weight:500}.signature-container{margin-top:.5rem}.signature-container canvas{display:block;margin-bottom:.5rem;background-color:var(--color-bg);width:100%;height:120px}.signature-buttons{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.5rem}.signature-buttons button{width:100%;padding:.5rem .75rem;font-size:.82rem;background-color:var(--color-muted);min-height:44px}.signature-buttons button:hover{background-color:var(--color-ghost)}.signature-buttons small{font-size:.72rem;color:var(--color-muted)}.signature-captured{color:var(--color-success);font-weight:500;font-size:.82rem}.detail-header{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border-bottom:1px solid var(--color-border);background:var(--color-bg-raised);border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin:-.75rem -.75rem .75rem}.detail-header-left{flex:1}.detail-header-left h2{margin:0 0 .25rem;color:var(--color-primary);font-size:1.15rem}.layaway-summary{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.layaway-summary .layaway-number{font-weight:600;color:var(--color-muted);font-size:.88rem}.detail-header-right{display:flex;align-items:center;gap:.5rem}.close-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--color-muted);padding:.25rem;border-radius:var(--radius-xs);min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;transition:all var(--ease);flex-shrink:0}.close-btn:hover{background-color:var(--color-border);color:var(--color-muted)}.layaway-details-content{padding:0}.detail-section{margin-bottom:1rem;padding:.75rem;background:var(--color-bg-raised);border-radius:var(--radius-sm);border-left:4px solid var(--color-primary)}.detail-section h3{margin:0 0 .5rem;color:var(--color-text);font-size:1rem;border-bottom:2px solid var(--color-border);padding-bottom:.3rem}.detail-grid{display:grid;grid-template-columns:1fr;gap:.5rem}.detail-item{display:flex;flex-direction:column;gap:.2rem}.detail-item.full-width{grid-column:1 / -1}.detail-item label{font-weight:600;color:var(--color-muted);font-size:.78rem}.detail-item span{color:var(--color-text);font-size:.88rem}.detail-item .amount{font-weight:600;color:var(--color-success)}.detail-item .remaining-balance{color:var(--color-danger);font-size:1rem}.detail-item .layaway-number{font-weight:600;color:var(--color-primary);font-size:1rem}.payments-list{display:flex;flex-direction:column;gap:.4rem}.payment-item{display:flex;justify-content:space-between;align-items:center;padding:.55rem .65rem;background:var(--color-surface-solid);border-radius:var(--radius-sm);border:1px solid var(--color-border);min-height:44px}.payment-amount{font-weight:600;color:var(--color-success);font-size:1rem}.payment-details{text-align:right;color:var(--color-muted);font-size:.78rem}.recommendations-grid{display:grid;grid-template-columns:1fr;gap:.5rem;margin-top:.5rem}.recommendation-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.65rem;text-align:center}.rec-type{font-weight:600;color:var(--color-primary);font-size:.82rem;margin-bottom:.3rem}.rec-amount{font-size:1.15rem;font-weight:700;color:var(--color-success);margin-bottom:.15rem}.rec-details{color:var(--color-muted);font-size:.78rem;margin-bottom:.3rem}.rec-total{font-weight:600;color:var(--color-muted);font-size:.78rem;margin-bottom:.3rem}.rec-schedule{font-size:.72rem;color:var(--color-muted)}.schedule-date{margin-bottom:2px}.more-dates{font-style:italic;color:var(--color-subtle)}.notes-content{background:var(--color-surface-solid);padding:.65rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);line-height:1.4;color:var(--color-text);font-size:.85rem}.action-buttons{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border-top:1px solid var(--color-border);background:var(--color-bg-raised);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.primary-btn{background-color:var(--color-primary);color:var(--color-surface-solid);border:none;padding:.6rem 1rem;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;min-height:44px;width:100%;transition:background-color var(--ease)}.primary-btn:hover{background-color:var(--color-primary-hover)}.secondary-btn{background-color:var(--color-muted);color:var(--color-surface-solid);border:none;padding:.6rem 1rem;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;min-height:44px;width:100%;transition:background-color var(--ease)}.secondary-btn:hover{background-color:var(--color-ghost)}.layaway-page .complete-btn,.layaway-page .cancel-layaway-btn,.layaway-page .reopen-btn,.layaway-page .delete-layaway-btn{border:none;padding:.5rem .85rem;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:.78rem;width:auto;white-space:nowrap;min-height:36px}.layaway-page .complete-btn{background-color:var(--color-success);color:var(--color-surface-solid)}.layaway-page .complete-btn:hover{filter:brightness(.9)}.layaway-page .cancel-layaway-btn{background-color:var(--color-danger);color:var(--color-surface-solid)}.layaway-page .cancel-layaway-btn:hover{filter:brightness(.9)}.layaway-page .reopen-btn{background-color:var(--color-warning);color:var(--color-ink)}.layaway-page .reopen-btn:hover{filter:brightness(.9)}.layaway-page .delete-layaway-btn{background-color:var(--color-muted);color:var(--color-surface-solid)}.layaway-page .delete-layaway-btn:hover{background-color:var(--color-danger)}.inline-edit{display:flex;align-items:center;gap:.4rem}.inline-edit-input{padding:.3rem .5rem;border:1px solid var(--color-primary);border-radius:var(--radius-xs);font-size:max(16px,.9em);width:100px;min-height:36px}.layaway-page .inline-edit-save{background-color:var(--color-success);color:var(--color-surface-solid);border:none;padding:.3rem .65rem;border-radius:var(--radius-xs);cursor:pointer;font-size:.78rem;width:auto;min-height:36px}.layaway-page .inline-edit-save:hover{filter:brightness(.9)}.layaway-page .inline-edit-cancel{background-color:var(--color-muted);color:var(--color-surface-solid);border:none;padding:.3rem .65rem;border-radius:var(--radius-xs);cursor:pointer;font-size:.78rem;width:auto;min-height:36px}.layaway-page .inline-edit-cancel:hover{background-color:var(--color-ghost)}.editable{cursor:pointer;display:flex;align-items:center;gap:.3rem}.editable:hover{color:var(--color-primary)}.edit-icon{font-size:.82rem;opacity:.5;transition:opacity var(--ease)}.editable:hover .edit-icon{opacity:1}.payment-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:.5rem}.payment-modal-content{background:var(--color-surface-solid);border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:var(--shadow-xl);position:relative}.payment-modal-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);background:var(--color-bg-raised);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.payment-modal-header h3{margin:0;color:var(--color-primary);font-size:1.1rem}.payment-modal-content form{padding:1rem}.payment-form-section{padding:.75rem 1rem;border-top:1px solid var(--color-border);background:var(--color-bg-raised)}.payment-form-section h3{margin:0 0 .5rem;color:var(--color-text);font-size:1rem}.form-row{display:grid;grid-template-columns:1fr;gap:.5rem;margin-bottom:.5rem}.form-group{display:flex;flex-direction:column;gap:.2rem}.form-group label{font-weight:600;color:var(--color-muted);font-size:.78rem}.form-group input{padding:.5rem .65rem;border:1px solid var(--color-ghost);border-radius:var(--radius-xs);font-size:max(16px,.9em);min-height:44px}.form-buttons{display:flex;flex-direction:column;gap:.5rem}@media(min-width:768px){.form-container{padding:1.25rem;margin:.75rem auto}.form-container h1{font-size:1.5rem}.form-group.buttons{flex-direction:row;justify-content:space-between}.layaway-page button{width:48%}.payment-row{flex-direction:row;gap:.5rem;align-items:flex-end}.action-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.landing-header h1{font-size:2rem}.list-controls{flex-direction:row;justify-content:space-between;align-items:center}.search-box{max-width:500px}.content-container{flex-direction:row;min-height:400px;max-height:65vh}.layaway-wrapper{flex-direction:row}.layaway-container{flex:0 0 35%;max-height:none}.layaway-detail{flex:1}.detail-header{flex-direction:row;justify-content:space-between}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.recommendations-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.action-buttons{flex-direction:row;justify-content:flex-end}.primary-btn,.secondary-btn{width:auto}.signature-buttons{flex-direction:row;align-items:center}.signature-buttons button{width:auto}.signature-container canvas{height:150px}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-buttons{flex-direction:row;justify-content:flex-end}}@media(min-width:1024px){.layaway-list{padding:1.25rem}.form-container{padding:1.5rem}.content-container{max-height:72vh}.detail-section{padding:1rem}.landing-header h1{font-size:2.25rem}}:root{--color-bg: #0f172a;--color-surface-solid: #1e293b;--color-border: rgba(148, 163, 184, .15);--color-text: #e2e8f0;--color-muted: #94a3b8;--color-primary: #3b82f6}.ticket-list{padding:.5rem .5rem 2rem;max-width:1200px;margin:0 auto}.tl-topbar{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem;flex-wrap:wrap}.tl-title{margin:0;font-size:1.15rem;font-weight:800;color:var(--color-text);white-space:nowrap}.tl-search-wrap{display:flex;align-items:center;flex:1;min-width:180px;background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:8px;padding:0 .6rem;height:38px;gap:.4rem}.tl-search-icon{color:var(--color-muted);font-size:.9rem;flex-shrink:0}.tl-search-input{background:transparent;border:none;outline:none;color:var(--color-text);font-size:.85rem;width:100%;font-family:inherit}.tl-search-input::placeholder{color:var(--color-muted)}.tl-tech-select{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.82rem;padding:0 .6rem;height:38px;cursor:pointer;font-family:inherit;color-scheme:dark;white-space:nowrap}.tl-tech-select option{background:#1e293b;color:#e2e8f0}.tl-view-toggle{display:flex;background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;height:38px;flex-shrink:0}.tl-toggle-btn{background:transparent;border:none;color:var(--color-muted);font-size:.82rem;font-weight:500;padding:0 .85rem;cursor:pointer;transition:background .12s,color .12s;font-family:inherit;height:100%}.tl-toggle-btn:hover{background:#94a3b814;color:var(--color-text)}.tl-toggle-btn--active{background:#3b82f626;color:var(--color-primary);font-weight:700}.tl-pills-row{display:flex;gap:.4rem;margin-bottom:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px;flex-wrap:wrap}.tl-pills-row::-webkit-scrollbar{height:3px}.tl-pills-row::-webkit-scrollbar-track{background:transparent}.tl-pills-row::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:999px}.tl-pill{display:flex;align-items:center;gap:.45rem;padding:.45rem .85rem;background:var(--color-surface-solid);border:1.5px solid var(--color-border);border-radius:10px;color:var(--color-muted);font-size:.9rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:border-color .12s,color .12s,background .12s,box-shadow .12s;font-family:inherit;min-height:38px}.tl-pill:hover{border-color:#94a3b859;color:var(--color-text);background:#1e293bb3}.tl-pill--active{font-weight:800;box-shadow:0 0 0 1px currentColor}.tl-pill-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.tl-pill-count{font-weight:800;font-size:1rem}.tl-pill-label{font-size:.88rem}.tl-empty-state{padding:3rem 1rem;text-align:center;color:var(--color-muted)}.tl-empty-state h2{font-size:1rem;margin:0 0 .4rem;color:var(--color-text)}.tl-empty-state p{font-size:.85rem;margin:0}.tl-desktop{display:grid;grid-template-columns:320px 1fr;gap:.5rem;align-items:start;min-height:500px}.tl-list-col{display:flex;flex-direction:column;gap:.35rem;max-height:calc(100vh - 160px);overflow-y:auto;padding-right:2px}.tl-list-col::-webkit-scrollbar{width:4px}.tl-list-col::-webkit-scrollbar-track{background:transparent}.tl-list-col::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:999px}.tl-detail-col{background:#1e293b59;border:1px solid var(--color-border);border-radius:12px;max-height:calc(100vh - 180px);overflow:hidden;display:flex;flex-direction:column}.tl-detail-scroll{overflow-y:auto;padding:1rem 2rem 1rem 1rem;height:100%}.tl-detail-scroll::-webkit-scrollbar{width:4px}.tl-detail-scroll::-webkit-scrollbar-track{background:transparent}.tl-detail-scroll::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:999px}.tl-detail-empty{display:flex;align-items:center;justify-content:center;height:100%;min-height:200px;color:var(--color-muted);font-size:.85rem}.tl-card{background:#1e293b80;border:1px solid var(--color-border);border-radius:10px;padding:.75rem 1rem;cursor:pointer;transition:border-color .12s,background .12s,box-shadow .12s;position:relative}.tl-card:nth-child(2n){background:#1e293b59}.tl-card:nth-child(odd){background:#1e293b99}.tl-card:hover{border-color:#94a3b84d;background:#1e293bb3}.tl-card--selected{border-color:var(--color-primary);background:#3b82f612;box-shadow:0 0 0 2px #3b82f62e}.tl-card--late{border-left:3px solid #ef4444}.tl-card-row1{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.tl-card-left{display:flex;align-items:center;gap:.4rem;min-width:0}.tl-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tl-customer-name{font-size:.9rem;font-weight:700;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-time-ago{font-size:.72rem;color:var(--color-muted);white-space:nowrap;flex-shrink:0;margin-left:.5rem}.tl-card-row2{display:flex;align-items:center;gap:.4rem;margin-bottom:.2rem;flex-wrap:wrap}.tl-ticket-id{font-size:.76rem;font-weight:600;color:var(--color-primary);font-variant-numeric:tabular-nums}.tl-device-type{font-size:.76rem;color:var(--color-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-amount-badge{font-size:.72rem;font-weight:700;color:#22c55e;background:#22c55e1f;padding:.1rem .4rem;border-radius:999px;margin-left:auto}.tl-paid-badge{font-size:.72rem;font-weight:700;color:#34d399;background:#34d3992e;padding:.1rem .5rem;border-radius:999px;margin-left:auto;letter-spacing:.02em}.tl-pending-badge{font-size:.72rem;font-weight:700;color:#fbbf24;background:#fbbf2426;padding:.1rem .5rem;border-radius:999px;margin-left:auto;letter-spacing:.02em}.tl-partial-badge{font-size:.72rem;font-weight:700;color:#fb923c;background:#fb923c26;padding:.1rem .5rem;border-radius:999px;margin-left:auto;letter-spacing:.02em}.tl-card-row3{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.tl-issue-snippet{font-size:.76rem;color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.tl-tech-name{font-size:.72rem;color:var(--color-muted);white-space:nowrap;flex-shrink:0}.detail-inner{display:flex;flex-direction:column;gap:0}.detail-title-row{display:flex;align-items:center;margin-bottom:.25rem;flex-wrap:wrap;gap:.35rem .6rem;padding-right:1rem}.detail-title-left{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;min-width:0}.detail-ticket-num{font-size:.95rem;font-weight:800;color:var(--color-text);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.detail-status-badge{white-space:nowrap;flex-shrink:0}.detail-status-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.68rem;font-weight:600;padding:.15rem .45rem;border-radius:999px;border:1px solid transparent}.detail-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.detail-title-meta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:flex-end;margin-left:auto;flex-shrink:0}.detail-meta-time{font-size:.7rem;color:var(--color-muted)}.detail-amount-badge{font-size:1rem;font-weight:800;color:#34d399;background:#34d39929;border:1px solid rgba(52,211,153,.45);padding:.35rem .85rem;border-radius:999px;white-space:nowrap;flex-shrink:0;margin-right:1rem;letter-spacing:.01em}.detail-paid-badge{font-size:.78rem;font-weight:700;color:#34d399;background:#34d39926;border:1px solid rgba(52,211,153,.3);padding:.15rem .5rem;border-radius:999px}.detail-pending-badge{font-size:.78rem;font-weight:700;color:#fbbf24;background:#fbbf2414;border:1px dashed rgba(251,191,36,.4);padding:.15rem .5rem;border-radius:999px}.detail-partial-badge{font-size:.78rem;font-weight:700;color:#fb923c;background:#fb923c1f;border:1px solid rgba(251,146,60,.4);padding:.15rem .5rem;border-radius:999px}.tl-payment-card{display:flex;gap:.6rem;padding:.65rem .8rem;border-radius:8px;align-items:flex-start}.tl-payment-card--paid{background:#34d39912;border:1px solid rgba(52,211,153,.2)}.tl-payment-card--pending{background:#fbbf2412;border:1px solid rgba(251,191,36,.2)}.tl-payment-card--unpaid{background:#94a3b80d;border:1px solid rgba(148,163,184,.12)}.tl-payment-card-icon{font-size:1rem;flex-shrink:0;line-height:1.4}.tl-payment-card-body{display:flex;flex-direction:column;gap:.1rem;min-width:0}.tl-payment-card-title{font-weight:700;font-size:.85rem;color:var(--color-text)}.tl-payment-card--paid .tl-payment-card-title{color:#6ee7b7}.tl-payment-card--pending .tl-payment-card-title{color:#fbbf24}.tl-payment-card-detail{font-size:.78rem;color:var(--color-muted)}.tl-payment-card-meta{font-size:.72rem;color:var(--color-muted);opacity:.8}.detail-section{background:#1e293b99;border:1px solid var(--color-border);border-radius:8px;padding:.55rem .7rem;margin-bottom:.45rem}.detail-section--tight{padding:.45rem .6rem}.detail-section--comm{border-left:3px solid #3b82f6;background:#3b82f60a}.detail-section--payment{border-left:3px solid #22c55e;background:#22c55e0a}.detail-section--customer{border-left:3px solid #8b5cf6;background:#8b5cf608}.detail-section--issue{border-left:3px solid #f59e0b;background:#f59e0b08}.detail-section--parts{border-left:3px solid #06b6d4;background:#06b6d408}.detail-section--charges{border-left:3px solid #10b981;background:#10b98108}.detail-section--notes{border-left:3px solid #94a3b8;background:#94a3b808}.detail-section-header{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);margin-bottom:.35rem}.detail-compact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.45rem 1rem}.detail-compact-item{display:flex;flex-direction:column;gap:.1rem;font-size:.9rem;color:var(--color-text);font-weight:600;word-break:break-word;line-height:1.35;padding:.15rem 0;border-bottom:1px solid rgba(148,163,184,.08)}.detail-tag{font-size:.62rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;margin-right:0}.detail-comm-row{display:flex;flex-direction:column;gap:.3rem}.detail-btn-sm{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 .65rem;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s;font-family:inherit;border:1.5px solid transparent}.detail-btn-sm:disabled{opacity:.5;cursor:not-allowed}.detail-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.3rem .75rem}.detail-field{display:flex;flex-direction:column;gap:.05rem}.detail-field-label{font-size:.68rem;color:var(--color-muted);font-weight:500}.detail-field-value{font-size:.82rem;color:var(--color-text);word-break:break-word}.detail-link{color:var(--color-primary);text-decoration:none}.detail-link:hover{text-decoration:underline}.detail-issue-text{font-size:.82rem;color:var(--color-text);line-height:1.45;white-space:pre-wrap;word-break:break-word}.detail-tracking-display{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.detail-subsection{padding:.35rem 0}.detail-subsection+.detail-subsection{border-top:1px solid rgba(148,163,184,.08)}.detail-subsection-label{font-size:.68rem;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem}.detail-action-btns{display:flex;gap:.35rem;flex-wrap:wrap}.detail-btn{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 .75rem;border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s,opacity .12s;font-family:inherit;border:1.5px solid transparent}.detail-btn:disabled{opacity:.5;cursor:not-allowed}.detail-btn-primary{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border-color:transparent}.detail-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#2563eb)}.detail-btn-secondary{background:transparent;color:var(--color-text);border-color:var(--color-border)}.detail-btn-secondary:hover:not(:disabled){border-color:#94a3b859;background:#94a3b80f}.detail-btn-ghost{background:#94a3b814;color:var(--color-text);border-color:#94a3b840}.detail-btn-ghost:hover:not(:disabled){color:var(--color-text);background:#94a3b829;border-color:#94a3b866}.detail-inline-form{margin-top:.5rem;display:flex;flex-direction:column;gap:.4rem}.detail-inline-form input,.detail-inline-form textarea{background:#0f172a99;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);padding:.5rem .75rem;font-size:.85rem;font-family:inherit;outline:none;resize:vertical;width:100%;box-sizing:border-box}.detail-inline-form input:focus,.detail-inline-form textarea:focus{border-color:var(--color-primary)}.detail-inline-form-actions{display:flex;gap:.4rem;flex-wrap:wrap}.detail-action-status{margin-top:.4rem;padding:.45rem .75rem;border-radius:8px;font-size:.82rem;font-weight:500}.detail-action-status.success{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.detail-action-status.error{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.25)}.detail-action-status.loading{background:#3b82f61a;color:#93c5fd;border:1px solid rgba(59,130,246,.2)}.detail-note-input{width:100%;background:#0f172a99;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);padding:.5rem .75rem;font-size:.85rem;font-family:inherit;outline:none;resize:vertical;min-height:70px;box-sizing:border-box;display:block}.detail-note-input:focus{border-color:var(--color-primary)}.detail-note-add-btn{margin-top:.4rem;margin-bottom:.6rem}.detail-notes-list{display:flex;flex-direction:column;gap:.5rem}.detail-note-item{background:#0f172a66;border:1px solid var(--color-border);border-radius:8px;padding:.5rem .75rem}.detail-note-text{margin:0 0 .2rem;font-size:.83rem;color:var(--color-text);line-height:1.5;white-space:pre-wrap;word-break:break-word}.detail-note-time{font-size:.7rem;color:var(--color-muted)}.sla-alert-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:8px;padding:.45rem .75rem;margin-bottom:.65rem}.sla-chip{font-size:.75rem;font-weight:700;padding:.15rem .5rem;border-radius:999px}.sla-chip.sla-warning{background:#fbbf2426;color:#fbbf24}.sla-chip.sla-breached{background:#ef444426;color:#f87171}.sla-action-btn{font-size:.72rem;font-weight:600;padding:.2rem .55rem;border-radius:6px;cursor:pointer;border:1px solid transparent;font-family:inherit;transition:background .1s}.sla-ack-btn{background:#22c55e1f;color:#4ade80;border-color:#22c55e33}.sla-ack-btn:hover{background:#22c55e33}.sla-snooze-btn{background:#94a3b814;color:var(--color-muted);border-color:var(--color-border)}.sla-snooze-btn:hover{background:#94a3b824;color:var(--color-text)}.tl-mobile{width:100%}.tl-mobile-list{display:flex;flex-direction:column;gap:.5rem}.tl-mobile-detail{display:flex;flex-direction:column}.tl-mobile-back-bar{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;margin-bottom:.5rem;border-bottom:1px solid var(--color-border)}.tl-mobile-back-pill{margin-left:auto;display:inline-flex;align-items:center;font-weight:700;font-size:.82rem;padding:.28rem .65rem;border-radius:999px;white-space:nowrap;letter-spacing:.01em}.tl-mobile-back-pill.collect{background:#f973162e;color:#fb923c;border:1px solid rgba(249,115,22,.45)}.tl-mobile-back-pill.paid{background:#22c55e2e;color:#4ade80;border:1px solid rgba(34,197,94,.45)}.tl-mobile-back-pill.partial{background:#eab3082e;color:#facc15;border:1px solid rgba(234,179,8,.45)}.detail-phone-cluster{display:inline-flex;align-items:center;gap:.35rem}.detail-phone-action{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 .4rem;font-size:.85rem;border-radius:6px;background:#94a3b81f;border:1px solid rgba(148,163,184,.25);cursor:pointer;text-decoration:none;color:inherit;line-height:1}.detail-phone-action:hover{background:#94a3b838;border-color:#94a3b873}.tl-back-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-primary);font-size:.82rem;font-weight:600;padding:.3rem .75rem;border-radius:6px;cursor:pointer;font-family:inherit}.tl-back-btn:hover{background:#3b82f614}.tl-mobile-back-title{font-size:.9rem;font-weight:700;color:var(--color-text)}.late-ticket{border-left:3px solid #ef4444!important}.tl-card:focus-visible,.tl-pill:focus-visible,.detail-btn:focus-visible,.tl-toggle-btn:focus-visible,.tl-back-btn:focus-visible{outline:2px solid rgba(59,130,246,.7);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(max-width:900px){.tl-desktop{grid-template-columns:260px 1fr}}@media(max-width:720px){.tl-desktop{grid-template-columns:1fr}.tl-list-col{max-height:none;overflow-y:visible}.tl-detail-col{max-height:none;overflow:visible}.tl-detail-scroll{height:auto;overflow-y:visible}}@media(max-width:600px){.tl-topbar{flex-wrap:wrap;gap:.35rem;padding-bottom:.35rem}.tl-title{font-size:.95rem}.tl-search-wrap{min-width:0;order:3;flex-basis:100%}.tl-search-wrap input{font-size:.82rem;padding:.4rem .6rem .4rem 2rem}.tl-pills{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:.3rem;padding-bottom:.2rem;scrollbar-width:none}.tl-pills::-webkit-scrollbar{display:none}.tl-pill{font-size:.72rem;padding:.25rem .55rem;white-space:nowrap;flex-shrink:0}.tl-view-toggle{gap:0}.tl-toggle-btn{font-size:.72rem;padding:.25rem .5rem}.tl-tech-select{font-size:.75rem;padding:.25rem .4rem}.tl-card{padding:.5rem .6rem;gap:.15rem}.tl-card-name{font-size:.82rem}.tl-card-row{font-size:.72rem;gap:.3rem}.tl-card-amount{font-size:.8rem}.detail-section{padding:.4rem .5rem;margin-bottom:.35rem;border-radius:6px}.detail-section--tight{padding:.35rem .45rem}.detail-section-header{font-size:.62rem;margin-bottom:.25rem}.detail-compact-grid{flex-direction:column;gap:.15rem}.detail-compact-item{font-size:.78rem}.detail-tag{font-size:.6rem;min-width:55px}.detail-info-grid{grid-template-columns:1fr;gap:.2rem}.detail-btn{min-height:28px;padding:0 .6rem;font-size:.72rem;border-radius:5px}.detail-btn-sm{min-height:26px;padding:0 .5rem;font-size:.7rem}.detail-action-btns{gap:.25rem}.detail-comm-row{gap:.2rem}.detail-issue-text{font-size:.78rem;line-height:1.4}.detail-note-input{font-size:.8rem;min-height:50px}.detail-note-text{font-size:.78rem}.detail-note-time{font-size:.65rem}.tl-mobile-back-bar{padding:.35rem 0;margin-bottom:.35rem;gap:.5rem}.tl-mobile-back-title{font-size:.82rem}.tl-back-btn{font-size:.75rem;padding:.2rem .6rem}.detail-inline-form input,.detail-inline-form textarea{font-size:.8rem;padding:.4rem .6rem}.detail-inline-form-actions{gap:.25rem}.tl-detail-header{flex-wrap:wrap;gap:.3rem}}@keyframes callback-pulse-yellow{0%,to{box-shadow:0 0 #facc158c}50%{box-shadow:0 0 0 8px #facc1500}}@keyframes callback-pulse-orange{0%,to{box-shadow:0 0 #fb923ca6}50%{box-shadow:0 0 0 10px #fb923c00}}@keyframes callback-pulse-red{0%,to{box-shadow:0 0 #ef4444d9}50%{box-shadow:0 0 0 14px #ef444400}}.tl-card--callback{color:#0f172a!important;border-width:2px!important;position:relative;z-index:1}.tl-card--callback .tl-customer-name,.tl-card--callback .tl-ticket-id,.tl-card--callback .tl-device-type,.tl-card--callback .tl-issue-snippet,.tl-card--callback .tl-tech-name,.tl-card--callback .tl-time-ago{color:#0f172a!important}.tl-card--callback-yellow{background:#facc15!important;border-color:#ca8a04!important;animation:callback-pulse-yellow 2.4s ease-in-out infinite}.tl-card--callback-orange{background:#fb923c!important;border-color:#c2410c!important;animation:callback-pulse-orange 1.6s ease-in-out infinite}.tl-card--callback-red{background:#ef4444!important;border-color:#7f1d1d!important;color:#fff!important;animation:callback-pulse-red 1s ease-in-out infinite}.tl-card--callback-red .tl-customer-name,.tl-card--callback-red .tl-ticket-id,.tl-card--callback-red .tl-device-type,.tl-card--callback-red .tl-issue-snippet,.tl-card--callback-red .tl-tech-name,.tl-card--callback-red .tl-time-ago{color:#fff!important}.tl-callback-strip{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;margin:-.5rem -.5rem .5rem;background:#0000002e;border-radius:6px 6px 0 0;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tl-callback-icon{font-size:.9rem}.tl-callback-label{color:inherit}.tl-callback-reason{font-weight:500;letter-spacing:0;text-transform:none;opacity:.9;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-callback-age{font-weight:700;letter-spacing:.05em;opacity:.75}@media(prefers-reduced-motion:reduce){.tl-card--callback-yellow,.tl-card--callback-orange,.tl-card--callback-red{animation:none}}.tl-callback-done{background:#00000040;color:inherit;border:1px solid rgba(0,0,0,.35);padding:.15rem .55rem;border-radius:6px;font-size:.7rem;font-weight:800;letter-spacing:.04em;cursor:pointer;margin-left:auto;flex-shrink:0}.tl-callback-done:hover{background:#0006;border-color:#0000008c}.tl-card--callback-red .tl-callback-done{background:#ffffff2e;border-color:#ffffff59}.tl-card--callback-red .tl-callback-done:hover{background:#ffffff4d}@keyframes detail-cb-pulse-yellow{0%,to{box-shadow:0 0 #facc158c}50%{box-shadow:0 0 0 10px #facc1500}}@keyframes detail-cb-pulse-orange{0%,to{box-shadow:0 0 #fb923ca6}50%{box-shadow:0 0 0 12px #fb923c00}}@keyframes detail-cb-pulse-red{0%,to{box-shadow:0 0 #ef4444d9}50%{box-shadow:0 0 0 16px #ef444400}}.detail-callback-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin-bottom:1.25rem;border-radius:10px;border:2px solid;color:#0f172a;font-weight:700}.detail-callback-banner--yellow{background:#facc15;border-color:#ca8a04;animation:detail-cb-pulse-yellow 2.4s ease-in-out infinite}.detail-callback-banner--orange{background:#fb923c;border-color:#c2410c;animation:detail-cb-pulse-orange 1.6s ease-in-out infinite}.detail-callback-banner--red{background:#ef4444;border-color:#7f1d1d;color:#fff;animation:detail-cb-pulse-red 1s ease-in-out infinite}.detail-callback-icon{font-size:1.35rem}.detail-callback-body{flex:1;min-width:0}.detail-callback-title{font-size:.82rem;letter-spacing:.1em;text-transform:uppercase}.detail-callback-age{font-weight:600;opacity:.85}.detail-callback-reason{margin-top:.2rem;font-size:.95rem;font-weight:500}.detail-callback-done{background:#00000038;color:inherit;border:1px solid rgba(0,0,0,.35);padding:.5rem .9rem;border-radius:8px;font-weight:800;cursor:pointer;flex-shrink:0}.detail-callback-done:hover{background:#00000059}.detail-callback-banner--red .detail-callback-done{background:#fff3;border-color:#fff6}.detail-callback-banner--red .detail-callback-done:hover{background:#ffffff52}.detail-callback-flag-btn{display:inline-flex;align-items:center;gap:.4rem;background:transparent;color:#facc15;border:1px solid rgba(250,204,21,.45);padding:.45rem .9rem;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;margin-bottom:1.25rem}.detail-callback-flag-btn:hover{background:#facc151f;border-color:#facc15bf;color:#fde047}@media(prefers-reduced-motion:reduce){.detail-callback-banner--yellow,.detail-callback-banner--orange,.detail-callback-banner--red{animation:none}}.edit-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.edit-modal-content{background:var(--color-surface-solid);border:1px solid var(--color-border);padding:1.5rem;border-radius:var(--radius-xl);max-width:720px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-xl)}.edit-modal-header{margin-bottom:1rem}.edit-modal-header h3{margin:.2rem 0;color:var(--color-ink)}.edit-modal-body{flex:1;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch}.edit-modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:.75rem}.edit-modal-grid label{display:flex;flex-direction:column;gap:.25rem;font-weight:600;color:var(--color-ink);font-size:.85rem}.edit-modal-grid input,.edit-modal-grid textarea,.edit-modal-grid select{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.6rem .7rem;font-size:max(16px,.9rem);min-height:44px;color:var(--color-text);background:var(--color-bg-raised);font-family:inherit;transition:border-color var(--ease),box-shadow var(--ease)}.edit-modal-grid input:focus,.edit-modal-grid textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.edit-modal-grid textarea{resize:vertical}.full-span{grid-column:1 / -1}.checkbox-group{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.4rem}.checkbox-item{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);font-size:.85rem}.checkbox-item input[type=checkbox]{min-height:auto;width:18px;height:18px;flex-shrink:0}.edit-modal-footer{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:.5rem;flex-shrink:0}.btn.primary{background:var(--color-primary);color:#fff;border:none;padding:.55rem 1rem;min-height:44px;border-radius:var(--radius-md);cursor:pointer;font-weight:700;transition:background var(--ease)}.btn.primary:hover{background:var(--color-primary-hover)}.ticket-linkified-url{color:#2563eb;text-decoration:underline;text-decoration-color:#2563eb80;text-underline-offset:2px;word-break:break-word}.ticket-linkified-url:hover,.ticket-linkified-url:focus-visible{color:#1d4ed8;text-decoration-color:#1d4ed8}.ticket-linkified-ticket{color:#059669;text-decoration:underline;text-decoration-color:#05966980;text-underline-offset:2px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.96em;font-weight:600;white-space:nowrap}.ticket-linkified-ticket:hover,.ticket-linkified-ticket:focus-visible{color:#047857;text-decoration-color:#047857}@media(prefers-color-scheme:dark){.ticket-linkified-url{color:#60a5fa;text-decoration-color:#60a5fa80}.ticket-linkified-url:hover,.ticket-linkified-url:focus-visible{color:#93c5fd;text-decoration-color:#93c5fd}.ticket-linkified-ticket{color:#34d399;text-decoration-color:#34d39980}.ticket-linkified-ticket:hover,.ticket-linkified-ticket:focus-visible{color:#6ee7b7;text-decoration-color:#6ee7b7}}.ai-chat-fab{position:fixed;bottom:24px;right:24px;z-index:1000;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:999px;font-size:14px;font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:0 8px 24px #10b98159,0 2px 6px #0003;transition:transform .15s ease,box-shadow .15s ease}.ai-chat-fab:hover{transform:translateY(-2px);box-shadow:0 12px 32px #10b98173,0 4px 10px #00000040}.ai-chat-fab-icon{font-size:18px}.ai-chat-fab-text{white-space:nowrap}.ai-chat-panel{position:fixed;bottom:24px;right:24px;z-index:1000;width:min(420px,calc(100vw - 32px));height:min(560px,calc(100vh - 80px));display:flex;flex-direction:column;background:#0f1318;color:#f4f4f5;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 24px 48px #00000080;overflow:hidden;font-family:system-ui,-apple-system,sans-serif}.ai-chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#10b981,#059669);border-bottom:1px solid rgba(0,0,0,.2)}.ai-chat-title{display:flex;flex-direction:column;gap:2px}.ai-chat-title strong{font-size:14px;color:#fff}.ai-chat-sub{font-size:11px;color:#ffffffd9}.ai-chat-actions{display:flex;gap:8px;align-items:center}.ai-chat-link{background:transparent;color:#ffffffd9;border:none;cursor:pointer;font-size:12px;padding:4px 8px;border-radius:6px}.ai-chat-link:disabled{opacity:.4;cursor:default}.ai-chat-link:not(:disabled):hover{background:#ffffff26}.ai-chat-close{background:transparent;color:#fff;border:none;cursor:pointer;font-size:22px;line-height:1;padding:0 6px;border-radius:6px}.ai-chat-close:hover{background:#ffffff26}.ai-chat-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.ai-chat-hint{color:#71717a;font-size:13px;text-align:center;padding:24px 0}.ai-chat-row{display:flex}.ai-chat-row-user{justify-content:flex-end}.ai-chat-row-assistant{justify-content:flex-start}.ai-chat-row-tool{justify-content:center}.ai-chat-bubble{max-width:85%;padding:10px 14px;border-radius:14px;font-size:13.5px;line-height:1.45;white-space:pre-wrap;word-wrap:break-word}.ai-chat-bubble-user{background:#10b981;color:#052e16;border-bottom-right-radius:4px}.ai-chat-bubble-assistant{background:#1f2937;color:#e5e7eb;border-bottom-left-radius:4px}.ai-chat-bubble-tool{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.3);font-size:11.5px;text-align:center;max-width:90%}.ai-chat-tool-label{text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-right:4px}.ai-chat-tool-result{font-style:italic;margin-top:4px;opacity:.9}.ai-chat-bubble-thinking{padding:12px 16px}.ai-chat-dots{display:inline-flex;gap:4px;align-items:center}.ai-chat-dots span{width:6px;height:6px;border-radius:50%;background:#71717a;animation:ai-chat-dot 1.4s infinite both}.ai-chat-dots span:nth-child(2){animation-delay:.2s}.ai-chat-dots span:nth-child(3){animation-delay:.4s}@keyframes ai-chat-dot{0%,60%,to{transform:scale(.8);opacity:.5}30%{transform:scale(1.2);opacity:1}}.ai-chat-error{padding:8px 16px;margin:0 16px 8px;background:#dc26261a;color:#fca5a5;border:1px solid rgba(220,38,38,.3);border-radius:8px;font-size:12px}.ai-chat-form{display:flex;gap:8px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.08);background:#0a0d10}.ai-chat-input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#f4f4f5;padding:10px 12px;border-radius:10px;font-size:13.5px;outline:none}.ai-chat-input:focus{border-color:#10b981}.ai-chat-send{background:#10b981;color:#052e16;border:none;padding:10px 18px;border-radius:10px;font-weight:700;font-size:13.5px;cursor:pointer}.ai-chat-send:disabled{opacity:.5;cursor:default}.ai-chat-send:not(:disabled):hover{background:#34d399}.icw-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a0eb8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px}.icw-modal{width:min(1100px,96vw);max-height:92vh;display:flex;flex-direction:column;background:#1c1f25;color:#e8eaed;border:1px solid #2c3038;border-radius:10px;box-shadow:0 24px 60px #0000008c;overflow:hidden}.icw-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #2c3038;background:linear-gradient(180deg,#232730,#1c1f25)}.icw-title{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;letter-spacing:.02em}.icw-title-icon{font-size:20px}.icw-close{background:transparent;border:1px solid #3a3f48;color:#cbd0d8;width:32px;height:32px;border-radius:6px;font-size:20px;line-height:1;cursor:pointer;transition:border-color .15s,color .15s}.icw-close:hover{border-color:#6b7280;color:#fff}.icw-crumbs{display:flex;align-items:center;gap:6px;padding:12px 20px;background:#14161b;border-bottom:1px solid #2c3038;overflow-x:auto}.icw-crumb{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-size:12px;color:#8a929e;flex-shrink:0}.icw-crumb-dot{width:8px;height:8px;border-radius:50%;background:#3a3f48}.icw-crumb--done .icw-crumb-dot{background:#10b981}.icw-crumb--done{color:#aebcb1}.icw-crumb--active{background:#10b9811f;color:#34d399}.icw-crumb--active .icw-crumb-dot{background:#34d399;box-shadow:0 0 0 4px #34d3992e}.icw-body{display:grid;grid-template-columns:1fr 360px;gap:0;flex:1 1 auto;overflow:hidden}@media(max-width:768px){.icw-body{grid-template-columns:1fr}}.icw-form{padding:22px 24px;overflow-y:auto}.icw-h3{margin:0 0 4px;font-size:18px;font-weight:700;color:#f3f5f8}.icw-helper{margin:0 0 16px;font-size:13px;color:#8a929e}.icw-row{display:flex;gap:12px;margin-bottom:12px}.icw-field{flex:1 1 0;display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.icw-field label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#8a929e;font-weight:600}.icw-field input,.icw-field textarea,.icw-field select{background:#14161b;border:1px solid #2c3038;border-radius:6px;padding:10px 12px;font-size:14px;color:#e8eaed;font-family:inherit;transition:border-color .15s,background .15s}.icw-field input:focus,.icw-field textarea:focus,.icw-field select:focus{outline:none;border-color:#10b981;background:#181c22}.icw-matches{margin-top:4px;margin-bottom:12px;padding:10px 12px;border:1px dashed #3a3f48;border-radius:6px;background:#10b9810a}.icw-matches-label{font-size:12px;color:#8a929e;margin-bottom:8px}.icw-match-row{display:block;width:100%;text-align:left;background:#14161b;border:1px solid #2c3038;border-radius:6px;padding:10px 12px;color:#e8eaed;cursor:pointer;margin-bottom:6px;transition:border-color .15s,background .15s}.icw-match-row:hover{border-color:#10b981;background:#181c22}.icw-match-sub{font-size:12px;color:#8a929e;margin-top:2px}.icw-tickets-context{margin-top:4px;padding:10px 12px;border:1px solid rgba(250,204,21,.35);border-radius:6px;background:#facc150f}.icw-tickets-label{font-size:12px;color:#fbbf24;font-weight:600;margin-bottom:6px}.icw-ticket-row{font-size:13px;color:#e8eaed;margin-bottom:4px}.icw-tile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:8px}@media(max-width:520px){.icw-tile-grid{grid-template-columns:1fr}}.icw-tile{display:flex;flex-direction:column;gap:4px;padding:16px;background:#14161b;border:1px solid #2c3038;border-radius:8px;text-align:left;cursor:pointer;transition:transform .1s ease,border-color .15s,background .15s;color:#e8eaed}.icw-tile:hover{border-color:#10b981;background:#181c22;transform:translateY(-1px)}.icw-tile-icon{font-size:22px;margin-bottom:4px}.icw-tile-label{font-size:14px;font-weight:700}.icw-tile-sub{font-size:12px;color:#8a929e}.icw-eta-pills{display:flex;flex-wrap:wrap;gap:6px}.icw-pill{background:#14161b;border:1px solid #2c3038;color:#cbd0d8;padding:6px 12px;border-radius:999px;cursor:pointer;font-size:13px;transition:border-color .15s,color .15s,background .15s}.icw-pill:hover{border-color:#10b981}.icw-pill--active{border-color:#10b981;color:#10b981;background:#10b98114}.icw-tickets-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.icw-ticket-pick{background:#14161b;border:1px solid #2c3038;border-radius:6px;padding:10px 12px;color:#e8eaed;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.icw-ticket-pick:hover{border-color:#10b981;background:#181c22}.icw-summary-card{background:#14161b;border:1px solid #2c3038;border-radius:6px;padding:12px 14px;font-size:14px;color:#cbd0d8}.icw-summary-card div{margin-bottom:4px}.icw-summary-card div:last-child{margin-bottom:0}.icw-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}.icw-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;background:#14161b;border-top:1px solid #2c3038}.icw-btn{background:#232730;border:1px solid #3a3f48;color:#e8eaed;padding:9px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.icw-btn:hover:not(:disabled){border-color:#6b7280;background:#2a2f38}.icw-btn:disabled{opacity:.5;cursor:not-allowed}.icw-btn--primary{background:#10b981;border-color:#10b981;color:#0b1c14}.icw-btn--primary:hover:not(:disabled){background:#34d399;border-color:#34d399}.icw-btn--ghost{background:transparent}.icw-error{margin-top:12px;padding:8px 12px;border-radius:6px;background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:#fca5a5;font-size:13px}.icw-teleprompter{display:flex;flex-direction:column;background:#0f1116;border-left:1px solid #2c3038;overflow-y:auto}@media(max-width:768px){.icw-teleprompter{border-left:none;border-top:1px solid #2c3038}}.icw-tp-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#14161b;border-bottom:1px solid #2c3038;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8a929e}.icw-tp-icon{font-size:14px}.icw-tp-body{padding:18px 18px 12px;flex:1 1 auto}.icw-tp-line{margin:0 0 14px;font-size:15px;line-height:1.55;color:#d8e3dc;border-left:3px solid #10b981;padding-left:12px}.icw-tp-footer{padding:10px 16px;font-size:11px;color:#6b7280;border-top:1px solid #2c3038;font-style:italic}.tl-incoming-call-btn{background:#10b981;color:#0b1c14;border:1px solid #10b981;padding:8px 14px;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:background .15s,transform .1s ease}.tl-incoming-call-btn:hover{background:#34d399;transform:translateY(-1px)}.tl-incoming-call-btn:active{transform:translateY(0)}.tl-incoming-call-btn-shortcut{font-size:10px;opacity:.7;background:#0000002e;padding:1px 5px;border-radius:3px;margin-left:2px}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:.35rem;margin-bottom:.35rem}.dh-status-wrap{position:relative}.dh-status-btn{display:flex;align-items:center;gap:.3rem;padding:.3rem .6rem;background:var(--color-primary, #3b82f6);color:#fff;border:none;border-radius:6px;font-size:.78rem;font-weight:700;cursor:pointer;min-height:30px;transition:background .12s}.dh-status-btn:hover{background:var(--color-primary-hover, #2563eb)}.dh-status-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:20;background:var(--color-surface-solid, #1e293b);border:1px solid var(--color-border);border-radius:8px;padding:.3rem;min-width:200px;box-shadow:0 8px 24px #0006;list-style:none;margin:0}.dh-status-dropdown li{padding:.45rem .65rem;border-radius:6px;font-size:.85rem;color:var(--color-text, #e2e8f0);cursor:pointer;transition:background .1s}.dh-status-dropdown li:hover{background:#3b82f626;color:#93c5fd}.dh-actions{display:flex;align-items:center;gap:.35rem}.dh-btn{padding:.25rem .5rem;border-radius:5px;border:1px solid var(--color-border);background:transparent;color:var(--color-muted, #94a3b8);font-size:.72rem;font-weight:600;cursor:pointer;transition:background .1s,color .1s,border-color .1s;min-height:28px;white-space:nowrap}.dh-btn:hover{background:#94a3b81a;color:var(--color-text, #e2e8f0);border-color:#94a3b84d}.dh-btn--edit:hover{border-color:#3b82f666;color:#93c5fd}.dh-btn--label{border:none;padding:.35rem;display:flex;align-items:center}.dh-btn--label:hover{color:#a78bfa}.dh-btn--print{border:none;padding:.35rem;display:flex;align-items:center}.dh-btn--delete{border-color:transparent;color:var(--color-muted, #94a3b8);opacity:.5}.dh-btn--delete:hover{opacity:1;border-color:#f871714d;color:#fca5a5;background:#f8717114}.dh-reassign-wrap{position:relative}.dh-reassign-dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:20;background:var(--color-surface-solid, #1e293b);border:1px solid var(--color-border);border-radius:8px;padding:.3rem;min-width:220px;box-shadow:0 8px 24px #0006;list-style:none;margin:0}.dh-reassign-dropdown li{padding:.45rem .65rem;border-radius:6px;font-size:.85rem;color:var(--color-text, #e2e8f0);cursor:pointer;transition:background .1s}.dh-reassign-dropdown li:hover{background:#3b82f626;color:#93c5fd}.dh-overflow-wrap{position:relative}.dh-btn--overflow{border:1px solid var(--color-border);padding:.3rem;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.dh-btn--overflow:hover{color:var(--color-text, #e2e8f0);border-color:#94a3b880}.dh-overflow-dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:20;background:var(--color-surface-solid, #1e293b);border:1px solid var(--color-border);border-radius:8px;padding:.3rem;min-width:180px;box-shadow:0 8px 24px #0006;list-style:none;margin:0}.dh-overflow-dropdown li{display:flex;align-items:center;gap:.5rem;padding:.5rem .7rem;border-radius:6px;font-size:.85rem;color:var(--color-text, #e2e8f0);cursor:pointer;transition:background .1s,color .1s}.dh-overflow-dropdown li:hover{background:#94a3b81f}.dh-overflow-dropdown li.dh-overflow-danger{color:var(--color-muted, #94a3b8)}.dh-overflow-dropdown li.dh-overflow-danger:hover{background:#f871711f;color:#fca5a5}@media(max-width:768px){.detail-header{flex-wrap:wrap;gap:.25rem}.dh-actions{flex-wrap:wrap;gap:.2rem}.dh-status-btn{font-size:.72rem;padding:.25rem .5rem;min-height:26px}.dh-btn{font-size:.68rem;padding:.2rem .4rem;min-height:24px}}.ticket-view{display:flex;flex-direction:column;gap:1rem}.ticket-view__section{display:grid;gap:.8rem}.ticket-view__field{display:flex;gap:.5rem;flex-wrap:wrap}.ticket-view__label{font-weight:700;color:var(--color-primary);min-width:100px}.ticket-view__value{color:var(--color-text)}.ticket-view__value a{color:var(--color-primary);text-decoration:none}.ticket-view__value a:hover{text-decoration:underline}.ticket-view__status{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .75rem;border-radius:999px;background:var(--color-primary-light);color:var(--color-primary);font-weight:600;font-size:.9rem;letter-spacing:.02em}.ticket-view__amount{font-weight:700;color:var(--color-danger)}.ticket-view__notes{margin-top:.5rem;display:flex;flex-direction:column;gap:.65rem}.ticket-view__note-input{width:100%;min-height:80px;padding:.85rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-raised);color:var(--color-text);font-size:max(16px,.95rem);font-family:inherit;resize:vertical;transition:border-color var(--ease),box-shadow var(--ease)}.ticket-view__note-input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.ticket-view__note-button{align-self:flex-start;padding:.65rem 1.2rem;min-height:44px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #3b82f640;transition:background var(--ease),transform var(--ease),box-shadow var(--ease)}.ticket-view__note-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.ticket-view__note-button:not(:disabled):hover,.ticket-view__note-button:not(:disabled):focus{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 6px 18px #3b82f64d}.ticket-view__note-list{display:flex;flex-direction:column;gap:.6rem}.ticket-view__note{background:var(--color-primary-light);border-radius:var(--radius-md);padding:.8rem 1rem;border-left:3px solid var(--color-primary);color:var(--color-text)}.ticket-view__note small{display:block;margin-top:.3rem;color:var(--color-subtle)}.ticket-view__empty-note{margin:0;color:var(--color-subtle);font-style:italic}.tli{margin:.5rem 0;background:#1e293b66;border-radius:10px;border:1px solid var(--color-border);border-left:3px solid #10b981;padding:.6rem .7rem}.tli__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.tli__title{margin:0;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted)}.tli__total{font-size:.92rem;font-weight:800;color:var(--color-primary)}.tli__invoice-banner{margin:.5rem 0 .6rem;padding:.8rem 1rem;background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:2px solid rgba(34,197,94,.55);border-radius:10px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.15rem;box-shadow:0 0 0 1px #22c55e26 inset}.tli__invoice-banner-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#86efac}.tli__invoice-banner-amount{font-size:2rem;font-weight:900;color:#22c55e;line-height:1.1;letter-spacing:-.02em;text-shadow:0 0 12px rgba(34,197,94,.3)}.tli__invoice-banner-breakdown{font-size:.78rem;font-weight:600;color:var(--color-muted)}.tli__invoice-banner--paid{background:linear-gradient(135deg,#3b82f61f,#3b82f60a);border-color:#3b82f68c;box-shadow:0 0 0 1px #3b82f626 inset}.tli__invoice-banner--paid .tli__invoice-banner-label{color:#93c5fd}.tli__invoice-banner--paid .tli__invoice-banner-amount{color:#60a5fa;text-shadow:0 0 12px rgba(59,130,246,.3);font-size:1.4rem}.tli__invoice-banner--partial{background:linear-gradient(135deg,#fb923c2e,#fb923c0d);border-color:#fb923c99;box-shadow:0 0 0 1px #fb923c2e inset}.tli__invoice-banner--partial .tli__invoice-banner-label{color:#fdba74}.tli__invoice-banner--partial .tli__invoice-banner-amount{color:#fb923c;text-shadow:0 0 12px rgba(251,146,60,.3)}.tli__search-wrap{position:relative;margin-bottom:.35rem}.tli__search{width:100%;padding:.4rem 7rem .4rem .6rem;border-radius:6px;border:1px solid var(--color-border);background:#111827cc;color:var(--color-text);font-size:max(16px,.8rem);transition:border-color .12s}.tli__search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f626}.tli__searching{position:absolute;right:6.3rem;top:50%;transform:translateY(-50%);font-size:.75rem;color:var(--color-muted)}.tli__dropdown{position:absolute;top:calc(100% + 2px);left:0;right:0;z-index:100;background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 12px 28px #00000073;max-height:240px;overflow-y:auto;padding:.25rem}.tli__dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.4rem .55rem;border:none;background:none;color:var(--color-text);font-size:.78rem;cursor:pointer;border-radius:5px;text-align:left;transition:background .1s}.tli__dropdown-item:hover{background:#3b82f61f}.tli__dropdown-item--synth{background:#22c55e14;border-left:3px solid rgba(34,197,94,.6)}.tli__dropdown-item--synth:hover{background:#22c55e2e}.tli__dropdown-item--synth .tli__dropdown-price{color:#22c55e;font-weight:800}.tli__dropdown-item--oos{opacity:.62}.tli__dropdown-item--oos .tli__dropdown-name{color:var(--color-muted)}.tli__dropdown-stock{font-size:.65rem;font-weight:700;padding:.08rem .35rem;border-radius:999px;background:#22c55e26;color:#22c55e;letter-spacing:.02em}.tli__dropdown-stock--oos{background:#ef444426;color:#ef4444}.tli__oos-toggle{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);font-size:.7rem;font-weight:700;padding:.22rem .5rem;border-radius:6px;border:1px solid rgba(148,163,184,.35);background:transparent;color:var(--color-muted);cursor:pointer;letter-spacing:.02em;transition:all .12s}.tli__oos-toggle:hover{border-color:#94a3b8b3;color:var(--color-text)}.tli__oos-toggle--on{background:#fb923c26;border-color:#fb923c8c;color:#fb923c}.tli__oos-toggle--on:hover{background:#fb923c38;border-color:#fb923ccc;color:#fdba74}.tli__dropdown-info{display:flex;align-items:baseline;gap:.4rem;min-width:0;flex:1}.tli__dropdown-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tli__dropdown-sku{font-size:.65rem;color:var(--color-subtle);font-family:monospace}.tli__dropdown-type{font-size:.6rem;color:var(--color-muted);background:#94a3b81a;padding:.05rem .3rem;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.tli__dropdown-price{font-weight:700;color:var(--color-primary);white-space:nowrap;font-size:.8rem}.tli__quick-row{display:flex;gap:.25rem;margin-bottom:.4rem;flex-wrap:wrap}.tli__quick-btn{padding:.25rem .55rem;border-radius:5px;border:1px solid var(--color-border);background:#1e293b99;color:var(--color-text);font-size:.68rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .1s,border-color .1s}.tli__quick-btn:hover{background:#3b82f61f;border-color:#3b82f659}.tli__quick-btn--custom.active{background:#3b82f626;border-color:var(--color-primary);color:var(--color-primary)}.tli__custom-form{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.4rem;padding:.4rem;background:#11182780;border-radius:6px;border:1px solid rgba(59,130,246,.2)}.tli__custom-input{padding:.35rem .5rem;border-radius:5px;border:1px solid var(--color-border);background:#111827cc;color:var(--color-text);font-size:max(16px,.78rem)}.tli__custom-input:focus{outline:none;border-color:var(--color-primary)}.tli__custom-row{display:flex;gap:.3rem}.tli__custom-price{flex:1;min-width:0}.tli__custom-qty{width:72px;min-width:72px}.tli__custom-add{padding:.35rem .7rem;border-radius:5px;border:none;background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:700;cursor:pointer;white-space:nowrap}.tli__custom-add:disabled{opacity:.5;cursor:not-allowed}.tli__items{display:flex;flex-direction:column;gap:.2rem}.tli__item{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.35rem .45rem;border-radius:6px;background:#11182780;border:1px solid rgba(148,163,184,.08)}.tli__item-info{display:flex;flex-direction:column;min-width:0;flex:1;gap:.05rem}.tli__item-name{font-size:.78rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tli__item-sku{font-size:.6rem;color:var(--color-subtle);font-family:monospace;margin-left:.4rem}.tli__item-line-price{font-size:.65rem;color:var(--color-subtle)}.tli__item-controls{display:flex;align-items:center;gap:.3rem;flex-shrink:0}.tli__item-qty{width:60px;min-width:60px;padding:.2rem .35rem;border-radius:4px;border:1px solid var(--color-border);background:#111827cc;color:var(--color-text);font-size:.78rem;text-align:center}.tli__item-qty:focus{outline:none;border-color:var(--color-primary)}.tli__item-total{font-size:.82rem;font-weight:700;color:var(--color-text);min-width:55px;text-align:right}.tli__item-remove{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:none;background:#ef44441a;color:#f87171;font-size:.65rem;cursor:pointer;transition:background .1s}.tli__item-remove:hover{background:#ef444440}.tli__sum-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem .45rem .1rem;border-top:1px solid var(--color-border);margin-top:.2rem}.tli__sum-row span:first-child{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted)}.tli__sum-total{font-size:.92rem;font-weight:800;color:var(--color-primary)}.tli__sum-row--tax span:first-child,.tli__sum-row--tax .tli__sum-total{color:#fbbf24;font-weight:700}.tli__sum-row--grand{border-top:2px solid var(--color-border);margin-top:.2rem;padding-top:.45rem}.tli__sum-row--grand span:first-child,.tli__sum-row--grand .tli__sum-total{font-size:.95rem;color:var(--color-text)}.tli__payment-split{font-size:.7rem;color:#fbbf24;font-weight:600}.tli__payments{margin-top:.4rem;padding:.5rem .45rem;border-top:1px dashed var(--color-border)}.tli__payments-header{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);margin-bottom:.3rem}.tli__payments-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.15rem}.tli__payment-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;padding:.15rem 0}.tli__payment-meta{color:var(--color-muted)}.tli__payment-amount{color:#34d399;font-weight:700}.tli__balance-row{display:flex;justify-content:space-between;align-items:center;padding:.45rem 0 .1rem;border-top:1px solid var(--color-border);margin-top:.35rem}.tli__balance-row span:first-child{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.tli__balance-total{font-size:.95rem;font-weight:800}.tli__balance-row--due span:first-child,.tli__balance-row--due .tli__balance-total{color:#fb923c}.tli__balance-row--paid span:first-child,.tli__balance-row--paid .tli__balance-total{color:#34d399}.tli__markup-form{border-color:#a855f740;background:#581c8714}.tli__markup-preview{display:flex;flex-direction:column;gap:.2rem;padding:.35rem .4rem;background:#11182766;border-radius:5px}.tli__markup-row{display:flex;justify-content:space-between;align-items:center}.tli__markup-label{font-size:.7rem;color:var(--color-muted);font-weight:500}.tli__markup-value{font-size:.82rem;font-weight:700;color:var(--color-text)}.tli__markup-tax{color:var(--color-primary)}.tli__margin-input-wrap{position:relative;display:flex;align-items:center;width:120px;min-width:120px}.tli__margin-input{width:100%;padding-right:58px!important}.tli__margin-pct{position:absolute;right:8px;font-size:.68rem;color:var(--color-muted);pointer-events:none;white-space:nowrap}.tli__ai-suggest-btn{padding:.3rem .5rem;border-radius:5px;border:1px solid rgba(168,85,247,.3);background:#581c8726;color:#c084fc;font-size:.68rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .1s,border-color .1s;flex-shrink:0}.tli__ai-suggest-btn:hover:not(:disabled){background:#581c874d;border-color:#a855f780}.tli__ai-suggest-btn:disabled{opacity:.4;cursor:not-allowed}.tli__ai-suggestion{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.3rem .45rem;background:#581c871f;border:1px solid rgba(168,85,247,.2);border-radius:5px;font-size:.72rem;color:#c084fc}.tli__ai-suggestion-text{flex:1;min-width:0}.tli__ai-suggestion-text strong{color:#e9d5ff}.tli__ai-apply-btn{padding:.2rem .5rem;border-radius:4px;border:1px solid rgba(168,85,247,.35);background:#581c8740;color:#e9d5ff;font-size:.68rem;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0}.tli__ai-apply-btn:hover{background:#581c8773}.tli__loading,.tli__empty{margin:.4rem 0;font-size:.75rem;color:var(--color-subtle)}.tli__manual-charge{background:#fbbf2414;border:1px solid rgba(251,191,36,.25);border-radius:8px;padding:.6rem .75rem;margin:.25rem 0}.tli__manual-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.tli__manual-label{font-size:.82rem;color:#fde68a;font-weight:600}.tli__manual-amount{font-size:1rem;font-weight:800;color:#fbbf24}.tli__manual-actions{display:flex;align-items:center;gap:.4rem}.tli__manual-btn{padding:.25rem .5rem;border-radius:5px;border:1px solid rgba(148,163,184,.2);background:transparent;color:var(--color-muted, #94a3b8);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .1s}.tli__manual-btn:hover{background:#94a3b81a;color:var(--color-text, #e2e8f0)}.tli__manual-btn--danger:hover{border-color:#f871714d;color:#fca5a5;background:#f8717114}.tli__manual-edit{display:flex;align-items:center;gap:.3rem}.tli__manual-dollar{color:#fbbf24;font-weight:700;font-size:.9rem}.tli__manual-input{width:80px;padding:.25rem .4rem;background:#0003;border:1px solid rgba(251,191,36,.3);border-radius:5px;color:#fde68a;font-size:.9rem;font-weight:700}.tli__manual-save{padding:.25rem .55rem;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:5px;color:#6ee7b7;font-size:.75rem;font-weight:600;cursor:pointer}.tli__manual-save:hover{background:#22c55e40}.tli__manual-cancel{padding:.25rem .55rem;background:transparent;border:1px solid var(--color-border);border-radius:5px;color:var(--color-muted);font-size:.75rem;font-weight:600;cursor:pointer}.tli__manual-cancel:hover{background:#94a3b81a}.tli__group{border:1px solid rgba(59,130,246,.15);border-radius:6px;overflow:hidden;background:#1118274d}.tli__group-header{display:flex;align-items:center;gap:.35rem;width:100%;padding:.4rem .5rem;border:none;background:#3b82f60f;color:var(--color-text);font-size:.78rem;cursor:pointer;text-align:left;transition:background .1s}.tli__group-header:hover{background:#3b82f61f}.tli__group-toggle{font-size:.7rem;color:var(--color-muted);width:12px;flex-shrink:0}.tli__group-icon{font-size:.72rem;flex-shrink:0}.tli__group-name{font-weight:700;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tli__group-count{font-size:.65rem;color:var(--color-muted);background:#94a3b81a;padding:.05rem .35rem;border-radius:999px;flex-shrink:0}.tli__group-total{font-weight:800;color:var(--color-primary);font-size:.82rem;flex-shrink:0}.tli__group-items{border-top:1px solid rgba(59,130,246,.1)}.tli__item--grouped{border:none;border-radius:0;background:#11182766;border-bottom:1px solid rgba(148,163,184,.06);padding-left:1.2rem}.tli__item--grouped:last-child{border-bottom:none}.tli__item-type-icon{font-size:.7rem;margin-right:.25rem;flex-shrink:0}.tli__item-cost{font-size:.6rem;color:var(--color-muted);margin-left:.3rem}.tli__item--labor .tli__item-name{color:#93c5fd}.tli__item--part .tli__item-name{color:#6ee7b7}.tli__item--fee .tli__item-name{color:#fde68a}.tli__service-form{border-color:#22c55e40;background:#064e3b14}.tli__service-results{display:flex;flex-direction:column;gap:.15rem;max-height:220px;overflow-y:auto}.tli__service-result{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.4rem .5rem;border:1px solid rgba(148,163,184,.08);background:#11182780;color:var(--color-text);font-size:.78rem;cursor:pointer;border-radius:5px;text-align:left;transition:background .1s,border-color .1s}.tli__service-result:hover:not(:disabled){background:#22c55e1a;border-color:#22c55e40}.tli__service-result:disabled{opacity:.6;cursor:wait}.tli__service-result-info{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.tli__service-result-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tli__service-result-detail{display:flex;align-items:center;gap:.35rem;font-size:.65rem;color:var(--color-muted)}.tli__service-result-comps{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tli__service-result-price{font-weight:700;color:#6ee7b7;font-size:.82rem;white-space:nowrap;flex-shrink:0}.tli__badge{display:inline-block;padding:.05rem .3rem;border-radius:999px;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.tli__badge--recipe{background:#22c55e26;color:#6ee7b7;border:1px solid rgba(34,197,94,.25)}.tli__badge--flat{background:#fbbf241f;color:#fde68a;border:1px solid rgba(251,191,36,.2)}.tli__quick-btn--service.active{background:#22c55e26;border-color:#22c55e66;color:#6ee7b7}.tli__quick-btn--service{border-color:#22c55e33;color:#6ee7b7}.tli__item-name-text{cursor:text;border-bottom:1px dashed transparent;transition:border-color .15s ease}.tli__item-name-text:hover{border-bottom-color:#3b82f680}.tli__item-name-edit{background:var(--color-bg, #0b1121);color:var(--color-ink, #f1f5f9);border:1px solid var(--color-primary, #3b82f6);border-radius:4px;padding:2px 6px;font-family:inherit;font-size:inherit;font-weight:inherit;min-width:220px;max-width:100%}.tli__item-name-edit:focus{outline:none;box-shadow:0 0 0 2px #3b82f64d}.tli__item-price-text{cursor:pointer;border-bottom:1px dashed transparent;transition:border-color .15s}.tli__item-price-text:hover{border-bottom-color:#3b82f680}.tli__item-price-edit{background:var(--color-bg, #0b1121);color:var(--color-ink, #f1f5f9);border:1px solid var(--color-primary, #3b82f6);border-radius:4px;padding:2px 6px;font-family:inherit;font-size:inherit;width:80px}.tli__item-price-edit:focus{outline:none;box-shadow:0 0 0 2px #3b82f64d}.ticket-board{padding:0}.ticket-board__loading{text-align:center;padding:3rem;color:var(--color-subtle);font-size:.9rem}.ticket-board__controls{display:flex;align-items:center;gap:1rem;padding:.75rem 0;margin-bottom:.5rem}.ticket-board__tech-filter{padding:.4rem .75rem;border:1px solid var(--color-border);border-radius:6px;font-size:max(16px,.82rem);color:var(--color-muted);background:var(--color-surface-solid);cursor:pointer;min-height:44px}.ticket-board__total{font-size:.78rem;color:var(--color-subtle);margin-left:auto}.ticket-board__columns{display:grid;grid-template-columns:1fr;gap:.75rem}.ticket-board__column{background:var(--color-bg-raised);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;min-height:auto}.ticket-board__column-header{display:flex;align-items:center;justify-content:space-between;padding:.4rem .55rem;background:var(--color-surface-solid);border-top:3px solid var(--color-border);border-bottom:1px solid var(--color-border)}.ticket-board__column-title{font-weight:600;font-size:.82rem;color:var(--color-text)}.ticket-board__column-count{font-size:.72rem;font-weight:600;background:var(--color-border);color:var(--color-muted);padding:.15rem .5rem;border-radius:10px}.ticket-board__cards{flex:1;padding:.3rem;display:flex;flex-direction:column;gap:.2rem;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:300px}.ticket-board__empty{text-align:center;padding:1rem .5rem;font-size:.72rem;color:var(--color-ghost)}.ticket-board__card{display:flex;flex-direction:column;gap:.1rem;padding:.35rem .5rem;min-height:36px;background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;text-align:left;transition:box-shadow .15s ease,transform .1s ease;border-left:3px solid transparent}.ticket-board__card:hover{box-shadow:0 2px 8px #0000004d;transform:translateY(-1px)}.ticket-board__card--ok{border-left-color:var(--color-success)}.ticket-board__card--warning{border-left-color:var(--color-warning)}.ticket-board__card--breached{border-left-color:var(--color-danger);background:var(--color-danger-bg)}.ticket-board__card-top{display:flex;align-items:center;justify-content:space-between}.ticket-board__card-number{font-weight:700;font-size:.78rem;color:var(--color-primary)}.ticket-board__sla-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ticket-board__sla-dot--ok{background:var(--color-success)}.ticket-board__sla-dot--warning{background:var(--color-warning)}.ticket-board__sla-dot--breached{background:var(--color-danger);animation:sla-pulse 1.5s ease infinite}@keyframes sla-pulse{0%,to{opacity:1}50%{opacity:.4}}.ticket-board__card-device{font-size:.78rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-board__card-customer{font-size:.72rem;color:var(--color-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-board__card-tech{font-size:.68rem;color:var(--color-subtle);font-weight:500}.ticket-board__card-date{font-size:.68rem;color:var(--color-ghost)}@media(min-width:641px){.ticket-board__columns{grid-template-columns:repeat(2,1fr)}.ticket-board__cards{max-height:50vh}}@media(min-width:1025px){.ticket-board__columns{grid-template-columns:repeat(4,1fr)}.ticket-board__column{min-height:300px}.ticket-board__cards{max-height:65vh}}.device-history{margin-top:.75rem;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.device-history__toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem .85rem;min-height:44px;background:var(--color-bg-raised);border:none;cursor:pointer;font-size:.82rem;font-weight:600;color:var(--color-muted);text-align:left;transition:background .15s ease}.device-history__toggle:hover{background:var(--color-bg-raised)}.device-history__toggle-icon{font-size:.7rem;color:var(--color-subtle);width:12px}.device-history__count,.device-history__loading{font-weight:400;color:var(--color-subtle);margin-left:auto;font-size:.78rem}.device-history__list{display:flex;flex-direction:column;border-top:1px solid var(--color-border)}.device-history__item{display:flex;flex-direction:column;gap:.2rem;padding:.6rem .85rem;min-height:44px;border:none;border-bottom:1px solid var(--color-border);background:var(--color-surface-solid);cursor:pointer;text-align:left;transition:background .12s ease}.device-history__item:last-child{border-bottom:none}.device-history__item:hover{background:#94a3b80f}.device-history__item-main{display:flex;align-items:center;gap:.5rem}.device-history__ticket-num{font-weight:600;font-size:.82rem;color:var(--color-primary)}.device-history__status{font-size:.7rem;font-weight:500;padding:.1rem .45rem;border-radius:4px;background:var(--color-border);color:var(--color-muted)}.device-history__status--closed{background:var(--color-success-bg);color:var(--color-success-ink)}.device-history__status--open{background:var(--color-info-bg);color:var(--color-info-ink)}.device-history__status--in-progress{background:var(--color-warning-bg);color:var(--color-warning-ink)}.device-history__status--waiting-for-parts{background:var(--color-pink-bg);color:var(--color-pink-ink)}.device-history__status--waiting-for-pick-up{background:var(--color-purple-bg);color:var(--color-purple-ink)}.device-history__status--failure-to-repair{background:var(--color-danger-bg);color:var(--color-danger-ink)}.device-history__item-detail{font-size:.78rem;color:var(--color-subtle);line-height:1.3}.device-history__issue{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.device-history__item-meta{display:flex;gap:.75rem;font-size:.72rem;color:var(--color-subtle)}.ticket-details{margin:.75rem 0;padding:.75rem;background:var(--color-surface-solid);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.ticket-details h2{margin-bottom:.75rem;color:var(--color-ink);font-size:1rem;font-weight:700}.detail-row{display:flex;flex-direction:column;gap:.15rem;margin-bottom:0;padding:.5rem 0;border-bottom:1px solid var(--color-border)}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:var(--color-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.detail-row span:last-child{flex:1;color:var(--color-text);font-size:.85rem}.detail-row a{color:var(--color-primary);text-decoration:none;transition:color var(--ease);min-height:44px;display:inline-flex;align-items:center}.detail-row a:hover{color:var(--color-primary-hover);text-decoration:underline}.detail-actions{display:flex;gap:.5rem;margin:.75rem 0 .25rem}.detail-actions .btn-sm{font-size:.78rem;padding:.35rem .75rem;border-radius:var(--radius-sm);background:var(--color-bg-raised);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;transition:background var(--ease),border-color var(--ease)}.detail-actions .btn-sm:hover{background:var(--color-surface-solid);border-color:var(--color-primary)}.detail-inline-form{margin:.5rem 0;display:flex;flex-direction:column;gap:.4rem}.detail-inline-form input,.detail-inline-form textarea{width:100%;padding:.5rem;font-size:.85rem;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);resize:vertical}.detail-inline-form input:focus,.detail-inline-form textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f640}.detail-inline-form-actions{display:flex;gap:.4rem}.detail-inline-form-actions .btn-sm{font-size:.78rem;padding:.35rem .75rem;border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--color-border)}.detail-inline-form-actions .btn-sm.primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.detail-inline-form-actions .btn-sm.ghost-button{background:transparent;color:var(--color-muted)}.btn-action{font-size:.8rem;font-weight:600;padding:.4rem .85rem;border-radius:var(--radius-sm);cursor:pointer;border:none;transition:background var(--ease),color var(--ease)}.btn-action.btn-notify{background:var(--color-primary);color:#fff}.btn-action.btn-notify:hover{background:var(--color-primary-hover, #2563eb)}.btn-action.btn-save{background:#34d39926;color:#6ee7b7;border:1px solid rgba(52,211,153,.25)}.btn-action.btn-save:hover{background:#34d39940;color:#a7f3d0}.btn-action.btn-cancel{background:#94a3b81a;color:var(--color-muted)}.btn-action.btn-cancel:hover{background:#94a3b833;color:var(--color-text)}.detail-action-status{font-size:.8rem;color:var(--color-success, #34d399);padding:.35rem 0;font-weight:500}.detail-payment-summary{margin:.25rem 0 .5rem;border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.detail-payment-status{display:flex;align-items:flex-start;gap:.5rem;padding:.6rem .75rem;border-radius:var(--radius-sm);margin-top:.4rem}.detail-payment-status--paid{background:#34d39914;border:1px solid rgba(52,211,153,.2)}.detail-payment-status--pending{background:#fbbf2414;border:1px solid rgba(251,191,36,.2)}.detail-payment-status--unpaid{background:#94a3b80f;border:1px solid rgba(148,163,184,.15)}.detail-payment-icon{font-size:1rem;flex-shrink:0;line-height:1.4}.detail-payment-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.detail-payment-headline{font-weight:700;font-size:.88rem;color:var(--color-text)}.detail-payment-status--paid .detail-payment-headline{color:#6ee7b7}.detail-payment-status--pending .detail-payment-headline{color:#fbbf24}.detail-payment-breakdown{font-size:.78rem;color:var(--color-muted)}.detail-payment-meta{font-size:.72rem;color:var(--color-muted);opacity:.8}@media(min-width:768px){.ticket-details{padding:1rem}.ticket-details h2{font-size:1.1rem}.detail-row{flex-direction:row;gap:0;padding:.6rem 0}.detail-label{width:140px;font-size:.78rem}}@media(min-width:1024px){.ticket-details{padding:1.25rem;margin:1rem 0}.detail-label{width:150px}.detail-row span:last-child{font-size:.9rem}}@keyframes cb-banner-yellow{0%,to{box-shadow:0 0 #facc158c}50%{box-shadow:0 0 0 10px #facc1500}}@keyframes cb-banner-orange{0%,to{box-shadow:0 0 #fb923ca6}50%{box-shadow:0 0 0 12px #fb923c00}}@keyframes cb-banner-red{0%,to{box-shadow:0 0 #ef4444d9}50%{box-shadow:0 0 0 16px #ef444400}}.callback-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin-bottom:1rem;border-radius:10px;border:2px solid;color:#0f172a;font-weight:700}.callback-banner--yellow{background:#facc15;border-color:#ca8a04;animation:cb-banner-yellow 2.4s ease-in-out infinite}.callback-banner--orange{background:#fb923c;border-color:#c2410c;animation:cb-banner-orange 1.6s ease-in-out infinite}.callback-banner--red{background:#ef4444;border-color:#7f1d1d;color:#fff;animation:cb-banner-red 1s ease-in-out infinite}.callback-banner-icon{font-size:1.35rem}.callback-banner-body{flex:1;min-width:0}.callback-banner-title{font-size:.85rem;letter-spacing:.1em;text-transform:uppercase}.callback-banner-age{font-weight:600;opacity:.85}.callback-banner-reason{margin-top:.2rem;font-size:.95rem;font-weight:500}.callback-banner-done{background:#0000002e;color:inherit;border:1px solid rgba(0,0,0,.3);padding:.5rem .9rem;border-radius:8px;font-weight:700;cursor:pointer}.callback-banner-done:hover:not(:disabled){background:#00000047}.callback-flag-toggle{display:inline-flex;align-items:center;gap:.4rem;background:transparent;color:#facc15;border:1px solid rgba(250,204,21,.4);padding:.35rem .75rem;border-radius:8px;font-size:.8rem;font-weight:700;cursor:pointer;margin-bottom:.75rem}.callback-flag-toggle:hover{background:#facc151f;border-color:#facc15b3}.callback-flag-form{display:flex;gap:.4rem;margin-bottom:.75rem}.callback-flag-input{flex:1;padding:.5rem .75rem;border-radius:8px;border:1px solid rgba(250,204,21,.5);background:#facc150d;color:#e2e8f0}.callback-flag-submit{background:#facc15;color:#0f172a;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:800;cursor:pointer}.callback-flag-submit:disabled{opacity:.5;cursor:not-allowed}.callback-flag-cancel{background:transparent;color:#94a3b8;border:1px solid rgba(148,163,184,.3);padding:.5rem .8rem;border-radius:8px;cursor:pointer}@media(prefers-reduced-motion:reduce){.callback-banner{animation:none}}.user-lookup{padding:.75rem}.header-controls{display:flex;flex-direction:column;gap:.5rem;width:100%;margin-bottom:.75rem}.header-controls h2{color:var(--color-ink);margin:0;font-size:1.15rem}.search-bar{display:flex;flex-direction:column;gap:.4rem;width:100%}.search-input{padding:.65rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:max(16px,1em);box-sizing:border-box;outline:none;width:100%;min-height:44px;transition:border-color var(--ease),box-shadow var(--ease)}.search-input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.search-input-wrapper:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.search-button{padding:.65rem 1rem;background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-surface-solid);cursor:pointer;font-size:max(16px,.9em);font-weight:600;min-height:44px;transition:background-color var(--ease);white-space:nowrap;width:100%}.search-button:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.search-status{margin-bottom:.5rem;min-height:18px}.search-message{color:var(--color-muted);font-size:.8rem;font-style:italic}.loading-spinner{border:2px solid var(--color-border);border-top:2px solid var(--color-primary);border-radius:50%;width:16px;height:16px;animation:spin 1s linear infinite;display:inline-block;margin-right:6px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.content-container{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.user-wrapper{display:flex;flex-direction:column;flex:1;gap:.75rem}.list-section{display:flex;flex-direction:column;gap:.75rem}.list-container{background:var(--color-surface-solid);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;max-height:280px}.list-header{padding:.6rem .75rem;background-color:var(--color-bg-raised);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;min-height:44px}.list-header h3{margin:0;color:var(--color-primary);font-size:.9rem}.list-content{flex:1;overflow-y:auto;padding:.5rem;-webkit-overflow-scrolling:touch}.empty-message{color:var(--color-muted);font-style:italic;text-align:center;margin:1rem 0;font-size:.85rem}.user-list{display:flex;flex-direction:column;gap:.4rem}.user{background-color:var(--color-surface-solid);border-radius:var(--radius-sm);padding:.6rem .75rem;box-shadow:var(--shadow-xs);cursor:pointer;transition:background-color var(--ease),border-color var(--ease);border:1px solid var(--color-border);min-height:44px;display:flex;flex-direction:column;justify-content:center}.user:hover{background-color:var(--color-bg-raised)}.user:active{background-color:var(--color-primary-light)}.user.selected{background-color:var(--color-primary-light);border-color:var(--color-primary);border-left:3px solid var(--color-primary)}.user p{color:var(--color-text);font-size:.82rem;line-height:1.35;margin:0}.user p strong{color:var(--color-primary)}.user-email,.user-phone{color:var(--color-muted);font-size:.72rem;font-weight:500}.ticket-list{display:flex;flex-direction:column;gap:.4rem}.ticket{background-color:var(--color-surface-solid);border-radius:var(--radius-sm);padding:.6rem .75rem;box-shadow:var(--shadow-xs);cursor:pointer;transition:background-color var(--ease),border-color var(--ease);border:1px solid var(--color-border);min-height:44px;display:flex;flex-direction:column;justify-content:center}.ticket:hover{background-color:var(--color-bg-raised)}.ticket:active{background-color:var(--color-primary-light)}.ticket.selected{background-color:var(--color-primary-light);border-color:var(--color-primary);border-left:3px solid var(--color-primary)}.ticket p{color:var(--color-text);font-size:.82rem;line-height:1.35;margin:0}.ticket p strong{color:var(--color-primary)}.content-section{display:flex;flex-direction:column;gap:.75rem}.content-panel{background:var(--color-surface-solid);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column}.panel-header{padding:.6rem .75rem;background-color:var(--color-bg-raised);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;min-height:44px}.panel-header h3{margin:0;color:var(--color-primary);font-size:.9rem}.panel-content{flex:1;overflow-y:auto;padding:.75rem;-webkit-overflow-scrolling:touch}.start-ticket-button{padding:.65rem 1rem;background-color:var(--color-success);color:var(--color-surface-solid);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:600;min-height:44px;transition:background-color var(--ease);white-space:nowrap;width:100%}.start-ticket-button:hover{filter:brightness(.9)}.user-info-form{margin-bottom:.75rem}.form-group{margin-bottom:.6rem}.form-group label{display:block;margin-bottom:.25rem;color:var(--color-text);font-weight:500;font-size:.8rem}.form-group input{width:100%;padding:.6rem .65rem;border:1px solid var(--color-border);border-radius:var(--radius-xs);font-size:max(16px,.85em);box-sizing:border-box;min-height:44px;transition:border-color var(--ease),box-shadow var(--ease)}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.form-group input:disabled{background-color:var(--color-bg-raised);color:var(--color-muted)}.edit-buttons{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.edit-button,.save-button{padding:.65rem 1rem;font-size:.85rem;border:none;border-radius:var(--radius-sm);cursor:pointer;min-height:44px;font-weight:600;transition:background-color var(--ease);width:100%}.edit-button{background-color:var(--color-primary);color:var(--color-surface-solid)}.edit-button:hover{background-color:var(--color-primary-hover)}.save-button{background-color:var(--color-success);color:var(--color-surface-solid)}.save-button:hover{filter:brightness(.9)}.mobile-container{width:100%;min-height:0;display:flex;flex-direction:column}.mobile-user-list,.mobile-user-detail,.mobile-ticket-detail{display:flex;flex-direction:column;flex:1;min-height:0}.mobile-list-header,.mobile-header{padding:.6rem .75rem;background-color:var(--color-bg-raised);border-bottom:1px solid var(--color-border);min-height:44px;display:flex;align-items:center;gap:.5rem}.mobile-list-header h3,.mobile-header h3{margin:0;color:var(--color-text);font-size:.95rem}.back-button{background-color:var(--color-muted);color:var(--color-surface-solid);border:none;padding:.5rem .75rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.82rem;min-height:44px;font-weight:600;transition:background-color var(--ease)}.back-button:hover{filter:brightness(.85)}.mobile-user-container,.mobile-detail-content{flex:1;overflow-y:auto;padding:.75rem;-webkit-overflow-scrolling:touch}.mobile-detail-content .start-ticket-button{width:100%;margin-bottom:.75rem}.mobile-detail-content .user-info-form{margin-bottom:.75rem}.mobile-detail-content .form-group{margin-bottom:.5rem}.mobile-detail-content .form-group label{font-size:.8rem}.mobile-detail-content .form-group input{padding:.6rem .65rem;font-size:max(16px,.85em);min-height:44px}.mobile-detail-content .edit-buttons{flex-direction:column;gap:.4rem}.mobile-detail-content .edit-button,.mobile-detail-content .save-button{width:100%;min-height:44px}.mobile-detail-content .ticket-history{margin-top:.75rem;padding-top:.5rem}.mobile-detail-content .ticket{padding:.6rem .75rem;margin-bottom:.4rem}@media(min-width:768px){.user-lookup{padding:1rem}.header-controls{flex-direction:row;align-items:center;gap:.75rem}.search-bar{flex-direction:row;gap:0;flex:1}.search-input{border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:none;width:auto}.search-button{border-radius:0 var(--radius-md) var(--radius-md) 0;width:auto;min-width:80px}.content-container{flex-direction:row;min-height:400px;max-height:65vh}.user-wrapper{flex-direction:row}.list-section{flex:0 0 35%;min-width:0}.list-container{max-height:none;flex:1}.content-section{flex:1;min-width:0}.content-panel{flex:1}.edit-buttons{flex-direction:row}.edit-button,.save-button{width:auto}}@media(min-width:1024px){.user-lookup{padding:1.25rem;max-width:1200px;margin:0 auto}.header-controls{gap:1rem}.content-container{max-height:72vh}.list-content{padding:.75rem}.panel-content{padding:1rem}.user,.ticket{padding:.75rem}}.payments-shell{max-width:1200px;margin:0 auto;padding:0 .75rem;display:flex;flex-direction:column;gap:1rem}.payments-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.payments-header h1{margin:0;font-size:1.35rem;color:var(--color-ink)}.payments-lead{margin:.15rem 0 0;color:var(--color-muted);font-size:.88rem}.payments-refresh-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface-solid);color:var(--color-muted);font-size:1.1rem;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.payments-refresh-btn:hover{background:var(--color-bg-raised);color:var(--color-ink)}.payments-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.payments-date-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.65rem .85rem;background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.payments-presets{display:flex;gap:4px;flex-wrap:wrap}.payments-preset{padding:.35rem .7rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:none;color:var(--color-muted);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.payments-preset:hover{border-color:var(--color-primary);color:var(--color-primary)}.payments-preset.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.payments-date-inputs{display:flex;align-items:center;gap:.35rem;margin-left:auto}.payments-date-sep{color:var(--color-muted);font-size:.85rem}.payments-date-inputs input[type=date]{padding:.35rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:.8rem;min-height:36px;color-scheme:dark}.payments-date-inputs input[type=date]:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.payments-kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.payments-kpi{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.85rem 1rem;display:flex;flex-direction:column;gap:.1rem}.payments-kpi--primary{border-left:4px solid var(--color-primary)}.payments-kpi--tax{border-left:4px solid #fbbf24}.payments-kpi-label{font-size:.72rem;font-weight:700;color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em}.payments-kpi-value{font-size:1.5rem;font-weight:800;color:var(--color-ink);line-height:1.15}.payments-kpi-sub{font-size:.75rem;color:var(--color-muted);margin-top:.1rem}.payments-breakdown-row{display:grid;grid-template-columns:1fr;gap:.75rem}.payments-methods-card,.payments-issues-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.85rem 1rem}.payments-card-title{margin:0 0 .6rem;font-size:.82rem;font-weight:700;color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em}.payments-methods-list{display:flex;flex-direction:column;gap:.4rem}.payments-method-row{display:grid;grid-template-columns:80px 1fr 36px 40px;align-items:center;gap:.5rem}.payments-method-name{font-size:.82rem;font-weight:600;color:var(--color-text);text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payments-method-bar-wrap{height:8px;background:var(--color-bg);border-radius:4px;overflow:hidden}.payments-method-bar{height:100%;background:var(--color-primary);border-radius:4px;min-width:4px;transition:width .3s ease}.payments-method-count{font-size:.82rem;font-weight:700;color:var(--color-ink);text-align:right}.payments-method-pct{font-size:.75rem;color:var(--color-muted);text-align:right}.payments-issue-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem .6rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;margin-bottom:.3rem}.payments-issue--failed{background:#f8717114;color:#fca5a5}.payments-issue--refunded{background:#fbbf2414;color:#fde68a}.payments-issue-count{font-weight:800;font-size:1rem}.payments-section{background:var(--color-surface-solid);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.payments-section-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.payments-section-title{margin:0;font-size:.95rem;font-weight:700;color:var(--color-ink)}.payments-section-count{font-size:.8rem;color:var(--color-muted);font-weight:600}.payments-loading,.payments-empty{text-align:center;padding:2.5rem 1rem;color:var(--color-muted);font-size:.92rem}.payments-error{padding:.75rem 1rem;background:var(--color-danger-bg);color:var(--color-danger-ink);border:1px solid var(--color-danger);border-radius:var(--radius-md);font-size:.88rem}.payments-table-wrap{overflow-x:auto}.payments-table{width:100%;border-collapse:collapse}.payments-table th{background:var(--color-bg-raised);padding:.55rem .85rem;text-align:left;font-weight:700;color:var(--color-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--color-border);white-space:nowrap}.payments-table th.text-right,.payments-table td.text-right{text-align:right}.payments-table td{padding:.55rem .85rem;border-bottom:1px solid var(--color-border);font-size:.88rem;color:var(--color-text);vertical-align:middle}.payments-table tbody tr:hover{background:#94a3b80a}.txn-date{white-space:nowrap;color:var(--color-muted);font-size:.82rem}.txn-amount{font-weight:700;white-space:nowrap}.txn-tax{font-size:.82rem;color:var(--color-muted);white-space:nowrap}.txn-method{white-space:nowrap;text-transform:capitalize;font-size:.82rem}.txn-badge{display:inline-block;padding:3px 10px;border-radius:var(--radius-pill);font-size:.72rem;font-weight:700;white-space:nowrap}.txn-badge--linked{background:var(--color-success-bg);color:var(--color-success-ink)}.txn-badge--unlinked{background:var(--color-danger-bg);color:var(--color-danger-ink)}.txn-badge--refunded{background:var(--color-warning-bg);color:var(--color-warning-ink)}.txn-badge--processing,.txn-badge--pending{background:#fbbf241f;color:#fbbf24}.ticket-transactions{margin-top:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.ticket-transactions__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.75rem 1rem;background:var(--color-bg-raised);border-bottom:1px solid var(--color-border)}.ticket-transactions__eyebrow{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);margin:0 0 .15rem}.ticket-transactions__lead{font-size:.85rem;color:var(--color-text);margin:0}.ticket-transactions__range{font-size:.8rem;color:var(--color-muted);margin:.25rem 0 0}.ticket-transactions__button{padding:6px 16px;background:var(--color-ink);color:var(--color-bg);border:none;border-radius:var(--radius-md);font-weight:600;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:background var(--ease);width:auto}.ticket-transactions__button:hover{background:var(--color-bg-raised)}.ticket-transactions__button:disabled{opacity:.5;cursor:not-allowed}.ticket-transactions__button--link{background:var(--color-primary);font-size:.8rem;padding:4px 12px}.ticket-transactions__button--link:hover{background:var(--color-primary-hover)}.ticket-transactions__button--link:disabled{opacity:.5;cursor:not-allowed}.ticket-transactions__button--linked{background:var(--color-success-bg);color:var(--color-success-ink);font-size:.8rem;padding:4px 12px;cursor:default}.ticket-transactions__hint,.ticket-transactions__error,.ticket-transactions__loading,.ticket-transactions__empty{padding:1rem;text-align:center;font-size:.85rem;color:var(--color-muted);margin:0}.ticket-transactions__error{color:var(--color-danger)}.ticket-transactions__list{list-style:none;padding:0;margin:0}.ticket-transactions__item{border-bottom:1px solid var(--color-border)}.ticket-transactions__item:last-child{border-bottom:none}.ticket-transactions__item-button{display:block;width:100%;padding:.65rem 1rem;border:none;background:none;text-align:left;cursor:pointer;transition:background var(--ease)}.ticket-transactions__item-button:hover{background:var(--color-primary-light)}.ticket-transactions__row{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.ticket-transactions__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.ticket-transactions__date{font-weight:600;color:var(--color-text);font-size:.9rem}.ticket-transactions__buyer{color:var(--color-muted);font-size:.85rem}.ticket-transactions__badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-pill);font-size:.7rem;font-weight:700;background:var(--color-success-bg);color:var(--color-success-ink)}.ticket-transactions__amount{font-weight:800;font-size:1rem;color:var(--color-ink);white-space:nowrap}.ticket-transactions__subrow{display:flex;gap:.75rem;margin-top:.25rem;font-size:.8rem;color:var(--color-muted)}.ticket-transactions__delta{color:var(--color-primary);font-weight:600}.ticket-transactions__payment{text-transform:capitalize}.ticket-transactions__link-row{display:flex;justify-content:flex-end;padding:0 1rem .5rem;gap:.5rem}.ticket-transactions__modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.ticket-transactions__modal{background:var(--color-surface-solid);border-radius:var(--radius-lg);max-width:600px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl)}.ticket-transactions__modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--color-border)}.ticket-transactions__modal-close{background:none;border:none;font-size:.9rem;font-weight:600;cursor:pointer;color:var(--color-muted);padding:4px 10px;border-radius:var(--radius-sm);transition:background var(--ease);width:auto}.ticket-transactions__modal-close:hover{background:var(--color-bg-raised);color:var(--color-text)}.ticket-transactions__modal-body{padding:14px 18px 18px;overflow-y:auto}.ticket-transactions__detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.ticket-transactions__detail{display:flex;flex-direction:column;gap:.15rem}.ticket-transactions__detail-label{font-size:.75rem;font-weight:600;color:var(--color-muted);text-transform:uppercase}.ticket-transactions__detail-value{font-size:.95rem;color:var(--color-ink)}.ticket-transactions__lineitems{margin-top:.75rem}.ticket-transactions__lineitems h4{margin:0 0 .35rem;font-size:.9rem}.ticket-transactions__lineitems-list{list-style:none;padding:0;margin:0}.ticket-transactions__lineitem{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--color-border);font-size:.85rem}.ticket-transactions__lineitem:last-child{border-bottom:none}.ticket-transactions__lineitem-name{color:var(--color-text)}.ticket-transactions__lineitem-qty{color:var(--color-muted);font-weight:600}.ticket-transactions__raw{margin-top:.75rem}.ticket-transactions__raw summary{cursor:pointer;font-weight:600;font-size:.85rem;color:var(--color-muted)}.ticket-transactions__raw pre{font-size:.7rem;max-height:250px;overflow:auto;background:var(--color-bg-raised);padding:.75rem;border-radius:var(--radius-md);margin-top:.4rem}@media(min-width:768px){.payments-shell{padding:0 1rem;gap:1rem}.payments-header h1{font-size:1.6rem}.payments-kpi-grid{grid-template-columns:repeat(4,1fr)}.payments-kpi-value{font-size:1.65rem}.payments-breakdown-row{grid-template-columns:1fr auto}.payments-methods-card{min-width:280px}.payments-table th,.payments-table td{padding:.6rem .85rem}.ticket-transactions__header{flex-direction:row}.ticket-transactions__detail-grid{grid-template-columns:1fr 1fr}}.tax-report{display:flex;flex-direction:column;gap:.75rem}.tax-report__period{font-size:.82rem;font-weight:600;color:var(--color-muted);padding:.3rem 0;border-bottom:1px solid var(--color-border)}.tax-report__summary{display:flex;flex-direction:column;gap:.15rem;background:var(--color-surface-solid);border-radius:8px;padding:.6rem .75rem;border:1px solid var(--color-border)}.tax-report__row{display:flex;justify-content:space-between;align-items:center;padding:.3rem 0;font-size:.82rem;color:var(--color-text)}.tax-report__row--highlight{background:#3b82f60f;border-radius:5px;padding:.4rem .5rem;margin:.15rem -.5rem;font-weight:600}.tax-report__row--highlight .tax-report__val{color:var(--color-primary);font-size:1rem}.tax-report__val{font-weight:700;font-size:.88rem}.tax-report__section{margin-top:.25rem}.tax-report__subtitle{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);margin:0 0 .35rem}.tax-report__total-row{border-top:2px solid var(--color-border);background:#3b82f60a}.tax-report__total-row td{padding-top:.5rem}@media(min-width:1024px){.payments-shell{padding:0 1.25rem}.payments-header h1{font-size:1.75rem}.payments-kpi{padding:1rem 1.15rem}.payments-kpi-value{font-size:1.8rem}}.admin-panel{padding:.75rem}.admin-header{margin-bottom:.75rem}.admin-header h1{color:var(--color-ink);margin:0 0 .25rem;font-size:1.35rem}.admin-header p{color:var(--color-muted);margin:0;font-size:.85rem}.admin-loading{text-align:center;padding:2rem;color:var(--color-muted);font-size:.95rem}.admin-tabs{display:flex;gap:2px;margin-bottom:.75rem;border-bottom:2px solid var(--color-border);padding-bottom:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-tab{padding:.6rem .85rem;border:none;background:none;font-size:.82rem;font-weight:600;color:var(--color-muted);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:color var(--ease),border-color var(--ease);width:auto;white-space:nowrap;min-height:44px}.admin-tab:hover{color:var(--color-primary)}.admin-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.admin-controls{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.admin-search{flex:1;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:max(16px,.85em);min-height:44px}.admin-search:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.admin-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.admin-table{width:100%;border-collapse:collapse;background:var(--color-surface-solid)}.admin-table th{background:var(--color-bg-raised);padding:.5rem .6rem;text-align:left;font-weight:600;color:var(--color-text);font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-border);white-space:nowrap}.admin-table td{padding:.5rem .6rem;border-bottom:1px solid var(--color-border);font-size:.82rem;color:var(--color-text)}.admin-table tbody tr:hover{background:var(--color-bg)}.inactive-row{opacity:.5}.no-data{text-align:center;color:var(--color-subtle);font-style:italic;padding:2rem .75rem!important}.you-badge{display:inline-block;margin-left:6px;padding:2px 6px;background:var(--color-primary);color:#fff;border-radius:var(--radius-pill);font-size:.65rem;font-weight:600;vertical-align:middle}.date-cell{font-size:.75rem;color:var(--color-muted);white-space:nowrap}.role-select{padding:.4rem .6rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;cursor:pointer;width:auto;min-height:36px}.role-admin{background:var(--color-warning-bg);color:var(--color-warning-ink);border-color:var(--color-warning)}.role-tech{background:var(--color-success-bg);color:var(--color-success-ink);border-color:var(--color-success)}.role-client{background:var(--color-bg-raised);color:var(--color-muted);border-color:var(--color-ghost)}.role-badge{display:inline-block;padding:.35rem .6rem;border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;border:1px solid}.role-filter-group{display:flex;gap:2px;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;align-items:center;flex-wrap:wrap}.role-filter-desc{font-size:.7rem;color:var(--color-muted);font-style:italic;margin-left:.5rem;white-space:nowrap}.role-filter-btn{padding:.5rem .75rem;border:none;background:var(--color-bg);font-size:.78rem;font-weight:600;color:var(--color-muted);cursor:pointer;transition:background var(--ease),color var(--ease);width:auto;min-height:44px}.role-filter-btn:hover{background:var(--color-bg-raised);color:var(--color-text)}.role-filter-btn.active{background:var(--color-primary);color:#fff}.status-toggle{padding:.4rem .75rem;border:none;border-radius:var(--radius-pill);font-size:.72rem;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;width:auto;min-height:36px}.status-toggle.active{background:var(--color-success-bg);color:var(--color-success-ink)}.status-toggle.inactive{background:var(--color-danger-bg);color:var(--color-danger-ink)}.status-toggle:disabled{cursor:not-allowed;opacity:.6}.tech-form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem;padding:.75rem;background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border)}.tech-form input{padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:max(16px,.85em);min-height:44px}.tech-form input:focus{outline:none;border-color:var(--color-primary)}.add-tech-btn{padding:.6rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;min-height:44px;transition:background var(--ease);width:100%}.add-tech-btn:hover{background:var(--color-primary-hover)}.save-tech-btn{padding:.6rem 1rem;background:var(--color-success);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;min-height:44px;transition:background var(--ease);width:100%}.save-tech-btn:hover{background:var(--color-success)}.actions-cell{display:flex;gap:.35rem}.edit-btn{padding:.35rem .65rem;background:var(--color-warning);color:var(--color-ink);border:none;border-radius:var(--radius-xs);font-size:.72rem;font-weight:600;cursor:pointer;min-height:36px;transition:background var(--ease);width:auto}.edit-btn:hover{background:var(--color-warning)}.delete-btn{padding:.35rem .65rem;background:var(--color-danger);color:#fff;border:none;border-radius:var(--radius-xs);font-size:.72rem;font-weight:600;cursor:pointer;min-height:36px;transition:background var(--ease);width:auto}.delete-btn:hover{background:var(--color-danger)}.admin-form{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:.75rem}.admin-input{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:max(16px,.85em);color:var(--color-text);background:var(--color-surface-solid);min-height:44px}.admin-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.admin-textarea{resize:vertical;min-height:60px;font-family:inherit}.template-desc-cell{max-width:180px;color:var(--color-muted);font-size:.78rem}.save-btn{align-self:flex-start;padding:.45rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.82rem;font-weight:500;cursor:pointer;min-height:44px;transition:background var(--ease)}.save-btn:hover{background:var(--color-primary-hover)}@media(min-width:768px){.admin-panel{padding:1rem}.admin-header h1{font-size:1.65rem}.admin-header p{font-size:1rem}.admin-controls{flex-direction:row;justify-content:space-between;align-items:center}.admin-search{max-width:400px}.admin-tab{padding:.65rem 1.25rem;font-size:.88rem}.admin-table th{padding:.6rem .85rem;font-size:.78rem}.admin-table td{padding:.6rem .85rem;font-size:.85rem}.tech-form{flex-direction:row;align-items:center;flex-wrap:wrap}.tech-form input{flex:1;min-width:150px}.add-tech-btn,.save-tech-btn{width:auto}.template-desc-cell{max-width:250px}}@media(min-width:1024px){.admin-panel{padding:1.25rem;max-width:1200px;margin:0 auto}.admin-header h1{font-size:2rem}.admin-table th,.admin-table td{padding:.75rem 1rem}}.pr-admin-list{display:flex;flex-direction:column;gap:.5rem}.pr-admin-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem}.pr-admin-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:.4rem}.pr-admin-desc{font-size:.9rem;color:var(--color-ink)}.pr-admin-meta{font-size:.75rem;color:var(--color-muted);margin-top:2px}.pr-admin-status{display:inline-block;padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;flex-shrink:0}.pr-admin-link{display:block;font-size:.78rem;color:var(--color-primary);text-decoration:none;word-break:break-all;margin-bottom:4px}.pr-admin-link:hover{text-decoration:underline}.pr-admin-notes{font-size:.78rem;color:var(--color-text);margin:2px 0 6px;line-height:1.3}.pr-admin-fields{display:flex;flex-direction:column;gap:4px;margin-bottom:.5rem}.pr-admin-fields .admin-input{font-size:.8rem;padding:.35rem .5rem}.pr-admin-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:4px}.pr-admin-actions{display:flex;flex-wrap:wrap;gap:6px}.pr-action-btn{padding:.3rem .7rem;border:1px solid;border-radius:var(--radius-sm);font-size:.72rem;font-weight:600;cursor:pointer;background:transparent;min-height:32px;width:auto}.pr-action-btn:disabled{opacity:.4;cursor:default}.pr-ordered{border-color:#3b82f6;color:#3b82f6}.pr-received{border-color:#34d399;color:#34d399}.pr-declined{border-color:#f87171;color:#f87171}.pr-delete{border-color:var(--color-muted);color:var(--color-muted);margin-left:auto}.admin-section-desc{color:var(--color-muted);margin:0 0 16px;font-size:.9rem}.locations-list{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.location-card{border:1px solid var(--color-border);border-radius:8px;padding:12px 14px;margin:0;background:var(--color-surface)}.location-card legend{padding:0 6px;font-weight:600;font-size:.95rem}.location-card legend code{background:#ffffff0f;padding:1px 6px;border-radius:4px;margin-right:6px}.loc-badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:500;vertical-align:middle}.loc-badge--printer{background:var(--color-success-bg);color:var(--color-success-ink)}.loc-badge--no-printer{background:#94a3b81f;color:var(--color-muted)}.location-card label{display:flex;flex-direction:column;gap:3px;margin:8px 0}.location-card label>span{font-size:.78rem;color:var(--color-muted)}.location-card label input[type=text],.location-card label input[type=url],.location-card label input[type=password]{width:100%;padding:6px 8px;border-radius:4px;border:1px solid var(--color-border);background:var(--color-bg);color:inherit;font-size:.92rem}.location-card label input:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.location-card .location-checkbox{flex-direction:row;align-items:center;gap:8px}.location-card .location-checkbox>span{font-size:.9rem;color:inherit}.location-actions{display:flex;align-items:center;gap:10px;margin-top:10px}.loc-status{font-size:.85rem}.loc-status--ok{color:var(--color-success-ink)}.loc-status--err{color:var(--color-danger-ink)}.loc-secret-hint{color:var(--color-muted);font-style:italic;font-weight:400}.dashboard{max-width:1200px;margin:0 auto;padding:.5rem}.dash-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.dash-header h1{color:var(--color-ink);font-size:1.1rem;margin:0}.dash-timestamp{color:var(--color-subtle);font-size:13px}.dash-loading,.dash-error{text-align:center;padding:60px;color:var(--color-muted);font-size:1.1rem}.dash-error{color:var(--color-danger)}.dash-muted{color:var(--color-subtle);font-style:italic;font-size:14px}.dash-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.4rem;margin-bottom:.5rem}.kpi-card{background:var(--color-surface-solid);border-radius:var(--radius-md);padding:.65rem .6rem;text-align:center;box-shadow:var(--shadow-sm);border-left:3px solid var(--color-info);border-top:none;border-right:none;border-bottom:none;position:relative;font-family:inherit}.kpi-clickable{cursor:pointer;transition:transform var(--ease),box-shadow var(--ease)}.kpi-clickable:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.kpi-clickable:active{transform:translateY(-1px)}.kpi-arrow{display:block;font-size:14px;color:var(--color-ghost);margin-top:6px;transition:color var(--ease),transform var(--ease)}.kpi-clickable:hover .kpi-arrow{color:var(--color-primary);transform:translate(3px)}.kpi-card.kpi-warning{border-left-color:var(--color-warning)}.kpi-card.kpi-info{border-left-color:var(--color-info)}.kpi-card.kpi-danger{border-left-color:var(--color-danger)}.kpi-card.kpi-success{border-left-color:var(--color-success)}.kpi-card.kpi-breach{border-left-color:var(--color-danger);background:var(--color-danger-bg)}.kpi-value{display:block;font-size:1.5rem;font-weight:800;color:var(--color-ink);line-height:1.1}.kpi-label{display:block;font-size:12px;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.dash-row{display:grid;grid-template-columns:1fr;gap:.5rem;margin-bottom:.5rem}.dash-panel{background:var(--color-surface-solid);border-radius:var(--radius-md);padding:.6rem;box-shadow:var(--shadow-sm)}.dash-panel h3{font-size:.75rem;color:var(--color-muted);margin:0 0 .4rem;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.dash-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.dash-stat{text-align:center}.dash-stat-value{display:block;font-size:1.5rem;font-weight:800;color:var(--color-ink)}.dash-stat-value.dash-warn{color:var(--color-warning)}.dash-stat-value.dash-danger{color:var(--color-danger)}.dash-stat-label{display:block;font-size:11px;color:var(--color-muted);text-transform:uppercase;letter-spacing:.3px;margin-top:2px}.dash-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.dash-table{width:100%;border-collapse:collapse}.dash-table th{text-align:left;font-size:11px;color:var(--color-muted);text-transform:uppercase;letter-spacing:.3px;padding:8px;border-bottom:2px solid var(--color-border)}.dash-table td{padding:8px;font-size:14px;border-bottom:1px solid var(--color-border)}.dash-activity{display:flex;flex-direction:column;gap:0;max-height:400px;overflow-y:auto;-webkit-overflow-scrolling:touch}.dash-activity-item{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:0 .6rem;padding:.45rem .5rem;border-bottom:1px solid var(--color-border)}.dash-activity-item:last-child{border-bottom:none}.dash-activity-clickable{cursor:pointer;transition:background var(--ease);min-height:44px;border-radius:var(--radius-sm)}.dash-activity-clickable:hover{background:var(--color-bg-raised)}.dash-activity-ticket{font-weight:700;font-size:.82rem;color:var(--color-text);font-variant-numeric:tabular-nums}.dash-activity-clickable:hover .dash-activity-ticket{color:var(--color-primary)}.dash-activity-meta{font-size:.78rem;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-activity-status{font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-pill);text-transform:uppercase;white-space:nowrap;text-align:center}.dash-st-open{background:var(--color-info-bg);color:var(--color-info-ink)}.dash-st-closed{background:var(--color-bg-raised);color:var(--color-text)}.dash-st-waiting-for-parts{background:var(--color-warning-bg);color:var(--color-warning-ink)}.dash-st-waiting-for-pick-up{background:var(--color-purple-bg);color:var(--color-purple-ink)}.dash-st-failure-to-repair{background:var(--color-danger-bg);color:var(--color-danger-ink)}.dash-activity-time{font-size:.7rem;color:var(--color-subtle);grid-column:2 / -1;margin-top:-2px}.dash-sla-panel{margin-bottom:.5rem;border:1px solid rgba(248,113,113,.2);background:#f871710a}.dash-sla-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.dash-sla-header h3{margin:0;color:var(--color-danger)}.dash-sla-bulk-btn{background:var(--color-danger-bg);color:var(--color-danger-ink);border:1px solid rgba(248,113,113,.3);border-radius:var(--radius-pill);padding:.3rem .75rem;font-size:.72rem;font-weight:700;cursor:pointer;transition:background var(--ease);min-height:36px}.dash-sla-bulk-btn:hover:not(:disabled){background:#f8717133}.dash-sla-bulk-btn:disabled{opacity:.6;cursor:default}.dash-sla-list{display:flex;flex-direction:column;gap:0;max-height:320px;overflow-y:auto}.dash-sla-row{display:grid;grid-template-columns:72px auto 1fr auto auto;align-items:center;gap:0 .5rem;padding:.35rem .3rem;border-bottom:1px solid var(--color-border);font-size:.78rem}.dash-sla-row:last-child{border-bottom:none}.dash-sla-ticket{font-weight:700;color:var(--color-primary);cursor:pointer;font-variant-numeric:tabular-nums}.dash-sla-ticket:hover{text-decoration:underline}.dash-sla-info{color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-sla-overdue{color:var(--color-danger);font-weight:700;font-size:.72rem;white-space:nowrap}.dash-sla-ack-btn{background:#34d3991f;color:var(--color-success);border:1px solid rgba(52,211,153,.25);border-radius:var(--radius-sm);padding:.2rem .5rem;font-size:.75rem;font-weight:700;cursor:pointer;min-height:32px;min-width:32px;transition:background var(--ease)}.dash-sla-ack-btn:hover:not(:disabled){background:#34d39933}.dash-sla-ack-btn:disabled{opacity:.5;cursor:default}.dash-weekly-panel{margin-bottom:.5rem}.dash-weekly-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.dash-weekly-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.dash-weekly-select,.dash-weekly-date{background:var(--color-bg-raised);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.35rem .5rem;font-size:.82rem;font-family:inherit;min-height:36px}.dash-weekly-select:focus,.dash-weekly-date:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f633}.dash-weekly-to{color:var(--color-muted);font-size:.8rem}.dash-weekly-total{font-size:.9rem;color:var(--color-text);margin-bottom:.5rem}.dash-weekly-total strong{color:var(--color-ink);font-size:1.1rem}.dash-kpis{grid-template-columns:repeat(2,1fr)}@media(min-width:769px){.dash-row{grid-template-columns:1fr 1fr}.dash-kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.orders-page{max-width:900px;margin:0 auto;padding:.5rem}.orders-header{margin-bottom:.5rem}.orders-header-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.orders-header h1{font-size:1.1rem;font-weight:700;color:var(--color-ink, #f1f5f9);margin:0}.orders-new-btn{background:var(--color-primary, #3b82f6);color:#fff;border:none;border-radius:var(--radius-sm, 5px);padding:.35rem .75rem;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s}.orders-new-btn:hover{background:var(--color-primary-dark, #2563eb)}.orders-form{background:var(--color-surface-solid, #1e293b);border:1px solid var(--color-border, rgba(148,163,184,.12));border-radius:var(--radius-md, 8px);padding:.75rem;margin-bottom:.75rem}.orders-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.5rem}.orders-form-grid .orders-input:first-child,.orders-form-grid textarea{grid-column:1 / -1}.orders-input{background:var(--color-bg, #0b1121);color:var(--color-text, #e2e8f0);border:1px solid var(--color-border, rgba(148,163,184,.12));border-radius:var(--radius-sm, 5px);padding:.4rem .5rem;font-size:.82rem;font-family:inherit;width:100%;box-sizing:border-box}.orders-input:focus{outline:none;border-color:var(--color-primary, #3b82f6)}.orders-input::placeholder{color:var(--color-muted, #94a3b8)}.orders-submit-btn{background:var(--color-primary, #3b82f6);color:#fff;border:none;border-radius:var(--radius-sm, 5px);padding:.4rem 1rem;font-size:.8rem;font-weight:600;cursor:pointer}.orders-submit-btn:disabled{opacity:.5;cursor:not-allowed}.orders-filters{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.75rem}.orders-filter{background:var(--color-surface-solid, #1e293b);color:var(--color-muted, #94a3b8);border:1px solid var(--color-border, rgba(148,163,184,.12));border-radius:var(--radius-pill, 999px);padding:.25rem .6rem;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s}.orders-filter:hover{color:var(--color-text, #e2e8f0);border-color:var(--color-muted, #94a3b8)}.orders-filter.active{background:#3b82f626;color:var(--color-primary, #3b82f6);border-color:var(--color-primary, #3b82f6)}.orders-loading,.orders-empty{text-align:center;color:var(--color-muted, #94a3b8);padding:2rem;font-size:.85rem}.orders-list{display:flex;flex-direction:column;gap:.5rem}.order-card{background:var(--color-surface-solid, #1e293b);border:1px solid var(--color-border, rgba(148,163,184,.12));border-radius:var(--radius-md, 8px);padding:.6rem .75rem;transition:border-color .15s}.order-card:hover{border-color:#94a3b840}.order-card.needs_research{border-left:3px solid #f59e0b}.order-card.pending{border-left:3px solid #fbbf24}.order-card.ordered{border-left:3px solid #3b82f6}.order-card.received{border-left:3px solid #34d399}.order-card.declined{border-left:3px solid #f87171}.order-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.order-card-left{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.order-status-chip{display:inline-flex;align-items:center;padding:.15rem .45rem;border-radius:var(--radius-pill, 999px);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;border:1px solid}.order-ticket{font-size:.72rem;font-weight:600;color:var(--color-primary, #3b82f6)}.order-date{font-size:.68rem;color:var(--color-muted, #94a3b8)}.order-requested-by{font-size:.7rem;color:var(--color-muted, #94a3b8);font-weight:500}.order-card-body{margin-bottom:.35rem}.order-description{margin:0 0 .25rem;font-size:.85rem;font-weight:600;color:var(--color-ink, #f1f5f9);line-height:1.35}.order-link{display:inline-block;font-size:.75rem;color:var(--color-primary, #3b82f6);text-decoration:none;margin-bottom:.2rem}.order-link:hover{text-decoration:underline}.order-replacement{color:var(--color-success, #34d399)}.order-notes{margin:.2rem 0;font-size:.78rem;color:var(--color-text, #e2e8f0);line-height:1.3}.order-admin-notes{margin:.2rem 0;font-size:.75rem;color:var(--color-muted, #94a3b8);font-style:italic}.order-edit-form{display:flex;flex-direction:column;gap:.4rem;margin-top:.4rem;padding-top:.4rem;border-top:1px solid var(--color-border, rgba(148,163,184,.12))}.order-edit-actions{display:flex;gap:.3rem}.order-card-actions{display:flex;flex-wrap:wrap;gap:.3rem;padding-top:.35rem;border-top:1px solid var(--color-border, rgba(148,163,184,.12))}.order-btn{border:none;border-radius:var(--radius-sm, 5px);padding:.25rem .55rem;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s}.order-btn-primary{background:#3b82f626;color:#60a5fa}.order-btn-primary:hover{background:#3b82f64d}.order-btn-success{background:#34d39926;color:#6ee7b7}.order-btn-success:hover{background:#34d3994d}.order-btn-danger{background:#f8717126;color:#fca5a5}.order-btn-danger:hover{background:#f871714d}.order-btn-ghost{background:none;color:var(--color-muted, #94a3b8)}.order-btn-ghost:hover{color:var(--color-text, #e2e8f0);background:#94a3b814}.order-btn-danger-ghost{background:none;color:var(--color-muted, #94a3b8)}.order-btn-danger-ghost:hover{color:#fca5a5;background:#f8717114}.order-btn-save{background:#34d39926;color:#6ee7b7}.order-btn-cancel{background:none;color:var(--color-muted, #94a3b8)}.order-edit-row{display:flex;gap:8px}.order-edit-row .orders-input{flex:1;min-width:0}.order-meta-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.order-meta-tag{display:inline-block;padding:2px 8px;font-size:.7rem;font-weight:500;border-radius:4px;background:#94a3b81f;color:var(--color-muted, #94a3b8)}.order-meta-cost{background:#34d3991f;color:#6ee7b7}.order-meta-sell{background:#3b82f61f;color:#93c5fd}@media(max-width:600px){.orders-form-grid{grid-template-columns:1fr}.order-card-header{flex-direction:column;align-items:flex-start}}.orders-ticket-picker{position:relative}.orders-ticket-picked{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:#3b82f61a;border:1px solid rgba(59,130,246,.4);border-radius:6px;font-size:.85rem}.orders-ticket-picked-num{color:#60a5fa;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.orders-ticket-picked-cust{color:#e2e8f0}.orders-ticket-picked-clear{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:0 4px;font-size:1rem}.orders-ticket-picked-clear:hover{color:#f87171}.orders-ticket-results{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;background:#1e293b;border:1px solid rgba(148,163,184,.2);border-radius:8px;box-shadow:0 12px 32px #0006;max-height:280px;overflow-y:auto}.orders-ticket-result{display:block;width:100%;text-align:left;padding:8px 12px;background:transparent;border:none;border-bottom:1px solid rgba(148,163,184,.08);color:#e2e8f0;cursor:pointer;font-size:.85rem;font-family:inherit}.orders-ticket-result:hover{background:#3b82f626}.orders-ticket-result strong{color:#60a5fa;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.orders-ticket-result-device{color:#94a3b8}.order-link-ticket-btn{background:#fbbf241a;border:1px dashed rgba(251,191,36,.5);color:#fde68a;font-size:.75rem;padding:3px 10px;border-radius:6px;cursor:pointer;font-family:inherit;font-weight:600}.order-link-ticket-btn:hover{background:#fbbf242e}.order-link-picker{margin:10px 0;padding:10px;background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:6px;position:relative}.order-customer{font-size:.78rem;color:#cbd5e1;padding:2px 8px;background:#94a3b814;border-radius:4px}.order-tech{font-size:.72rem;color:#94a3b8;font-style:italic}.order-paid-badge{display:inline-flex;align-items:center;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:3px 10px;border-radius:999px;background:#34d39926;color:#6ee7b7;border:1px solid rgba(52,211,153,.4);margin-right:8px}.order-due-badge{display:inline-flex;align-items:center;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:3px 10px;border-radius:999px;background:#fbbf241f;color:#fde68a;border:1px solid rgba(251,191,36,.4);margin-right:8px}.order-tracking-link{text-decoration:none;cursor:pointer;background:#3b82f61a!important;color:#60a5fa!important;border:1px solid rgba(59,130,246,.3)!important;transition:all .15s ease}.order-tracking-link:hover{background:#3b82f633!important;border-color:#3b82f699!important}.order-btn-pay{background:#22c55e26;color:#6ee7b7;border:1px solid rgba(34,197,94,.4)}.order-btn-pay:hover:not(:disabled){background:#22c55e40}.order-ticket-wrap{display:inline-flex;align-items:center;gap:4px}.order-unlink-btn{background:#f871711f;border:1px solid rgba(248,113,113,.5);color:#fca5a5;font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-family:inherit;line-height:1;white-space:nowrap}.order-unlink-btn:hover{background:#f8717138;border-color:#f87171cc;color:#fee2e2}.qs-page{max-width:700px;margin:0 auto;padding:24px 16px 80px}.qs-header{margin-bottom:24px}.qs-header h1{font-size:1.5rem;margin:0;color:var(--color-text, #f1f5f9)}.qs-sub{color:var(--color-muted, #94a3b8);font-size:.85rem;margin-top:4px}.qs-section{display:flex;gap:16px;margin-bottom:16px;padding:16px;background:#1e293b99;border:1px solid var(--color-border, rgba(148, 163, 184, .15));border-radius:10px}.qs-section--photo{border-left:3px solid #3b82f6}.qs-section--details{border-left:3px solid #f59e0b}.qs-section--payment{border-left:3px solid #22c55e}.qs-section-num{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#3b82f626;color:#60a5fa;font-weight:800;font-size:.85rem}.qs-section--details .qs-section-num{background:#f59e0b26;color:#fbbf24}.qs-section--payment .qs-section-num{background:#22c55e26;color:#34d399}.qs-section-body{flex:1;min-width:0}.qs-section-body h2{margin:0 0 10px;font-size:1rem;color:var(--color-text, #f1f5f9)}.qs-photo-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.qs-photo-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:#3b82f61f;border:1.5px dashed rgba(59,130,246,.5);border-radius:8px;color:#60a5fa;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .15s}.qs-photo-btn:hover{background:#3b82f633;border-color:#3b82f6}.qs-preview{max-width:160px;max-height:120px;border-radius:8px;object-fit:cover;border:1px solid var(--color-border)}.qs-confidence{font-size:.75rem;padding:4px 10px;border-radius:6px;margin-bottom:10px}.qs-confidence--high{background:#22c55e1a;color:#34d399}.qs-confidence--medium{background:#fbbf241a;color:#fbbf24}.qs-confidence--low{background:#f871711a;color:#fca5a5}.qs-form{display:flex;flex-direction:column;gap:8px}.qs-field{display:flex;flex-direction:column;gap:3px;flex:1}.qs-field label{font-size:.68rem;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em}.qs-field input,.qs-field select{padding:8px 10px;background:var(--color-bg, #0b1121);color:var(--color-text, #e2e8f0);border:1px solid var(--color-border);border-radius:6px;font-size:max(16px,.85rem);font-family:inherit}.qs-field input:focus,.qs-field select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.qs-row{display:flex;gap:10px}.qs-row--3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.qs-field--price{max-width:160px}.qs-price-input{display:flex;align-items:center;gap:4px}.qs-price-input span{font-weight:700;color:var(--color-text);font-size:1rem}.qs-price-input input{width:100%}.qs-divider{border-top:1px solid rgba(148,163,184,.1);margin:6px 0}.qs-mini-header{font-size:.72rem;color:var(--color-muted);margin:0 0 4px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.qs-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:8px;font-weight:700;font-size:.85rem;cursor:pointer;border:none;transition:all .12s;font-family:inherit;text-decoration:none}.qs-btn:disabled{opacity:.5;cursor:not-allowed}.qs-btn--primary{background:#3b82f6;color:#fff;margin-top:8px}.qs-btn--primary:hover:not(:disabled){background:#2563eb}.qs-btn--create{background:#f59e0b;color:#000;margin-top:10px;font-size:.95rem;padding:12px 24px}.qs-btn--create:hover:not(:disabled){background:#d97706}.qs-created-info{font-size:.82rem;margin-bottom:12px;color:var(--color-text)}.qs-tag{font-size:.65rem;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.03em}.qs-payment-btns{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.qs-btn--pos{background:#3b82f6;color:#fff}.qs-btn--pos:hover:not(:disabled){background:#2563eb}.qs-btn--link{background:#22c55e;color:#fff}.qs-btn--link:hover:not(:disabled){background:#16a34a}.qs-btn--ticket{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.qs-btn--ticket:hover{background:#94a3b814}.qs-btn--reset{background:transparent;border:1px dashed var(--color-border);color:var(--color-muted);margin-top:4px;width:100%}.qs-btn--reset:hover{color:var(--color-text);border-color:#94a3b866}.qs-error{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#f8717126;border:1px solid rgba(248,113,113,.4);color:#fca5a5;padding:10px 16px;border-radius:8px;font-size:.82rem;display:flex;align-items:center;gap:10px;z-index:50;max-width:90vw}.qs-error-dismiss{background:none;border:none;color:#fca5a5;cursor:pointer;font-size:1rem}@media(max-width:600px){.qs-page{padding:12px 10px 60px}.qs-section{padding:12px;gap:10px}.qs-row{flex-direction:column}.qs-row--3{grid-template-columns:1fr}.qs-field--price{max-width:none}.qs-payment-btns{flex-direction:column}.qs-preview{max-width:120px;max-height:90px}}.companion-root{--companion-ink: #1f1714;--companion-muted: #6f5f55;--companion-cream: #f7efe6;--companion-sand: #eedfcd;--companion-clay: #d7c1aa;--companion-accent: #c05633;--companion-teal: #1c6b68;--companion-shadow: 0 24px 60px rgba(47, 32, 20, .18);--companion-border: rgba(130, 102, 86, .18);--companion-card: rgba(255, 255, 255, .86);position:relative;width:100%;padding:clamp(1.5rem,3vw,2.5rem);border-radius:32px;background:linear-gradient(135deg,#f9f1e6,#f1e4d4 45%,#efe0ce);color:var(--companion-ink);font-family:Manrope,Segoe UI,sans-serif;overflow:hidden;box-shadow:var(--companion-shadow)}.companion-ambient{position:absolute;inset:-15% -10% auto -10%;height:70%;pointer-events:none;z-index:0}.companion-orb{position:absolute;border-radius:999px;filter:blur(0px);opacity:.45}.companion-orb--one{width:320px;height:320px;background:radial-gradient(circle at 30% 30%,#f2b48a,transparent 70%);top:-80px;left:-40px}.companion-orb--two{width:260px;height:260px;background:radial-gradient(circle at 40% 40%,#8ed1c8,transparent 65%);top:-40px;right:60px}.companion-orb--three{width:280px;height:280px;background:radial-gradient(circle at 45% 45%,#c96f4c,transparent 65%);bottom:-140px;right:-80px}.companion-hero,.companion-card,.companion-grid{position:relative;z-index:1}.companion-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:clamp(1.5rem,4vw,3rem);align-items:center;margin-bottom:clamp(2rem,5vw,3.5rem)}.companion-hero__text h1{font-family:Fraunces,Georgia,serif;font-size:clamp(2rem,4vw,3rem);margin:0 0 .75rem;line-height:1.1}.companion-eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;margin:0 0 .8rem;color:var(--companion-teal);font-weight:600}.companion-subtitle{font-size:1.05rem;color:var(--companion-muted);margin:0;max-width:520px}.companion-hero__card{background:#ffffffd1;padding:1.5rem;border-radius:18px;border:1px solid var(--companion-border);box-shadow:0 18px 35px #28180f1f}.companion-hero__card h3{margin-top:0;margin-bottom:.75rem;font-size:1.1rem}.companion-hero__card ul{margin:0;padding-left:1.2rem;color:var(--companion-muted)}.companion-card{background:var(--companion-card);border:1px solid var(--companion-border);border-radius:22px;padding:clamp(1.25rem,3vw,2rem);box-shadow:0 18px 45px #2719101f;margin-bottom:clamp(1.5rem,3vw,2.5rem)}.companion-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.companion-card__header h2{margin:0 0 .35rem;font-size:1.4rem}.companion-card__header p{margin:0;color:var(--companion-muted)}.companion-lookup{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:1rem;align-items:end}.companion-field{display:flex;flex-direction:column;gap:.35rem}.companion-field label{font-weight:600;font-size:.9rem}.companion-field input,.companion-field textarea{border-radius:12px;border:1px solid rgba(77,54,44,.2);padding:.75rem .85rem;font-size:max(16px,.95rem);min-height:44px;font-family:inherit;background:#ffffffe6;color:var(--companion-ink);transition:border-color .2s ease,box-shadow .2s ease}.companion-field input:focus,.companion-field textarea:focus{outline:none;border-color:#c0563399;box-shadow:0 0 0 3px #c056331f}.companion-field--full{grid-column:1 / -1}.companion-button{border:none;border-radius:999px;padding:.85rem 1.5rem;min-height:44px;background:var(--companion-accent);color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 14px 28px #c0563340}.companion-button:hover{transform:translateY(-1px)}.companion-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.companion-button--dark{background:#2f221b;box-shadow:0 14px 28px #2f221b40}.companion-status{margin:.35rem 0 0;font-size:.9rem}.companion-status--error{color:#b2352d}.companion-status--success{color:#2f7b67}.companion-grid{display:grid;gap:clamp(1.5rem,3vw,2rem);grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.companion-details{display:grid;gap:1rem}.companion-details span{display:block;font-size:.85rem;color:var(--companion-muted)}.companion-details strong{font-size:1rem}.companion-options{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.5rem}.companion-tag{background:#1c6b681f;color:var(--companion-teal);padding:.35rem .8rem;border-radius:999px;font-size:.8rem;font-weight:600}.status-pill{display:inline-flex;align-items:center;padding:.35rem .85rem;border-radius:999px;font-size:.8rem;font-weight:600;background:#2f221b1a;color:var(--companion-ink)}.status-pill--waiting-for-pick-up,.status-pill--waiting-for-pickup{background:#c16d3f33;color:#8a3f1c}.status-pill--in-progress{background:#1c6b682e;color:#0f4f4c}.status-pill--closed{background:#328b5a2e;color:#1e5b3c}.companion-form{display:flex;flex-direction:column;gap:1.5rem}.companion-form-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.companion-consent{background:#ffffffd9;border-radius:16px;padding:1rem 1.25rem;border:1px solid rgba(122,96,82,.14)}.companion-consent h3{margin:0 0 .5rem;font-size:1.1rem}.companion-consent p{margin:0 0 1rem;color:var(--companion-muted)}.companion-toggle{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem;font-weight:500;color:var(--companion-ink);cursor:pointer;padding:.55rem .75rem;border-radius:10px;border:1px solid rgba(122,96,82,.1);transition:background .15s ease,border-color .15s ease}.companion-toggle:has(input:checked){background:#00a8960f;border-color:#00a89640}.companion-toggle input[type=checkbox]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.companion-toggle-track{display:inline-flex;align-items:center;width:48px;min-width:48px;height:28px;border-radius:14px;background:#d1d5db;position:relative;cursor:pointer;transition:background .25s ease;flex-shrink:0;padding:2px;box-sizing:border-box}.companion-toggle-knob{display:block;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040,0 1px 2px #0000001a;transition:transform .25s ease;transform:translate(0)}.companion-toggle input[type=checkbox]:checked+.companion-toggle-track{background:#00a896}.companion-toggle input[type=checkbox]:checked+.companion-toggle-track .companion-toggle-knob{transform:translate(20px)}.companion-toggle input[type=checkbox]:focus-visible+.companion-toggle-track{outline:2px solid #00a896;outline-offset:2px}.companion-toggle span:not(.companion-toggle-track):not(.companion-toggle-knob){line-height:1.35;font-size:.92rem}.companion-actions{display:flex;flex-direction:column;gap:.5rem}.companion-animate{animation:companion-rise .6s ease both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}@keyframes companion-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.companion-ticket-list{display:flex;flex-direction:column;gap:.65rem}.companion-ticket-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;border-radius:14px;border:1px solid var(--companion-border);background:#ffffffb3;cursor:pointer;text-align:left;font-family:inherit;font-size:inherit;color:var(--companion-ink);transition:background .15s ease,box-shadow .15s ease}.companion-ticket-row:hover{background:#fffffff2;box-shadow:0 6px 18px #28180f1a}.companion-ticket-row__main{display:flex;flex-direction:column;gap:.25rem;min-width:0}.companion-ticket-row__main strong{font-size:1.05rem}.companion-ticket-row__issue{font-size:.88rem;color:var(--companion-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.companion-ticket-row__meta{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;flex-shrink:0}.companion-ticket-row__date{font-size:.78rem;color:var(--companion-muted)}.companion-back-row{grid-column:1 / -1}.companion-back-button{background:none;border:none;color:var(--companion-teal);font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;padding:.25rem 0}.companion-back-button:hover{text-decoration:underline}.companion-card__header{flex-direction:column;align-items:flex-start}@media(min-width:721px){.companion-card__header{flex-direction:row;align-items:flex-start}}.kiosk-shell{--kiosk-bg: #0a0e1a;--kiosk-surface: rgba(15, 23, 42, .85);--kiosk-ink: #e8edf5;--kiosk-muted: #8b99b0;--kiosk-accent: #00d4ff;--kiosk-accent-glow: rgba(0, 212, 255, .25);--kiosk-accent-dark: #0099cc;--kiosk-green: #00ff88;--kiosk-green-glow: rgba(0, 255, 136, .2);--kiosk-orange: #ff8c00;--kiosk-red: #ff3b5c;--kiosk-border: rgba(0, 212, 255, .15);--kiosk-border-bright: rgba(0, 212, 255, .35);--kiosk-shadow: 0 0 40px rgba(0, 212, 255, .08);--kiosk-text-scale: 1;font-family:Inter,-apple-system,Segoe UI,sans-serif;font-size:calc(1rem * var(--kiosk-text-scale));color:var(--kiosk-ink);background-color:var(--kiosk-bg);background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(rgba(0,212,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.015) 1px,transparent 1px),radial-gradient(ellipse at 15% 10%,rgba(0,212,255,.08) 0%,transparent 50%),radial-gradient(ellipse at 85% 85%,rgba(0,255,136,.06) 0%,transparent 45%),radial-gradient(ellipse at 50% 50%,rgba(99,102,241,.04) 0%,transparent 60%),url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background-size:40px 40px,40px 40px,200px 200px,200px 200px,100% 100%,100% 100%,100% 100%,256px 256px;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;box-sizing:border-box;padding:.5rem;gap:.4rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.kiosk-shell:after{content:"North Point Computers  ·  Trusted since 2000  ·  Your device is safe with us";position:fixed;bottom:0;left:0;right:0;padding:.5rem 1rem;background:#0a0e1aeb;border-top:1px solid var(--kiosk-border);color:var(--kiosk-muted);font-size:.7rem;text-align:center;letter-spacing:.04em;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.kiosk-shell{padding-bottom:2.5rem!important}.kiosk-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,212,255,.008) 2px,rgba(0,212,255,.008) 4px)}.kiosk-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;padding:0 .25rem}.kiosk-status{display:inline-flex;align-items:center;gap:.5rem;background:#00d4ff0f;padding:.3rem .75rem;border-radius:999px;border:1px solid var(--kiosk-border);font-weight:600;font-size:.8rem;letter-spacing:.02em;color:var(--kiosk-muted)}.kiosk-dot{width:8px;height:8px;border-radius:999px;background:#3b4565}.kiosk-dot.online{background:var(--kiosk-green);box-shadow:0 0 8px var(--kiosk-green-glow),0 0 2px var(--kiosk-green);animation:kiosk-pulse-green 2s ease-in-out infinite}.kiosk-dot.offline{background:var(--kiosk-orange);box-shadow:0 0 6px #ff8c004d}@keyframes kiosk-pulse-green{0%,to{box-shadow:0 0 8px var(--kiosk-green-glow),0 0 2px var(--kiosk-green)}50%{box-shadow:0 0 16px var(--kiosk-green-glow),0 0 4px var(--kiosk-green)}}.kiosk-wait{display:flex;justify-content:center;align-items:center;flex:1;padding:.5rem}.kiosk-wait-card{background:var(--kiosk-surface);padding:1.5rem 2rem;border-radius:20px;border:1px solid var(--kiosk-border-bright);box-shadow:var(--kiosk-shadow),inset 0 1px #ffffff0a;max-width:700px;width:100%}.kiosk-wait-brand{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.kiosk-wait-logo{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 0 10px var(--kiosk-accent-glow))}.kiosk-wait-card h2{margin:0;font-family:Orbitron,sans-serif;font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,var(--kiosk-accent) 0%,var(--kiosk-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kiosk-wait-split{display:flex;align-items:center;gap:1.5rem}.kiosk-wait-qr-side{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex-shrink:0}.kiosk-wait-qr-hint{font-size:.78rem;color:var(--kiosk-muted);text-align:center}.kiosk-wait-divider-v{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--kiosk-muted);font-size:.85rem;flex-shrink:0}.kiosk-wait-divider-v:before,.kiosk-wait-divider-v:after{content:"";width:1px;height:40px;background:#ffffff1a}.kiosk-wait-action-side{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.kiosk-wait-action-hint{font-size:.78rem;color:var(--kiosk-muted);text-align:center}.kiosk-qr-code{padding:10px;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center}.kiosk-wait-bar{position:relative;height:3px;background:#00d4ff1a;border-radius:999px;overflow:hidden;margin-top:1.25rem}.kiosk-wait-bar span{position:absolute;top:0;right:0;bottom:0;left:0;width:35%;background:linear-gradient(90deg,var(--kiosk-accent),var(--kiosk-green));border-radius:999px;animation:kiosk-progress 2s ease-in-out infinite}@keyframes kiosk-progress{0%{transform:translate(-20%)}50%{transform:translate(200%)}to{transform:translate(-20%)}}.kiosk-primary-button{border:none;border-radius:12px;padding:.75rem 2rem;font-family:Orbitron,sans-serif;font-weight:700;font-size:1rem;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,var(--kiosk-accent) 0%,#0088dd 100%);color:#fff;cursor:pointer;box-shadow:0 0 20px var(--kiosk-accent-glow),0 4px 16px #0000004d;transition:transform .15s ease,box-shadow .15s ease;text-shadow:0 1px 2px rgba(0,0,0,.3)}.kiosk-primary-button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.kiosk-primary-button:not(:disabled):active{transform:scale(.97);box-shadow:0 0 30px var(--kiosk-accent-glow),0 2px 8px #0006}.kiosk-secondary-button{border:1px solid var(--kiosk-border-bright);background:#00d4ff0f;color:var(--kiosk-accent);border-radius:12px;padding:.75rem 1.8rem;font-family:Orbitron,sans-serif;font-weight:700;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:transform .15s ease,background .15s ease}.kiosk-secondary-button:active{transform:scale(.97);background:#00d4ff1f}.kiosk-step-container{flex:1;min-height:0;display:flex;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0}.kiosk-step-panel{flex:1;display:flex;flex-direction:column;gap:.6rem;width:100%;margin:0 auto;background:var(--kiosk-surface);border:1px solid var(--kiosk-border);border-radius:16px;padding:.75rem 1rem;box-shadow:var(--kiosk-shadow),inset 0 1px #ffffff08;animation:kiosk-fade-in .2s ease}@keyframes kiosk-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.kiosk-step-header{display:flex;flex-direction:column;gap:.1rem;padding-bottom:.4rem;border-bottom:1px solid rgba(0,212,255,.1)}.kiosk-step-number{text-transform:uppercase;letter-spacing:.25em;font-size:.7rem;font-weight:700;color:var(--kiosk-accent);font-family:Orbitron,sans-serif}.kiosk-step-title{margin:0;font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:800;color:#fff;text-shadow:0 0 20px var(--kiosk-accent-glow)}.kiosk-contact-hint{margin:0;padding:.5rem .75rem;background:#00d4ff0f;border:1px solid rgba(0,212,255,.15);border-left:3px solid var(--kiosk-accent);border-radius:8px;font-size:.88rem;color:var(--kiosk-muted);line-height:1.5}.kiosk-contact-hint strong{color:var(--kiosk-accent)}.kiosk-questions{display:flex;flex-direction:column;gap:.5rem;flex:1}.kiosk-question{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;transition:box-shadow .2s ease,background .2s ease;border-radius:10px;border:1px solid transparent}.kiosk-question.is-active{background:#00ff880a;border-color:#00ff8840;box-shadow:0 0 16px var(--kiosk-green-glow),inset 0 0 8px #00ff8808}.kiosk-question.is-active .kiosk-question-label{color:var(--kiosk-green)}.kiosk-question.is-active input,.kiosk-question.is-active textarea{border-color:#0f86;box-shadow:0 0 8px #00ff881a}.kiosk-question-label{font-size:1rem;text-transform:uppercase;letter-spacing:.08em;color:var(--kiosk-ink);font-weight:700;font-family:Orbitron,sans-serif}.kiosk-question input,.kiosk-question textarea{border-radius:10px;border:2px solid rgba(0,212,255,.25);padding:.75rem .9rem;font-size:1.25rem;font-weight:500;font-family:Inter,sans-serif;background:#0a0e1a99;color:#fff;caret-color:var(--kiosk-accent);transition:border-color .15s ease,box-shadow .15s ease}.kiosk-question input::placeholder,.kiosk-question textarea::placeholder{color:#8b99b0b3;font-weight:400}.kiosk-question input:focus,.kiosk-question textarea:focus{outline:none;border-color:var(--kiosk-accent);box-shadow:0 0 12px var(--kiosk-accent-glow)}.kiosk-question input:disabled,.kiosk-question textarea:disabled{background:#0f172a66;color:#e8edf566}.kiosk-inline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.kiosk-answer{display:flex;flex-direction:column;gap:.2rem;padding:.5rem;border-radius:10px;border:1px dashed rgba(0,212,255,.15);background:#00d4ff08}.kiosk-answer-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--kiosk-muted);font-family:Orbitron,sans-serif}.kiosk-answer-value{font-size:1rem;font-weight:600;color:#fff}.kiosk-options{display:flex;flex-wrap:wrap;gap:.4rem}.kiosk-chip{display:inline-flex;align-items:center;gap:.4rem;background:#00d4ff0f;border:1px solid rgba(0,212,255,.15);padding:.5rem .85rem;border-radius:999px;font-size:.88rem;font-weight:600;cursor:pointer;min-height:44px;transition:background .15s ease,border-color .15s ease;color:var(--kiosk-ink)}.kiosk-chip:has(input:checked){background:#00d4ff1f;border-color:#00d4ff66;color:var(--kiosk-accent)}.kiosk-chip input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--kiosk-accent)}.kiosk-device-hero{border:2px solid var(--kiosk-accent)!important;background:#00d4ff0f!important}.kiosk-device-input{font-size:1.4rem!important;font-weight:700!important;letter-spacing:.02em;padding:.85rem 1rem!important}.kiosk-device-reminder{padding:.5rem .75rem;background:#00d4ff14;border:1px solid rgba(0,212,255,.2);border-radius:8px;color:var(--kiosk-accent);font-size:1rem;font-weight:600;margin-bottom:.5rem}.kiosk-suggestions{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:linear-gradient(135deg,#00ff880d,#00d4ff0d);border:1px solid rgba(0,255,136,.15);border-radius:12px;animation:suggestFadeIn .4s ease-out}@keyframes suggestFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.kiosk-suggestions-title{font-size:.85rem;font-weight:600;color:var(--kiosk-green);letter-spacing:.02em}.kiosk-suggestion-cards{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.kiosk-suggestion-card{display:flex;align-items:flex-start;gap:.5rem;padding:.55rem .65rem;background:#0f172ab3;border:2px solid rgba(148,163,184,.12);border-radius:8px;transition:border-color .2s,background .2s,box-shadow .2s;cursor:pointer;text-align:left;color:inherit;font:inherit;position:relative;min-height:44px}.kiosk-suggestion-card:hover,.kiosk-suggestion-card:active{border-color:#00d4ff66;background:#00d4ff14}.kiosk-suggestion-card.selected{border-color:var(--kiosk-green);background:#00ff881a;box-shadow:0 0 12px #00ff8826,inset 0 0 20px #00ff880a}.kiosk-suggestion-check{position:absolute;top:.3rem;right:.4rem;font-size:.9rem;font-weight:800;color:var(--kiosk-green);line-height:1}.kiosk-suggestion-emoji{font-size:1.3rem;flex-shrink:0;line-height:1;margin-top:.1rem}.kiosk-suggestion-card strong{display:block;font-size:.85rem;color:var(--kiosk-ink)}.kiosk-suggestion-price{display:inline-block;font-size:.8rem;font-weight:700;color:var(--kiosk-green);margin-top:.1rem}.kiosk-suggestion-desc{display:block;font-size:.72rem;color:var(--kiosk-muted);margin-top:.05rem}.kiosk-suggestions-cta{font-size:.8rem;color:var(--kiosk-accent);font-weight:600;text-align:center}.kiosk-suggestions-selected{color:var(--kiosk-green);animation:suggestFadeIn .3s ease-out}.kiosk-services-panel{display:flex;flex-direction:column;gap:.6rem}.kiosk-total-row{display:flex;justify-content:space-between;align-items:baseline;font-size:1.1rem;font-weight:600;color:var(--kiosk-muted)}.kiosk-total-row strong{color:#fff}.kiosk-total-row--big{font-size:1.5rem;padding:.5rem .75rem;background:#00d4ff0a;border:1px solid rgba(0,212,255,.1);border-radius:12px}.kiosk-total-row--big strong{font-family:Orbitron,sans-serif;color:var(--kiosk-accent);text-shadow:0 0 12px var(--kiosk-accent-glow)}.kiosk-service-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.kiosk-service-list li{display:flex;justify-content:space-between;gap:.75rem;color:var(--kiosk-ink);padding:.5rem .75rem;border-radius:10px;background:#00d4ff08;border:1px solid rgba(0,212,255,.08);font-size:1rem}.kiosk-service-list li strong{color:var(--kiosk-accent);font-family:Orbitron,sans-serif;font-size:.85rem;white-space:nowrap}.kiosk-side-note{margin:1rem 0 0;color:var(--kiosk-muted);font-weight:600;font-size:.95rem;text-align:center}.kiosk-review-summary{background:#00d4ff0a;border:1px solid rgba(0,212,255,.12);border-radius:10px;padding:.6rem .75rem}.kiosk-review-heading{margin:0 0 .3rem;font-size:.85rem;font-weight:700;color:var(--kiosk-accent);letter-spacing:.02em}.kiosk-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:.25rem .75rem}.kiosk-review-item{display:flex;flex-direction:column;gap:.05rem}.kiosk-review-full{grid-column:1 / -1}.kiosk-review-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--kiosk-muted)}.kiosk-review-value{font-size:.88rem;font-weight:600;color:var(--kiosk-ink);line-height:1.3;overflow:hidden;text-overflow:ellipsis}.kiosk-review-total{color:var(--kiosk-green);font-size:1rem;font-weight:800}.kiosk-review-note{margin:.35rem 0 0;font-size:.72rem;color:var(--kiosk-muted);font-style:italic}.kiosk-consent-panel{display:flex;flex-direction:column;gap:.5rem;flex:1}.kiosk-consent-intro{margin:0;color:var(--kiosk-muted);font-size:.95rem}.kiosk-consents{display:flex;flex-direction:column;gap:.35rem}.kiosk-consent-label{display:flex;align-items:center;gap:.5rem;font-size:.88rem;padding:.5rem .75rem;border-radius:10px;border:1px solid rgba(0,212,255,.1);background:#00d4ff05;cursor:pointer;min-height:44px;transition:background .15s ease,border-color .15s ease;line-height:1.3;color:var(--kiosk-muted)}.kiosk-consent-label:has(input:checked){background:#00ff880d;border-color:#00ff8840;color:var(--kiosk-ink)}.kiosk-consent-label input[type=checkbox]{margin-top:.15em;flex-shrink:0;width:1.2rem;height:1.2rem;accent-color:var(--kiosk-green)}.kiosk-consent-disclaimer{padding:.5rem .65rem;border-radius:10px;background:#ff8c000a;border:1px solid rgba(255,140,0,.12)}.kiosk-consent-disclaimer p{margin:0;color:var(--kiosk-muted);font-size:.78rem;line-height:1.5}.kiosk-terms-row{display:flex;flex-wrap:wrap;gap:.5rem}.kiosk-terms-button{border:1px solid rgba(0,212,255,.2);background:#00d4ff0a;color:var(--kiosk-accent);padding:.5rem 1rem;border-radius:999px;font-weight:600;font-size:.78rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;min-height:44px;transition:background .15s ease}.kiosk-terms-button:active{background:#00d4ff1a}.kiosk-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.4rem;border-top:1px solid rgba(0,212,255,.08);font-size:.72rem;color:var(--kiosk-muted)}.kiosk-session-id{font-family:Orbitron,sans-serif;letter-spacing:.1em;color:var(--kiosk-accent)}.kiosk-nav{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:.4rem .25rem 0;gap:1rem}.kiosk-nav-dots{display:flex;gap:.75rem;align-items:center}.kiosk-dot-btn{width:28px;height:28px;border-radius:999px;border:2px solid rgba(0,212,255,.25);background:transparent;padding:0;cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.kiosk-dot-btn.done{background:#00d4ff4d;border-color:#00d4ff66}.kiosk-dot-btn.active{background:var(--kiosk-accent);border-color:var(--kiosk-accent);transform:scale(1.4);box-shadow:0 0 12px var(--kiosk-accent-glow),0 0 4px var(--kiosk-accent)}.kiosk-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0a0e1ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem}.kiosk-card--confirm{background:var(--kiosk-surface);border:1px solid var(--kiosk-border-bright);box-shadow:0 0 60px var(--kiosk-accent-glow),0 20px 50px #0006;border-radius:20px;padding:1.5rem 2rem;max-width:520px;width:100%}.kiosk-confirm-eyebrow{margin:0;text-transform:uppercase;letter-spacing:.3em;font-size:.7rem;font-weight:700;color:var(--kiosk-orange);font-family:Orbitron,sans-serif}.kiosk-confirm-title{margin:.5rem 0 0;font-family:Orbitron,sans-serif;font-size:1.6rem;font-weight:700;color:#fff}.kiosk-confirm-text{margin:.5rem 0 0;color:var(--kiosk-muted);font-size:1rem;line-height:1.5}.kiosk-confirm-actions{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.75rem}.kiosk-terms-shell{overflow-y:auto;overflow-x:hidden;height:100vh}.kiosk-terms-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem}.kiosk-terms-title{margin:0 0 .35rem;font-family:Orbitron,sans-serif;font-size:1.5rem;color:#fff}.kiosk-terms-back{border:1px solid var(--kiosk-border);background:#00d4ff0f;padding:.4em 1em;border-radius:999px;font-weight:600;font-size:.82rem;cursor:pointer;text-decoration:none;color:var(--kiosk-accent)}.kiosk-terms-card{display:grid;gap:.7em}.kiosk-terms-card h2{margin:.4em 0 0;color:#fff}.kiosk-terms-card p{margin:0;font-size:.88rem;line-height:1.5;color:var(--kiosk-muted)}.kiosk-terms-card ul{margin:0;padding-left:1.1em;display:grid;gap:.35em}.kiosk-terms-card li{font-size:.88rem;line-height:1.5;color:var(--kiosk-muted)}.kiosk-shell--landing{justify-content:center;overflow-y:auto}.kiosk-landing{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:1rem 2rem;text-align:center;gap:.75rem;max-height:100%;min-height:0}.kiosk-landing-brand{display:flex;align-items:center;gap:1rem}.kiosk-landing-logo{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 0 16px var(--kiosk-accent-glow));flex-shrink:0}.kiosk-landing-title{font-family:Orbitron,monospace;font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,var(--kiosk-accent) 0%,var(--kiosk-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-shadow:none;text-align:left}.kiosk-landing-subtitle{font-size:1rem;color:var(--kiosk-muted);margin:0;text-align:left}.kiosk-landing-buttons{display:flex;gap:.75rem;width:100%;max-width:900px}.kiosk-landing-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem .75rem;border:2px solid var(--kiosk-border-bright);border-radius:16px;background:var(--kiosk-surface);cursor:pointer;transition:all .2s ease;min-height:0;justify-content:center}.kiosk-landing-btn:active{transform:scale(.97)}.kiosk-landing-btn--dropoff:hover,.kiosk-landing-btn--dropoff:active{border-color:var(--kiosk-accent);box-shadow:0 0 30px var(--kiosk-accent-glow)}.kiosk-landing-btn--pickup:hover,.kiosk-landing-btn--pickup:active{border-color:var(--kiosk-green);box-shadow:0 0 30px var(--kiosk-green-glow)}.kiosk-landing-btn--qr{cursor:default;border-color:#ff8c0040}.kiosk-landing-btn--qr:active{transform:none}.kiosk-landing-btn-icon{font-size:2rem}.kiosk-landing-btn-label{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;color:var(--kiosk-ink);line-height:1.3;letter-spacing:.03em}.kiosk-landing-btn-desc{font-size:.78rem;color:var(--kiosk-muted);line-height:1.3}.kiosk-landing-qr-embed{padding:6px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center}.kiosk-landing-trust{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.75rem;color:var(--kiosk-muted);margin-top:.25rem}.kiosk-landing-trust-sep{opacity:.4}.kiosk-landing-status{display:inline-flex;align-items:center;gap:.35rem}.kiosk-landing-status.online{color:var(--kiosk-green)}.kiosk-back-arrow{background:none;border:none;color:var(--kiosk-accent);font-size:1.4rem;cursor:pointer;padding:4px 8px;margin-right:8px;border-radius:6px;transition:background .15s}.kiosk-back-arrow:hover:not(:disabled){background:#00d4ff1a}.kiosk-back-arrow:disabled{color:var(--kiosk-muted);cursor:default;opacity:.4}.kiosk-pickup-panel{display:flex;flex-direction:column;align-items:center;padding:2rem;flex:1;max-width:600px;margin:0 auto;width:100%}.kiosk-pickup-title{font-family:Orbitron,monospace;font-size:1.5rem;font-weight:700;color:var(--kiosk-ink);margin:0 0 .5rem;text-align:center}.kiosk-pickup-subtitle{font-size:1rem;color:var(--kiosk-muted);margin:0 0 1.5rem;text-align:center}.kiosk-pickup-search{display:flex;gap:.75rem;width:100%;margin-bottom:1rem}.kiosk-pickup-input{flex:1;padding:14px 16px;font-size:1.1rem;border:2px solid var(--kiosk-border-bright);border-radius:10px;background:#0f172a99;color:var(--kiosk-ink);outline:none;transition:border-color .2s}.kiosk-pickup-input:focus{border-color:var(--kiosk-accent);box-shadow:0 0 12px var(--kiosk-accent-glow)}.kiosk-pickup-error{color:var(--kiosk-red);font-size:.95rem;text-align:center;margin:.5rem 0;padding:.75rem;background:#ff3b5c1a;border-radius:8px;width:100%}.kiosk-pickup-results{width:100%;margin-top:.5rem}.kiosk-pickup-results-label{font-size:.9rem;color:var(--kiosk-muted);margin-bottom:.75rem}.kiosk-pickup-result-card{display:flex;flex-direction:column;gap:4px;width:100%;text-align:left;padding:1rem;margin-bottom:.5rem;border:1px solid var(--kiosk-border);border-radius:10px;background:var(--kiosk-surface);color:var(--kiosk-ink);cursor:pointer;transition:all .15s}.kiosk-pickup-result-card:hover,.kiosk-pickup-result-card:active{border-color:var(--kiosk-accent);box-shadow:0 0 15px var(--kiosk-accent-glow)}.kiosk-pickup-result-card strong{color:var(--kiosk-accent);font-family:Orbitron,monospace;font-size:.95rem}.kiosk-pickup-result-issue{color:var(--kiosk-muted);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kiosk-pickup-summary{width:100%;background:var(--kiosk-surface);border:1px solid var(--kiosk-border);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.kiosk-pickup-summary-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.kiosk-pickup-summary-row:last-child{border-bottom:none}.kiosk-pickup-summary-label{color:var(--kiosk-muted);font-size:.9rem}.kiosk-pickup-summary-value{color:var(--kiosk-ink);font-weight:500;font-size:.95rem;text-align:right;max-width:60%}.kiosk-pickup-summary-total .kiosk-pickup-summary-value{color:var(--kiosk-green);font-size:1.2rem;font-weight:700}.kiosk-pickup-actions{display:flex;gap:1rem;width:100%}.kiosk-pickup-actions .kiosk-secondary-button,.kiosk-pickup-actions .kiosk-primary-button{flex:1}.kiosk-rating-panel{justify-content:center}.kiosk-stars{display:flex;gap:.75rem;margin:1.5rem 0}.kiosk-star{font-size:3.5rem;background:none;border:none;color:#ffffff26;cursor:pointer;transition:all .2s;padding:0;line-height:1}.kiosk-star.filled{color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.5)}.kiosk-star:active{transform:scale(1.15)}.kiosk-rating-feedback{text-align:center;width:100%;max-width:400px}.kiosk-rating-feedback p{color:var(--kiosk-muted);margin-bottom:.75rem}.kiosk-rating-great{font-size:1.3rem;color:var(--kiosk-green)!important}.kiosk-rating-textarea{width:100%;padding:12px;font-size:1rem;border:2px solid var(--kiosk-border-bright);border-radius:10px;background:#0f172a99;color:var(--kiosk-ink);resize:none;margin-bottom:.75rem;font-family:inherit}.kiosk-rating-textarea:focus{outline:none;border-color:var(--kiosk-accent)}.kiosk-skip-link{background:none;border:none;color:var(--kiosk-muted);font-size:.9rem;cursor:pointer;margin-top:1rem;padding:8px 16px;text-decoration:underline}.kiosk-review-redirect{justify-content:center;text-align:center}.kiosk-google-review-btn{display:inline-block;text-decoration:none;font-size:1.2rem;padding:16px 32px;margin:1rem 0}.kiosk-done-panel{justify-content:center;text-align:center}.kiosk-done-icon{width:80px;height:80px;border-radius:50%;background:var(--kiosk-green);color:#0a0e1a;font-size:2.5rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 0 40px var(--kiosk-green-glow)}@media(max-height:500px){.kiosk-landing{padding:.5rem 1rem;gap:.3rem}.kiosk-landing-logo{width:32px;height:32px}.kiosk-landing-title{font-size:1.1rem}.kiosk-landing-subtitle{font-size:.8rem}.kiosk-landing-btn{padding:.5rem;gap:.2rem}.kiosk-landing-btn-icon{font-size:1.4rem}.kiosk-landing-btn-label{font-size:.8rem}.kiosk-landing-btn-desc{display:none}.kiosk-landing-qr-embed svg{width:55px!important;height:55px!important}.kiosk-landing-trust{display:none}.kiosk-qr-code{padding:6px}.kiosk-qr-code svg{width:100px!important;height:100px!important}.kiosk-wait-card{padding:.75rem 1rem}.kiosk-wait-card h2{font-size:1rem}.kiosk-wait-split{gap:.75rem}.kiosk-wait-divider-v:before,.kiosk-wait-divider-v:after{height:20px}}@media(max-width:767px){.kiosk-landing{padding:1rem;gap:.6rem}.kiosk-landing-brand{gap:.6rem}.kiosk-landing-logo{width:40px;height:40px}.kiosk-landing-title{font-size:1.2rem}.kiosk-landing-subtitle{font-size:.85rem}.kiosk-landing-buttons{flex-direction:row;gap:.5rem}.kiosk-landing-btn{padding:.6rem .5rem;gap:.25rem}.kiosk-landing-btn-icon{font-size:1.6rem}.kiosk-landing-btn-label{font-size:.85rem}.kiosk-landing-btn-desc{font-size:.68rem}.kiosk-landing-qr-embed svg{width:65px!important;height:65px!important}.kiosk-qr-code{padding:8px}.kiosk-qr-code svg{width:130px!important;height:130px!important}.kiosk-wait-card{padding:1rem;max-width:100%}.kiosk-wait-card h2{font-size:1.1rem}.kiosk-wait{padding:.5rem;align-items:stretch}.kiosk-wait-split{flex-direction:column;gap:.75rem}.kiosk-wait-divider-v{flex-direction:row;gap:.75rem}.kiosk-wait-divider-v:before,.kiosk-wait-divider-v:after{width:40px;height:1px}.kiosk-pickup-panel{padding:1rem}}@media(min-width:1024px){.kiosk-step-panel{padding:.85rem 1.25rem}.kiosk-suggestion-cards{grid-template-columns:repeat(3,1fr)}.kiosk-landing{gap:1rem}.kiosk-landing-logo{width:64px;height:64px}.kiosk-landing-title{font-size:2rem}.kiosk-landing-buttons{flex-direction:row;max-width:900px}.kiosk-landing-btn{padding:1.25rem 1rem;gap:.6rem}.kiosk-landing-btn-icon{font-size:2.5rem}.kiosk-landing-btn-label{font-size:1.15rem}.kiosk-landing-btn-desc{font-size:.85rem}.kiosk-landing-qr-embed{padding:8px}.kiosk-landing-qr-embed svg{width:110px!important;height:110px!important}.kiosk-wait-card{max-width:680px}}@media(min-width:768px)and (max-height:800px){.kiosk-shell--landing{padding:.25rem}.kiosk-landing{gap:.5rem;padding:.5rem 1.5rem}.kiosk-landing-brand{gap:.6rem}.kiosk-landing-logo{width:44px;height:44px}.kiosk-landing-title{font-size:1.5rem}.kiosk-landing-subtitle{font-size:.9rem}.kiosk-landing-buttons{max-width:820px}.kiosk-landing-btn{padding:.6rem .5rem;gap:.3rem;border-radius:14px}.kiosk-landing-btn-icon{font-size:1.8rem}.kiosk-landing-btn-label{font-size:1rem}.kiosk-landing-btn-desc{font-size:.75rem}.kiosk-landing-qr-embed{padding:5px}.kiosk-landing-qr-embed svg{width:80px!important;height:80px!important}.kiosk-landing-trust{margin-top:.15rem;font-size:.72rem}.kiosk-wait-card{padding:1.25rem 1.5rem}.kiosk-shell{padding:.35rem;gap:.3rem}.kiosk-step-panel{padding:.6rem .85rem;gap:.4rem}.kiosk-step-title{font-size:1.2rem}.kiosk-question{padding:.35rem}.kiosk-question input,.kiosk-question textarea{padding:.6rem .75rem;font-size:1.1rem}.kiosk-nav{padding:.25rem .25rem 0}}.kiosk-question fieldset,fieldset.kiosk-question{border:none;padding:0;margin:0;min-inline-size:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kiosk-primary-button:focus-visible,.kiosk-secondary-button:focus-visible,.kiosk-landing-btn:focus-visible,.kiosk-star:focus-visible,.kiosk-suggestion-card:focus-visible,.kiosk-dot-btn:focus-visible,.kiosk-back-arrow:focus-visible,.kiosk-pickup-result:focus-visible,.pr-toggle:focus-visible,.pr-new-btn:focus-visible{outline:2px solid var(--kiosk-accent);outline-offset:2px}.kiosk-expired{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.kiosk-expired-card{background:var(--kiosk-surface);border:1px solid var(--kiosk-border);border-radius:16px;padding:40px 32px;max-width:440px;text-align:center}.kiosk-expired-icon{font-size:48px;display:block;margin-bottom:16px}.kiosk-expired-card h2{font-family:Orbitron,sans-serif;font-size:1.5rem;color:var(--kiosk-ink);margin:0 0 12px}.kiosk-expired-card>p{color:var(--kiosk-muted);font-size:.95rem;line-height:1.5;margin:0 0 24px}.kiosk-expired-contact{background:#00d4ff0f;border:1px solid var(--kiosk-border);border-radius:10px;padding:16px;margin-bottom:24px}.kiosk-expired-contact h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--kiosk-accent);margin:0 0 8px}.kiosk-expired-contact p{margin:4px 0;font-size:.95rem}.kiosk-expired-contact a{color:var(--kiosk-accent);text-decoration:none}.kiosk-expired-btn{display:inline-block;text-align:center;text-decoration:none;font-size:1rem;padding:12px 24px}.kiosk-submit-button{background:var(--kiosk-green)!important;color:#0a0e1a!important;font-weight:700;min-width:100px}.kiosk-submit-button:hover{background:#00cc6e!important}.kiosk-done-panel{padding:24px;display:flex;align-items:center;justify-content:center}.kiosk-done-card{text-align:center;padding:32px 24px;background:var(--kiosk-surface);border:1px solid var(--kiosk-green-glow);border-radius:16px;max-width:400px}.kiosk-done-icon{font-size:48px;display:block;margin-bottom:12px}.kiosk-done-card h2{font-family:Orbitron,sans-serif;color:var(--kiosk-green);margin:0 0 8px;font-size:1.4rem}.kiosk-done-card p{color:var(--kiosk-muted);margin:0;font-size:.95rem}.kiosk-shell--centered{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.kiosk-device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:600px;width:100%}.kiosk-device-btn{padding:2.5rem 1.5rem;background:#0f172ab3;border:1px solid var(--kiosk-border);border-radius:16px;color:var(--kiosk-ink);font-family:inherit;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:border-color .2s,transform .1s,box-shadow .2s}.kiosk-device-btn:active{transform:scale(.96)}.kiosk-device-btn:hover{border-color:var(--dev-color, var(--kiosk-accent));box-shadow:0 0 20px #00d4ff1a}.kiosk-model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;max-width:820px;width:100%;margin:0 auto;padding:0 .5rem;overflow-y:auto;max-height:calc(100vh - 180px);-webkit-overflow-scrolling:touch}.kiosk-model-btn{padding:1rem .5rem;background:#00d4ff0d;border:1px solid var(--kiosk-border);border-radius:10px;color:var(--kiosk-ink);font-family:inherit;font-size:1.05rem;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s;min-height:52px;display:flex;align-items:center;justify-content:center}.kiosk-model-btn:hover,.kiosk-model-btn:active{border-color:var(--kiosk-accent);background:#00d4ff1a}.kiosk-repair-list{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:520px}.kiosk-repair-btn{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#0f172ab3;border:1px solid var(--kiosk-border);border-radius:12px;color:var(--kiosk-ink);font-family:inherit;font-size:1.1rem;font-weight:600;cursor:pointer;transition:border-color .15s,transform .1s;min-height:56px}.kiosk-repair-btn:hover,.kiosk-repair-btn:active{border-color:var(--kiosk-accent)}.kiosk-repair-btn--primary{background:#00d4ff1a;border-color:var(--kiosk-accent);box-shadow:0 0 16px #00d4ff1a;font-size:1.2rem;padding:1.15rem 1.25rem;min-height:64px}.kiosk-repair-btn--primary .kiosk-repair-price{font-size:1.3rem}@media(min-width:900px)and (max-height:800px){.kiosk-model-grid{grid-template-columns:repeat(5,1fr);gap:.4rem;max-height:calc(100vh - 160px)}.kiosk-model-btn{padding:.85rem .4rem;font-size:1rem;min-height:48px}.kiosk-repair-list{max-width:560px}}.kiosk-repair-btn--diag{border-color:#8b99b033;font-weight:500;opacity:.8}.kiosk-repair-price{font-family:Orbitron,monospace;font-size:1.15rem;font-weight:800;color:var(--kiosk-green);text-shadow:0 0 8px rgba(0,255,136,.25)}.kiosk-shell *:focus-visible{outline:2px solid var(--kiosk-accent)!important;outline-offset:2px}.pickup-page{font-family:Inter,system-ui,-apple-system,sans-serif;background:#f8fafc;min-height:100vh;color:#1e293b;display:flex;flex-direction:column}.pickup-header{background:linear-gradient(135deg,#0f172a,#1e3a5f);padding:12px 16px;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px #00000026}.header-inner{max-width:600px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.header-logo{height:32px;width:auto;object-fit:contain;filter:brightness(0) invert(1)}.header-phone{color:#93c5fd;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.3px}.header-phone:hover{color:#fff}.pickup-hero{background:linear-gradient(135deg,#1e3a5f,#0f172a);color:#fff;text-align:center;padding:28px 20px 32px}.hero-check{width:48px;height:48px;border-radius:50%;background:#22c55e;color:#fff;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;box-shadow:0 0 0 4px #22c55e40}.pickup-hero h1{font-size:22px;font-weight:700;margin:0 0 6px;line-height:1.3}.hero-sub{font-size:14px;opacity:.65;margin:0}.pickup-body{max-width:600px;margin:0 auto;padding:16px;flex:1;width:100%;box-sizing:border-box}.repair-summary{background:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0000000f;border:1px solid #e2e8f0}.repair-summary h2{font-size:13px;font-weight:600;color:#64748b;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.repair-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}.repair-row .label{color:#64748b}.repair-row .value{font-weight:500}.status-ready{color:#16a34a;font-weight:600}.repair-total{border-top:2px solid #e2e8f0;margin-top:8px;padding-top:10px;font-size:18px;font-weight:700;color:#0f172a;display:flex;justify-content:space-between}.how-it-works{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid #bfdbfe;border-radius:12px;padding:16px;margin-bottom:16px}.how-it-works h2{font-size:16px;font-weight:700;margin:0 0 6px;color:#1e3a5f}.hiw-desc{font-size:13px;color:#475569;margin:0 0 14px;line-height:1.5}.hiw-steps{display:flex;flex-direction:column;gap:8px}.hiw-step{display:flex;align-items:center;gap:10px;font-size:13px;color:#334155}.step-num{width:24px;height:24px;border-radius:50%;background:#3b82f6;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.recommended-section{margin-bottom:16px}.recommended-section h2{font-size:17px;font-weight:700;margin:0 0 4px;color:#1e3a5f}.rec-star{color:#f59e0b}.section-hint{font-size:13px;color:#64748b;margin:0 0 12px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(min-width:480px){.product-grid{grid-template-columns:1fr 1fr 1fr}}.product-card{background:#fff;border-radius:10px;padding:12px;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:6px;transition:border-color .15s,box-shadow .15s;position:relative}.product-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.product-card.recommended{border-color:#93c5fd;background:linear-gradient(to bottom,#eff6ff,#fff)}.rec-badge{position:absolute;top:-1px;right:-1px;background:#3b82f6;color:#fff;font-size:10px;font-weight:600;padding:2px 8px;border-radius:0 10px 0 8px;text-transform:uppercase;letter-spacing:.3px}.product-name{font-size:13px;font-weight:600;line-height:1.3;color:#1e293b}.product-price{font-size:16px;font-weight:700;color:#0f172a}.product-cat{font-size:11px;color:#94a3b8}.add-btn{width:100%;padding:8px;border-radius:8px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;background:#3b82f6;color:#fff;margin-top:auto}.add-btn:hover:not(:disabled){background:#2563eb}.add-btn:disabled{cursor:not-allowed;opacity:.7}.add-btn.added{background:#22c55e}.addon-section{margin-bottom:16px}.show-more-toggle{width:100%;padding:12px;border-radius:10px;border:1px dashed #cbd5e1;background:#fff;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:12px;transition:all .15s}.show-more-toggle:hover{border-color:#3b82f6;color:#3b82f6;background:#f8fafc}.toggle-arrow{font-size:10px}.category-pills{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;-webkit-overflow-scrolling:touch}.category-pills::-webkit-scrollbar{display:none}.cat-pill{flex-shrink:0;padding:6px 14px;border-radius:20px;border:1px solid #e2e8f0;background:#fff;font-size:13px;color:#475569;cursor:pointer;transition:all .15s}.cat-pill:hover{border-color:#3b82f6;color:#3b82f6}.cat-pill.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.cart-section{background:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0000000f;border:1px solid #bfdbfe}.cart-section h3{font-size:13px;font-weight:600;color:#3b82f6;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.cart-note{font-size:12px;color:#64748b;margin:0 0 12px;font-style:italic}.cart-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1f5f9}.cart-item:last-of-type{border-bottom:none}.cart-item-info{flex:1}.cart-item-name{font-size:14px;font-weight:500}.cart-item-qty{font-size:12px;color:#64748b}.cart-item-price{font-size:14px;font-weight:600;margin-right:8px}.cart-remove{width:28px;height:28px;border-radius:6px;border:none;background:#fef2f2;color:#ef4444;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.cart-remove:hover{background:#fee2e2}.cart-totals{border-top:1px solid #e2e8f0;margin-top:8px;padding-top:8px}.cart-line{display:flex;justify-content:space-between;font-size:13px;color:#64748b;padding:3px 0}.cart-total{display:flex;justify-content:space-between;align-items:center;padding-top:8px;margin-top:4px;border-top:2px solid #1e3a5f;font-size:18px;font-weight:700;color:#0f172a}.cart-disclaimer{font-size:11px;color:#94a3b8;margin:8px 0 0;text-align:center}.standalone-total{display:flex;justify-content:space-between;background:#fff;border-radius:10px;padding:14px 16px;font-size:16px;font-weight:700;color:#0f172a;margin-bottom:16px;border:1px solid #e2e8f0}.trust-bar{display:flex;justify-content:center;gap:20px;padding:16px 0;margin-bottom:8px}.trust-item{display:flex;align-items:center;gap:4px;font-size:12px;color:#64748b}.trust-icon{font-size:14px}.pickup-footer{background:#0f172a;color:#94a3b8;padding:24px 16px;text-align:center;margin-top:auto}.footer-inner{max-width:600px;margin:0 auto}.footer-inner strong{display:block;color:#e2e8f0;font-size:15px;margin-bottom:4px}.footer-inner p{margin:4px 0;font-size:13px;line-height:1.5}.footer-inner a{color:#93c5fd;text-decoration:none}.footer-inner a:hover{color:#fff}.footer-hours{font-size:12px;color:#8b9db5}.footer-copy{font-size:11px;color:#64748b;margin-top:8px}.pickup-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:80vh;color:#64748b;font-size:15px}.loading-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.pickup-error{text-align:center;padding:40px 20px;background:#fff;border-radius:12px;border:1px solid #fecaca}.error-icon{width:48px;height:48px;border-radius:50%;background:#fef2f2;color:#ef4444;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.pickup-error h2{font-size:18px;color:#1e293b;margin-bottom:8px}.pickup-error p{color:#64748b;font-size:14px}.error-help{margin-top:16px!important}.error-help a{color:#3b82f6;font-weight:600;text-decoration:none}@media(prefers-reduced-motion:reduce){.loading-spinner{animation:none}.product-card,.add-btn,.cat-pill,.show-more-toggle{transition:none}}.add-btn:focus-visible,.cat-pill:focus-visible,.show-more-toggle:focus-visible,.cart-remove:focus-visible,.header-phone:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.footer-inner a:focus-visible,.error-help a:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.pay-page{font-family:Inter,system-ui,-apple-system,sans-serif;background:#f8fafc;min-height:100vh;color:#1e293b;display:flex;flex-direction:column}.pay-header{background:linear-gradient(135deg,#0f172a,#1e3a5f);padding:12px 16px;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px #00000026}.pay-header-inner{max-width:520px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.pay-header-logo{height:32px;width:auto;object-fit:contain;filter:brightness(0) invert(1)}.pay-header-phone{color:#93c5fd;text-decoration:none;font-size:14px;font-weight:600}.pay-header-phone:hover{color:#fff}.pay-hero{background:linear-gradient(135deg,#1e3a5f,#0f172a);color:#fff;text-align:center;padding:28px 20px 32px}.pay-hero-icon{width:56px;height:56px;border-radius:50%;background:#3b82f6;color:#fff;font-size:26px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;box-shadow:0 0 0 4px #3b82f640}.pay-hero-icon.paid{background:#22c55e;box-shadow:0 0 0 4px #22c55e40}.pay-hero h1{font-size:24px;font-weight:700;margin:0 0 8px}.pay-hero-sub{font-size:14px;opacity:.8;max-width:400px;margin:0 auto;line-height:1.5}.pay-body{max-width:520px;margin:0 auto;padding:16px;flex:1;width:100%;box-sizing:border-box}.pay-card{background:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0000000f;border:1px solid #e2e8f0}.pay-card h2{font-size:12px;font-weight:600;color:#64748b;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.pay-meta-row{display:flex;justify-content:space-between;padding:5px 0;font-size:14px}.pay-meta-label{color:#64748b}.pay-meta-value{font-weight:500}.pay-status{font-weight:600}.pay-status--paid{color:#16a34a}.pay-items{display:flex;flex-direction:column}.pay-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9}.pay-item:last-child{border-bottom:none}.pay-item-info{flex:1}.pay-item-name{font-size:14px;font-weight:500}.pay-item-qty{font-size:12px;color:#64748b;margin-left:6px}.pay-item-price{font-size:14px;font-weight:600;color:#0f172a;flex-shrink:0;margin-left:12px}.pay-totals{border-top:1px solid #e2e8f0;margin-top:8px;padding-top:8px}.pay-total-row{display:flex;justify-content:space-between;font-size:13px;color:#64748b;padding:3px 0}.pay-grand-total{border-top:2px solid #0f172a;margin-top:6px;padding-top:10px;font-size:20px;font-weight:700;color:#0f172a}.pay-now-btn{display:block;width:100%;padding:16px;border-radius:12px;border:none;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:18px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;margin-bottom:16px;box-shadow:0 4px 12px #22c55e4d;transition:transform .15s,box-shadow .15s;box-sizing:border-box}.pay-now-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #22c55e66}.pay-now-btn:active{transform:translateY(0)}.pay-paid-banner{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin-bottom:16px;font-size:15px;font-weight:600;color:#16a34a}.pay-paid-check{font-size:20px}.pay-methods-card{background:#fff;border-radius:12px;padding:16px;margin-bottom:16px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000f}.pay-methods-card h3{font-size:12px;font-weight:600;color:#64748b;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.pay-method-options{display:flex;flex-direction:column;gap:10px}.pay-method-option{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;text-decoration:none;color:inherit;transition:border-color .15s}.pay-method-option:hover{border-color:#3b82f6}.pay-method-icon{font-size:22px;flex-shrink:0}.pay-method-name{font-size:14px;font-weight:600;color:#1e293b}.pay-method-detail{font-size:12px;color:#64748b;margin-left:auto}.pay-trust{display:flex;justify-content:center;gap:20px;padding:16px 0;margin-bottom:8px}.pay-trust-item{display:flex;align-items:center;gap:4px;font-size:12px;color:#64748b}.pay-footer{background:#0f172a;color:#94a3b8;padding:24px 16px;text-align:center;margin-top:auto}.pay-footer-inner{max-width:520px;margin:0 auto}.pay-footer-inner strong{display:block;color:#e2e8f0;font-size:15px;margin-bottom:4px}.pay-footer-inner p{margin:4px 0;font-size:13px;line-height:1.5}.pay-footer-inner a{color:#93c5fd;text-decoration:none}.pay-footer-inner a:hover{color:#fff}.pay-footer-hours{font-size:12px;color:#8b9db5}.pay-footer-copy{font-size:11px;color:#64748b;margin-top:8px}.pay-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:80vh;color:#64748b;font-size:15px}.pay-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:pay-spin .8s linear infinite}@keyframes pay-spin{to{transform:rotate(360deg)}}.pay-error{text-align:center;padding:40px 20px;background:#fff;border-radius:12px;border:1px solid #fecaca}.pay-error-icon{width:48px;height:48px;border-radius:50%;background:#fef2f2;color:#ef4444;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.pay-error h2{font-size:18px;color:#1e293b;margin-bottom:8px}.pay-error p{color:#64748b;font-size:14px}.pay-error-help{margin-top:16px!important}.pay-error-help a{color:#3b82f6;font-weight:600;text-decoration:none}@media(prefers-reduced-motion:reduce){.pay-spinner{animation:none}.pay-now-btn{transition:none}}.pay-now-btn:focus-visible,.pay-header-phone:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.tracker-shell{--t-bg: #0a0e1a;--t-surface: rgba(15, 23, 42, .85);--t-ink: #e8edf5;--t-muted: #8b99b0;--t-accent: #00d4ff;--t-accent-glow: rgba(0, 212, 255, .25);--t-green: #00ff88;--t-green-glow: rgba(0, 255, 136, .2);--t-orange: #ff8c00;--t-red: #ff3b5c;--t-border: rgba(0, 212, 255, .15);--t-border-bright: rgba(0, 212, 255, .35);font-family:Inter,-apple-system,sans-serif;color:var(--t-ink);background:var(--t-bg);background-image:radial-gradient(ellipse at 20% 0%,rgba(0,212,255,.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(0,255,136,.04) 0%,transparent 50%);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;box-sizing:border-box}.tracker-header{text-align:center;margin-bottom:2rem}.tracker-logo{font-family:Orbitron,monospace;font-size:.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--t-accent);margin-bottom:.5rem}.tracker-order-num{font-family:Orbitron,monospace;font-size:1.5rem;font-weight:800;color:var(--t-ink);letter-spacing:.05em}.tracker-device{font-size:.95rem;color:var(--t-muted);margin-top:.25rem}.tracker-status-badge{display:inline-flex;align-items:center;gap:.5rem;background:#00d4ff14;border:1px solid var(--t-border-bright);border-radius:999px;padding:.5rem 1.25rem;margin:1rem 0 2rem;font-weight:600;font-size:.9rem}.tracker-status-badge .pulse-dot{width:10px;height:10px;border-radius:50%;background:var(--t-green);box-shadow:0 0 8px var(--t-green-glow),0 0 2px var(--t-green);animation:tracker-pulse 2s ease-in-out infinite}.tracker-status-badge.status-waiting .pulse-dot{background:var(--t-orange);box-shadow:0 0 8px #ff8c004d}.tracker-status-badge.status-active .pulse-dot{background:var(--t-accent);box-shadow:0 0 8px var(--t-accent-glow)}.tracker-status-badge.status-complete .pulse-dot{background:var(--t-green)}.tracker-status-badge.status-error .pulse-dot{background:var(--t-red);box-shadow:0 0 8px #ff3b5c4d}@keyframes tracker-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.tracker-timeline{width:100%;max-width:600px;position:relative;padding:0;list-style:none;margin:0}.tracker-timeline:before{content:"";position:absolute;left:22px;top:0;bottom:0;width:2px;background:var(--t-border)}.timeline-step{position:relative;padding-left:56px;padding-bottom:2rem;min-height:60px}.timeline-step:last-child{padding-bottom:0}.timeline-node{position:absolute;left:10px;top:2px;width:26px;height:26px;border-radius:50%;background:var(--t-bg);border:2px solid var(--t-border);display:flex;align-items:center;justify-content:center;font-size:.7rem;z-index:1;transition:all .4s ease}.timeline-step.completed .timeline-node{background:var(--t-green);border-color:var(--t-green);box-shadow:0 0 12px var(--t-green-glow);color:#0a0e1a}.timeline-step.active .timeline-node{background:var(--t-accent);border-color:var(--t-accent);box-shadow:0 0 16px var(--t-accent-glow);color:#0a0e1a;animation:node-glow 2s ease-in-out infinite}.timeline-step.pending .timeline-node{border-color:#2a3456;color:#3b4565}@keyframes node-glow{0%,to{box-shadow:0 0 16px var(--t-accent-glow)}50%{box-shadow:0 0 24px var(--t-accent-glow),0 0 6px var(--t-accent)}}.timeline-step.completed+.timeline-step:after,.timeline-step.completed:after{content:"";position:absolute;left:22px;top:0;width:2px;height:100%;background:var(--t-green);z-index:0}.timeline-step.completed:after{top:28px}.timeline-step-title{font-weight:600;font-size:1rem;margin-bottom:.15rem}.timeline-step.pending .timeline-step-title{color:#3b4565}.timeline-step.active .timeline-step-title{color:var(--t-accent)}.timeline-step-time{font-size:.8rem;color:var(--t-muted)}.timeline-step-notes{font-size:.85rem;color:var(--t-muted);margin-top:.25rem;font-style:italic}.tracker-location{width:100%;max-width:600px;background:var(--t-surface);border:1px solid var(--t-border);border-radius:12px;padding:1.25rem;margin-top:2rem;display:flex;align-items:center;gap:1rem}.tracker-location-icon{width:48px;height:48px;border-radius:12px;background:#00d4ff14;border:1px solid var(--t-border);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.tracker-location-name{font-weight:600;font-size:1rem}.tracker-location-locker{font-size:.85rem;color:var(--t-muted)}.tracker-action{width:100%;max-width:600px;background:#00ff880f;border:1px solid rgba(0,255,136,.2);border-radius:12px;padding:1.25rem;margin-top:1rem;text-align:center}.tracker-action h3{font-family:Orbitron,monospace;font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--t-green);margin:0 0 .5rem}.tracker-action p{color:var(--t-muted);font-size:.9rem;margin:0}.tracker-action .access-code{font-family:Orbitron,monospace;font-size:2rem;font-weight:900;letter-spacing:.3em;color:var(--t-green);text-shadow:0 0 20px var(--t-green-glow);margin:.75rem 0}.tracker-auth{width:100%;max-width:400px;background:var(--t-surface);border:1px solid var(--t-border);border-radius:16px;padding:2rem;text-align:center}.tracker-auth h2{font-family:Orbitron,monospace;font-size:1rem;font-weight:700;letter-spacing:.1em;color:var(--t-accent);margin:0 0 1rem}.tracker-auth input{width:100%;padding:.75rem 1rem;background:#0000004d;border:1px solid var(--t-border);border-radius:8px;color:var(--t-ink);font-size:1rem;font-family:inherit;margin-bottom:.75rem;box-sizing:border-box;outline:none;transition:border-color .2s}.tracker-auth input:focus{border-color:var(--t-accent)}.tracker-auth button{width:100%;padding:.75rem;background:linear-gradient(135deg,var(--t-accent),#0099cc);border:none;border-radius:8px;color:#0a0e1a;font-weight:700;font-size:1rem;cursor:pointer;transition:opacity .2s}.tracker-auth button:hover{opacity:.9}.tracker-auth button:disabled{opacity:.5;cursor:not-allowed}.tracker-error{color:var(--t-red);font-size:.85rem;margin-top:.5rem}.tracker-refresh{font-size:.75rem;color:var(--t-muted);margin-top:2rem;text-align:center;opacity:.6}@media(max-width:480px){.tracker-shell{padding:1.5rem .75rem}.tracker-order-num{font-size:1.2rem}.tracker-action .access-code{font-size:1.6rem}}.tech-board{--tb-bg: #0a0e1a;--tb-surface: rgba(15, 23, 42, .85);--tb-ink: #e8edf5;--tb-muted: #8b99b0;--tb-accent: #00d4ff;--tb-accent-glow: rgba(0, 212, 255, .25);--tb-green: #00ff88;--tb-green-glow: rgba(0, 255, 136, .2);--tb-orange: #ff8c00;--tb-red: #ff3b5c;--tb-border: rgba(0, 212, 255, .15);--tb-border-bright: rgba(0, 212, 255, .35);font-family:Inter,-apple-system,sans-serif;color:var(--tb-ink);background:var(--tb-bg);background-image:radial-gradient(ellipse at 20% 0%,rgba(0,212,255,.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(0,255,136,.04) 0%,transparent 50%);min-height:100vh;padding:1.5rem;box-sizing:border-box}.tb-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.tb-title{font-family:Orbitron,monospace;font-size:1.1rem;font-weight:800;letter-spacing:.08em}.tb-tabs{display:flex;gap:.25rem;background:#0000004d;border-radius:10px;padding:3px}.tb-tab{padding:.5rem 1rem;border:none;border-radius:8px;background:transparent;color:var(--tb-muted);font-weight:600;font-size:.85rem;font-family:inherit;cursor:pointer;transition:all .2s}.tb-tab.active{background:#00d4ff1f;color:var(--tb-accent)}.tb-tab:hover:not(.active){color:var(--tb-ink)}.tb-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:999px;background:var(--tb-accent);color:#0a0e1a;font-size:.7rem;font-weight:700;margin-left:.35rem;padding:0 5px}.tb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem}.tb-order-card{background:var(--tb-surface);border:1px solid var(--tb-border);border-radius:14px;padding:1.25rem;transition:border-color .2s,box-shadow .2s;display:flex;flex-direction:column;gap:.75rem}.tb-order-card:hover{border-color:var(--tb-border-bright);box-shadow:0 0 20px #00d4ff0f}.tb-order-card.urgent{border-color:#ff8c0066}.tb-order-top{display:flex;justify-content:space-between;align-items:flex-start}.tb-order-number{font-family:Orbitron,monospace;font-size:.8rem;font-weight:700;color:var(--tb-accent);letter-spacing:.05em}.tb-order-status{font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;background:#00d4ff1a;color:var(--tb-accent);white-space:nowrap}.tb-order-status.status-device_received{background:#00ff881a;color:var(--tb-green)}.tb-order-status.status-inspection{background:#00d4ff1a;color:var(--tb-accent)}.tb-order-status.status-repair_in_progress{background:#ff8c001a;color:var(--tb-orange)}.tb-order-status.status-ready_for_pickup{background:#00ff8826;color:var(--tb-green)}.tb-order-device{font-weight:600;font-size:1rem}.tb-order-issue{font-size:.85rem;color:var(--tb-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tb-order-meta{display:flex;gap:1rem;font-size:.8rem;color:var(--tb-muted)}.tb-order-meta span{display:flex;align-items:center;gap:.25rem}.tb-order-actions{display:flex;gap:.5rem;margin-top:.25rem}.tb-btn{flex:1;padding:.6rem .75rem;border:none;border-radius:8px;font-weight:600;font-size:.85rem;font-family:inherit;cursor:pointer;transition:opacity .2s}.tb-btn:hover{opacity:.88}.tb-btn:disabled{opacity:.4;cursor:not-allowed}.tb-btn-claim{background:linear-gradient(135deg,var(--tb-green),#00cc6a);color:#0a0e1a}.tb-btn-status{background:linear-gradient(135deg,var(--tb-accent),#0099cc);color:#0a0e1a}.tb-btn-open{background:#00d4ff1f;border:1px solid var(--tb-border-bright);color:var(--tb-accent)}.tb-btn-ftr{background:#ff3b5c1a;border:1px solid rgba(255,59,92,.3);color:var(--tb-red)}.tb-btn-small{flex:none;padding:.4rem .6rem;font-size:.75rem}.tb-empty{text-align:center;padding:4rem 2rem;color:var(--tb-muted)}.tb-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.tb-empty h3{font-family:Orbitron,monospace;font-size:.9rem;font-weight:700;letter-spacing:.1em;margin:0 0 .5rem}.tb-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.tb-modal{background:#111827;border:1px solid var(--tb-border-bright);border-radius:16px;padding:2rem;width:100%;max-width:460px}.tb-modal h3{font-family:Orbitron,monospace;font-size:.9rem;font-weight:700;margin:0 0 1rem;color:var(--tb-accent)}.tb-modal select,.tb-modal textarea{width:100%;padding:.7rem;background:#0000004d;border:1px solid var(--tb-border);border-radius:8px;color:var(--tb-ink);font-family:inherit;font-size:.9rem;margin-bottom:.75rem;outline:none;box-sizing:border-box}.tb-modal select:focus,.tb-modal textarea:focus{border-color:var(--tb-accent)}.tb-modal textarea{min-height:80px;resize:vertical}.tb-modal-actions{display:flex;gap:.5rem;margin-top:.5rem}@media(max-width:640px){.tb-grid{grid-template-columns:1fr}.tb-header{flex-direction:column;align-items:flex-start}}.merch-page{max-width:1200px;margin:0 auto;padding:0 .75rem;display:flex;flex-direction:column;gap:.75rem}.merch-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.merch-header h1{margin:0;font-size:1.35rem;color:var(--color-ink)}.merch-header-actions{display:flex;gap:.5rem;align-items:center}.merch-header-actions a{text-decoration:none}.merch-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.merch-stat-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.6rem .75rem;display:flex;flex-direction:column;gap:.15rem;box-shadow:var(--shadow-xs)}.merch-stat-value{font-size:1.5rem;font-weight:800;color:var(--color-ink)}.merch-stat-label{font-size:.8rem;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.03em}.merch-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;background:var(--color-surface-solid);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.merch-list-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);cursor:pointer;transition:background var(--ease);gap:.75rem;min-height:44px;text-decoration:none;color:inherit}.merch-list-item:last-child{border-bottom:none}.merch-list-item:hover{background:var(--color-bg)}.merch-list-item:active{background:var(--color-primary-light)}.merch-list-item-info{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}.merch-list-item-title{font-weight:600;color:var(--color-ink);font-size:.92rem}.merch-list-item-sub{color:var(--color-muted);font-size:.8rem}.merch-list-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.merch-list-item-date{color:var(--color-muted);font-size:.78rem;white-space:nowrap}.merch-badge{display:inline-block;padding:3px 10px;border-radius:var(--radius-pill);font-size:.72rem;font-weight:700;text-transform:uppercase;white-space:nowrap;letter-spacing:.02em}.merch-badge--in_progress{background:#60a5fa1f;color:#93c5fd}.merch-badge--pending_confirmation{background:#fbbf241f;color:#fde68a}.merch-badge--confirmed{background:#34d3991f;color:#6ee7b7}.merch-badge--invoiced{background:#a78bfa1f;color:#c4b5fd}.merch-badge--paid{background:#10b9811f;color:#34d399}.merch-badge--cancelled,.merch-badge--overdue{background:#f871711f;color:#fca5a5}.merch-badge--sent{background:#60a5fa1f;color:#93c5fd}.merch-badge--draft{background:#94a3b81f;color:#94a3b8}.merch-btn-primary{padding:.55rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:700;font-size:.85rem;cursor:pointer;min-height:44px;transition:background var(--ease);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;white-space:nowrap}.merch-btn-primary:hover{background:var(--color-primary-hover)}.merch-btn-primary:disabled{opacity:.6;cursor:not-allowed}.merch-btn-secondary{padding:.55rem 1rem;background:transparent;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-weight:600;font-size:.85rem;cursor:pointer;min-height:44px;transition:background var(--ease),border-color var(--ease);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;white-space:nowrap}.merch-btn-secondary:hover{background:var(--color-bg-raised);border-color:var(--color-muted)}.merch-btn-success{padding:.55rem 1rem;background:#10b981;color:#fff;border:none;border-radius:var(--radius-md);font-weight:700;font-size:.85rem;cursor:pointer;min-height:44px;transition:background var(--ease);display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.merch-btn-success:hover{background:#059669}.merch-btn-success:disabled{opacity:.6;cursor:not-allowed}.merch-btn-danger{padding:.55rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:var(--radius-md);font-weight:700;font-size:.85rem;cursor:pointer;min-height:44px;transition:background var(--ease);display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.merch-btn-danger:hover{background:#dc2626}.merch-btn-danger:disabled{opacity:.6;cursor:not-allowed}.merch-btn-icon{padding:.4rem;background:none;border:none;color:var(--color-muted);cursor:pointer;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:background var(--ease),color var(--ease);font-size:1.2rem}.merch-btn-icon:hover{background:var(--color-bg-raised);color:var(--color-ink)}.merch-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:999;padding:.5rem}.merch-modal{background:var(--color-surface-solid);border-radius:var(--radius-lg);max-width:560px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl)}.merch-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border)}.merch-modal-header h2{margin:0;font-size:1.1rem;color:var(--color-ink)}.merch-modal-close{background:none;border:none;font-size:1.3rem;cursor:pointer;color:var(--color-muted);padding:.35rem .5rem;border-radius:var(--radius-sm);min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;transition:background var(--ease);width:auto}.merch-modal-close:hover{background:var(--color-bg-raised)}.merch-modal-body{padding:1rem 1.25rem 1.25rem;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;min-height:0}.merch-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 1.25rem;border-top:1px solid var(--color-border);flex-shrink:0}.merch-form-group{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.merch-form-group label{font-weight:600;color:var(--color-muted);font-size:.82rem}.merch-form-group input,.merch-form-group select,.merch-form-group textarea{width:100%;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:max(16px,.9em);color:var(--color-text);background:var(--color-bg);min-height:44px;box-sizing:border-box}.merch-form-group input:focus,.merch-form-group select:focus,.merch-form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.merch-form-group select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 20 20' fill='none'><path d='M5 7l5 5 5-5' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:18px 18px;padding-right:2.5rem}.merch-form-group textarea{min-height:80px;resize:vertical}.merch-inline-row{display:flex;gap:.75rem}.merch-inline-row .merch-form-group{flex:1}.merch-empty{text-align:center;padding:2.5rem 1rem;color:var(--color-muted);font-size:.95rem}.merch-empty-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.5}.merch-quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.merch-quick-link{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem .5rem;background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text);font-size:.82rem;font-weight:600;transition:border-color var(--ease),background var(--ease);min-height:44px}.merch-quick-link:hover{border-color:var(--color-primary);background:var(--color-bg)}.merch-quick-link-icon{font-size:1.25rem}.merch-visit-flow{max-width:600px;margin:0 auto;padding:0 .5rem;display:flex;flex-direction:column;gap:1rem;min-height:calc(100vh - 120px)}.merch-step-indicator{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.75rem 0}.merch-step-dot{width:10px;height:10px;border-radius:50%;background:var(--color-border);transition:background var(--ease),transform var(--ease)}.merch-step-dot.active{background:var(--color-primary);transform:scale(1.3)}.merch-step-dot.completed{background:#10b981}.merch-step-connector{width:20px;height:2px;background:var(--color-border)}.merch-step-connector.completed{background:#10b981}.merch-step-header{display:flex;align-items:center;gap:.75rem}.merch-step-back{background:none;border:none;color:var(--color-muted);font-size:1.25rem;cursor:pointer;padding:.35rem;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:background var(--ease)}.merch-step-back:hover{background:var(--color-bg-raised)}.merch-step-title{font-size:1.15rem;font-weight:700;color:var(--color-ink);margin:0}.merch-product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.merch-product-card{background:var(--color-surface-solid);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:.75rem;cursor:pointer;transition:border-color var(--ease),background var(--ease);display:flex;flex-direction:column;gap:.25rem;min-height:44px;-webkit-tap-highlight-color:transparent}.merch-product-card:hover{border-color:var(--color-muted)}.merch-product-card:active{background:var(--color-bg)}.merch-product-card.selected{border-color:var(--color-primary);background:#3b82f60f}.merch-product-name{font-weight:600;color:var(--color-ink);font-size:.88rem}.merch-product-sku{font-size:.72rem;color:var(--color-muted)}.merch-product-price{font-weight:700;color:var(--color-primary);font-size:.95rem;margin-top:auto}.merch-product-qty{display:flex;align-items:center;gap:0;margin-top:.35rem}.merch-product-qty button{width:36px;height:36px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-ink);font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--ease);min-height:36px}.merch-product-qty button:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.merch-product-qty button:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.merch-product-qty button:hover{background:var(--color-bg-raised)}.merch-product-qty span{width:40px;height:36px;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);font-weight:700;font-size:.95rem;color:var(--color-ink);background:var(--color-surface-solid)}.merch-drop-summary{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.merch-drop-summary-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.88rem}.merch-drop-summary-item-name{color:var(--color-text);font-weight:600}.merch-drop-summary-item-detail{display:flex;gap:.75rem;align-items:center;color:var(--color-muted);font-size:.82rem}.merch-drop-summary-item-price{font-weight:700;color:var(--color-ink)}.merch-photo-capture{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);text-align:center}.merch-photo-capture-icon{font-size:3rem;color:var(--color-muted)}.merch-photo-capture label{cursor:pointer}.merch-photo-capture input[type=file]{display:none}.merch-photo-preview{position:relative;width:100%;max-width:400px;margin:0 auto}.merch-photo-preview img{width:100%;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.merch-photo-preview-actions{display:flex;justify-content:center;gap:.5rem;margin-top:.75rem}.merch-total-bar{position:sticky;bottom:0;left:0;right:0;background:var(--color-surface-solid);border-top:2px solid var(--color-primary);padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;z-index:50;box-shadow:0 -4px 12px #0000004d}.merch-total-bar-label{color:var(--color-muted);font-weight:600;font-size:.88rem}.merch-total-bar-amount{font-size:1.35rem;font-weight:800;color:var(--color-ink)}.merch-total-bar-items{font-size:.78rem;color:var(--color-muted)}.merch-qr-section{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.merch-qr-section img{border-radius:var(--radius-md);background:#fff;padding:8px}.merch-qr-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.merch-waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:3rem 1rem;text-align:center}.merch-spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:merch-spin .8s linear infinite}@keyframes merch-spin{to{transform:rotate(360deg)}}.merch-waiting-text{color:var(--color-muted);font-size:1rem}.merch-checkmark{width:64px;height:64px;border-radius:50%;background:#10b981;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff}.merch-done{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;text-align:center}.merch-done h2{color:var(--color-ink);margin:0}.merch-done p{color:var(--color-muted);margin:0}.merch-search{width:100%;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:max(16px,.9em);color:var(--color-text);background:var(--color-bg);min-height:44px;box-sizing:border-box}.merch-search:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.merch-filters{display:flex;gap:.35rem;flex-wrap:wrap}.merch-filter-pill{padding:.4rem .85rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:transparent;color:var(--color-muted);font-size:.82rem;font-weight:600;cursor:pointer;min-height:36px;transition:all var(--ease);white-space:nowrap}.merch-filter-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.merch-filter-pill.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.merch-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.merch-section-title{font-size:.82rem;font-weight:700;color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;margin:0}.merch-location-card{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;background:var(--color-surface-solid);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--ease);min-height:44px;-webkit-tap-highlight-color:transparent}.merch-location-card:hover{border-color:var(--color-muted)}.merch-location-card:active{border-color:var(--color-primary);background:#3b82f60a}.merch-location-card-info{display:flex;flex-direction:column;gap:.15rem}.merch-location-card-name{font-weight:700;color:var(--color-ink);font-size:.95rem}.merch-location-card-meta{color:var(--color-muted);font-size:.78rem}.merch-location-card-arrow{color:var(--color-muted);font-size:1.25rem}.merch-invoice-expand{padding:.75rem 1rem;background:var(--color-bg);border-top:1px solid var(--color-border)}.merch-invoice-detail-row{display:flex;justify-content:space-between;padding:.35rem 0;font-size:.85rem}.merch-invoice-detail-row .label{color:var(--color-muted)}.merch-invoice-detail-row .value{color:var(--color-ink);font-weight:600}.merch-loading{text-align:center;padding:2rem 1rem;color:var(--color-muted)}.merch-error{padding:.75rem 1rem;background:#f8717114;color:#fca5a5;border:1px solid rgba(248,113,113,.2);border-radius:var(--radius-md);font-size:.88rem}@media(min-width:768px){.merch-page{padding:0 1rem}.merch-header h1{font-size:1.65rem}.merch-stats{grid-template-columns:repeat(4,1fr);gap:.75rem}.merch-stat-card{padding:.85rem 1rem}.merch-product-grid{grid-template-columns:repeat(3,1fr)}.merch-inline-row{gap:1rem}.merch-modal{max-width:640px}}@media(min-width:1024px){.merch-page{padding:0 1.25rem;gap:1.25rem}.merch-product-grid{grid-template-columns:repeat(4,1fr)}.merch-stats{gap:1rem}}.dm-confirm-page{min-height:100vh;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;color:#1e293b;padding:0;margin:0}.dm-confirm-card{max-width:600px;margin:0 auto;background:#fff;min-height:100vh;padding:1.5rem 1rem;box-shadow:0 1px 3px #0000000f}.dm-confirm-header{text-align:center;padding-bottom:1.25rem;border-bottom:2px solid #e2e8f0;margin-bottom:1.25rem}.dm-confirm-header h1{font-size:1.35rem;font-weight:700;color:#0f172a;margin:0 0 .25rem}.dm-confirm-header p{color:#64748b;font-size:.88rem;margin:.25rem 0 0}.dm-confirm-brand{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#3b82f6;margin-bottom:.5rem}.dm-confirm-info{display:flex;gap:1.5rem;margin-bottom:1.25rem;flex-wrap:wrap}.dm-confirm-info-item{display:flex;flex-direction:column;gap:.15rem}.dm-confirm-info-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8}.dm-confirm-info-value{font-size:.92rem;font-weight:600;color:#1e293b}.dm-confirm-items{margin-bottom:1.25rem}.dm-confirm-items-header{font-size:.88rem;font-weight:700;color:#0f172a;margin:0 0 .75rem}.dm-confirm-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:.5rem;background:#fff;transition:border-color .15s}.dm-confirm-item:hover{border-color:#cbd5e1}.dm-confirm-item input[type=checkbox]{width:22px;height:22px;accent-color:#10b981;cursor:pointer;flex-shrink:0}.dm-confirm-item-info{flex:1;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.dm-confirm-item-name{font-weight:600;color:#1e293b;font-size:.88rem}.dm-confirm-item-qty{color:#64748b;font-size:.82rem;white-space:nowrap}.dm-confirm-item-received{display:flex;align-items:center;gap:.35rem}.dm-confirm-item-received label{font-size:.78rem;color:#64748b}.dm-confirm-item-received input[type=number]{width:56px;padding:.35rem .4rem;border:1px solid #e2e8f0;border-radius:6px;font-size:max(16px,.88em);text-align:center;min-height:36px;color:#1e293b;background:#f8fafc}.dm-confirm-item-received input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.dm-confirm-check-all{display:block;width:100%;padding:.5rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:.85rem;font-weight:600;cursor:pointer;text-align:center;margin-bottom:1rem;min-height:44px;transition:background .15s}.dm-confirm-check-all:hover{background:#e2e8f0}.dm-confirm-total{display:flex;justify-content:space-between;align-items:center;padding:.85rem .75rem;background:#f1f5f9;border-radius:8px;margin-bottom:1.25rem}.dm-confirm-total-label{font-weight:600;color:#475569;font-size:.92rem}.dm-confirm-total-value{font-size:1.35rem;font-weight:800;color:#0f172a}.dm-confirm-field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1.25rem}.dm-confirm-field label{font-weight:600;color:#475569;font-size:.85rem}.dm-confirm-field input{width:100%;padding:.65rem .75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:max(16px,.92em);color:#1e293b;background:#fff;min-height:44px;box-sizing:border-box}.dm-confirm-field input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.dm-confirm-signature{margin-bottom:1.25rem}.dm-confirm-signature label{display:block;font-weight:600;color:#475569;font-size:.85rem;margin-bottom:.5rem}.dm-confirm-signature canvas{display:block;width:100%;height:140px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;cursor:crosshair;touch-action:none}.dm-confirm-signature-actions{display:flex;justify-content:flex-end;margin-top:.5rem}.dm-confirm-signature-clear{padding:.4rem .85rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:.82rem;font-weight:600;cursor:pointer;min-height:36px;transition:background .15s}.dm-confirm-signature-clear:hover{background:#e2e8f0}.dm-confirm-btn{display:block;width:100%;padding:.85rem 1.5rem;background:#10b981;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;min-height:52px;transition:background .15s;margin-top:.5rem}.dm-confirm-btn:hover{background:#059669}.dm-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.dm-confirm-success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1rem;min-height:60vh}.dm-confirm-success-icon{width:72px;height:72px;border-radius:50%;background:#10b981;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;margin-bottom:1.25rem}.dm-confirm-success h2{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.dm-confirm-success p{color:#64748b;font-size:.95rem;margin:.25rem 0;line-height:1.5}.dm-confirm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.25rem}.dm-confirm-loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:dm-spin .8s linear infinite}@keyframes dm-spin{to{transform:rotate(360deg)}}.dm-confirm-loading p{color:#64748b;font-size:.95rem}.dm-confirm-error,.dm-confirm-expired{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:60vh;padding:2rem 1rem}.dm-confirm-error-icon,.dm-confirm-expired-icon{font-size:3rem;margin-bottom:1rem}.dm-confirm-error h2,.dm-confirm-expired h2{font-size:1.35rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.dm-confirm-error p,.dm-confirm-expired p{color:#64748b;font-size:.92rem;margin:0;line-height:1.5}@media(min-width:768px){.dm-confirm-card{min-height:auto;margin:2rem auto;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #00000014}.dm-confirm-header h1{font-size:1.5rem}.dm-confirm-signature canvas{height:180px}}.notif-page{max-width:640px;margin:0 auto;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1.25rem}.notif-title{margin:0;font-size:1.4rem;font-weight:700;color:var(--color-ink, #f1f5f9)}.notif-card{background:var(--color-surface-solid, #1e293b);border:1px solid var(--color-border, rgba(148, 163, 184, .12));border-radius:var(--radius-lg, 10px);padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.notif-card-header{display:flex;align-items:flex-start;gap:.75rem}.notif-card-icon{font-size:1.5rem;line-height:1;flex-shrink:0;margin-top:.1rem}.notif-card-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--color-ink, #f1f5f9)}.notif-card-desc{margin:.15rem 0 0;font-size:.85rem;color:var(--color-muted, #94a3b8);line-height:1.4}.notif-browser-status{padding:.5rem 0 0}.notif-status{display:flex;align-items:center;gap:.5rem;font-size:.88rem;font-weight:600;padding:.6rem .85rem;border-radius:8px}.notif-status--on{background:#34d39914;color:#6ee7b7;border:1px solid rgba(52,211,153,.2)}.notif-status--off{background:#f8717114;color:#fca5a5;border:1px solid rgba(248,113,113,.2);font-weight:500}.notif-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.notif-status--on .notif-status-dot{background:#34d399;box-shadow:0 0 8px #34d39966}.notif-status--off .notif-status-dot{background:#f87171}.notif-enable-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.25rem;border:none;border-radius:8px;background:var(--color-primary, #3b82f6);color:#fff;font-size:.92rem;font-weight:700;cursor:pointer;transition:background .15s ease,transform .1s ease}.notif-enable-btn:hover{background:#2563eb}.notif-enable-btn:active{transform:scale(.98)}.notif-toggles{display:flex;flex-direction:column;gap:0}.notif-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--color-border, rgba(148, 163, 184, .08));cursor:pointer}.notif-toggle-row:last-child{border-bottom:none}.notif-toggle-info{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.notif-toggle-label{font-size:.92rem;font-weight:600;color:var(--color-ink, #f1f5f9)}.notif-toggle-hint{font-size:.78rem;color:var(--color-muted, #94a3b8)}.notif-switch{position:relative;width:50px;height:30px;border-radius:15px;background:#475569;border:none;cursor:pointer;padding:3px;flex-shrink:0;transition:background .25s ease;outline:none;box-sizing:border-box}.notif-switch.on{background:#3b82f6}.notif-switch-knob{display:block;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .25s ease;transform:translate(0);pointer-events:none}.notif-switch.on .notif-switch-knob{transform:translate(20px)}.notif-switch:focus-visible{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}.notif-save-row{display:flex;align-items:center;gap:.75rem;padding-top:.25rem}.notif-save-btn{padding:.6rem 1.5rem;border:none;border-radius:8px;background:var(--color-primary, #3b82f6);color:#fff;font-size:.88rem;font-weight:700;cursor:pointer;transition:background .15s ease}.notif-save-btn:hover:not(:disabled){background:#2563eb}.notif-save-btn:disabled{opacity:.6;cursor:not-allowed}.notif-save-msg{font-size:.82rem;font-weight:600}.notif-save-msg--success{color:#34d399}.notif-save-msg--error{color:#f87171}@media(max-width:600px){.notif-page{padding:1rem .75rem}.notif-card{padding:1rem}}.sr-page{padding:24px 0;max-width:900px;margin:0 auto}.sr-title{font-size:1.5rem;font-weight:700;color:var(--color-ink);margin:0 0 4px}.sr-subtitle{font-size:.85rem;color:var(--color-muted);margin:0 0 24px}.sr-loading{color:var(--color-muted);text-align:center;padding:60px 0}.sr-list{display:flex;flex-direction:column;gap:8px}.sr-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;transition:border-color .15s ease}.sr-card--expanded{border-color:var(--color-primary)}.sr-card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.sr-card-header:hover{background:#94a3b80f}.sr-card-left{display:flex;align-items:center;gap:10px;min-width:0}.sr-card-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.sr-card-name{font-size:.9rem;font-weight:600;color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-card-sku{font-size:.72rem;color:var(--color-muted);background:#94a3b814;padding:2px 6px;border-radius:4px;font-family:monospace;flex-shrink:0}.sr-card-price{font-size:.9rem;font-weight:700;color:var(--color-ink);font-variant-numeric:tabular-nums}.sr-card-price--calc{color:#34d399}.sr-chevron{font-size:.8rem;color:var(--color-muted);width:16px;text-align:center}.sr-badge{font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:999px;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.sr-badge--recipe{background:#34d3991f;color:#6ee7b7}.sr-badge--flat{background:#fbbf241f;color:#fde68a}.sr-card-body{padding:0 16px 16px;border-top:1px solid var(--color-border)}.sr-empty{font-size:.82rem;color:var(--color-muted);padding:16px 0 8px;margin:0}.sr-components{padding-top:12px;display:flex;flex-direction:column;gap:6px}.sr-comp{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:6px;background:var(--color-bg-raised, var(--color-bg));border:1px solid var(--color-border);gap:12px}.sr-comp-left{display:flex;align-items:center;gap:8px;min-width:0}.sr-comp-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.sr-comp-type{font-size:1rem;width:24px;text-align:center;flex-shrink:0}.sr-comp-type--part{filter:hue-rotate(270deg)}.sr-comp-type--labor{filter:hue-rotate(200deg)}.sr-comp-type--fee{filter:hue-rotate(50deg)}.sr-comp-name{font-size:.82rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-comp-detail{font-size:.75rem;color:var(--color-muted);display:flex;align-items:center;gap:4px;white-space:nowrap}.sr-comp-price{font-size:.85rem;font-weight:700;color:var(--color-ink);font-variant-numeric:tabular-nums;min-width:64px;text-align:right}.sr-comp-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-size:.78rem;padding:3px 6px;text-align:center;font-variant-numeric:tabular-nums}.sr-comp-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f633}.sr-comp-input--markup{width:48px}.sr-comp-input--qty{width:52px}.sr-comp-remove{background:none;border:none;color:#f87171;font-size:.9rem;cursor:pointer;padding:2px 6px;border-radius:4px;line-height:1;transition:background .15s ease}.sr-comp-remove:hover{background:#f871711f}.sr-total-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px 0;margin-top:6px;border-top:1px solid var(--color-border)}.sr-total-label{font-size:.82rem;font-weight:600;color:var(--color-text)}.sr-total-value{font-size:1rem;font-weight:700;color:#34d399;font-variant-numeric:tabular-nums}.sr-total-row--compare{border-top:none;padding-top:4px;margin-top:0}.sr-total-row--compare .sr-total-label{font-weight:400;color:var(--color-muted);font-size:.78rem}.sr-total-value--old{color:var(--color-muted);text-decoration:line-through;font-weight:500;font-size:.85rem}.sr-edit-controls{margin-top:16px;display:flex;flex-direction:column;gap:12px}.sr-add-row{display:flex;gap:8px;align-items:flex-start}.sr-add-part{flex:1;position:relative}.sr-add-input{width:100%;background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:.82rem;padding:8px 12px;box-sizing:border-box}.sr-add-input::placeholder{color:var(--color-muted)}.sr-add-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f633}.sr-add-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 8px 24px #0006;z-index:100;max-height:280px;overflow-y:auto;padding:4px}.sr-add-dropdown-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;background:none;border:none;color:var(--color-text);font-size:.82rem;cursor:pointer;border-radius:6px;text-align:left;gap:8px;transition:background .1s ease}.sr-add-dropdown-item:hover{background:#94a3b814}.sr-add-dropdown-price{font-size:.72rem;color:var(--color-muted);white-space:nowrap;flex-shrink:0}.sr-add-btn{background:#60a5fa1f;color:#93c5fd;border:1px solid rgba(96,165,250,.2);border-radius:6px;font-size:.82rem;font-weight:600;padding:8px 14px;cursor:pointer;white-space:nowrap;transition:background .15s ease}.sr-add-btn:hover{background:#60a5fa33}.sr-save-row{display:flex;gap:8px}.sr-save-btn{background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:.82rem;font-weight:600;padding:8px 20px;cursor:pointer;transition:opacity .15s ease}.sr-save-btn:hover{opacity:.9}.sr-save-btn:disabled{opacity:.5;cursor:not-allowed}.sr-cancel-btn{background:transparent;color:var(--color-muted);border:1px solid var(--color-border);border-radius:6px;font-size:.82rem;font-weight:500;padding:8px 16px;cursor:pointer;transition:background .15s ease,color .15s ease}.sr-cancel-btn:hover{background:#94a3b814;color:var(--color-text)}.sr-edit-btn{margin-top:12px;background:#94a3b814;color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;font-size:.82rem;font-weight:600;padding:8px 16px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.sr-edit-btn:hover{background:#94a3b824;border-color:var(--color-primary)}.sr-comp--part{border-left:3px solid #a78bfa}.sr-comp--labor{border-left:3px solid #60a5fa}.sr-comp--fee{border-left:3px solid #fbbf24}@media(max-width:600px){.sr-page{padding:16px 0}.sr-comp{flex-direction:column;align-items:flex-start;gap:6px}.sr-comp-right{width:100%;justify-content:flex-end;flex-wrap:wrap}.sr-add-row{flex-direction:column}.sr-card-left{flex-wrap:wrap}}.booking-page{font-family:Inter,system-ui,-apple-system,sans-serif;background:#f8fafc;min-height:100vh;color:#1e293b;display:flex;flex-direction:column}.booking-header{background:linear-gradient(135deg,#0f172a,#1e3a5f);padding:14px 16px;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px #00000026}.booking-header-inner{max-width:600px;margin:0 auto;display:flex;align-items:center;gap:12px}.booking-logo{width:36px;height:36px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.booking-logo svg{width:20px;height:20px;fill:#fff}.booking-header-text h1{margin:0;font-size:16px;font-weight:600;color:#f1f5f9;line-height:1.2}.booking-header-text p{margin:0;font-size:12px;color:#94a3b8;line-height:1.3}.booking-stepper{max-width:600px;width:100%;margin:0 auto;padding:20px 16px 0;display:flex;align-items:center;gap:0}.booking-step-item{display:flex;align-items:center;gap:8px;flex:1;position:relative}.booking-step-item:not(:last-child):after{content:"";flex:1;height:2px;background:#e2e8f0;margin-left:8px}.booking-step-item:not(:last-child).step-complete:after{background:#3b82f6}.booking-step-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0;transition:all .2s ease;background:#e2e8f0;color:#94a3b8}.step-active .booking-step-dot{background:#3b82f6;color:#fff;box-shadow:0 0 0 3px #3b82f633}.step-complete .booking-step-dot{background:#3b82f6;color:#fff}.booking-step-label{display:none}@media(min-width:480px){.booking-step-label{display:block;font-size:12px;color:#94a3b8;white-space:nowrap}.step-active .booking-step-label{color:#3b82f6;font-weight:600}.step-complete .booking-step-label{color:#1e293b}}.booking-content{max-width:600px;width:100%;margin:0 auto;padding:20px 16px 100px;flex:1}.booking-section-title{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 4px}.booking-section-sub{font-size:14px;color:#64748b;margin:0 0 16px}.booking-services-grid{display:grid;gap:10px}.booking-service-card{background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:14px 16px;cursor:pointer;transition:all .15s ease;display:flex;justify-content:space-between;align-items:center;gap:12px}.booking-service-card:hover{border-color:#93c5fd;background:#f0f7ff}.booking-service-card.selected{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 3px #3b82f626}.booking-service-info{flex:1;min-width:0}.booking-service-name{font-size:15px;font-weight:600;color:#0f172a;margin:0 0 2px}.booking-service-desc{font-size:13px;color:#64748b;margin:0;line-height:1.4}.booking-service-price{font-size:16px;font-weight:700;color:#3b82f6;white-space:nowrap;flex-shrink:0}.booking-deposit-note{margin-top:16px;padding:12px 14px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;font-size:13px;color:#92400e;text-align:center}.booking-datetime-layout{display:flex;flex-direction:column;gap:20px}@media(min-width:520px){.booking-datetime-layout{flex-direction:row}.booking-calendar-section,.booking-slots-section{flex:1;min-width:0}}.booking-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.booking-calendar-title{font-size:15px;font-weight:600;color:#0f172a}.booking-calendar-nav{display:flex;gap:4px}.booking-calendar-nav button{width:30px;height:30px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:#475569;transition:all .15s ease}.booking-calendar-nav button:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.booking-calendar-nav button:disabled{opacity:.3;cursor:not-allowed}.booking-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.booking-calendar-weekday{text-align:center;font-size:11px;font-weight:600;color:#94a3b8;padding:4px 0;text-transform:uppercase}.booking-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.booking-day-btn{aspect-ratio:1;border:none;border-radius:8px;background:transparent;cursor:pointer;font-size:13px;font-weight:500;color:#1e293b;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.booking-day-btn:hover:not(:disabled):not(.day-selected){background:#f1f5f9}.booking-day-btn.day-today{font-weight:700;color:#3b82f6}.booking-day-btn.day-selected{background:#3b82f6;color:#fff;font-weight:700}.booking-day-btn:disabled{color:#cbd5e1;cursor:not-allowed}.booking-day-btn.day-empty{visibility:hidden}.booking-slots-label{font-size:14px;font-weight:600;color:#0f172a;margin-bottom:10px}.booking-slots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.booking-slot-btn{padding:10px 4px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;font-size:13px;font-weight:500;color:#1e293b;transition:all .15s ease;text-align:center}.booking-slot-btn:hover:not(:disabled):not(.slot-selected){border-color:#93c5fd;background:#f0f7ff}.booking-slot-btn.slot-selected{background:#3b82f6;color:#fff;border-color:#3b82f6;font-weight:600}.booking-slot-btn:disabled{background:#f1f5f9;color:#cbd5e1;cursor:not-allowed;border-color:#e2e8f0}.booking-slots-empty,.booking-slots-loading{font-size:13px;color:#94a3b8;text-align:center;padding:20px 0}.booking-form-grid{display:grid;gap:14px}.booking-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:400px){.booking-form-row{grid-template-columns:1fr}}.booking-field{display:flex;flex-direction:column;gap:4px}.booking-field label{font-size:13px;font-weight:600;color:#334155}.booking-field label .required{color:#ef4444;margin-left:2px}.booking-field input,.booking-field textarea{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;color:#1e293b;background:#fff;transition:border-color .15s ease;outline:none}.booking-field input:focus,.booking-field textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.booking-field textarea{resize:vertical;min-height:80px}.booking-checkboxes{display:flex;flex-direction:column;gap:10px;margin-top:4px}.booking-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#334155}.booking-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6;cursor:pointer;flex-shrink:0}.booking-review-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.booking-review-row{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 16px;gap:12px}.booking-review-row:not(:last-child){border-bottom:1px solid #f1f5f9}.booking-review-label{font-size:13px;color:#64748b;flex-shrink:0}.booking-review-value{font-size:14px;font-weight:500;color:#0f172a;text-align:right;word-break:break-word}.booking-review-deposit{padding:14px 16px;background:#eff6ff;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.booking-review-deposit-label{font-size:14px;font-weight:600;color:#1e40af}.booking-review-deposit-amount{font-size:18px;font-weight:700;color:#1e40af}.booking-footer{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e2e8f0;padding:12px 16px;z-index:10;box-shadow:0 -2px 8px #0000000f}.booking-footer-inner{max-width:600px;margin:0 auto;display:flex;gap:10px}.booking-btn{flex:1;padding:12px 20px;border:none;border-radius:10px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:6px}.booking-btn:disabled{opacity:.5;cursor:not-allowed}.booking-btn-primary{background:#3b82f6;color:#fff}.booking-btn-primary:hover:not(:disabled){background:#2563eb}.booking-btn-secondary{background:#f1f5f9;color:#475569;flex:0 0 auto}.booking-btn-secondary:hover:not(:disabled){background:#e2e8f0}.booking-btn-pay{background:#3b82f6;color:#fff;font-size:16px;padding:14px 24px}.booking-btn-pay:hover:not(:disabled){background:#2563eb}.booking-loading{text-align:center;padding:60px 20px;color:#64748b;font-size:15px}.booking-spinner{display:inline-block;width:28px;height:28px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:booking-spin .7s linear infinite;margin-bottom:12px}@keyframes booking-spin{to{transform:rotate(360deg)}}.booking-error{text-align:center;padding:40px 20px;color:#dc2626;font-size:14px}.booking-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:8px}.booking-error-dismiss{background:none;border:none;font-size:20px;color:#dc2626;cursor:pointer;padding:0 4px}.booking-progress{display:flex;align-items:center;justify-content:center;gap:4px;padding:14px 16px;max-width:600px;margin:0 auto;overflow-x:auto}.booking-progress-step{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:.75rem;color:#94a3b8}.booking-progress-step.active{color:#3b82f6}.booking-progress-step.current{font-weight:700}.booking-progress-step+.booking-progress-step:before{content:"—";color:#cbd5e1;margin-right:4px;font-size:.65rem}.booking-progress-dot{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:.65rem;font-weight:700;background:#e2e8f0;color:#64748b;flex-shrink:0}.booking-progress-step.active .booking-progress-dot{background:#3b82f6;color:#fff}.booking-progress-label{display:none}@media(min-width:520px){.booking-progress-label{display:inline}}.booking-section-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 4px}.booking-section-sub{font-size:.85rem;color:#64748b;margin:0 0 8px}.booking-step{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.booking-back{background:none;border:none;color:#3b82f6;font-size:14px;cursor:pointer;padding:0;margin-bottom:12px;display:inline-block}.booking-back:hover{text-decoration:underline}.booking-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.booking-category-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:14px;cursor:pointer;transition:all .15s;text-align:center}.booking-category-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.booking-category-icon{font-size:2rem}.booking-category-title{font-size:1rem;font-weight:700;color:#0f172a}.booking-category-desc{font-size:.8rem;color:#64748b;line-height:1.4}@media(max-width:480px){.booking-category-grid{grid-template-columns:1fr}}.booking-device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.booking-device-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 12px;background:#fff;border:2px solid #e2e8f0;border-radius:14px;cursor:pointer;transition:all .15s}.booking-device-card:hover,.booking-device-card.selected{border-color:#3b82f6;background:#eff6ff}.booking-device-icon{font-size:2rem}.booking-device-label{font-size:.95rem;font-weight:600;color:#0f172a}.booking-model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:16px}.booking-model-btn{padding:14px 12px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:.9rem;font-weight:600;color:#1e293b;cursor:pointer;transition:all .15s;text-align:center}.booking-model-btn:hover,.booking-model-btn.selected{border-color:#3b82f6;background:#eff6ff;color:#1d4ed8}.booking-repair-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}.booking-repair-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .15s;text-align:left}.booking-repair-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61f}.booking-repair-info{flex:1}.booking-repair-name{display:block;font-weight:700;font-size:.95rem;color:#0f172a}.booking-repair-desc{display:block;font-size:.8rem;color:#64748b;margin-top:2px}.booking-repair-price{font-size:1.1rem;font-weight:700;color:#3b82f6;white-space:nowrap}.booking-accessories{margin-top:28px;padding-top:20px;border-top:1px solid #e2e8f0}.booking-accessories-title{font-size:1rem;font-weight:700;color:#0f172a;margin:0 0 4px}.booking-accessories-sub{font-size:.8rem;color:#64748b;margin:0 0 12px}.booking-accessories-list{display:flex;flex-direction:column;gap:8px}.booking-accessory-item{display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .15s}.booking-accessory-item.checked{border-color:#3b82f6;background:#eff6ff}.booking-accessory-item input[type=checkbox]{width:18px;height:18px;flex-shrink:0}.booking-accessory-info{flex:1}.booking-accessory-name{display:block;font-weight:600;font-size:.85rem;color:#1e293b}.booking-accessory-desc{display:block;font-size:.75rem;color:#64748b}.booking-accessory-price{font-size:.85rem;font-weight:600;color:#3b82f6;white-space:nowrap}.booking-bench-fee-box{margin-top:20px;padding:16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px}.booking-bench-fee-row{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:1rem;color:#1e40af}.booking-bench-fee-amount{font-size:1.25rem}.booking-bench-fee-note{margin:8px 0 0;font-size:.8rem;color:#3b82f6;line-height:1.4}.booking-submit-btn{display:block;width:100%;margin-top:20px;padding:16px;background:#3b82f6;color:#fff;border:none;border-radius:12px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:background .15s}.booking-submit-btn:hover{background:#2563eb}.booking-submit-btn:disabled{opacity:.5;cursor:not-allowed}.booking-next-btn{display:block;width:100%;margin-top:20px;padding:14px;background:#3b82f6;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer}.booking-next-btn:hover{background:#2563eb}.booking-loading{text-align:center;padding:32px 0;color:#64748b;font-size:14px}.bookings-page{--color-bg: #0b1121;--color-bg-raised: #111827;--color-surface-solid: #1e293b;--color-border: rgba(148, 163, 184, .12);--color-ink: #f1f5f9;--color-text: #e2e8f0;--color-muted: #94a3b8;--color-primary: #3b82f6;--status-confirmed: #34d399;--status-confirmed-bg: rgba(52, 211, 153, .12);--status-pending: #fbbf24;--status-pending-bg: rgba(251, 191, 36, .12);--status-cancelled: #6b7280;--status-cancelled-bg: rgba(107, 114, 128, .12);--status-completed: #818cf8;--status-completed-bg: rgba(129, 140, 248, .12);--status-no-show: #f87171;--status-no-show-bg: rgba(248, 113, 113, .12);max-width:1200px;margin:0 auto;padding:24px 16px;color:var(--color-text);min-height:100vh}.bookings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.bookings-header h1{font-size:1.5rem;font-weight:700;color:var(--color-ink);margin:0}.week-nav{display:flex;align-items:center;gap:8px}.week-nav button{background:var(--color-surface-solid);border:1px solid var(--color-border);color:var(--color-text);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;transition:background .15s ease}.week-nav button:hover{background:var(--color-primary);color:#fff}.week-label{font-size:.9rem;color:var(--color-muted);min-width:180px;text-align:center}.bookings-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.bookings-filters{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.filter-tabs{display:flex;gap:4px;background:var(--color-bg-raised);border-radius:8px;padding:3px;border:1px solid var(--color-border)}.filter-tab{flex:1;background:transparent;border:none;color:var(--color-muted);padding:7px 10px;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .15s ease}.filter-tab:hover{color:var(--color-text)}.filter-tab.active{background:var(--color-surface-solid);color:var(--color-ink)}.status-pills{display:flex;flex-wrap:wrap;gap:6px}.status-pill{padding:4px 12px;border-radius:999px;border:1px solid var(--color-border);background:transparent;color:var(--color-muted);font-size:.75rem;cursor:pointer;transition:all .15s ease}.status-pill:hover{border-color:var(--color-muted)}.status-pill.active{border-color:currentColor}.status-pill[data-status=confirmed].active{color:var(--status-confirmed);background:var(--status-confirmed-bg);border-color:var(--status-confirmed)}.status-pill[data-status=pending_payment].active{color:var(--status-pending);background:var(--status-pending-bg);border-color:var(--status-pending)}.status-pill[data-status=cancelled].active{color:var(--status-cancelled);background:var(--status-cancelled-bg);border-color:var(--status-cancelled)}.status-pill[data-status=completed].active{color:var(--status-completed);background:var(--status-completed-bg);border-color:var(--status-completed)}.status-pill[data-status=no_show].active{color:var(--status-no-show);background:var(--status-no-show-bg);border-color:var(--status-no-show)}.bookings-list{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 280px);overflow-y:auto}.bookings-list::-webkit-scrollbar{width:5px}.bookings-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.booking-card{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:8px;padding:12px 14px;cursor:pointer;transition:all .15s ease}.booking-card:hover{border-color:var(--color-primary);background:var(--color-surface-solid)}.booking-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.booking-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.booking-number{font-size:.8rem;font-weight:600;color:var(--color-ink)}.booking-card-body{display:flex;flex-direction:column;gap:3px}.booking-card-body span{font-size:.8rem;color:var(--color-muted)}.booking-customer{color:var(--color-text)!important;font-weight:500}.booking-service{color:var(--color-primary)!important}.status-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:capitalize;letter-spacing:.02em}.status-badge.confirmed{color:var(--status-confirmed);background:var(--status-confirmed-bg)}.status-badge.pending_payment{color:var(--status-pending);background:var(--status-pending-bg)}.status-badge.cancelled{color:var(--status-cancelled);background:var(--status-cancelled-bg)}.status-badge.completed{color:var(--status-completed);background:var(--status-completed-bg)}.status-badge.no_show{color:var(--status-no-show);background:var(--status-no-show-bg)}.booking-detail-panel{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:10px;padding:20px;position:sticky;top:24px}.detail-placeholder{text-align:center;color:var(--color-muted);padding:60px 20px;font-size:.9rem}.detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.detail-header h2{font-size:1.1rem;font-weight:700;color:var(--color-ink);margin:0}.detail-section{margin-bottom:16px}.detail-section h3{font-size:.8rem;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-field label{display:block;font-size:.7rem;color:var(--color-muted);margin-bottom:2px;text-transform:uppercase;letter-spacing:.04em}.detail-field span{font-size:.85rem;color:var(--color-text)}.detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.btn{padding:7px 14px;border-radius:6px;border:none;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-confirm{background:var(--status-confirmed-bg);color:var(--status-confirmed);border:1px solid var(--status-confirmed)}.btn-confirm:hover:not(:disabled){background:var(--status-confirmed);color:#000}.btn-complete{background:var(--status-completed-bg);color:var(--status-completed);border:1px solid var(--status-completed)}.btn-complete:hover:not(:disabled){background:var(--status-completed);color:#000}.btn-no-show{background:var(--status-no-show-bg);color:var(--status-no-show);border:1px solid var(--status-no-show)}.btn-no-show:hover:not(:disabled){background:var(--status-no-show);color:#000}.btn-cancel{background:var(--status-cancelled-bg);color:var(--status-cancelled);border:1px solid var(--status-cancelled)}.btn-cancel:hover:not(:disabled){background:var(--status-cancelled);color:#fff}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-outline:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn-danger-outline{background:transparent;border:1px solid var(--status-no-show);color:var(--status-no-show)}.btn-danger-outline:hover:not(:disabled){background:var(--status-no-show);color:#fff}.ticket-link-row{margin-bottom:16px}.ticket-link{color:var(--color-primary);text-decoration:none;font-size:.85rem;font-weight:500}.ticket-link:hover{text-decoration:underline}.notes-section textarea{width:100%;min-height:80px;background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);padding:10px;font-size:.85rem;font-family:inherit;resize:vertical}.notes-section textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f640}.notes-actions{display:flex;justify-content:flex-end;margin-top:8px}.blocks-section{margin-top:28px;border-top:1px solid var(--color-border);padding-top:20px}.blocks-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.blocks-header h2{font-size:1.1rem;font-weight:700;color:var(--color-ink);margin:0}.block-form{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:8px;padding:16px;margin-bottom:14px;display:flex;flex-direction:column;gap:12px}.block-form-row{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.block-form-field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:120px}.block-form-field label{font-size:.75rem;color:var(--color-muted);font-weight:500}.block-form-field input,.block-form-field select,.block-form-field textarea{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);padding:7px 10px;font-size:.85rem;font-family:inherit;color-scheme:dark}.block-form-field input:focus,.block-form-field select:focus,.block-form-field textarea:focus{outline:none;border-color:var(--color-primary)}.block-form-check{display:flex;align-items:center;gap:8px;padding:4px 0}.block-form-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.block-form-check label{font-size:.85rem;color:var(--color-text)}.block-form-actions{display:flex;gap:8px;justify-content:flex-end}.blocks-list{display:flex;flex-direction:column;gap:6px}.block-item{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:6px;padding:10px 12px}.block-info{display:flex;flex-direction:column;gap:2px}.block-date{font-size:.85rem;color:var(--color-text);font-weight:500}.block-reason{font-size:.78rem;color:var(--color-muted)}.block-technician{font-size:.75rem;color:var(--color-primary)}.block-delete{background:transparent;border:1px solid var(--color-border);color:var(--status-no-show);padding:4px 10px;border-radius:5px;cursor:pointer;font-size:.75rem;transition:all .15s ease}.block-delete:hover{background:var(--status-no-show-bg);border-color:var(--status-no-show)}.bookings-loading,.bookings-empty{text-align:center;padding:40px 16px;color:var(--color-muted);font-size:.9rem}.bookings-loading .spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite;margin-bottom:8px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.bookings-layout{grid-template-columns:1fr}.booking-detail-panel{position:static}.bookings-list{max-height:50vh}.detail-grid{grid-template-columns:1fr}.bookings-header{flex-direction:column;align-items:flex-start}.block-form-row{flex-direction:column}.block-form-field{min-width:100%}}.bookings-header{flex-direction:column;align-items:stretch;gap:10px}.bookings-header .header-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.new-booking-btn{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);padding:8px 14px;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:filter .15s ease}.new-booking-btn:hover{filter:brightness(1.1)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;padding:5vh 16px 16px;z-index:1000;overflow-y:auto}.nbm-modal{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:10px;width:100%;max-width:640px;color:var(--color-text);box-shadow:0 20px 60px #00000073;display:flex;flex-direction:column}.nbm-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border)}.nbm-header h2{font-size:1.1rem;margin:0;color:var(--color-ink)}.nbm-close{background:transparent;border:none;color:var(--color-muted);font-size:1.6rem;line-height:1;cursor:pointer;padding:0 6px}.nbm-close:hover{color:var(--color-ink)}.nbm-body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:14px}.nbm-fieldset{border:1px solid var(--color-border);border-radius:8px;padding:10px 14px 14px;margin:0}.nbm-fieldset legend{padding:0 6px;color:var(--color-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.nbm-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.nbm-field{display:flex;flex-direction:column;gap:4px}.nbm-field label{font-size:.8rem;color:var(--color-muted)}.nbm-field input,.nbm-field select,.nbm-field textarea{background:var(--color-surface-solid);border:1px solid var(--color-border);color:var(--color-text);padding:8px 10px;border-radius:6px;font-size:.9rem;font-family:inherit}.nbm-field input:focus,.nbm-field select:focus,.nbm-field textarea:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.nbm-hint{font-size:.8rem;color:var(--color-muted);padding:8px 10px;background:var(--color-surface-solid);border:1px dashed var(--color-border);border-radius:6px}.nbm-error{background:#f871711f;border:1px solid rgba(248,113,113,.4);color:#fecaca;padding:10px 12px;border-radius:6px;font-size:.88rem}.nbm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.nbm-link-box{display:flex;gap:8px;margin:12px 0}.nbm-link-box input{flex:1;background:var(--color-surface-solid);border:1px solid var(--color-border);color:var(--color-text);padding:8px 10px;border-radius:6px;font-size:.85rem;font-family:ui-monospace,monospace}@media(max-width:600px){.nbm-row{grid-template-columns:1fr}}:root{--color-primary: #3b82f6;--color-primary-hover: #60a5fa;--color-primary-dark: #2563eb;--color-primary-light: rgba(59, 130, 246, .12);--color-ink: #f1f5f9;--color-text: #e2e8f0;--color-muted: #94a3b8;--color-subtle: #64748b;--color-ghost: #475569;--color-border: rgba(148, 163, 184, .12);--color-bg: #0b1121;--color-bg-raised: #111827;--color-surface: rgba(17, 24, 39, .92);--color-surface-solid: #1e293b;--color-success: #34d399;--color-success-bg: rgba(52, 211, 153, .12);--color-success-ink: #6ee7b7;--color-warning: #fbbf24;--color-warning-bg: rgba(251, 191, 36, .12);--color-warning-ink: #fde68a;--color-danger: #f87171;--color-danger-bg: rgba(248, 113, 113, .12);--color-danger-ink: #fca5a5;--color-info: #60a5fa;--color-info-bg: rgba(96, 165, 250, .12);--color-info-ink: #93c5fd;--color-purple: #a78bfa;--color-purple-bg: rgba(167, 139, 250, .12);--color-purple-ink: #c4b5fd;--color-pink: #f472b6;--color-pink-bg: rgba(244, 114, 182, .12);--color-pink-ink: #f9a8d4;--radius-xs: 3px;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 14px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 30px rgba(0, 0, 0, .6);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .7);--shadow-soft: 0 12px 30px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(59, 130, 246, .15);--focus-ring: 0 0 0 2px rgba(59, 130, 246, .4);--ease: .15s ease;--touch-min: 44px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#0b1121;color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit}button,[role=button],select,input[type=submit],input[type=button],input[type=reset],.touchable{min-height:var(--touch-min);cursor:pointer}input,textarea,select{font-family:inherit;font-size:max(16px,1em)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b859}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:#fff;padding:8px 16px;z-index:10000;font-size:.9rem;border-radius:0 0 4px;transition:top .15s ease}.skip-link:focus{top:0}.App--companion .skip-link{display:none}.App{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:#0b1121;position:relative;overflow-x:hidden}.App:before{display:none}.main-content{flex:1;display:flex;justify-content:center;padding:.5rem;padding-bottom:calc(.5rem + var(--safe-bottom));position:relative;z-index:1;min-height:0}.page-shell{width:100%;max-width:1200px;margin:0 auto;min-height:0}@media(min-width:768px){.main-content{padding:.5rem .75rem}}@media(min-width:1024px){.main-content{padding:.5rem 1rem}}.App--companion{background:linear-gradient(150deg,#f8f0e4,#f3e7d8 45%,#efe1cf)}.App--companion:before{background:radial-gradient(circle at 20% 20%,rgba(193,109,63,.18),transparent 55%),radial-gradient(circle at 80% 10%,rgba(14,116,144,.16),transparent 48%)}.App--companion .main-content{align-items:stretch}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{height:100vh;text-rendering:optimizeSpeed;line-height:1.5}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button{background:none;border:none;cursor:pointer}fieldset{border:none}table{border-collapse:collapse;border-spacing:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}