/* Corporate help UI is independent of the cafe/store/restaurant operational theme. */
body #app #firstStepsHelp{position:static!important;flex:0 0 auto!important;min-height:42px!important;padding:10px 14px!important;border:1px solid #117d76!important;border-radius:11px!important;background:#e7f5f1!important;color:#0f3d4a!important;font:600 13px/1.4 Montserrat,Arial!important;cursor:pointer!important;white-space:nowrap!important}
body #app #firstStepsHelp[hidden]{display:none!important}
body #app #setupWelcome{background:#e7f5f1!important;border-color:#b7dbd2!important;color:#0f3d4a!important;padding:24px!important}
body #app #setupWelcome strong{font-size:20px!important;line-height:1.4!important}body #app #setupWelcome p{font-size:14px!important;color:#365c60!important}
body #app #setupWelcome button{background:#117d76!important;color:white!important;border-color:#117d76!important;font-size:14px!important;min-height:46px!important;padding:12px 18px!important}
body #app #setupDialog{width:min(760px,calc(100vw - 24px))!important;border-color:#b7dbd2!important;font-size:14px!important;color:#0f3d4a!important}
body #app #setupDialog header{background:#0f3d4a!important;padding:22px 26px!important;color:white!important}
body #app #setupDialog h2{color:white!important;font-size:23px!important}
body #app #setupDialog .setup-eyebrow{color:#a4e5db!important;font-size:11px!important}
body #app #setupDialog #setupClose{background:#245562!important;color:white!important;border-color:#527680!important;min-height:40px!important;width:40px!important}
body #app #setupDialog .setup-body{max-height:calc(100dvh - 170px)!important;padding:24px 26px!important}
body #app #setupDialog p{font-size:14px!important;color:#426369!important;line-height:1.75!important}
body #app #setupDialog #setupProgress{height:9px!important;accent-color:#117d76!important;margin:18px 0 22px!important}
body #app #setupDialog h3{font-size:20px!important;line-height:1.4!important;color:#0f3d4a!important;margin:8px 0!important}
body #app #setupDialog .first-task{padding:22px!important;background:#f0f8f5!important;border:1px solid #cde5dc!important;border-radius:15px!important}
body #app #setupDialog .first-state{color:#117d76!important;font-size:13px!important;font-weight:600!important}
body #app #setupDialog .first-checks{padding-left:0!important;list-style:none!important;font-size:13px!important;color:#426369!important;line-height:1.75!important;margin:14px 0!important}
body #app #setupDialog .first-checks li{margin-bottom:8px!important}
body #app #setupDialog button{font:600 14px/1.5 Montserrat,Arial!important;min-height:44px!important;border:1px solid #b7d6ce!important;border-radius:9px!important;padding:10px 14px!important;background:white!important;color:#0f3d4a!important;cursor:pointer!important}
body #app #setupDialog .setup-actions{gap:10px!important;margin-top:18px!important}
body #app #setupDialog .setup-actions button{font-size:14px!important;padding:10px 14px!important;min-height:44px!important;color:#0f3d4a!important;background:white!important}
body #app #setupDialog .setup-actions button.first-primary{background:#117d76!important;color:white!important;border-color:#117d76!important}
body #app #setupDialog .first-task-list{margin:20px 0!important;border-bottom:1px solid #e0ebe5!important;padding-bottom:20px!important}
body #app #setupDialog .first-task-list summary{font-size:14px!important;color:#0f3d4a!important;cursor:pointer!important;padding:8px 0!important}
body #app #setupDialog .first-task-list button{display:flex!important;width:100%!important;gap:10px!important;align-items:center!important;text-align:left!important;margin-top:8px!important;font-size:13px!important}
body #app #setupDialog .first-task-list button>span:last-child{margin-left:auto!important;font-size:12px!important;flex-shrink:0!important}
body #app #setupDialog .first-task-list button[aria-current]{border-color:#117d76!important;background:#edf7f3!important}
body #app #setupDialog .first-learning{margin-top:24px!important}
body #app #setupDialog .first-learning>button{display:block!important;width:100%!important;text-align:left!important;margin:12px 0!important;padding:16px!important;background:#fff!important}
body #app #setupDialog .first-learning strong,body #app #setupDialog .first-learning span{display:block!important}
body #app #setupDialog .first-learning span{font-size:13px!important;font-weight:400!important;margin-top:5px!important;line-height:1.7!important}
body #app #setupDialog .first-logo{font-size:13px!important;background:#f4f8f6!important;margin-top:12px!important}
body #app #practiceDialog{box-sizing:border-box!important;width:min(650px,calc(100vw - 24px))!important;max-width:none!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;padding:0!important;border:1px solid #b7dbd2!important;border-radius:18px!important;background:#fff!important;color:#0f3d4a!important;font:14px/1.7 Montserrat,Arial!important;box-shadow:0 24px 90px #0f3d4a33!important}
body #app #practiceDialog::backdrop{background:#0f3d4a80!important;backdrop-filter:blur(3px)!important}
body #app #practiceDialog header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin:0!important;padding:22px 26px!important;background:#0f3d4a!important;color:white!important;height:auto!important;min-height:0!important}
body #app #practiceDialog h2{font-size:22px!important;color:white!important;margin:5px 0 0!important;line-height:1.4!important}
body #app #practiceDialog .first-eyebrow{font-size:11px!important;color:#a4e5db!important;letter-spacing:1px!important}
body #app #practiceDialog .first-dialog-body{padding:24px 26px!important}
body #app #practiceDialog h3{font-size:20px!important;color:#0f3d4a!important;line-height:1.4!important;margin:20px 0 12px!important}
body #app #practiceDialog p{font-size:14px!important;color:#426369!important;line-height:1.75!important;margin:12px 0!important}
body #app #practiceDialog .practice-safe{background:#e5f5ef!important;color:#174a43!important;border-radius:10px!important;padding:13px!important;margin:0 0 18px!important;font-size:13px!important}
body #app #practiceDialog progress{width:100%!important;height:8px!important;accent-color:#117d76!important}
body #app #practiceDialog button{font:600 14px/1.5 Montserrat,Arial!important;min-height:46px!important;padding:12px 16px!important;border:1px solid #bbd9d0!important;border-radius:10px!important;background:white!important;color:#0f3d4a!important;cursor:pointer!important;width:auto!important;margin:0!important}
body #app #practiceDialog button.first-primary{background:#117d76!important;color:white!important;border-color:#117d76!important;width:100%!important;margin-top:18px!important}
body #app #practiceDialog button.first-close{min-width:40px!important;min-height:40px!important;padding:0!important;font-size:24px!important;background:#245562!important;color:#fff!important;border-color:#527680!important;flex-shrink:0!important}
body #app #practiceDialog button:disabled{opacity:.5!important;cursor:not-allowed!important}
body #app #practiceDialog .practice-products{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
body #app #practiceDialog .practice-products button{text-align:left!important;padding:18px!important}
body #app #practiceDialog .practice-products strong,body #app #practiceDialog .practice-products span{display:block!important}
body #app #practiceDialog .practice-products span{font-size:13px!important;font-weight:400!important;margin-top:8px!important}
body #app #practiceDialog .practice-items{list-style:none!important;margin:18px 0!important;padding:0!important}
body #app #practiceDialog .practice-items li{display:flex!important;align-items:start!important;justify-content:space-between!important;gap:14px!important;padding:10px 0!important;border-bottom:1px solid #e4eee8!important;font-size:14px!important}
body #app #practiceDialog .practice-total{font-size:18px!important;color:#0f3d4a!important}
body #app #practiceDialog .practice-methods{display:flex!important;gap:12px!important;margin:16px 0!important}
body #app #practiceDialog .practice-methods button{flex:1!important}
body #app #practiceDialog .practice-methods button[aria-pressed=true]{background:#a4e5db!important;color:#0f3d4a!important;border-color:#117d76!important}
body #app #practiceDialog label{display:block!important;font-size:14px!important;font-weight:600!important;margin:20px 0 8px!important}
body #app #practiceDialog input{box-sizing:border-box!important;width:100%!important;padding:15px!important;border:1px solid #9dc5ba!important;border-radius:10px!important;font:18px Montserrat,Arial!important;color:#0f3d4a!important;background:white!important}
body #app #practiceDialog small{font-size:13px!important;color:#426369!important}
body #app #practiceDialog footer{display:flex!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:12px!important;padding:20px 0 0!important;border:0!important;margin:0!important}
body #app #practiceDialog .practice-order{padding:20px!important;border:1px solid #d1e4dc!important;border-radius:12px!important;margin:20px 0!important;background:#f3faf7!important}
body #app #practiceDialog .practice-status{display:block!important;font-size:18px!important;color:#117d76!important;font-weight:700!important;margin-top:10px!important}
body #app #practiceDialog #practiceError{padding:12px!important;border-radius:9px!important;background:#fff0eb!important;color:#9a3724!important}
body #app #practiceDialog [hidden]{display:none!important}
body #app #setupDialog :focus-visible,body #app #practiceDialog :focus-visible,body #app #firstStepsHelp:focus-visible{outline:3px solid #117d76!important;outline-offset:3px!important}
@media(max-width:600px){body #app #setupDialog .setup-body,body #app #practiceDialog .first-dialog-body,body #app #practiceDialog header{padding:18px!important}body #app #practiceDialog .practice-products{grid-template-columns:1fr!important}body #app #setupDialog .first-task{padding:17px!important}body #app #firstStepsHelp{font-size:0!important;width:40px!important;padding:8px!important}body #app #firstStepsHelp>span{display:none!important}body #app #setupWelcome strong{font-size:18px!important}body #app #setupDialog .first-task-list button{flex-wrap:wrap!important}}

body #app #setupDialog .setup-note{font-size:13px!important}body #app #setupCard p{font-size:14px!important}body #app #setupCard button{font-size:14px!important;min-height:44px!important}

/* v183: help lifebuoy and corporate colors matching the step guide. */
body #app #firstStepsHelp{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:#0f3d4a!important;border-color:#117d76!important;color:#fff!important}
body #app #firstStepsHelp svg{display:block!important;width:20px!important;height:20px!important;flex:0 0 20px!important;color:#a4e5db!important}
body #app #firstStepsHelp:hover{background:#175563!important}
body #app #firstStepsHelp:focus-visible{outline-color:#117d76!important;outline-offset:3px!important}
body #app #firstStepsHelp[hidden]{display:none!important}

/* v184: quiet, compact dialogs aligned with the surrounding POS. */
body #app #setupDialog{width:min(570px,calc(100vw - 28px))!important;max-height:min(650px,calc(100dvh - 40px))!important;border-radius:14px!important;font-size:13px!important;box-shadow:0 16px 48px #0f3d4a26!important}
body #app #setupDialog[open]{display:flex!important;flex-direction:column!important}
body #app #setupDialog::backdrop,body #app #practiceDialog::backdrop{background:#0f3d4a33!important;backdrop-filter:none!important}
body #app #setupDialog header{position:static!important;flex:0 0 auto!important;background:#fff!important;color:#0f3d4a!important;padding:16px 20px!important;border-bottom:1px solid #e1ebe6!important;box-shadow:none!important}
body #app #setupDialog h2{color:#0f3d4a!important;font-size:18px!important;line-height:1.4!important;margin:4px 0 0!important}
body #app #setupDialog .setup-eyebrow{color:#117d76!important;font-size:10px!important;letter-spacing:1px!important}
body #app #setupDialog #setupClose{width:32px!important;height:32px!important;min-height:32px!important;background:#f4f7f5!important;color:#426369!important;border-color:#dce7e1!important;font-size:20px!important}
body #app #setupDialog .setup-body{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;padding:16px 20px!important;scroll-padding-top:16px!important}
body #app #setupDialog p{font-size:13px!important;line-height:1.6!important;margin:6px 0!important}
body #app #setupDialog h3{font-size:16px!important;line-height:1.4!important;margin:6px 0 8px!important}
body #app #setupDialog #setupProgress{height:6px!important;margin:12px 0 16px!important}
body #app #setupDialog .first-task{padding:15px!important;background:#f7faf8!important;border-color:#dce8e1!important;border-radius:10px!important}
body #app #setupDialog .first-state{font-size:12px!important}
body #app #setupDialog .first-checks{font-size:12px!important;line-height:1.6!important;margin:10px 0!important}
body #app #setupDialog .setup-actions{gap:8px!important;margin-top:12px!important}
body #app #setupDialog button,body #app #setupDialog .setup-actions button{font-size:12px!important;min-height:36px!important;padding:8px 11px!important;border-radius:8px!important;line-height:1.5!important}
body #app #setupDialog .first-task-list{margin:12px 0!important;padding-bottom:12px!important}
body #app #setupDialog .first-task-list summary,body #app #setupDialog .first-learning summary{font-size:13px!important;font-weight:500!important;color:#0f3d4a!important;cursor:pointer!important;padding:8px 0!important;line-height:1.5!important}
body #app #setupDialog .first-task-list button{font-size:12px!important;padding:8px 10px!important}
body #app #setupDialog .first-learning{margin-top:12px!important}
body #app #setupDialog .first-learning>button{padding:11px!important;margin:9px 0!important}
body #app #setupDialog .first-learning span{font-size:12px!important;line-height:1.6!important;margin-top:3px!important}
body #app #setupDialog .first-logo,body #app #setupDialog .setup-note{font-size:12px!important}
body #app #setupDialog .first-logo{margin-top:12px!important;background:transparent!important;border:0!important;padding:4px 0!important;min-height:32px!important;font-weight:500!important}
body #app #practiceDialog{width:min(550px,calc(100vw - 28px))!important;max-height:min(650px,calc(100dvh - 40px))!important;border-radius:14px!important;font-size:13px!important;box-shadow:0 16px 48px #0f3d4a26!important}
body #app #practiceDialog header{position:static!important;background:white!important;color:#0f3d4a!important;padding:16px 20px!important;border-bottom:1px solid #e1ebe6!important}
body #app #practiceDialog h2{font-size:18px!important;color:#0f3d4a!important}
body #app #practiceDialog .first-eyebrow{font-size:10px!important;color:#117d76!important}
body #app #practiceDialog .first-dialog-body{padding:16px 20px!important}
body #app #practiceDialog h3{font-size:16px!important;margin:15px 0 9px!important}
body #app #practiceDialog p{font-size:13px!important;line-height:1.6!important;margin:9px 0!important}
body #app #practiceDialog button{font-size:13px!important;min-height:38px!important;padding:9px 12px!important;border-radius:8px!important}
body #app #practiceDialog button.first-close{min-width:32px!important;min-height:32px!important;background:#f4f7f5!important;color:#426369!important;border-color:#dce7e1!important;font-size:20px!important}
body #app #practiceDialog .practice-safe{font-size:12px!important;padding:10px!important;margin:0 0 12px!important}
body #app #practiceDialog .practice-products button{padding:13px!important}
body #app #practiceDialog .practice-items li{font-size:13px!important;padding:8px 0!important}
body #app #practiceDialog .practice-total{font-size:16px!important}
body #app #practiceDialog .practice-order{padding:14px!important;margin:14px 0!important}
body #app #practiceDialog .practice-status{font-size:16px!important}
@media(max-width:600px){body #app #setupDialog,body #app #practiceDialog{max-height:calc(100dvh - 24px)!important}body #app #setupDialog .setup-body,body #app #setupDialog header,body #app #practiceDialog .first-dialog-body,body #app #practiceDialog header{padding:14px 16px!important}body #app #setupDialog button,body #app #setupDialog .setup-actions button,body #app #practiceDialog button{min-height:40px!important}body #app #setupDialog .first-task{padding:13px!important}}

/* v185: compact welcome notice and precisely centered close control. */
body #app #setupWelcome{padding:12px 16px!important;gap:14px!important;margin:0 0 18px!important;min-height:0!important;border-radius:10px!important;align-items:center!important}
body #app #setupWelcome strong{font-size:13px!important;font-weight:600!important;line-height:1.5!important}
body #app #setupWelcome p{font-size:12px!important;line-height:1.6!important;margin:3px 0 0!important}
body #app #setupWelcome button{font-size:12px!important;min-height:34px!important;padding:8px 12px!important;border-radius:8px!important;line-height:1.5!important;flex-shrink:0!important}
body #app #setupDialog #setupClose{display:grid!important;place-items:center!important;align-self:center!important;flex:0 0 32px!important;box-sizing:border-box!important;position:static!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;margin:0!important;padding:0!important;line-height:1!important;transform:none!important;text-indent:0!important}
body #app #setupDialog #setupClose svg{display:block!important;width:14px!important;height:14px!important;margin:0!important;position:static!important;transform:none!important;pointer-events:none!important}
@media(max-width:600px){body #app #setupWelcome{padding:12px 14px!important;gap:10px!important;align-items:stretch!important}body #app #setupWelcome button{align-self:flex-start!important;min-height:38px!important}}