/* Camada visual comum: geometria do terminal em pos-layout.css. */
:root{--ui-bg:#f3f5f8;--ui-card:#fff;--ui-text:#202b3b;--ui-muted:#647184;--ui-border:#dfe5ed;--ui-nav:var(--brand2,#172333);--unified-sidebar:256px}
body.dark{--ui-bg:#111923;--ui-card:#1b2735;--ui-text:#edf2f8;--ui-muted:#adbbcd;--ui-border:#344357}
body.logged-in{--bg:var(--ui-bg);--card:var(--ui-card);--txt:var(--ui-text);--muted:var(--ui-muted);--line:var(--ui-border);--shadow:0 3px 14px #14233608;--soft2:var(--ui-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;line-height:1.5}
body.logged-in h1,body.logged-in h2,body.logged-in h3,body.logged-in h4{font-weight:650!important;line-height:1.3;letter-spacing:-.025em!important}
body.logged-in label,body.logged-in th{font-weight:600!important}
body.logged-in>#appHeader{background:var(--ui-card)!important;color:var(--ui-text)!important;box-shadow:none!important;border-bottom:1px solid var(--ui-border)}
body.logged-in #appSidebar{background:var(--ui-nav)!important;box-shadow:none!important;border-right:1px solid #ffffff10}
body.logged-in .sidebarBrand{padding:20px 16px}.sidebarBrandText strong{font-size:15px}.sidebarBrandText small{line-height:1.5}
body.premium-interface #appSidebar #menu .premiumNavItem,body.premium-interface #appSidebar #menu .premiumNavGroupButton{border-radius:8px;min-height:44px;font-size:13px;font-weight:500;padding:10px 12px}
body.premium-interface #appSidebar #menu .premiumNavItem.active,body.premium-interface #appSidebar #menu .premiumNavGroup.active>.premiumNavGroupButton{background:#ffffff13;color:#fff;box-shadow:inset 3px 0 var(--brand3,#b98754)}
body.logged-in .pageHead{margin-bottom:24px;gap:16px}body.logged-in .pageHead h2{font-size:27px;margin-bottom:5px}body.logged-in .pageHead p{font-size:14px;color:var(--muted)}
body.logged-in .card{border:1px solid var(--ui-border);border-radius:12px!important;background:var(--ui-card);box-shadow:var(--shadow);padding:20px}
body.logged-in .btn{border-radius:8px!important;font-weight:600!important;box-shadow:none!important;min-height:38px}
body.logged-in input,body.logged-in select,body.logged-in textarea{border-radius:7px!important;border-color:var(--ui-border);font-size:14px;line-height:1.5}
body.logged-in input:focus,body.logged-in select:focus,body.logged-in textarea:focus{outline:2px solid var(--brand);outline-offset:2px}
body.logged-in :is(button,a):focus-visible{outline:3px solid var(--brand3,#b98754)!important;outline-offset:3px}
body.logged-in table{border-collapse:collapse;font-size:13px}body.logged-in th{background:var(--ui-bg)!important;color:var(--ui-muted);text-transform:none;letter-spacing:0;padding:12px!important}body.logged-in td{padding:12px!important;border-color:var(--ui-border)}body.logged-in tbody tr:hover{background:var(--ui-bg)}
body.logged-in .notice{border-radius:8px;box-shadow:none;line-height:1.6}
.uiIcon{width:21px;height:21px;display:inline-block;vertical-align:middle;flex-shrink:0}
body.logged-in .dashboardHero{grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:18px;margin-bottom:18px}
body.logged-in .dashboardHeroMain{padding:24px;border-radius:12px;background:var(--ui-nav);box-shadow:none}
body.logged-in .dashboardHeroMain:after{display:none}
body.logged-in .dashboardEyebrow{font-size:12px;letter-spacing:.04em;font-weight:600;opacity:.85}
body.logged-in .dashboardHeroValue{font-size:42px;font-weight:650;margin:12px 0 20px;font-variant-numeric:tabular-nums}
body.logged-in .dashboardHeroBreakdown{display:flex;gap:24px}body.logged-in .dashboardHeroBreakdown b{font-weight:600;font-size:16px}
body.logged-in .dashboardEmptyHint{max-width:560px;font-size:12px;opacity:.8;line-height:1.6;margin:14px 0 0}
body.logged-in .dashboardUpdated{margin-top:14px;opacity:.7}
body.logged-in .dashboardQuickPanel{padding:20px;border-radius:12px;box-shadow:var(--shadow)}
body.logged-in .dashboardQuickTitle{text-transform:none;letter-spacing:0;font-size:14px;font-weight:600;color:var(--txt);margin-bottom:14px}
body.logged-in .dashboardQuickActions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body.logged-in .dashboardQuickActions button{display:flex;justify-content:flex-start;gap:10px;min-height:52px;padding:12px;font-size:12px;font-weight:550;border-radius:8px;background:var(--ui-card);text-align:left}
body.logged-in .dashboardQuickActions button span{display:flex;color:var(--brand)}
body.logged-in .dashboardMainKpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px;margin-bottom:24px}
body.logged-in .dashboardMetricCard{border-radius:12px;padding:17px 14px;box-shadow:var(--shadow);gap:10px}
body.logged-in .dashboardMetricIcon{width:32px;height:32px;flex-basis:32px;border-radius:8px;font-size:17px;font-weight:600}
body.logged-in .dashboardMetricCard span{font-size:12px;letter-spacing:0;text-transform:none;font-weight:500}
body.logged-in .dashboardMetricCard strong{font-size:24px;font-weight:650;font-variant-numeric:tabular-nums}
body.logged-in .dashboardMetricCard small{font-size:11px;line-height:1.5}
body.logged-in .dashboardStatusGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px;margin-bottom:28px}
body.logged-in .dashboardStatusCard{padding:14px 16px;border-radius:10px;box-shadow:none;gap:14px;min-height:86px}
body.logged-in .dashboardStatusCard>span{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--ui-bg);color:var(--ui-muted);flex-shrink:0}
body.logged-in .dashboardStatusCard b{font-size:21px;font-weight:650;line-height:1.3}.dashboardStatusCard small{font-size:12px;line-height:1.5}
body.logged-in .dashboardSectionHead h3{font-size:18px}body.logged-in .dashboardSectionHead p{font-size:12px}
body.logged-in .dashboardPanel h3{font-size:15px}.dashboardInvoiceList .uiIcon{color:var(--ui-muted)}
/* Terminal: contraste elevado, ações primárias verdes e superfícies neutras. */
:is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Shell{background:#141d29;color:#edf3fb;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
:is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Cart{background:#101823;border-right:1px solid #314054}
:is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Work{background:#182331}
:is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Operator{background:#101823;border-bottom:1px solid #314054;padding:14px 12px}
:is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62OperatorName{font-size:15px;font-weight:600}
:is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62OperatorStatus{color:#b1c3d5;font-size:11px}
:is(html.posTerminalMode body,body.pos62Kiosk) #main :is(.pos62Btn,.pos62Top button){background:#243347!important;color:#edf3fb!important;border:1px solid #40516a!important;border-radius:8px!important;box-shadow:none!important;font-weight:550;font-size:12px;min-height:44px}
:is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Top :is(.green,.quickCash){background:#18734f!important;border-color:#318961!important;color:#fff!important}
:is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Top .red{background:#422531!important;border-color:#764354!important;color:#ffdce3!important}
:is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Search{background:#182331;border-bottom:1px solid #314054;padding:12px}
:is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62ActionRight{gap:7px}
:is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Cats{background:#182331;padding:12px;gap:8px;border-bottom:1px solid #314054}
:is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Cat{background:transparent!important;color:#cad6e4!important;border:1px solid #40516a!important;box-shadow:none!important;border-radius:8px!important;font-weight:550;font-size:13px;min-height:44px;padding:10px 15px}
:is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Cat.active{background:#edf3fb!important;color:#172333!important;border-color:#edf3fb!important}
:is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62GridProducts{padding:14px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}
:is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Product{background:#253548!important;border:1px solid #40516a!important;border-radius:12px!important;box-shadow:none!important;min-height:150px;padding:15px 10px;color:#edf3fb!important;gap:10px}
:is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Product:hover{background:#30445c!important;border-color:#9eb6d4!important}
:is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Product .emoji{font-size:30px;line-height:1.2}
:is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Product .name{text-transform:none;font-size:14px;line-height:1.4;font-weight:550}
:is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Product .price{font-size:19px;font-weight:650;color:#fff;font-variant-numeric:tabular-nums}
:is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Product img{border-radius:7px;object-fit:contain}
:is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Line{border-bottom:1px solid #314054;background:transparent;padding:14px 12px}
:is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62LineTitle{font-size:14px;font-weight:550}
:is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Qty :is(button,input){background:#243347;color:#edf3fb;border:1px solid #40516a;border-radius:6px}
:is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Totals{background:#101823;border-top:1px solid #314054}
:is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Total{color:#8ce2b7;font-weight:650;font-variant-numeric:tabular-nums}
:is(html.posTerminalMode body,body.pos62Kiosk) #main :is(button,input):focus-visible{outline:3px solid #8ce2b7!important;outline-offset:2px}
@media(min-width:901px) and (max-width:1150px){body.logged-in .dashboardHero{grid-template-columns:1fr}body.logged-in .dashboardMainKpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.logged-in .dashboardStatusGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:900px){body.logged-in .dashboardHero{grid-template-columns:1fr}body.logged-in .dashboardMainKpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.logged-in .dashboardStatusGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.logged-in .dashboardHeroMain{padding:20px}body.logged-in .dashboardHeroBreakdown{gap:18px;flex-wrap:wrap}body.logged-in .pageHead h2{font-size:24px}}
@media(max-width:480px){body.logged-in .dashboardMainKpis,body.logged-in .dashboardStatusGrid{grid-template-columns:1fr!important}body.logged-in .card{padding:16px}body.logged-in .dashboardQuickActions button{font-size:12px}body.logged-in .dashboardHeroValue{font-size:36px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* A navegação global é a única coluna lateral. O seletor é uma alternativa
   para o menu recolhido e o telemóvel, sem duplicar outra barra. */
body.premium-interface #main .premiumSettingsShell{display:block!important}
body.premium-interface #main .premiumSectionChooser{display:none;padding:0 0 18px}
body.premium-interface #main .premiumSectionChooser label{display:block;margin-bottom:6px}
body.premium-interface #main .premiumSectionChooser select{max-width:420px;width:100%}
body.premium-interface.sidebar-collapsed #main .premiumSectionChooser{display:block}
body.premium-interface #main .premiumSettingsContent{max-width:1180px}
body.premium-interface #main .premiumPanelHeader{padding:0 0 16px;margin:0;gap:12px}
body.premium-interface #main .premiumPanelHeader h3{font-size:21px}
body.premium-interface #main .premiumPanelHeader p{font-size:13px;line-height:1.5}
body.premium-interface #main .premiumSettingsActionBar{max-width:1180px;background:var(--ui-card);border-radius:10px;box-shadow:0 -4px 18px #16253608}
body.premium-interface #main .premiumPageIntro{margin-bottom:24px}
body.premium-interface #main .premiumPageIntro h2{font-size:27px}
body.premium-interface #main .premiumPageIntro p{font-size:14px}
body :is(button,input,select,textarea){font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}
body.logged-in #main{color:var(--ui-text)}
body.logged-in .card,body.pos62Kiosk .card{color:var(--ui-text)}
.appWorkspaceLabel{font-size:14px;font-weight:600;color:var(--ui-text);white-space:nowrap}
body.logged-in #appHeader .headerBtn,body.logged-in #appHeader #sidebarToggle{color:var(--ui-text)!important;background:var(--ui-bg)!important;border:1px solid var(--ui-border)!important;box-shadow:none;border-radius:8px;font-weight:550}
body.logged-in #appHeader .searchTop input{color:var(--ui-text)!important;background:var(--ui-bg)!important;border:1px solid var(--ui-border)!important}
body.logged-in #appHeader .pill{color:var(--ui-muted)!important;background:var(--ui-bg)!important;border:1px solid var(--ui-border)!important;font-weight:550}
body.logged-in #appHeader #userEmail{color:var(--ui-muted)!important}
body.logged-in #appSidebar{scrollbar-color:#7c838a transparent;scrollbar-width:thin}
body.premium-interface #appSidebar #menu{scrollbar-color:#7c838a transparent;scrollbar-width:thin}
body.logged-in .card,body.logged-in .dashboardMetricCard{box-shadow:0 2px 5px #14233604}
body.logged-in .dashboardHero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px}
body.logged-in .dashboardHeroMain{background:var(--ui-card);color:var(--ui-text);border:1px solid var(--ui-border);padding:22px 24px;border-left:3px solid var(--brand)}
body.logged-in .dashboardHeroValue.positive{color:#14744d}
body.logged-in .dashboardHeroValue.negative{color:#b22d3d}
body.dark .dashboardHeroValue.positive{color:#83dcb2}body.dark .dashboardHeroValue.negative{color:#ff9aa5}
body.logged-in .dashboardHeroValue{font-size:38px;margin:10px 0 16px}
body.logged-in .dashboardEyebrow{text-transform:none;letter-spacing:0;color:var(--ui-muted);opacity:1;font-size:13px}
body.logged-in .dashboardHeroBreakdown{gap:28px}
body.logged-in .dashboardHeroBreakdown small{opacity:1;color:var(--ui-muted)}
body.logged-in .dashboardUpdated{color:var(--ui-muted);margin-top:14px;opacity:1}
body.logged-in .dashboardQuickPanel{padding:20px}
body.logged-in .dashboardQuickActions button{min-height:46px}
body.logged-in .dashboardStatusGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body.logged-in .dashboardStatusCard{min-height:80px;padding:12px 14px}
body.logged-in .dashboardStatusCard b{font-size:20px}
body.logged-in .dashboardStatusCard small{font-size:12px;line-height:1.4}
body.logged-in .dashboardSectionHead{margin-top:25px;margin-bottom:14px}
body.logged-in .accountingHero{background:var(--ui-card)!important;color:var(--ui-text)!important;border:1px solid var(--ui-border);border-left:3px solid var(--brand);box-shadow:none;border-radius:12px;padding:22px 24px}
body.logged-in .accountingHero:after{display:none}
body.logged-in .accountingHero strong{font-size:32px;font-weight:650}
body.logged-in .accountingHero span,body.logged-in .accountingHero small{color:var(--ui-muted);opacity:1}
body.logged-in .accountingHeroActions button{background:var(--ui-bg);color:var(--ui-text);border:1px solid var(--ui-border);font-size:13px;font-weight:550;border-radius:8px}
body.logged-in .accountingTabs{flex-wrap:wrap!important;gap:6px!important}
body.logged-in .accountingTabs button{border-radius:7px;box-shadow:none;font-size:12px;font-weight:550;padding:9px 12px;min-height:38px}
body.logged-in .accountingTabs button.active{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:none}
body.logged-in .accountingKpis .card{padding:16px}
body.logged-in .accountingKpis h4{text-transform:none;font-size:12px;color:var(--ui-muted)}
body.logged-in .formgrid{gap:16px}
body.logged-in .formgrid label{font-size:13px;color:var(--ui-muted)}
body.logged-in .formgrid input,body.logged-in .formgrid select{min-height:42px;color:var(--ui-text);background:var(--ui-card)}
body.logged-in textarea{font-family:inherit!important;color:var(--ui-text);background:var(--ui-card)}
body.logged-in #main table{color:var(--ui-text);background:var(--ui-card)}
body.logged-in #main td{color:var(--ui-text)}
/* Completa o tema do terminal nas superfícies que ainda herdavam verde. */
:is(html.posTerminalMode body,body.pos62Kiosk) #main :is(.pos62CartList,.pos62Top){background:#101823!important;border-color:#314054!important}
:is(html.posTerminalMode body,body.pos62Kiosk) #main .pos62Line small{color:#b7c5d5}
/* Pagamento: três colunas flexíveis no PC, deslocação vertical no telemóvel.
   Seletores com ID prevalecem sobre as regras antigas injetadas pelo POS. */
#pos62ModalRoot.paymentCompact{padding:10px!important;background:#101823c7!important}
#pos62ModalRoot.paymentCompact .pos62Modal{height:calc(100dvh - 20px)!important;border:1px solid #dfe5ed;border-radius:12px!important;background:#f3f5f8!important;color:#202b3b!important}
#pos62ModalRoot .pos62ModalHead{background:#fff!important;color:#202b3b!important;border-color:#dfe5ed!important}
#pos62ModalRoot .pos62ModalHead h2{font-size:21px;font-weight:650}
#pos62ModalRoot.paymentCompact .pos62PaymentPro{grid-template-columns:minmax(220px,.8fr) minmax(350px,1.6fr) minmax(260px,.85fr)!important;gap:14px!important}
#pos62ModalRoot.paymentCompact :is(.pos62PayArticles,.pos62PayPanel){background:#fff!important;color:#202b3b!important;border:1px solid #dfe5ed!important;border-radius:10px!important;padding:16px!important}
#pos62ModalRoot.paymentCompact :is(h3,strong,b){font-weight:650!important}
#pos62ModalRoot.paymentCompact :is(.pos62SplitPayBox,.pos62PaySummary>div,.pos62TargetHint){background:#f3f5f8!important;border-color:#dfe5ed!important;box-shadow:none!important;color:#202b3b!important;border-radius:9px}
#pos62ModalRoot.paymentCompact :is(.pos62PaymentRow,.pos62PayArticle){border-color:#dfe5ed!important;color:#202b3b!important}
#pos62ModalRoot.paymentCompact :is(.pos62PaymentInfo small,.pos62FieldLabel,label,.muted){color:#59697b!important}
#pos62ModalRoot.paymentCompact :is(.pos62PersonGrid button,.pos62QuickAmounts button,.pos62Btn,.pos62PayMethods button){background:#edf1f6!important;color:#202b3b!important;border:1px solid #dfe5ed!important;border-radius:8px!important;font-size:13px!important;font-weight:600!important;box-shadow:none!important}
#pos62ModalRoot.paymentCompact :is(.pos62PersonGrid button.paid,.pos62QuickAmounts .exact,.pos62PayMethods button.active){background:#18734f!important;border-color:#18734f!important;color:#fff!important}
#pos62ModalRoot.paymentCompact .pos62PersonGrid button.selected{background:#edf5ff!important;border:2px solid #3163a0!important;color:#1c487d!important}
#pos62ModalRoot.paymentCompact .pos62PersonGrid button{min-height:50px!important}
#pos62ModalRoot.paymentCompact .pos62PaymentRemove{align-self:center!important;min-height:38px!important;height:38px!important;background:#fbe9ec!important;color:#a72539!important;border-color:#f4c7d0!important}
#pos62ModalRoot.paymentCompact .pos62SavePending{background:#243347!important;color:#fff!important;min-height:48px!important}
#pos62ModalRoot.paymentCompact :is(.pos62Received,.pos62TouchInput){border:1px solid #c7d2df!important;border-radius:8px!important;font-weight:600!important;height:46px!important;color:#202b3b!important}
#pos62ModalRoot.paymentCompact .pos62TouchInput.active{outline:2px solid #3163a0;outline-offset:1px}
#pos62ModalRoot.paymentCompact .pos62PaySummary h3{color:#59697b!important;font-size:12px!important}
#pos62ModalRoot.paymentCompact .pos62NumPad{background:#182331!important;border-color:#314054!important;padding:10px!important;gap:8px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(6,64px)!important;align-self:start!important}
#pos62ModalRoot.paymentCompact .pos62NumPad button{height:64px!important;min-height:64px!important;background:#253548!important;border:1px solid #40516a!important;border-radius:8px!important;font-size:24px!important;font-weight:600!important;box-shadow:none!important}
#pos62ModalRoot.paymentCompact .pos62NumPad .back{grid-column:1!important;grid-row:5!important}
#pos62ModalRoot.paymentCompact .pos62NumPad .danger{grid-column:2 / span 2!important;grid-row:5!important;background:#632b3a!important;border-color:#9e5366!important;font-size:18px!important}
#pos62ModalRoot.paymentCompact .pos62NumPad .payEnter{grid-column:1 / -1!important;grid-row:6!important;height:64px!important;min-height:64px!important;background:#18734f!important;border-color:#318961!important;font-size:18px!important;line-height:1.2!important;white-space:normal!important}
#pos62ModalRoot.paymentCompact .pos62NumPad button:focus-visible{outline:3px solid #83dcb2;outline-offset:2px}
#pos62ModalRoot.paymentCompact .pos62PayMethods button{min-height:48px}
#pos62ModalRoot.paymentCompact .pos62QuickAmounts button{min-height:44px!important;font-size:14px!important}
@media(min-width:1550px){body.logged-in .dashboardStatusGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:1150px){body.logged-in .dashboardHero{grid-template-columns:1fr}#pos62ModalRoot.paymentCompact .pos62PaymentPro{grid-template-columns:minmax(190px,.75fr) minmax(310px,1.4fr) minmax(230px,.8fr)!important}#pos62ModalRoot.paymentCompact :is(.pos62PayArticles,.pos62PayPanel){padding:10px!important}}
@media(max-width:1050px){body.premium-interface #main .premiumSectionChooser{display:block}.appWorkspaceLabel{display:none}}
@media(max-width:900px){
 #pos62ModalRoot.paymentCompact{overflow-y:auto!important;align-items:flex-start!important;padding:8px!important}
 #pos62ModalRoot.paymentCompact .pos62Modal{height:auto!important;min-height:calc(100dvh - 16px)!important;overflow:visible!important}
 #pos62ModalRoot.paymentCompact .pos62ModalBody{overflow:visible!important;padding:10px!important}
 #pos62ModalRoot.paymentCompact .pos62PaymentPro{height:auto!important;display:flex!important;flex-direction:column!important;overflow:visible!important}
 #pos62ModalRoot.paymentCompact :is(.pos62PayArticles,.pos62PayPanel){width:100%!important;height:auto!important;overflow:visible!important}
 #pos62ModalRoot.paymentCompact .pos62NumPad{width:100%!important;grid-template-rows:repeat(6,56px)!important}
 #pos62ModalRoot.paymentCompact .pos62NumPad button,#pos62ModalRoot.paymentCompact .pos62NumPad .payEnter{height:56px!important;min-height:56px!important}
 #pos62ModalRoot.paymentCompact .pos62PersonGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.logged-in .dashboardStatusGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:480px){body.logged-in .dashboardStatusGrid{grid-template-columns:1fr!important}}
@media print{.skipLink,.appWorkspaceLabel,.premiumSectionChooser,.premiumSettingsActionBar,.dashboardQuickPanel{display:none!important}.dashboardHero,.dashboardMainKpis,.dashboardStatusCard,.card{break-inside:avoid}.dashboardHeroMain{color:#202b3b!important;background:#fff!important}body.logged-in .dashboardHeroValue{color:#14744d!important}}

#pos62ModalRoot.paymentCompact.paymentNonCash .pos62PaymentPro{grid-template-columns:minmax(220px,.8fr) minmax(350px,1.6fr)!important}
@media(max-width:900px){#pos62ModalRoot.paymentCompact.paymentNonCash .pos62PaymentPro{display:flex!important}}

#pos62ModalRoot.paymentCompact .pos62PaySummary>div:only-child{grid-column:1 / -1}