:root{--paper:#050f1f;--raised:#0d1d36;--sheet:rgba(15,30,55,.65);--sheet-2:rgba(3,8,23,.5);--field:rgba(3,8,23,.6);--notch:#040c1c;--ink:#E8F4FF;--ink-2:#A8C0D8;--ink-3:#7890A8;--navy:#4DD0E1;--navy-2:#7FE0EC;--green:#2BE3A8;--green-b:#4FF5C4;--green-ink:#2BE3A8;--green-wash:rgba(43,227,168,.14);--line:rgba(74,222,200,.2);--line-2:rgba(74,222,200,.09);--amber:#FFB84D;--amber-wash:rgba(255,184,77,.14);--red:#FF6B6B;--red-wash:rgba(255,107,107,.14);--blue:#5B9FFF;--blue-wash:rgba(91,159,255,.14);--band:rgba(3,8,23,.82);--band-ink:#FFFFFF;--band-dim:#A8C0D8;--f-display:"Sora",system-ui,sans-serif;--f-body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;--glow-a:rgba(43,227,168,.1);--glow-b:rgba(91,159,255,.07);--grid:rgba(74,222,200,.04);--opt-bg:#0d1d36;color-scheme:dark}:root[data-theme=light]{--paper:#EEF3F2;--raised:#FFFFFF;--sheet:rgba(255,255,255,.82);--sheet-2:#F6F9F8;--field:#FFFFFF;--notch:#F6F9F8;--ink:#0E2A33;--ink-2:#4B6670;--ink-3:#6F878E;--navy:#004153;--navy-2:#0A5468;--green:#14dda7;--green-b:#3BE6B8;--green-ink:#0B7F61;--green-wash:#DDF8EF;--line:#D3DEDD;--line-2:#E4ECEB;--amber:#A86E08;--amber-wash:#FBF0D9;--red:#C23B3B;--red-wash:#FBE5E3;--blue:#2F6FB3;--blue-wash:#E3EEF9;--band:rgba(0,65,83,.96);--band-ink:#FFFFFF;--band-dim:#A9CDD4;--glow-a:rgba(20,221,167,.1);--glow-b:rgba(0,65,83,.06);--grid:rgba(0,65,83,.045);--opt-bg:#FFFFFF;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 1200px 800px at 85% -10%,var(--glow-a),transparent 55%),radial-gradient(ellipse 900px 600px at 0% 80%,var(--glow-b),transparent 55%),var(--paper);background-attachment:fixed;color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.5;font-variant-numeric:tabular-nums}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--band)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:44px 44px}.wrap,.band{position:relative;z-index:1}.band{border-bottom:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.ticket,.sheet,.lane,.panel,.next{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--green);outline-offset:2px}a{color:inherit}.wrap{max-width:1280px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.band{background:var(--band);color:var(--band-ink);position:sticky;top:env(safe-area-inset-top,0px);z-index:20}.band .wrap{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding-block:12px}.brand{display:flex;align-items:center;gap:16px}.brand img{height:34px;width:auto;display:block}.brand .app{font-family:var(--f-display);font-weight:600;font-size:19px;letter-spacing:-.01em;padding-left:16px;border-left:1px solid rgba(255,255,255,.25)}.band nav{display:flex;gap:2px;margin-left:8px;flex-wrap:wrap}.band nav a{color:var(--band-dim);text-decoration:none;font-weight:600;font-size:14px;padding:8px 12px;border-radius:8px}.band nav a:hover{color:#fff;background:#ffffff14}.band nav a[aria-current=page]{color:#fff;background:#ffffff1f}.band nav .c{color:var(--green);margin-left:6px;font-weight:700}.as{margin-left:auto;white-space:nowrap;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--band-dim)}.as select{background:#ffffff0f;border:1px solid rgba(255,255,255,.22);color:#fff;border-radius:8px;padding:7px 10px;font-weight:600}.as select option{color:var(--ink);background:var(--opt-bg)}.themebtn{width:38px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.22);background:#ffffff0f;color:#fff;cursor:pointer;display:grid;place-items:center;flex:none}.themebtn:hover{background:#ffffff24}:root[data-theme=light] .scrim{background:#031e2673}:root[data-theme=light] aside.drawer{box-shadow:-20px 0 60px #0028322e}:root[data-theme=light] .toast{box-shadow:0 10px 30px #0028322e}.demo{font-size:13px;color:var(--ink-2);padding-block:10px;display:flex;gap:8px 14px;flex-wrap:wrap;align-items:baseline;border-bottom:1px solid var(--line)}.demo strong{color:var(--amber);font-weight:700}.linkbtn{background:none;border:0;padding:0;color:var(--navy);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}main{padding-block:28px 72px}h1{font-family:var(--f-display);font-weight:600;font-size:clamp(24px,3vw,32px);line-height:1.15;letter-spacing:-.02em;margin:0;text-wrap:balance}h2{font-family:var(--f-display);font-weight:600;font-size:18px;margin:0;letter-spacing:-.01em}h3{font-family:var(--f-display);font-weight:600;font-size:15px;margin:0}.lede{color:var(--ink-2);margin:8px 0 0;max-width:62ch;font-size:16px}.lede b{color:var(--ink)}.head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px}.ticket{background:var(--sheet);border:1px solid var(--line);border-radius:6px;position:relative;text-align:left;width:100%;display:block;color:inherit}.ticket .stub{display:flex;align-items:baseline;gap:10px;padding:12px 14px 10px}.ticket .no{font-family:var(--f-display);font-weight:700;font-size:22px;letter-spacing:-.01em;color:var(--navy);line-height:1}.ticket .no small{font-size:12px;font-weight:600;color:var(--ink-3);margin-right:2px}.ticket .due{margin-left:auto;font-size:12.5px;color:var(--ink-2);white-space:nowrap}.ticket .perf{height:0;border-top:1.5px dashed var(--line);margin:0 10px;position:relative}.ticket .perf:before,.ticket .perf:after{content:"";position:absolute;top:-7px;width:12px;height:12px;border-radius:50%;background:var(--notch);border:1px solid var(--line)}.ticket .perf:before{left:-17px;clip-path:inset(0 0 0 50%)}.ticket .perf:after{right:-17px;clip-path:inset(0 50% 0 0)}.ticket .body{padding:10px 14px 12px;display:grid;gap:6px}.ticket .what{font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticket .who{font-size:12.5px;color:var(--ink-3)}.ticket .foot{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12.5px;color:var(--ink-2)}button.ticket{cursor:pointer;font:inherit;padding:0;transition:border-color .15s,transform .15s}button.ticket:hover{border-color:var(--navy-2)}button.ticket:active{transform:translateY(1px)}.flag{font-size:12px;font-weight:700;color:var(--red)}.late{color:var(--red);font-weight:600}.risk{color:var(--amber);font-weight:600}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:2px 10px;border-radius:999px;white-space:nowrap}.s-solicitado{background:var(--blue-wash);color:var(--blue)}.s-cotacao{background:var(--amber-wash);color:var(--amber)}.s-comprado,.s-transito{background:var(--sheet-2);color:var(--navy);box-shadow:inset 0 0 0 1px var(--line)}.s-recebido{background:var(--green-wash);color:var(--green-ink)}.s-cancelado,.s-devolucao{background:var(--red-wash);color:var(--red)}.summary{font-size:17px;color:var(--ink-2);max-width:70ch;margin:10px 0 0}.summary b{color:var(--ink);font-weight:700}.summary .late,.summary .risk{font-weight:700}.tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.tools input[type=search]{flex:0 1 300px;min-width:0}.toggle{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--ink-2);cursor:pointer;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--field)}.toggle:has(input:checked){border-color:var(--red);color:var(--red);background:var(--red-wash)}.toggle input{accent-color:var(--red);margin:0}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}.lane{background:var(--sheet-2);border:1px solid var(--line-2);border-radius:10px;padding:12px;display:grid;gap:10px;align-content:start;min-width:0}.lane header{display:flex;align-items:baseline;gap:8px;padding:2px 2px 4px}.lane header .n{font-family:var(--f-display);font-weight:700;color:var(--ink-3)}.lane header p{margin:0 0 0 auto;font-size:12px;color:var(--ink-3)}.lane .none{font-size:13px;color:var(--ink-3);padding:14px 4px;text-align:center;border:1.5px dashed var(--line);border-radius:6px}.lane .more{font-size:13px}.lane .track-h{display:block;height:3px;border-radius:2px;background:var(--line);overflow:hidden}.lane .track-h i{display:block;height:100%;background:var(--navy)}.lane.done .track-h i{background:var(--green)}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}.sheet{background:var(--sheet);border:1px solid var(--line);border-radius:10px}.form{padding:8px 24px 24px}.block{padding:20px 0;border-bottom:1px solid var(--line-2);display:grid;gap:14px}.block:last-of-type{border-bottom:0}.block>header p{margin:4px 0 0;color:var(--ink-3);font-size:13.5px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.f{display:flex;flex-direction:column;gap:6px;min-width:0}.f.full{grid-column:1/-1}label,.lab{font-size:13.5px;font-weight:600;color:var(--ink)}.opt{font-weight:400;color:var(--ink-3)}input[type=text],input[type=number],input[type=date],input[type=url],input[type=search],select,textarea{background:var(--field);border:1px solid var(--line);border-radius:8px;padding:9px 11px;min-width:0;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--navy-2);box-shadow:0 0 0 3px var(--green-wash)}input:disabled,select:disabled,textarea:disabled{background:var(--sheet-2);opacity:.75;color:var(--ink-2)}textarea{resize:vertical;min-height:72px}.hint{font-size:12.5px;color:var(--ink-3)}.choice{display:flex;gap:8px;flex-wrap:wrap}.choice label{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line);border-radius:8px;cursor:pointer;font-weight:600;background:var(--field)}.choice label:has(input:checked){border-color:var(--navy);background:var(--sheet-2);box-shadow:inset 0 0 0 1px var(--navy)}.choice input{accent-color:var(--navy);margin:0}.choice .urg:has(input:checked){border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red);color:var(--red);background:var(--red-wash)}.items{display:grid;gap:12px;counter-reset:it}.item{display:grid;grid-template-columns:84px 116px minmax(0,1fr) 38px;gap:10px;align-items:end;padding:14px;border:1px solid var(--line-2);border-radius:8px;background:var(--sheet-2);position:relative}.item .extra{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.iconbtn{width:38px;height:40px;border-radius:8px;border:1px solid var(--line);background:var(--field);cursor:pointer;color:var(--ink-3);display:grid;place-items:center}.iconbtn:hover:not(:disabled){color:var(--red);border-color:var(--red)}.iconbtn:disabled{opacity:.4;cursor:not-allowed}.btn{display:inline-flex;align-items:center;gap:8px;border-radius:8px;padding:10px 16px;font-weight:700;cursor:pointer;border:1px solid var(--line);background:var(--field);color:var(--ink);text-decoration:none;font-size:14.5px}.btn:hover{border-color:var(--navy-2)}.btn.primary{background:var(--green);border-color:var(--green);color:#030817}.btn.primary:hover{background:var(--green-b);border-color:var(--green-b)}.btn.go{background:var(--green);border-color:var(--green);color:#03303d}.btn.go:hover{filter:brightness(1.05)}.btn.danger{color:var(--red)}.btn.danger:hover{border-color:var(--red)}.btn.sm{padding:7px 12px;font-size:13.5px}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.err{color:var(--red);font-size:13.5px;font-weight:600;margin:0}.err:empty{display:none}.aside{position:sticky;top:96px;display:grid;gap:14px}.aside .cap{font-size:13px;color:var(--ink-3);margin:0}.preview .what{-webkit-line-clamp:4}.preview .lines{font-size:13px;color:var(--ink-2);display:grid;gap:2px}.preview dl{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;font-size:13px}.preview dt{color:var(--ink-3)}.preview dd{margin:0;overflow-wrap:anywhere}.mine{display:grid;gap:14px;max-width:880px}.mine .ticket .stub{padding:14px 18px 12px}.mine .ticket .body{padding:14px 18px 16px;gap:12px}.mine .what{font-size:16px}.track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:2px}.track div{font-size:12px;color:var(--ink-3);display:grid;gap:6px}.track i{height:6px;border-radius:3px;background:var(--line-2)}.track .on i{background:var(--navy)}.track .now{color:var(--ink);font-weight:700}.track .now i{background:var(--green)}.track time{font-size:11.5px;color:var(--ink-3);font-weight:400}.facts{display:flex;gap:6px 22px;flex-wrap:wrap;font-size:13.5px;color:var(--ink-2)}.facts b{color:var(--ink);font-weight:600}.note{font-size:13.5px;color:var(--red);background:var(--red-wash);border-radius:6px;padding:8px 12px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#030817b8;z-index:40;animation:fade .18s ease-out}aside.drawer{position:fixed;top:0;right:0;bottom:0;width:min(600px,100%);z-index:41;background:var(--raised);box-shadow:-20px 0 60px #00000073;border-left:1px solid var(--line);overflow-y:auto;animation:slide .22s cubic-bezier(.2,.7,.2,1);padding:calc(20px + env(safe-area-inset-top,0px)) max(22px,env(safe-area-inset-right,0px)) calc(32px + env(safe-area-inset-bottom,0px)) 22px;display:grid;gap:16px;align-content:start}@keyframes slide{0%{transform:translate(24px);opacity:.6}to{transform:none;opacity:1}}@keyframes fade{0%{opacity:0}}.dtop{display:flex;align-items:flex-start;gap:14px}.dtop .big{font-family:var(--f-display);font-weight:700;font-size:40px;line-height:1;color:var(--navy);letter-spacing:-.02em}.dtop .big small{font-size:16px;color:var(--ink-3);font-weight:600;margin-right:4px}.dtop .x{margin-left:auto}.dtitle{font-size:17px;font-weight:600;margin:6px 0 0;line-height:1.35}.panel{background:var(--sheet);border:1px solid var(--line);border-radius:10px;padding:18px;display:grid;gap:14px}.kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:0}.kv div{min-width:0}.kv dt{font-size:12.5px;color:var(--ink-3)}.kv dd{margin:2px 0 0;font-weight:600;overflow-wrap:anywhere}.itbl{width:100%;border-collapse:collapse;font-size:14px}.itbl th{text-align:left;font-size:12.5px;color:var(--ink-3);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--line)}.itbl td{padding:9px 8px;border-bottom:1px solid var(--line-2);vertical-align:top}.itbl a{color:var(--navy);font-weight:600}.next{display:grid;gap:12px;background:var(--sheet);border:1.5px solid var(--green);border-radius:10px;padding:18px}.next p{margin:0;color:var(--ink-2);font-size:14px}.hist{list-style:none;margin:0;padding:0}.hist li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:12px;padding-bottom:14px;position:relative}.hist li:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--raised);border:2px solid var(--navy);margin-top:6px}.hist li:first-child:before{background:var(--green);border-color:var(--green)}.hist li:not(:last-child):after{content:"";position:absolute;left:6px;top:20px;bottom:0;width:2px;background:var(--line-2)}.hist .w{font-size:13px;color:var(--ink-3)}.hist .c{font-size:13.5px;color:var(--ink-2)}.mails{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;align-items:start}.mlist{display:grid;max-height:72vh;overflow-y:auto;padding:6px}.mlist button{display:grid;gap:2px;text-align:left;background:none;border:0;border-radius:8px;padding:11px 12px;cursor:pointer}.mlist button:hover{background:var(--sheet-2)}.mlist button[aria-current=true]{background:var(--sheet-2);box-shadow:inset 0 0 0 1px var(--line)}.mlist .s{font-weight:600;font-size:14px}.mlist .p{font-size:12.5px;color:var(--ink-3)}.mview{overflow:hidden}.mview .mh{padding:16px 20px;border-bottom:1px solid var(--line)}.mview .mb{background:#eef3f2;color:#0e2a33;padding:28px 20px}.mail{max-width:520px;margin:0 auto;background:#fff;color:#0e2a33;border-radius:10px;border:1px solid #D3DEDD;overflow:hidden;font-size:14.5px}.mail .top{background:#004153;color:#fff;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;font-family:var(--f-display);font-weight:600}.mail .top span{color:#14dda7}.mail .in{padding:22px 20px;display:grid;gap:14px;line-height:1.55}.mail .h{font-family:var(--f-display);font-size:20px;font-weight:600;color:#004153;line-height:1.2}.mail .tr{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;font-size:11px;color:#7c949b}.mail .tr i{display:block;height:5px;border-radius:3px;background:#e4eceb;margin-bottom:5px}.mail .tr .on i{background:#004153}.mail .tr .now{color:#0e2a33;font-weight:700}.mail .tr .now i{background:#14dda7}.mail .its{font-size:13.5px;color:#4b6670;border-top:1px solid #E4ECEB;padding-top:12px}.mail .cta{display:inline-block;background:#004153;color:#fff;border-radius:8px;padding:10px 18px;font-weight:700;font-size:14px;justify-self:start}.mail .ft{font-size:12px;color:#7c949b;border-top:1px solid #E4ECEB;padding:12px 20px}.empty{padding:32px;text-align:center;color:var(--ink-3)}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:60;background:var(--raised);color:var(--ink);border:1px solid var(--green);box-shadow:0 10px 30px #00000073;padding:12px 18px;border-radius:10px;display:flex;gap:10px;align-items:center;max-width:calc(100% - 32px);font-weight:600;font-size:14px;animation:rise .2s ease-out}.toast svg{color:var(--green);flex:none}@keyframes rise{0%{transform:translate(-50%,8px);opacity:0}}@media (max-width:1080px){.board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.form-grid{grid-template-columns:minmax(0,1fr)}.aside{position:static}.mails{grid-template-columns:minmax(0,1fr)}.mlist{max-height:240px}.band nav{margin-left:0;order:3;width:100%}.as{margin-left:auto}}@media (max-width:600px){.band{position:static}.toast{width:max-content}.board,.fields,.kv{grid-template-columns:minmax(0,1fr)}.item{grid-template-columns:76px minmax(0,1fr) 38px}.item .d{grid-column:1/-1;order:-1}.item .extra{grid-template-columns:minmax(0,1fr)}.form{padding:4px 16px 18px}.track span{display:none}.brand img{height:24px}.as .lbl{display:none}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.login{min-height:calc(100vh - 140px);display:grid;place-items:center;padding-block:40px}.login .card{max-width:440px;width:100%;padding:32px;display:grid;gap:18px;text-align:left}.login h1{font-size:28px}.login p{margin:0;color:var(--ink-2)}.btn.ms{background:#fff;color:#1b1b1b;border-color:#c8c8c8;justify-content:center;padding:12px 16px}.btn.ms:hover{border-color:#8a8a8a}.who-chip{display:flex;align-items:center;gap:10px;color:var(--band-dim);font-size:13px;white-space:nowrap}.who-chip b{color:#fff;font-weight:600}.loading{padding:48px 0;color:var(--ink-3);text-align:center}.btn[disabled]{opacity:.6;cursor:progress}
