:root{--violet-50:#f1ecfe;--violet-100:#e4dbfd;--violet-200:#c7b4fb;--violet-300:#a188f7;--violet-400:#7b52f5;--violet-500:#5600f0;--violet-600:#4b0aec;--violet-700:#3d00d7;--violet-800:#2616ad;--violet-900:#1b1470;--navy-900:#0a0c1b;--navy-800:#171d2d;--navy-700:#23293b;--navy-600:#2f3548;--gray-50:#f6f7fa;--gray-100:#eef0f5;--gray-200:#e2e4ec;--gray-300:#cbceda;--gray-400:#afb1bd;--gray-500:#8a8e9b;--gray-600:#7a7e87;--gray-700:#4e5361;--gray-800:#333846;--gray-900:#1c2130;--white:#fff;--red-50:#fdecee;--red-500:#e0243b;--red-600:#c11a2f;--orange-50:#fff1e4;--orange-500:#ff7400;--orange-600:#dd5f00;--amber-50:#fff7e1;--amber-400:#ffb53c;--amber-500:#fec10e;--amber-700:#8a6100;--green-50:#e7f7ef;--green-500:#2ca272;--green-400:#3aba7f;--green-700:#1b7452;--teal-50:#e4f6f9;--teal-500:#309ead;--blue-50:#e9f1fb;--blue-500:#1762b5;--blue-600:#1076cb;--client-laranja:#ff7400;--client-roxo:#7b52f5;--client-azul:#1762b5;--client-verde:#2ca272;--client-amarelo:#fec10e;--font-core:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--fs-display:40px;--fs-hero:32px;--fs-h1:26px;--fs-h2:21px;--fs-h3:17px;--fs-body:15px;--fs-ui:14px;--fs-table:13px;--fs-small:12.5px;--fs-micro:11px;--fs-money-xl:34px;--fs-money-lg:22px;--fs-money:15px;--lh-tight:1.15;--lh-snug:1.3;--lh-body:1.5;--lh-loose:1.65;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:800;--ls-tight:-.02em;--ls-snug:-.01em;--ls-normal:0;--ls-caps:.08em;--sp-1:2px;--sp-2:4px;--sp-3:6px;--sp-4:8px;--sp-5:12px;--sp-6:16px;--sp-7:20px;--sp-8:24px;--sp-9:32px;--sp-10:40px;--sp-11:48px;--sp-12:64px;--sp-13:80px;--topbar-h:56px;--clientband-h:76px;--sidenav-w:232px;--content-max:1440px;--content-pad:24px;--portal-pad:20px;--portal-tabbar-h:64px;--hit-min:48px;--row-h:44px;--row-h-dense:36px;--r-1:4px;--r-2:6px;--r-3:8px;--r-4:10px;--r-5:12px;--r-6:16px;--r-7:20px;--r-8:24px;--r-pill:999px;--bw-hair:1px;--bw-thick:2px;--bw-accent:3px;--sh-hair:0 1px 0 0 #1c21300f;--sh-1:0 1px 2px #171d2d0f,0 1px 1px #171d2d0a;--sh-2:0 2px 8px #171d2d12,0 1px 2px #171d2d0a;--sh-3:0 8px 24px #171d2d1a,0 2px 6px #171d2d0d;--sh-4:0 20px 48px #171d2d29,0 4px 12px #171d2d14;--sh-violet:0 8px 20px #4b0aec47;--sh-inset:inset 0 1px 0 #fff9;--focus-ring:0 0 0 3px #4b0aec3d;--dur-instant:80ms;--dur-fast:.14s;--dur-base:.2s;--dur-slow:.32s;--ease-out:cubic-bezier(.2,.8,.3,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-entrance:cubic-bezier(.16,1,.3,1);--t-hover:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);--text-strong:var(--gray-900);--text-body:var(--gray-800);--text-muted:var(--gray-600);--text-faint:var(--gray-500);--text-inverse:var(--white);--text-inverse-muted:#ffffffb8;--text-link:var(--violet-600);--text-link-hover:var(--violet-800);--surface-page:var(--gray-50);--surface-card:var(--white);--surface-sunken:var(--gray-100);--surface-raised:var(--white);--surface-dark:var(--navy-800);--surface-darker:var(--navy-900);--surface-zebra:#fafbfd;--surface-hover:var(--gray-50);--surface-selected:var(--violet-50);--surface-topbar:var(--navy-900);--surface-sidenav:var(--white);--border-subtle:var(--gray-200);--border-default:var(--gray-300);--border-strong:var(--gray-400);--border-focus:var(--violet-600);--border-dark:#ffffff1a;--brand-primary:var(--violet-600);--brand-primary-hover:var(--violet-700);--brand-primary-press:var(--violet-800);--brand-soft:var(--violet-50);--brand-on-primary:var(--white);--brand-gradient:linear-gradient(150deg,var(--violet-500) 0%,var(--violet-800) 52%,var(--navy-800) 100%);--brand-gradient-flat:linear-gradient(120deg,var(--violet-600),var(--violet-800));--status-atrasado:var(--red-500);--status-atrasado-bg:var(--red-50);--status-hoje:var(--orange-500);--status-hoje-bg:var(--orange-50);--status-esperando:var(--amber-500);--status-esperando-bg:var(--amber-50);--status-em-dia:var(--green-500);--status-em-dia-bg:var(--green-50);--status-outro-dia:var(--gray-400);--status-outro-dia-bg:var(--gray-100);--status-neutro:var(--gray-400);--money-in:var(--green-700);--money-out:var(--red-500);--money-total:var(--gray-900);--money-forecast:var(--gray-600);--alert-trava:var(--red-500);--alert-trava-bg:var(--red-50);--alert-aviso:var(--amber-500);--alert-aviso-bg:var(--amber-50);--alert-ajuda:var(--blue-500);--alert-ajuda-bg:var(--blue-50);--alert-plataforma:var(--teal-500);--alert-plataforma-bg:#0e3c44}
:root{--text-muted:var(--gray-700);--text-faint:#696c74;--orange-700:#a34600;--status-atrasado-texto:var(--red-600);--status-hoje-texto:var(--orange-700);--status-esperando-texto:var(--amber-700);--status-em-dia-texto:var(--green-700);--status-outro-dia-texto:var(--gray-700);--icon-sm:14px;--icon-md:16px;--icon-lg:20px;--esqueleto-base:var(--gray-100);--esqueleto-brilho:var(--gray-200);--esqueleto-dur:1.4s}:is([data-conferir] .ot-estado:not(:has(.ot-estado__rotulo)),[data-conferir] .ot-semaforo:not(:has(.ot-semaforo__motivo))){outline:var(--bw-thick) dashed var(--red-500);outline-offset:3px}[data-conferir] .ot-estado:not(:has(.ot-estado__rotulo)):after{content:"DS-02: falta o rótulo em texto";margin-top:var(--sp-3);font-size:var(--fs-micro);font-weight:var(--fw-bold);color:var(--red-600);display:block}[data-conferir] .ot-semaforo:not(:has(.ot-semaforo__motivo)):after{content:"DS-02: falta o rótulo em texto";margin-top:var(--sp-3);font-size:var(--fs-micro);font-weight:var(--fw-bold);color:var(--red-600);display:block}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-core);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased;margin:0}.ot-dinheiro{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-money);color:var(--money-total)}.ot-dinheiro--entra{color:var(--money-in)}.ot-dinheiro--sai{color:var(--money-out)}.ot-dinheiro--prev{color:var(--money-forecast)}.ot-dinheiro--g{font-size:var(--fs-money-lg);font-weight:var(--fw-bold)}.ot-dinheiro--gg{font-size:var(--fs-money-xl);font-weight:var(--fw-black);letter-spacing:var(--ls-tight)}:where(a){color:var(--text-link)}:where(a):hover{color:var(--text-link-hover)}:where(button,a,input,select,textarea):focus-visible{box-shadow:var(--focus-ring);border-radius:var(--r-3);outline:none}.ot-shell{grid-template-rows:var(--topbar-h) 1fr;grid-template-columns:var(--sidenav-w) 1fr;grid-template-areas:"topo topo""menu trabalho";min-height:100vh;display:grid}.ot-shell--cliente{grid-template-rows:var(--topbar-h) var(--clientband-h) 1fr;grid-template-areas:"topo topo""faixa faixa""menu trabalho"}.ot-topo{align-items:center;gap:var(--sp-6);padding:0 var(--sp-6);background:var(--surface-topbar);color:var(--text-inverse);grid-area:topo;display:flex}.ot-topo__marca{align-items:center;gap:var(--sp-4);font-size:var(--fs-ui);font-weight:var(--fw-bold);color:var(--text-inverse);text-decoration:none;display:flex}.ot-topo__marca-simbolo{border-radius:var(--r-pill);background:var(--brand-primary);width:26px;height:26px;font-size:var(--fs-micro);font-weight:var(--fw-black);place-items:center;display:grid}.ot-topo__marca-logo{object-fit:contain;width:auto;max-width:96px;height:26px}.ot-topo__espaco{flex:1}.ot-topo__acoes{align-items:center;gap:var(--sp-3);display:flex}.ot-topo__botao{min-width:var(--hit-min);border-radius:var(--r-3);height:36px;color:var(--text-inverse-muted);font-size:var(--icon-md);cursor:pointer;transition:var(--t-hover);background:0 0;border:0;place-items:center;display:inline-grid}.ot-topo__botao:hover{color:var(--text-inverse);background:#ffffff1a}.ot-seletor{align-items:center;gap:var(--sp-4);height:34px;padding:0 var(--sp-5);border:var(--bw-hair) solid var(--border-dark);border-radius:var(--r-4);color:var(--text-inverse);font-size:var(--fs-ui);cursor:pointer;transition:var(--t-hover);background:#ffffff0f;display:flex}.ot-seletor:hover{background:#ffffff1f}.ot-avatar{border-radius:var(--r-pill);background:var(--brand-primary);width:30px;height:30px;color:var(--brand-on-primary);font-size:var(--fs-micro);font-weight:var(--fw-black);place-items:center;display:grid}.ot-contador{border-radius:var(--r-pill);background:var(--red-500);color:#fff;min-width:17px;height:17px;font-size:10px;font-weight:var(--fw-bold);place-items:center;padding:0 4px;display:grid}.ot-menu{padding:var(--sp-5) var(--sp-4);background:var(--surface-sidenav);border-right:var(--bw-hair) solid var(--border-subtle);flex-direction:column;grid-area:menu;display:flex}.ot-menu__item{align-items:center;gap:var(--sp-5);height:36px;padding:0 var(--sp-5);border-radius:var(--r-4);color:var(--text-body);font:inherit;font-size:var(--fs-ui);font-weight:var(--fw-medium);text-align:left;cursor:pointer;transition:var(--t-hover);background:0 0;border:0;margin-bottom:2px;text-decoration:none;display:flex}.ot-menu__item:hover{background:var(--surface-hover)}.ot-menu__item[aria-current]{background:var(--surface-selected);color:var(--violet-700);font-weight:var(--fw-semibold)}.ot-menu__icone{width:var(--icon-md);font-size:var(--icon-md);text-align:center}.ot-menu__rotulo{flex:1}.ot-menu__contador{border-radius:var(--r-pill);background:var(--surface-sunken);min-width:20px;color:var(--text-muted);font-size:var(--fs-micro);font-weight:var(--fw-bold);padding:1px 6px}.ot-menu__gaveta{margin-top:29px}.ot-menu__rodape{padding:var(--sp-5);font-size:var(--fs-small);color:var(--text-muted);margin-top:auto}.ot-faixa-cliente{align-items:center;gap:var(--sp-8);height:var(--clientband-h);padding:0 var(--sp-8);background:var(--surface-card);border-bottom:var(--bw-hair) solid var(--border-subtle);box-shadow:var(--sh-hair);grid-area:faixa;display:flex}.ot-cliente-sigla{border-radius:var(--r-5);width:40px;height:40px;font-size:var(--fs-ui);font-weight:var(--fw-black);color:#fff;place-items:center;display:grid}.ot-cliente-sigla--laranja{background:var(--client-laranja)}.ot-cliente-sigla--roxo{background:var(--client-roxo)}.ot-cliente-sigla--azul{background:var(--client-azul)}.ot-cliente-sigla--verde{background:var(--client-verde)}.ot-cliente-sigla--amarelo{background:var(--client-amarelo);color:var(--gray-900)}.ot-trabalho{padding:var(--content-pad);background:var(--surface-page);grid-area:trabalho;overflow:auto}.ot-trabalho__interno{max-width:var(--content-max);margin:0 auto}.ot-titulo{margin:0 0 var(--sp-2);font-size:var(--fs-h1);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);color:var(--text-strong)}.ot-subtitulo{margin:0 0 var(--sp-8);color:var(--text-muted);font-size:var(--fs-small)}.ot-cartao{background:var(--surface-card);border:var(--bw-hair) solid var(--border-subtle);border-radius:var(--r-6);box-shadow:var(--sh-1);padding:var(--sp-7)}.ot-shell--plataforma .ot-topo{background:var(--alert-plataforma-bg)}.ot-barra-plataforma{align-items:center;gap:var(--sp-5);padding:var(--sp-3) var(--sp-6);background:var(--alert-plataforma-bg);color:var(--teal-500);font-size:var(--fs-small);font-weight:var(--fw-semibold);grid-area:topo;display:flex}
.ot-esqueleto{background:var(--esqueleto-base);border-radius:var(--r-2);position:relative;overflow:hidden}.ot-esqueleto:after{content:"";background:linear-gradient(90deg, transparent, var(--esqueleto-brilho) 50%, transparent);animation:ot-brilho var(--esqueleto-dur) var(--ease-in-out) infinite;position:absolute;inset:0}@keyframes ot-brilho{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.ot-esqueleto:after{animation:none}}.ot-esqueleto--titulo{width:42%;height:22px;margin-bottom:var(--sp-6)}.ot-esqueleto--linha{width:100%;height:13px;margin-bottom:var(--sp-5)}.ot-esqueleto--linha:nth-child(odd){width:78%}.ot-esqueleto--valor{width:96px;height:15px}.ot-menu .ot-esqueleto{display:none}.ot-estado{gap:var(--sp-6);padding:var(--sp-7);border-radius:var(--r-6);border:var(--bw-hair) solid var(--border-subtle);background:var(--surface-card);display:flex}.ot-estado__icone{font-size:var(--icon-lg);line-height:var(--lh-tight)}.ot-estado__corpo{flex:1}.ot-estado__rotulo{font-size:var(--fs-micro);font-weight:var(--fw-black);letter-spacing:var(--ls-caps);text-transform:uppercase;margin-bottom:var(--sp-3);display:block}.ot-estado__titulo{margin:0 0 var(--sp-3);font-size:var(--fs-h3);font-weight:var(--fw-bold);color:var(--text-strong)}.ot-estado__texto{color:var(--text-muted);font-size:var(--fs-small);margin:0}.ot-estado__acoes{margin-top:var(--sp-6);gap:var(--sp-5);display:flex}.ot-estado--vazio{border-style:dashed;border-color:var(--border-default)}.ot-estado--vazio .ot-estado__rotulo{color:var(--text-muted)}.ot-estado--erro{border-color:var(--alert-trava);background:var(--alert-trava-bg)}.ot-estado--erro .ot-estado__rotulo{color:var(--status-atrasado-texto)}.ot-estado--sem-permissao{border-color:var(--border-default)}.ot-estado--sem-permissao .ot-estado__rotulo{color:var(--text-muted)}.ot-estado--trava{border-color:var(--alert-trava);border-width:var(--bw-thick);background:var(--alert-trava-bg)}.ot-estado--trava .ot-estado__rotulo{color:var(--status-atrasado-texto)}.ot-estado--offline{border-color:var(--alert-aviso);background:var(--alert-aviso-bg)}.ot-estado--offline .ot-estado__rotulo{color:var(--status-esperando-texto)}.ot-semaforo{align-items:center;gap:var(--sp-4);display:inline-flex}.ot-semaforo__ponto{border-radius:var(--r-pill);flex:none;width:10px;height:10px}.ot-semaforo__ponto--atrasado{background:var(--status-atrasado)}.ot-semaforo__ponto--hoje{background:var(--status-hoje)}.ot-semaforo__ponto--esperando{background:var(--status-esperando)}.ot-semaforo__ponto--em-dia{background:var(--status-em-dia)}.ot-semaforo__ponto--outro-dia{background:var(--status-outro-dia)}.ot-semaforo__ponto--neutro{background:var(--status-neutro)}.ot-semaforo__motivo{font-size:var(--fs-small);color:var(--text-body)}.ot-botao{align-items:center;gap:var(--sp-4);min-height:36px;padding:0 var(--sp-7);border:var(--bw-hair) solid transparent;border-radius:var(--r-4);font:inherit;font-size:var(--fs-ui);font-weight:var(--fw-semibold);cursor:pointer;transition:var(--t-hover);display:inline-flex}.ot-botao--primario{background:var(--brand-primary);color:var(--brand-on-primary);box-shadow:var(--sh-violet)}.ot-botao--primario:hover{background:var(--brand-primary-hover)}.ot-botao--primario:active{background:var(--brand-primary-press)}.ot-botao--neutro{background:var(--surface-card);color:var(--text-body);border-color:var(--border-default)}.ot-botao--neutro:hover{background:var(--surface-hover)}.ot-botao--consequencia{background:var(--red-500);color:#fff}.ot-botao--consequencia:hover{background:var(--red-600)}a.ot-botao{text-decoration:none}.ot-botao:disabled,.ot-botao[aria-disabled=true]{opacity:.45;cursor:not-allowed;box-shadow:none}