@font-face{font-family:"Satoshi";src:url(fonts/Satoshi-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Satoshi";src:url(fonts/Satoshi-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Satoshi";src:url(fonts/Satoshi-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Inter Tight";src:url(fonts/InterTight-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Inter Tight";src:url(fonts/InterTight-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Archivo Expanded";src:url(fonts/ArchivoExpanded-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}

:root{
  --paper:#000000;
  --panel:#0E0E0E;
  --soft:#1C1C1C;
  --cinza-claro:#D0D7DD;
  --lilas:#A99BC9;
  --hot:#F0A070;
  --warm:#E5C66E;
  --cold:#9CC3E6;
  --late:#F08A7E;
  --card:#2A2A2A;
  --ink:#FFFFFF;
  --muted:#A6A6A6;
  --line:#2E2E2E;
  --verde:#D4FC72;
  --sobre-verde:#1F1F1F;
  --erro:#F08A7E;
  --f-body:"Satoshi","Helvetica Neue",Arial,sans-serif;
  --f-title:"Inter Tight","Helvetica Neue",Arial,sans-serif;
  --f-label:"Archivo Expanded","Archivo",Arial,sans-serif;
  color-scheme:dark;
}

*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{height:100%}
body{margin:0;background:#000;color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}

.pagina-login{background:#0B0B0B linear-gradient(180deg,#0B0B0B 0%,#0B0B0B 30%,#39451A 72%,#9DBB4A 100%) no-repeat fixed}
.login{min-height:100%;display:grid;place-items:center;padding:16px}
.login-card{width:100%;max-width:420px}


.login-painel{display:flex;flex-direction:column;align-items:center;gap:28px;padding:40px 24px;border:1px solid rgba(212,252,114,.35);border-radius:14px;background:var(--panel)}
.login-logo{display:block;width:200px;height:auto}
.tela{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;text-align:center}
.login-rotulo{margin:0;font-family:var(--f-label);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--verde)}
.login-titulo{margin:0;font-family:var(--f-title);font-size:26px;font-weight:700;line-height:1.1;letter-spacing:-.01em}
.login-texto{margin:0;color:var(--muted);overflow-wrap:anywhere}
.login-texto strong{color:var(--ink);font-weight:500}
.login-erro{margin:0;color:var(--erro);font-size:14px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;margin-top:12px;padding:12px 20px;border:0;border-radius:10px;background:var(--verde);color:var(--sobre-verde);font-family:var(--f-body);font-size:16px;font-weight:700;cursor:pointer;transition:filter .15s ease}
.btn:hover{filter:brightness(.92)}
.btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.btn:disabled{opacity:.6;cursor:wait}
.btn-secundario{background:var(--card);color:var(--ink)}
.btn-secundario:hover{filter:brightness(1.2)}

@media (min-width:760px){
  .login-painel{padding:48px 40px}
}


/* Aplicativo */
.app{height:100vh;height:100dvh;display:grid;grid-template-columns:280px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);background:#000}
.topo{grid-column:1/-1;display:flex;align-items:center;gap:4px;padding:12px 16px;overflow-x:auto;border-bottom:1px solid var(--line)}
.marca{display:flex;align-items:center;gap:8px;padding-right:16px}
.marca img{display:block;width:130px;height:auto}
.marca i{font-style:normal;font-family:var(--f-label);font-size:10px;letter-spacing:.14em;color:var(--verde);border:1px solid rgba(212,252,114,.4);border-radius:999px;padding:2px 8px}
.nav{padding:8px 14px;border:0;border-radius:999px;background:none;color:var(--cinza-claro);font:500 14px var(--f-body);white-space:nowrap}
.nav[aria-current="page"]{background:rgba(212,252,114,.12);color:var(--verde)}
.nav:disabled{opacity:.55}
.nav small{font-size:10px;color:var(--muted)}
.topo-fim{margin-left:auto;display:flex;align-items:center;gap:8px;padding-left:12px}
.usuario{font-size:14px;color:var(--cinza-claro);white-space:nowrap}
.btn-g-link{padding:8px 14px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:none;color:var(--ink);font:500 13px var(--f-body);cursor:pointer}
.btn-p{padding:9px 16px;border:0;border-radius:999px;background:var(--verde);color:var(--sobre-verde);font:700 13px var(--f-body);cursor:pointer;white-space:nowrap}
.btn-p:hover{filter:brightness(.92)}
.btn-p:disabled{opacity:.6;cursor:wait}
.btn-g-link:focus-visible,.btn-p:focus-visible,.card:focus-visible,.busca:focus-visible,.filtro:focus-visible{outline:2px solid var(--verde);outline-offset:2px}

.inbox{display:flex;flex-direction:column;min-height:0;margin:14px 0 14px 14px;border:1px solid rgba(212,252,114,.35);border-radius:14px;overflow:hidden;background:#0B0B0B linear-gradient(180deg,#0B0B0B 0%,#0B0B0B 30%,#39451A 72%,#9DBB4A 100%)}
.inbox.alvo{border-color:var(--verde);box-shadow:0 0 0 1px var(--verde)}
.ib-h{display:flex;align-items:center;gap:8px;padding:12px 14px 8px}
.ib-h h2{margin:0;font-family:var(--f-title);font-size:15px}
.cnt{padding:1px 7px;border-radius:999px;background:var(--verde);color:var(--sobre-verde);font-size:11px;font-weight:700}
.ib-list{flex:1;display:flex;flex-direction:column;gap:8px;padding:4px 10px 10px;overflow:auto}
.ib-vazio{margin:4px;padding:12px;border-radius:12px;background:var(--card);color:var(--muted);font-size:13px}
.msg{flex:none;display:grid;grid-template-columns:32px minmax(0,1fr);gap:2px 10px;padding:10px;border:1px solid #3A3A3A;border-radius:12px;background:var(--card);cursor:grab}
.msg:hover{border-color:rgba(212,252,114,.5)}
.msg.arrastando{opacity:.4}
.msg .nm{font-size:12.5px;font-weight:700;line-height:1.2}
.msg .lj{color:var(--muted);font-size:11px}
.msg .tag{grid-column:2;justify-self:start;white-space:nowrap}
.msg button{grid-column:1/-1;margin-top:6px;padding:7px 10px;border:0;border-radius:999px;background:rgba(212,252,114,.14);color:var(--verde);font:700 12px var(--f-body);cursor:pointer}
.msg button:hover{background:rgba(212,252,114,.24)}

.main{min-width:0;min-height:0;display:flex;flex-direction:column}
.bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 16px}
.bar h2{margin:0 8px 0 0;font-family:var(--f-title);font-size:16px}
.busca{flex:1 1 180px;min-width:0;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:var(--ink);font:400 13px var(--f-body)}
.busca::placeholder{color:var(--muted)}
.filtro{max-width:170px;padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:#000;color:var(--cinza-claro);font:400 13px var(--f-body)}
.alerta{padding:7px 11px;border:1px solid var(--late);border-radius:999px;color:var(--late);font-size:13px;font-weight:700;white-space:nowrap}

.board-wrap{flex:1;min-height:0;overflow-x:auto;padding:2px 16px 14px}
.board{display:flex;gap:12px;align-items:stretch;height:100%}
.col{flex:0 0 236px;display:flex;flex-direction:column;gap:8px;min-height:0;padding:8px;border:1px solid rgba(var(--c),.6);border-radius:14px;background:linear-gradient(180deg,rgba(var(--c),.5),rgba(var(--c),.2))}
.col.alvo{border-color:var(--verde)}
.col-h{display:flex;align-items:center;gap:6px;padding:4px}
.col-h b{font-size:12px;color:#fff}
.col-h span{margin-left:auto;font-size:12px;color:rgba(255,255,255,.8);font-variant-numeric:tabular-nums}
.col-lista{flex:1;display:flex;flex-direction:column;gap:8px;min-height:60px;overflow-y:auto}
.card{flex:none;display:grid;grid-template-columns:32px minmax(0,1fr);gap:2px 10px;padding:9px;border:1px solid #3A3A3A;border-radius:12px;background:var(--card);cursor:grab}
.card:hover{border-color:rgba(212,252,114,.5)}
.card.arrastando{opacity:.4}
.card.antes{box-shadow:0 -3px 0 0 var(--verde)}
.card .nm{font-size:12.5px;font-weight:700;line-height:1.2}
.card .lj{overflow:hidden;color:var(--muted);font-size:11px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.card .row{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-top:6px}
.ava{grid-row:span 2;display:grid;place-items:center;width:32px;height:32px;border:1.5px solid #4A4A4A;border-radius:50%;background:#3A3A3A;color:var(--cinza-claro);font-size:12px;font-weight:700}
.tag{padding:2px 6px;border-radius:4px;background:#3A3A3A;color:var(--cinza-claro);font-size:10px}
.temp{padding:2px 6px;border:1px solid currentColor;border-radius:4px;font-size:10px;font-weight:700}
.t-sq{color:var(--hot)}.t-q{color:var(--warm)}.t-m{color:var(--muted)}.t-f{color:var(--cold)}
.prox{font-size:10.5px;color:var(--cinza-claro)}
.prox.atrasado{color:var(--late);font-weight:700}
.parado{font-size:10px;color:var(--warm)}
.dono{margin-left:auto;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--lilas);color:#1F1F1F;font-size:10px;font-weight:700}

.dlg{width:min(420px,calc(100vw - 32px));padding:24px;border:1px solid rgba(212,252,114,.35);border-radius:14px;background:var(--panel);color:var(--ink)}
.dlg::backdrop{background:rgba(0,0,0,.7)}
.dlg h2{margin:0 0 16px;font-family:var(--f-title);font-size:20px}
.dlg form{display:flex;flex-direction:column;gap:12px}
.dlg label{display:flex;flex-direction:column;gap:4px;color:var(--cinza-claro);font-size:13px}
.dlg input,.dlg select{min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--ink);font:400 15px var(--f-body)}
.dlg-aviso{margin:0;color:var(--warm);font-size:13px}
.dlg-acoes{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}

.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:10px 16px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--ink);font-size:14px}

.card,.msg{user-select:none}
.ficha{position:fixed;top:0;right:0;bottom:0;z-index:20;width:min(460px,100%);display:flex;flex-direction:column;background:#111;border-left:1px solid rgba(212,252,114,.35);box-shadow:-18px 0 40px rgba(0,0,0,.45);outline:0}
.d-head{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px;border-bottom:1px solid var(--line)}
.ava-g{width:56px;height:56px;font-size:16px;grid-row:auto}
.d-tit h3{margin:0;font-family:var(--f-title);font-size:17px}
.d-tit p{margin:2px 0 0;color:var(--muted);font-size:13px;overflow-wrap:anywhere}
.d-x{width:36px;height:36px;border:0;border-radius:50%;background:var(--card);color:var(--ink);font-size:14px;cursor:pointer}
.d-acoes{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
.d-acoes a{text-decoration:none}
.abas{display:flex;gap:2px;padding:0 16px;border-bottom:1px solid var(--line);overflow-x:auto}
.aba{padding:10px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font:500 14px var(--f-body);white-space:nowrap;cursor:pointer}
.aba.on{border-color:var(--verde);color:var(--ink)}
.d-corpo{flex:1;min-height:0;display:flex;flex-direction:column;gap:16px;padding:16px;overflow:auto}
.blk{display:flex;flex-direction:column;gap:8px;flex:none}
.blk h4{margin:0;font-family:var(--f-title);font-size:13px;color:var(--cinza-claro)}
.blk-aviso{padding:12px;border:1px solid var(--warm);border-radius:12px}
.blk-aviso p{margin:0;font-size:13px}
.temps{display:flex;flex-wrap:wrap;gap:6px}
.temps button{padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:none;font:500 13px var(--f-body);cursor:pointer}
.temps button.on{border-color:currentColor;font-weight:700}
.passo{margin:0;font-size:13px;color:var(--ink)}
.dupla{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.opcao{padding:8px;border:1px solid var(--line);border-radius:999px;background:none;color:var(--cinza-claro);font:500 13px var(--f-body);cursor:pointer}
.opcao.on{background:rgba(212,252,114,.14);border-color:var(--verde);color:var(--verde)}
.ficha input,.ficha select:not(.filtro),.ficha textarea{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--ink);font:400 14px var(--f-body);resize:vertical}
.ficha label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:12px}
.dados{display:grid;gap:8px}
.bloco-texto{flex:none}
.hist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:13px}
.hist li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px}
.hist time{color:var(--muted);font-variant-numeric:tabular-nums}
.pedir-campos{display:flex;flex-direction:column;gap:12px}

.view{flex:1;min-height:0;display:flex;flex-direction:column}
.alerta{background:none;font-family:var(--f-body);cursor:pointer}
.ag-periodo{font-size:13px;color:var(--cinza-claro);font-variant-numeric:tabular-nums}
.caixinhas{display:flex;gap:12px}
.caixinha{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--cinza-claro);cursor:pointer}
.caixinha input{width:16px;height:16px;margin:0}
.ag-sync{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ag-ok{font-size:12px;color:var(--verde);white-space:nowrap}
.ag-sugestao{flex:none;display:flex;flex-direction:column;gap:2px;width:100%;padding:9px;border:1px solid var(--verde);border-radius:10px;background:var(--card);color:var(--ink);font:400 13px var(--f-body);text-align:left;cursor:pointer}
.ag-sugestao small{color:var(--muted);font-size:11px}
.ag-sugestao span{color:var(--verde);font-size:12px;font-weight:700}
.agenda{flex:1;min-height:0;display:grid;grid-template-columns:260px minmax(0,1fr);gap:12px;padding:2px 16px 14px}
.ag-lista{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:auto;padding-right:2px}
.ag-lista h4{margin:6px 0 0;font-family:var(--f-label);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ag-vazio{margin:0;font-size:13px;color:var(--muted)}
.ag-item{flex:none;display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;width:100%;padding:9px;border:1px solid #3A3A3A;border-left:3px solid var(--cor);border-radius:10px;background:var(--card);color:var(--ink);font:400 13px var(--f-body);text-align:left;cursor:pointer}
.ag-item:hover{border-color:rgba(212,252,114,.5);border-left-color:var(--cor)}
.ag-item.atrasado time{color:var(--late)}
.ag-item time{font-weight:700;font-variant-numeric:tabular-nums}
.ag-txt{min-width:0;display:flex;flex-direction:column}
.ag-txt b{font-size:12.5px}
.ag-txt small{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.week-wrap{min-height:0;overflow:auto;border:1px solid var(--line);border-radius:12px}
.week{display:grid;grid-template-columns:48px repeat(7,minmax(110px,1fr));min-width:820px}
.week .hd{position:sticky;top:0;z-index:1;padding:8px;background:#161616;border-bottom:1px solid var(--line);color:var(--cinza-claro);font-size:12px;font-weight:700;text-align:center}
.week .hd.hoje{color:var(--verde)}
.week .hr{padding:4px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;text-align:right;font-variant-numeric:tabular-nums}
.week .cell{display:flex;flex-direction:column;gap:3px;min-height:46px;padding:3px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.ev{display:flex;flex-direction:column;width:100%;padding:3px 5px;border:0;border-left:3px solid var(--cor);border-radius:6px;background:rgba(169,155,201,.16);color:var(--ink);font:400 11px var(--f-body);line-height:1.25;text-align:left;cursor:pointer}
.ev:hover{background:rgba(212,252,114,.14)}
.ev b{overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.ev small{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.ev:disabled,.ag-item:disabled{cursor:default}
.ev.sem-lead{border-left-style:dashed}

.cfg{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;align-content:start;padding:2px 16px 16px}
.cfg .blk{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.cfg ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.cfg li{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--line);border-radius:10px;background:var(--soft);font-size:13px}
.cfg li.sel{border-color:var(--verde)}
.cfg .r{margin-left:auto;min-width:0;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.cfg .on-ok{color:var(--verde);font-weight:700}
.cfg input{min-height:36px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--ink);font:400 14px var(--f-body)}
.cfg .dados label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:12px}
.cfg-nome{flex:1;min-width:0;min-height:30px!important;padding:2px 6px!important;border-color:transparent!important;background:none!important}
.cfg-nome:focus{border-color:var(--verde)!important;outline:0}
.cor{flex:none;width:22px;height:22px;padding:0;border:2px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer}
.seta{flex:none;width:28px;height:28px;border:0;border-radius:8px;background:var(--card);color:var(--ink);font-size:13px;cursor:pointer}
.seta:disabled{opacity:.35;cursor:default}
.sw-t{margin:0;color:var(--muted);font-size:12px}
.sw{display:flex;flex-wrap:wrap;gap:6px}
.tom{width:24px;height:24px;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:6px;cursor:pointer}
.tom:disabled{opacity:.45;cursor:default}

@media (max-width:760px){
  .app{height:auto;min-height:100vh;grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr)}
  .inbox{margin:12px 16px 0;max-height:280px}
  .agenda{grid-template-columns:1fr}
  .week-wrap{max-height:70vh}
  .nav small{display:none}
  .col{flex-basis:80vw}
  .board{height:70vh}
}

@media (prefers-reduced-motion:reduce){
  .btn{transition:none}
}