:root{--color-bg: #f5f5f5;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-muted: #666666;--color-primary: #2563eb;--color-border: #e5e5e5;--font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--touch-target-min: 44px;--layout-max-width: 480px}@media(min-width:768px){:root{--layout-max-width: 720px}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--color-primary)}.app-shell{display:flex;flex-direction:column;min-height:100dvh}.app-shell__header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-md);min-height:var(--touch-target-min);display:flex;align-items:center}.app-shell__title{margin:0;font-size:1.125rem;font-weight:600}.app-shell__unit-slot{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px;color:var(--color-text-muted);font-size:.875rem;text-align:right;max-width:60%}.app-shell__network{font-weight:600;color:var(--color-text);font-size:.9375rem;line-height:1.2}.app-shell__unit{font-size:.75rem;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}.app-layout{flex:1;padding:var(--space-md);width:100%;max-width:var(--layout-max-width);margin-inline:auto}.app-layout--mobile,.app-layout--desktop{max-width:var(--layout-max-width)}.app-nav{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.app-nav__link{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-sm) var(--space-md);text-decoration:none;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-surface);color:var(--color-text);font-size:.875rem}.app-nav__link:hover{border-color:var(--color-primary)}.page-placeholder h1{margin:0 0 var(--space-sm);font-size:1.25rem}.page-placeholder p{margin:0;color:var(--color-text-muted)}.error-fallback{padding:var(--space-lg);text-align:center}.error-fallback h1{margin:0 0 var(--space-sm);font-size:1.25rem}.error-fallback p{margin:0 0 var(--space-md);color:var(--color-text-muted)}.error-fallback__retry{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-sm) var(--space-lg);font-size:1rem;cursor:pointer;border:1px solid var(--color-primary);border-radius:4px;background-color:var(--color-primary);color:#fff}.scanner-open-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-primary);border-radius:4px;background:var(--color-primary);color:#fff;font:inherit;cursor:pointer}.scanner-open-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.scanner-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-md);background:#0000008c}.scanner-modal{width:100%;max-width:min(var(--layout-max-width),100%);max-height:100%;overflow:auto;padding:var(--space-md);border-radius:8px;background:var(--color-surface);color:var(--color-text);box-shadow:0 8px 24px #0003}.scanner-modal:focus{outline:none}.scanner-modal:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.scanner-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm)}.scanner-modal__title{margin:0;font-size:1.125rem;font-weight:600}.scanner-modal__close{flex-shrink:0;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer}.scanner-modal__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.scanner-modal__description{margin:0 0 var(--space-md);color:var(--color-text-muted);font-size:.9375rem}.scanner-modal__preview{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:4px;background:#111}.scanner-modal__video{display:block;width:100%;height:100%;object-fit:cover}.scanner-modal__status{margin-top:var(--space-md);min-height:1.5em;font-size:.9375rem}.scanner-modal__focus-sentinel{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.unit-setup-page h1{margin:0 0 var(--space-sm);font-size:1.25rem}.unit-setup-page__lead,.unit-setup-page__current{margin:0 0 var(--space-md);color:var(--color-text-muted)}.unit-setup-page__switch-banner{margin:0 0 var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);color:var(--color-text);font-size:.9375rem;line-height:1.45}.unit-setup-form{display:flex;flex-direction:column;gap:var(--space-sm);max-width:36rem}.unit-setup-form__label{font-weight:600;font-size:.875rem}.unit-setup-form__payload{width:100%;min-height:7rem;padding:var(--space-sm);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875rem;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-surface);color:var(--color-text);resize:vertical}.unit-setup-form__payload:disabled{opacity:.7}.unit-setup-form__hint{margin:0;font-size:.8125rem;color:var(--color-text-muted)}.unit-setup-form__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm)}.unit-setup-form__submit,.unit-setup-form__clear{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-sm) var(--space-md);font-size:.875rem;cursor:pointer;border-radius:4px}.unit-setup-form__submit{border:1px solid var(--color-primary);background-color:var(--color-primary);color:#fff}.unit-setup-form__submit:disabled,.unit-setup-form__clear:disabled{opacity:.6;cursor:not-allowed}.unit-setup-form__clear{margin-top:var(--space-md);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text)}.unit-setup-page__status,.unit-setup-page__success{margin:var(--space-md) 0 0;color:var(--color-text-muted)}.unit-setup-page__error{margin:var(--space-md) 0 0;color:var(--color-danger, #b00020)}.consulta-page{display:flex;flex-direction:column;gap:var(--space-md);max-width:36rem}.consulta-page__instruction{margin:0;text-align:center;color:var(--color-text);font-size:1rem;line-height:1.45}.consulta-form{display:flex;flex-direction:column;gap:var(--space-sm)}.consulta-form__label{font-weight:600;font-size:.875rem}.consulta-code-group{display:flex;align-items:stretch;gap:var(--space-xs);min-height:var(--touch-target-min)}.consulta-code-group__input{flex:1;min-width:0;min-height:var(--touch-target-min);padding:var(--space-sm) var(--space-md);font-size:1rem;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-surface);color:var(--color-text)}.consulta-code-group__input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.consulta-code-group__input[aria-invalid=true]{border-color:var(--color-danger, #b00020)}.consulta-code-group .scanner-open-button{flex-shrink:0;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-sm);border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:.875rem}.consulta-code-group .scanner-open-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.consulta-form__hint{margin:0;font-size:.8125rem;color:var(--color-text-muted)}.consulta-form__error{margin:0;font-size:.875rem;color:var(--color-danger, #b00020)}.consulta-form__loading{margin:0;font-size:.875rem;color:var(--color-text-muted)}.consulta-code-group .scanner-open-button:disabled{opacity:.6;cursor:not-allowed}.consulta-form__submit{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:var(--touch-target-min);margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:1rem;font-weight:600;cursor:pointer;border:1px solid var(--color-primary);border-radius:4px;background-color:var(--color-primary);color:#fff}.consulta-form__submit:disabled{opacity:.6;cursor:not-allowed}.consulta-form__submit:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.consulta-page__alterar-loja{display:inline-flex;align-items:center;justify-content:center;align-self:center;min-height:var(--touch-target-min);margin-top:var(--space-lg);padding:var(--space-sm);font:inherit;font-size:.9375rem;color:var(--color-primary);text-decoration:underline;cursor:pointer;border:none;background:transparent}.consulta-page__alterar-loja:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.resultado-page{display:flex;flex-direction:column;gap:var(--space-md);max-width:36rem}.resultado-card{display:flex;flex-direction:column;gap:0;padding:0;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-surface)}.resultado-card__section{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);border-bottom:1px solid var(--color-border)}.resultado-card__section:last-child{border-bottom:none}.resultado-card__label{margin:0;font-size:.875rem;font-weight:400;color:var(--color-text-muted)}.resultado-card__description{margin:0;font-size:1.125rem;font-weight:700;line-height:1.35;color:var(--color-text);word-break:break-word}.resultado-card__price{margin:0;font-size:1.75rem;font-weight:700;line-height:1.2;color:var(--color-text)}.resultado-card__code{margin:0;font-size:1.125rem;font-weight:400;line-height:1.35;color:var(--color-text);font-variant-numeric:tabular-nums;word-break:break-all}.resultado-form{display:flex;flex-direction:column;gap:var(--space-sm)}.resultado-form__instruction{margin:0;text-align:center;color:var(--color-text);font-size:.9375rem;line-height:1.45}.resultado-form__label{font-weight:600;font-size:.875rem}.resultado-code-group{display:flex;align-items:stretch;gap:var(--space-xs);min-height:var(--touch-target-min)}.resultado-code-group__input{flex:1;min-width:0;min-height:var(--touch-target-min);padding:var(--space-sm) var(--space-md);font-size:1rem;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-surface);color:var(--color-text)}.resultado-code-group__input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.resultado-code-group__input[aria-invalid=true]{border-color:var(--color-danger, #b00020)}.resultado-code-group .scanner-open-button{flex-shrink:0;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-sm);border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:.875rem}.resultado-code-group .scanner-open-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.resultado-code-group .scanner-open-button:disabled{opacity:.6;cursor:not-allowed}.resultado-form__hint{margin:0;font-size:.8125rem;color:var(--color-text-muted)}.resultado-form__error{margin:0;font-size:.875rem;color:var(--color-danger, #b00020)}.resultado-form__loading{margin:0;font-size:.875rem;color:var(--color-text-muted)}.resultado-form__submit{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:var(--touch-target-min);margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:1rem;font-weight:600;cursor:pointer;border:1px solid var(--color-primary);border-radius:4px;background-color:var(--color-primary);color:#fff}.resultado-form__submit:disabled{opacity:.6;cursor:not-allowed}.resultado-form__submit:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.resultado-page__alterar-loja{display:inline-flex;align-items:center;justify-content:center;align-self:center;min-height:var(--touch-target-min);margin-top:var(--space-lg);padding:var(--space-sm);font:inherit;font-size:.9375rem;color:var(--color-primary);text-decoration:underline;cursor:pointer;border:none;background:transparent}.resultado-page__alterar-loja:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.resultado-page__unavailable{margin:0;color:var(--color-text-muted)}.query-error-panel{display:flex;flex-direction:column;gap:var(--space-sm);margin:0;padding:var(--space-md);border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-surface)}.query-error-panel__title{margin:0;font-size:1rem;font-weight:600;color:var(--color-text)}.query-error-panel__message{margin:0;font-size:.9375rem;line-height:1.45;color:var(--color-text)}.query-error-panel__action{align-self:flex-start;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-sm) var(--space-md);font-size:.9375rem;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-surface);color:var(--color-text);cursor:pointer}.query-error-panel__action:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.query-error-panel__action:disabled{opacity:.6;cursor:not-allowed}.query-error-panel--not-found{border-color:var(--color-border)}.query-error-panel--offline,.query-error-panel--timeout,.query-error-panel--generic{border-color:var(--color-danger, #b00020)}.offline-page{display:flex;flex-direction:column;gap:var(--space-md);max-width:36rem}.offline-page__title{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text)}.offline-page__message{margin:0;font-size:1rem;line-height:1.45;color:var(--color-text)}.offline-page__back{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target-min);padding:var(--space-sm) var(--space-md);font-size:.9375rem;color:var(--color-primary);text-decoration:underline}.offline-page__back:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.confirm-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:var(--space-md);background:#0000008c}.confirm-dialog{width:100%;max-width:min(24rem,100%);max-height:100%;overflow:auto;padding:var(--space-md);border-radius:8px;background:var(--color-surface);color:var(--color-text);box-shadow:0 8px 24px #0003}.confirm-dialog:focus{outline:none}.confirm-dialog:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.confirm-dialog__title{margin:0 0 var(--space-sm);font-size:1.125rem;font-weight:600}.confirm-dialog__description{margin:0 0 var(--space-md);font-size:.9375rem;line-height:1.45;color:var(--color-text-muted)}.confirm-dialog__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:flex-end}.confirm-dialog__cancel,.confirm-dialog__confirm{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-sm) var(--space-md);border-radius:4px;font:inherit;cursor:pointer}.confirm-dialog__cancel{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.confirm-dialog__confirm{border:1px solid var(--color-primary);background:var(--color-primary);color:#fff}.confirm-dialog__cancel:focus-visible,.confirm-dialog__confirm:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}