:root{--azul:#4f46e5;--texto:#17233b;--texto2:#43516a;--surface:#fff;--muted:#59677e;--borda:#dde3ee;font-family:system-ui,-apple-system,sans-serif;color:var(--texto);background:#f2f5fa}*{box-sizing:border-box}body{margin:0}a{color:var(--azul)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,.btn{cursor:pointer}button:disabled{opacity:.55;cursor:wait}.mobile-header{background:#fff;border-bottom:1px solid var(--borda);padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;gap:10px;text-decoration:none;font-size:24px;align-items:center}.brand span{font-size:17px;font-weight:800}.brand small{display:block;font-size:11px;font-weight:500;color:var(--muted)}.desktop{font-size:12px;text-decoration:none;padding:10px 0}main{max-width:750px;margin:auto;padding:16px 16px 110px}h1{font-size:24px;line-height:1.3;margin:20px 0 12px}h2{font-size:18px}p{line-height:1.6}small{color:var(--muted);font-size:12px}.context{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted);margin-bottom:18px}.card,.store,.task{background:#fff;border:1px solid var(--borda);border-radius:16px;padding:18px;margin-bottom:14px}.store label,label{display:block;font-size:13px;font-weight:650;margin-bottom:8px}.row{display:flex;gap:8px;align-items:center}.row input,.row select{flex:1;min-width:0}input,select,.form-control{width:100%;border:1px solid #bdc8da;border-radius:10px;min-height:46px;padding:10px 12px;background:white;color:var(--texto);font-size:16px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 14px;border:1px solid #ccd5e5;border-radius:10px;background:#f4f6fb;color:var(--texto);text-decoration:none;font-size:14px;font-weight:650;white-space:normal}.btn-primary{background:var(--azul);border-color:var(--azul);color:#fff}.btn-secondary{background:#f4f6fb}.welcome p{color:var(--muted)}.tasks{display:grid;gap:12px;margin:22px 0}.task{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--texto);margin:0;min-height:96px}.task strong,.task small{display:block}.task small{margin-top:5px}.task-icon{font-size:25px;background:#eef0ff;border-radius:12px;padding:12px}.task b{margin-left:auto;color:var(--azul);font-size:25px}.info{background:#eef2ff}.info p{font-size:14px}.bottom{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:white;border-top:1px solid var(--borda);z-index:10}.bottom a{flex:1;max-width:180px;text-align:center;text-decoration:none;color:var(--muted);font-size:12px;padding:14px 2px;border-radius:10px}.bottom [aria-current]{color:var(--azul);background:#eef0ff;font-weight:750}:focus-visible{outline:3px solid #7c3aed;outline-offset:3px}.result h2{margin:0 0 6px;overflow-wrap:anywhere}.metrics{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.metrics span{padding:10px;border-radius:10px;background:#f0f7ff;font-size:13px}.metrics strong{display:block;font-size:18px;margin-top:5px}#consultaStatus{font-size:14px}.grade{padding:12px 0;border-bottom:1px solid var(--borda);font-size:14px}.result button{margin-top:12px}.orc-layout{display:block!important}.orc-editor,.orc-listagem{margin-bottom:16px}#orcamentosApp .orc-tabela table{min-width:480px}#orcamentosApp .orc-tabela{max-width:100%}#orcamentosApp .orc-bar .btn{min-height:46px}#orcamentosApp .orc-campos{grid-template-columns:minmax(0,1fr)}#orcamentosApp #orcDetalhe{max-width:calc(100vw - 24px)}.orc-nota{overflow-wrap:anywhere}.orc-resultados .btn{width:100%}#orcamentosApp summary{padding:12px 0;cursor:pointer}

/* Itens em blocos legíveis no celular, preservando controles/eventos do orçamento. */
#orcamentosApp .orc-tabela table{min-width:0;width:100%;border-collapse:collapse}
#orcamentosApp .orc-tabela thead{display:none}
#orcamentosApp .orc-tabela tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--borda);border-radius:12px;padding:10px;margin-bottom:10px}
#orcamentosApp .orc-tabela td{border:0;min-width:0;overflow-wrap:anywhere;padding:8px}
#orcamentosApp .orc-tabela td:first-child{grid-column:1/-1;font-weight:650}
#orcamentosApp .orc-tabela td:nth-child(2)::before{content:'Quantidade';display:block;font-size:11px;color:var(--muted);margin-bottom:5px}
#orcamentosApp .orc-tabela td:nth-child(3)::before{content:'Unitário';display:block;font-size:11px;color:var(--muted);margin-bottom:5px}
#orcamentosApp .orc-tabela td:nth-child(4)::before{content:'Total';display:block;font-size:11px;color:var(--muted);margin-bottom:5px}
#orcamentosApp .orc-tabela input{width:100%;min-width:0}

.sales-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sales-dates input{min-width:0;max-width:100%;padding:10px 4px}.quick-dates{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}#vendaDetalhe{border:1px solid var(--borda);border-radius:16px;width:min(600px,calc(100vw - 24px));max-height:88vh;overflow:auto;padding:18px;color:var(--texto);background:#fff}#vendaDetalhe::backdrop{background:#17233b99}.sale-state{display:inline-block;padding:5px 9px;border-radius:8px;background:#eef2ff;color:#3730a3;font-size:12px}.sale-state.cancelada{background:#fee2e2;color:#991b1b}.venda-item{padding:12px 0;border-bottom:1px solid var(--borda);line-height:1.6;font-size:14px}.venda-item strong{display:block}.bottom a{font-size:11px}

#orcConfirmarDescarte{border:1px solid var(--borda);border-radius:16px;width:min(480px,calc(100vw - 24px));padding:20px;color:var(--texto)}#orcConfirmarDescarte::backdrop{background:#17233b99}

#mobileEditor>summary,#mobileLista>summary{font-weight:700;font-size:16px;padding:5px 0;cursor:pointer}#mobileEditor .orc-editor,#mobileLista .orc-listagem{padding:18px 0 0;margin:0}

[hidden]{display:none!important}

/* Interface de aplicativo: escopo exclusivo da página principal móvel. */
.app-icon{display:block;width:24px;height:24px;flex-shrink:0}.mobile-app{background:#f4f6fb}.mobile-app main{max-width:940px;padding-bottom:calc(110px + env(safe-area-inset-bottom))}.mobile-app .mobile-header{padding:14px max(16px,env(safe-area-inset-left));gap:12px;box-shadow:0 2px 12px #25345205}.mobile-app .brand{min-height:44px;font-size:18px;gap:10px;min-width:0}.brand-symbol{display:grid!important;place-items:center;width:44px;height:44px;border-radius:14px;background:#4f46e5;color:#fff;flex-shrink:0}.brand-symbol .app-icon{width:26px;height:26px}.mobile-app .brand small{margin-top:3px}.mobile-app .desktop{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid #e2e7f0;border-radius:12px;min-height:44px;color:#526079;background:white}.desktop .app-icon{width:17px;height:17px}.mobile-app .context{align-items:center;margin:4px 0 16px;gap:12px;line-height:1.5}.mobile-app #conexao{font-size:11px;padding:6px 10px;border-radius:20px;background:#edf2fa;color:#4b5d78;text-align:right}.app-welcome{padding:18px 0 4px}.app-eyebrow{font-size:10px;letter-spacing:.12em;font-weight:800;color:#6558aa}.app-welcome h1{font-size:26px;margin:8px 0}.app-welcome p{font-size:14px;margin:0}.mobile-app .store{padding:14px 16px;border-radius:16px}.mobile-app .tasks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 12px}.mobile-app .task{--task-color:#4f46e5;--task-bg:#efedff;padding:18px;display:grid;grid-template-columns:1fr auto;align-content:start;gap:14px 8px;min-height:185px;border-radius:20px;position:relative;box-shadow:0 4px 15px #24345104;transition:box-shadow .15s,transform .15s}.mobile-app .task .task-icon{width:50px;height:50px;padding:12px;border-radius:15px;background:var(--task-bg);color:var(--task-color)}.mobile-app .task .task-icon .app-icon{width:26px;height:26px}.mobile-app .task>span:nth-child(2){grid-column:1/-1;min-width:0}.mobile-app .task strong{font-size:16px;line-height:1.35}.mobile-app .task small{font-size:12px;line-height:1.5;margin-top:6px}.mobile-app .task>b{position:absolute;right:18px;top:28px;color:#98a4b7}.mobile-app .task>b .app-icon{width:18px;height:18px}.mobile-app .task-produtos{--task-color:#117e66;--task-bg:#e6f6ef}.mobile-app .task-clientes{--task-color:#2563bd;--task-bg:#eaf2ff}.mobile-app .task-orcamentos{--task-color:#7448c9;--task-bg:#f1eaff}.mobile-app .task-vendas{--task-color:#b46d12;--task-bg:#fff3de}.mobile-app .task-simulador{--task-color:#127e91;--task-bg:#e4f6f8;display:flex;align-items:center;min-height:100px;margin-bottom:18px;padding-right:44px}.mobile-app .task-simulador>span:nth-child(2){flex:1}.mobile-app .task-simulador>b{top:40px}.mobile-app .task:active{transform:scale(.985)}.mobile-app .task:hover{box-shadow:0 5px 20px #24345110}.mobile-app .info{background:#fff;border-color:#e0e4f0;padding:20px}.mobile-app .info h2{font-size:16px;margin:0 0 8px}.mobile-app .info p{font-size:13px}.mobile-app .btn{gap:8px;min-height:48px}.mobile-app .btn .app-icon{width:20px;height:20px}.mobile-app input,.mobile-app select{min-height:48px;font-size:16px;max-width:100%}.mobile-app .bottom{gap:3px;background:#fff;box-shadow:0 -4px 20px #24345108;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #e6eaf3}.mobile-app .bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:58px;padding:8px 2px;font-size:11px;border-radius:14px;color:#68768d;min-width:0}.mobile-app .bottom a .app-icon{width:23px;height:23px}.mobile-app .bottom [aria-current]{background:#eeebff;color:#5743b8;font-weight:750}.mobile-app .bottom a:active{background:#f0f2f8}.mobile-app .card{overflow-wrap:anywhere}.mobile-app .btn:disabled{cursor:progress}.mobile-app .welcome.card{padding:28px 22px}.mobile-app .welcome.card h1{font-size:25px}.mobile-app .welcome.card .btn{width:100%;margin:10px 0}.mobile-app .welcome.card p{font-size:14px}
@media(min-width:768px){.mobile-app .tasks{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-app main{padding-top:24px}.mobile-app .task{padding:18px 14px}.mobile-app .task strong{font-size:15px}.mobile-app .task>b{right:12px}.mobile-app .task-simulador{padding:20px 50px 20px 20px}.mobile-app .app-welcome h1{font-size:30px}}
@media(max-width:380px){.mobile-app main{padding-left:12px;padding-right:12px}.mobile-app .brand span:not(.brand-symbol){font-size:15px}.mobile-app .desktop span{display:none}.mobile-app .desktop{min-width:44px;justify-content:center}.mobile-app .tasks{gap:10px}.mobile-app .task{padding:16px 13px}.mobile-app .task strong{font-size:14px}.mobile-app .task small{font-size:11px}.mobile-app .bottom a{font-size:10px}}
@media(prefers-reduced-motion:reduce){.mobile-app .task{transition:none}.mobile-app .task:active{transform:none}}

/* Entrega 03: ações claras nas consultas e propostas, sem mudar os eventos. */
.mobile-app .page-intro{margin:20px 0}.mobile-app .page-intro h1{font-size:25px;margin:0 0 7px}.mobile-app .page-intro p{font-size:14px;color:var(--muted);margin:0}.mobile-app #mobileBusca .row{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:stretch}.mobile-app #mobileBusca .btn{width:100%;background:var(--azul);color:white}.mobile-app #mobileBusca input{min-height:52px}.mobile-app .quick-dates{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-app .quick-dates .btn-primary{grid-column:1/-1}.mobile-app .result .btn{width:100%;margin-top:16px}.mobile-app #consultaStatus:empty,.mobile-app #vendasStatus:empty{display:none}.mobile-app #consultaStatus:not(:empty),.mobile-app #vendasStatus:not(:empty){padding:12px 14px;background:#edf2fa;border-radius:12px;font-size:13px;line-height:1.6}.mobile-app .metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-app .metrics span{min-width:0;line-height:1.5}.mobile-app .metrics strong{font-size:19px;overflow-wrap:anywhere}.app-help{border:1px solid var(--borda);background:#fff;border-radius:12px;padding:12px 14px;margin-bottom:16px}.app-help summary{cursor:pointer;color:#566681;font-size:13px;font-weight:650;min-height:26px;line-height:1.7}.app-help .orc-nota{margin-bottom:0}#orcamentosApp .orc-bar{gap:10px;flex-wrap:wrap}#orcamentosApp>.orc-bar{display:grid;grid-template-columns:1fr;align-items:stretch;padding:16px;border-radius:16px;background:white;border:1px solid var(--borda);margin-bottom:16px}#orcamentosApp>.orc-bar>label{margin:0}#orcamentosApp #orcNovo,#orcamentosApp #orcSalvar{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:8px}#orcamentosApp .btn .app-icon{width:19px;height:19px}#orcamentosApp .orc-editor .orc-bar,#orcamentosApp .orc-listagem>.orc-bar{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}#orcamentosApp .orc-nota{line-height:1.7;font-size:12px}#orcamentosApp details>summary{display:list-item;font-size:16px;padding:4px 0;min-height:36px}#orcamentosApp .orc-total{padding:16px;border-radius:14px;background:#eeebff;gap:12px;margin:16px 0}#orcamentosApp .orc-total strong{font-size:23px;color:#4f3ba5}#orcamentosApp #orcDetalhe{border:1px solid var(--borda);border-radius:20px;width:min(620px,calc(100vw - 24px));max-height:88dvh;padding:20px;overflow:auto}#orcamentosApp #orcDetalhe::backdrop{background:#17233b80}#orcamentosApp #orcDetalhe>.orc-bar,#orcamentosApp #orcSalvoAcoes .orc-bar{display:grid;grid-template-columns:1fr 1fr;gap:10px}#orcamentosApp #mobileCompartilhar{grid-column:1/-1}#orcamentosApp #orcCancelar{color:#ab3434;background:#fff1ef;border-color:#f3c7c0}#orcamentosApp #orcFechar{display:flex;align-items:center;gap:6px;margin-left:auto}#orcamentosApp #orcLista>button{min-height:76px;padding:15px;text-align:left;border-radius:14px;margin-bottom:10px}#orcamentosApp #orcLista>button:active{background:#f1edff}.mobile-app .btn:focus-visible{outline:3px solid #8275df;outline-offset:3px}
@media(min-width:600px){.mobile-app #mobileBusca .row{grid-template-columns:minmax(0,1fr) auto}.mobile-app .quick-dates{grid-template-columns:auto auto 1fr}.mobile-app .quick-dates .btn-primary{grid-column:auto}#orcamentosApp>.orc-bar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}#orcamentosApp #orcNovo{width:auto}#orcamentosApp .orc-editor .orc-bar,#orcamentosApp .orc-listagem>.orc-bar{grid-template-columns:minmax(0,1fr) auto}}
@media(max-width:380px){#orcamentosApp #orcDetalhe>.orc-bar,#orcamentosApp #orcSalvoAcoes .orc-bar{grid-template-columns:1fr}#orcamentosApp #orcDetalhe{padding:16px}.mobile-app .page-intro h1{font-size:23px}}
