*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-0: #0f172a;--bg-1: #1e293b;--bg-2: #273549;--bg-3: #334155;--text-1: #f1f5f9;--text-2: #94a3b8;--text-3: #64748b;--accent: #3b82f6;--accent-dark:#2563eb;--accent-glow:rgba(59,130,246,.25);--green: #22c55e;--green-bg: rgba(34,197,94,.12);--yellow: #f59e0b;--yellow-bg: rgba(245,158,11,.12);--red: #ef4444;--red-bg: rgba(239,68,68,.12);--purple: #a855f7;--purple-bg: rgba(168,85,247,.12);--cyan: #06b6d4;--border: rgba(148,163,184,.15);--border-2: rgba(148,163,184,.08);--font: "Inter", -apple-system, sans-serif;--radius-sm: 10px;--radius: 16px;--radius-lg: 22px;--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);--nav-h: 66px}html,body{font-family:var(--font);font-size:16px;background:var(--bg-0);color:var(--text-1);height:100%;overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#root{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.scroll-area{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 16px);padding-top:calc(var(--safe-top) + 16px);padding-left:calc(var(--safe-left) + 16px);padding-right:calc(var(--safe-right) + 16px)}h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}h2{font-size:1.25rem;font-weight:700}h3{font-size:1.05rem;font-weight:600}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.text-muted{color:var(--text-2)}.text-hint{color:var(--text-3)}.card{background:var(--bg-1);border-radius:var(--radius);border:1px solid var(--border);padding:16px}.card+.card{margin-top:12px}.card.elevated{background:var(--bg-2);box-shadow:0 4px 24px #0006}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font);font-size:.95rem;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;padding:0 20px;height:50px;min-width:80px;transition:opacity .15s,transform .1s;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97);opacity:.85}.btn:disabled{opacity:.4;pointer-events:none}.btn-primary{background:var(--accent);color:#fff}.btn-success{background:var(--green);color:#fff}.btn-danger{background:var(--red);color:#fff}.btn-ghost{background:var(--bg-2);color:var(--text-1);border:1px solid var(--border)}.btn-icon{width:44px;min-width:44px;height:44px;padding:0;border-radius:12px}.btn-full{width:100%}.btn-lg{height:58px;font-size:1.05rem;border-radius:var(--radius)}.btn-checkin{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 0 20px #22c55e66;font-size:1.1rem;height:64px;border-radius:var(--radius)}.btn-checkout{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 0 20px #ef444466;font-size:1.1rem;height:64px;border-radius:var(--radius)}.input{width:100%;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;font-family:var(--font);font-size:1rem;color:var(--text-1);outline:none;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--text-3)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.input-group{margin-bottom:16px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:100px;text-transform:uppercase;letter-spacing:.04em}.badge-aberta{background:var(--accent-glow);color:var(--accent)}.badge-diagnostico{background:var(--purple-bg);color:var(--purple)}.badge-aguardando_pecas,.badge-aguardando_aprovacao{background:var(--yellow-bg);color:var(--yellow)}.badge-faturada{background:var(--green-bg);color:var(--green)}.badge-encerrada{background:var(--bg-3);color:var(--text-2)}.badge-urgente{background:var(--red-bg);color:var(--red)}.badge-alta{background:var(--yellow-bg);color:var(--yellow)}.badge-normal{background:var(--accent-glow);color:var(--accent)}.badge-baixa{background:var(--bg-3);color:var(--text-3)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#0f172aeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);display:flex;align-items:stretch;z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;color:var(--text-3);font-size:.68rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;transition:color .15s;border:none;background:transparent;-webkit-tap-highlight-color:transparent}.nav-item.active{color:var(--accent)}.nav-item svg{width:22px;height:22px}.page-header{position:sticky;top:0;z-index:50;background:#0f172ae6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:calc(var(--safe-top) + 14px) 20px 14px;display:flex;align-items:center;gap:12px;min-height:calc(var(--safe-top) + 60px)}.page-header h1{flex:1;font-size:1.15rem;line-height:1.1}.back-btn{width:38px;height:38px;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;color:var(--text-1)}.os-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:16px;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;-webkit-tap-highlight-color:transparent}.os-card:active{transform:scale(.99);background:var(--bg-2)}.os-card+.os-card{margin-top:10px}.os-card-number{font-size:.75rem;font-weight:700;color:var(--text-3);letter-spacing:.08em;text-transform:uppercase}.os-card-title{font-size:1rem;font-weight:600;margin:4px 0;color:var(--text-1)}.os-card-client{font-size:.85rem;color:var(--text-2)}.os-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.timer-block{background:var(--green-bg);border:1px solid rgba(34,197,94,.3);border-radius:var(--radius);padding:16px;text-align:center}.timer-value{font-size:2.8rem;font-weight:800;color:var(--green);letter-spacing:.04em;font-variant-numeric:tabular-nums;line-height:1}.timer-label{font-size:.8rem;color:var(--green);opacity:.7;margin-top:4px}.tabs{display:flex;gap:4px;background:var(--bg-2);border-radius:var(--radius-sm);padding:4px;margin-bottom:16px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab-item{flex:1;min-width:max-content;padding:9px 14px;border-radius:8px;font-size:.82rem;font-weight:600;color:var(--text-2);cursor:pointer;text-align:center;border:none;background:transparent;transition:all .15s;white-space:nowrap}.tab-item.active{background:var(--bg-0);color:var(--text-1);box-shadow:0 2px 8px #0006}.filter-chips{display:flex;gap:8px;overflow-x:auto;padding:0 0 8px;-ms-overflow-style:none;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.chip{flex-shrink:0;padding:7px 16px;border-radius:100px;font-size:.8rem;font-weight:600;background:var(--bg-2);border:1px solid var(--border);color:var(--text-2);cursor:pointer;transition:all .15s}.chip.active{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.photo-thumb{aspect-ratio:1;border-radius:12px;object-fit:cover;background:var(--bg-2);border:1px solid var(--border);cursor:pointer}.photo-add-btn{aspect-ratio:1;border-radius:12px;background:var(--bg-2);border:2px dashed var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;color:var(--text-3);font-size:.75rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:12px;text-align:center}.empty-state svg{color:var(--text-3);opacity:.5}.empty-state h3{color:var(--text-2);font-size:1rem}.empty-state p{color:var(--text-3);font-size:.85rem}.spinner{width:36px;height:36px;border:3px solid var(--bg-3);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{display:flex;align-items:center;justify-content:center;height:100%;flex-direction:column;gap:16px}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;border:1px solid;margin-bottom:12px}.alert-error{background:var(--red-bg);color:var(--red);border-color:#ef44444d}.alert-success{background:var(--green-bg);color:var(--green);border-color:#22c55e4d}.alert-warning{background:var(--yellow-bg);color:var(--yellow);border-color:#f59e0b4d}.divider{border:none;border-top:1px solid var(--border);margin:16px 0}.row{display:flex;gap:12px}.row-center{display:flex;align-items:center;gap:8px}.row-between{display:flex;align-items:center;justify-content:space-between}.col{flex:1}.peca-row{padding:12px;background:var(--bg-2);border-radius:var(--radius-sm);margin-bottom:8px;border:1px solid var(--border)}.peca-nome{font-size:.95rem;font-weight:600;margin-bottom:4px}.peca-info{font-size:.8rem;color:var(--text-2)}.peca-total{font-size:1rem;font-weight:700;color:var(--green)}.chat-area{display:flex;flex-direction:column;gap:12px;padding:8px 0}.chat-bubble{max-width:85%;padding:12px 14px;border-radius:18px;font-size:.9rem;line-height:1.5;white-space:pre-wrap}.chat-bubble-user{background:var(--accent);color:#fff;align-self:flex-end;border-bottom-right-radius:6px}.chat-bubble-assistant{background:var(--bg-2);color:var(--text-1);align-self:flex-start;border-bottom-left-radius:6px;border:1px solid var(--border)}.chat-input-bar{display:flex;gap:8px;padding:12px 16px;padding-bottom:calc(12px + var(--safe-bottom));background:var(--bg-1);border-top:1px solid var(--border);position:sticky;bottom:0}.signature-canvas{width:100%;background:var(--bg-2);border:2px dashed var(--border);border-radius:var(--radius);touch-action:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-in{animation:fadeIn .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}.slide-up{animation:slideUp .3s cubic-bezier(.32,.72,0,1)}.login-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:32px 24px;background:var(--bg-0)}.login-logo{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.login-sub{font-size:.9rem;color:var(--text-3);margin-bottom:40px}.login-card{width:100%;max-width:400px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 24px;box-shadow:0 24px 64px #00000080}*{scrollbar-width:none}*::-webkit-scrollbar{display:none}