/* Visual estilo monday.com: fundo claro, cartões brancos, status em cores vivas. Cabeçalho mantém a identidade Transformasie. */
:root{--bg:#f5f6f8;--card:#fff;--ink:#323338;--mut:#676879;--line:#e6e9ef;--pri:#941816;--pri-ink:#fff;--soft:#f0f1f5;
--blue:#579bfc;--purple:#a25ddc;--orange:#fdab3d;--green:#00c875;--teal:#0086c0;--red:#e2445c;--coral:#ff642e;--pink:#ff158a;--lime:#9cd326;
--or:var(--coral);--am:var(--orange);--gr:var(--green);--ol:var(--teal);--br:var(--purple);--shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06)}
@media(prefers-color-scheme:dark){:root{--bg:#181b34;--card:#222744;--ink:#e8eaf6;--mut:#a3a8c8;--line:#363c63;--pri:#e0524f;--soft:#2b3153;--shadow:0 1px 3px rgba(0,0,0,.4)}}
*{box-sizing:border-box}body{margin:0;font:14px/1.45 Figtree,Roboto,system-ui,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}
a{color:inherit}h1,h2,h3{margin:0}h2{font-size:24px;margin-bottom:10px}
/* cabeçalho (mantido) */
.top{display:flex;align-items:center;gap:18px;padding:10px 22px;background:var(--card);border-bottom:3px solid var(--pri);flex-wrap:wrap;position:sticky;top:0;z-index:5}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand img{height:42px}
.brand b{font-size:20px;color:var(--pri);letter-spacing:.3px;line-height:1}.brand small{display:block;color:var(--mut);font-size:11px}
.top nav{display:flex;gap:4px;flex-wrap:wrap}.top nav a{padding:7px 13px;border-radius:6px;text-decoration:none;color:var(--mut);font-weight:500}
.top nav a:hover{background:var(--soft)}.top nav a.on{background:var(--pri);color:var(--pri-ink)}
.who{margin-left:auto;color:var(--mut);font-size:13px}.who a{margin-left:10px;color:var(--pri)}
main{padding:20px 24px}.warn{background:#fff3d4;color:#7a5600;padding:8px 24px;border-bottom:1px solid #f4dc9b}
/* indicadores */
.kpis{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.kpi{background:var(--c,var(--blue));color:#fff;border-radius:10px;padding:12px 18px;min-width:160px;box-shadow:var(--shadow)}
.kpi b{font-size:24px;display:block;line-height:1.2}.kpi span{font-size:12px;opacity:.92}
.kpi[style*="--c:var(--am)"],.kpi[style*="--c:var(--lime)"]{color:#3a2a00}
/* blocos e formulários */
.box{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:16px;box-shadow:var(--shadow)}
.box h3{font-size:15px;margin-bottom:10px}
input,select,textarea,button{font:inherit;padding:7px 10px;border:1px solid #c3c6d4;border-radius:6px;background:var(--card);color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--blue);outline-offset:-1px;border-color:var(--blue)}
button,.btn{background:var(--blue);color:#fff;border:0;cursor:pointer;border-radius:6px;padding:8px 14px;text-decoration:none;display:inline-block;font-weight:500}
button:hover,.btn:hover{filter:brightness(.93)}
button.ghost,.btn.ghost{background:transparent;color:var(--blue);border:1px solid var(--blue)}
button.danger{background:var(--red)}button.ok{background:var(--green)}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:12px;color:var(--mut);font-weight:600;background:var(--soft)}tr:hover td{background:rgba(87,155,252,.06)}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}
/* etiquetas de status (pills coloridas) */
.tag{font-size:11px;padding:3px 10px;border-radius:99px;background:var(--soft);color:var(--ink);white-space:nowrap;font-weight:500}
.tag.ok{background:var(--green);color:#fff}.tag.late{background:var(--red);color:#fff}.tag.wait{background:var(--orange);color:#3a2a00}
.tag.blue{background:var(--blue);color:#fff}.tag.purple{background:var(--purple);color:#fff}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
.bars{display:flex;gap:10px;align-items:flex-end;height:150px;padding-top:8px}
.bar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;font-size:11px;color:var(--mut)}
.bar i{display:block;width:100%;max-width:46px;background:var(--green);border-radius:4px 4px 0 0;min-height:2px}
.login{max-width:360px;margin:9vh auto;text-align:center}.login img{height:110px}.login form{display:grid;gap:10px;text-align:left;margin-top:14px}
.err{color:var(--red);font-weight:600}footer{color:var(--mut);font-size:12px;text-align:center;padding:18px}
/* kanban estilo monday */
.board{display:flex;gap:14px;overflow-x:auto;align-items:flex-start;padding-bottom:20px}
.col{min-width:268px;width:268px;background:transparent}
.col h3{font-size:14px;margin:0 0 10px;padding:9px 12px;border-radius:8px;background:var(--c);color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow)}
.col h3 span{background:rgba(255,255,255,.28);padding:1px 9px;border-radius:99px;font-size:12px}
.col.dark h3{color:#3a2a00}.list{min-height:80px;padding:2px}
.card{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--c);border-radius:8px;padding:10px 12px;margin-bottom:10px;cursor:grab;font-size:13px;box-shadow:var(--shadow);transition:box-shadow .15s,transform .15s}
.card:hover{box-shadow:0 4px 14px rgba(0,0,0,.14);transform:translateY(-1px)}
.card b{font-size:14px}.card small{display:block;color:var(--mut);margin-top:1px}
.card .row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;align-items:center}
.who-dot{display:inline-flex;width:24px;height:24px;border-radius:50%;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;background:var(--purple);margin-left:auto}
.who-dot.izabel{background:var(--pink)}.who-dot.patricia{background:var(--teal)}.who-dot.jessica{background:var(--lime);color:#2b3a00}
.date-chip{font-size:11px;background:var(--soft);padding:2px 8px;border-radius:6px;color:var(--ink)}
.sortable-ghost{opacity:.35}
/* agenda */
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.cal .dow{background:var(--soft);padding:6px 8px;font-size:12px;font-weight:600;color:var(--mut)}
.cal .day{background:var(--card);min-height:104px;padding:4px 6px}.cal .day.out{background:var(--bg);color:var(--mut)}
.cal .day .num{font-size:12px;color:var(--mut)}.cal .day.today .num{background:var(--pri);color:#fff;border-radius:99px;padding:1px 7px}
.ev{display:block;font-size:11px;margin-top:3px;padding:2px 6px;border-radius:4px;color:#fff;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ev.izabel{background:var(--pink)}.ev.patricia{background:var(--teal)}.ev.concluida{opacity:.55}
.tabs{display:flex;gap:6px;margin-bottom:14px}.tabs a{padding:7px 14px;border-radius:6px;text-decoration:none;background:var(--card);border:1px solid var(--line)}
.tabs a.on{background:var(--blue);color:#fff;border-color:var(--blue)}
.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;background:var(--red)}.status-dot.on{background:var(--green)}
.agenda-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(260px,1fr);gap:16px;align-items:start}
@media(max-width:1000px){.agenda-grid{grid-template-columns:1fr}.cal .day{min-height:70px}}

a.kpi{display:block;text-decoration:none;cursor:pointer;transition:transform .12s,filter .12s}
a.kpi:hover{filter:brightness(1.07);transform:translateY(-2px)}
a.kpi::after{content:"ver quais \203A";display:block;font-size:11px;opacity:.85;margin-top:3px}
a.kpi[style*="--c:var(--am)"]{color:#3a2a00}