/* Dashboard de tarefas e Meu dia. Usa os tokens do app-glow.css. Séries do gráfico: concluídas no roxo, criadas num neutro
   bem mais claro (no escuro, mais escuro): a separação vem da luminosidade, então vale também para daltonismo. */
:root{--serie-criadas:#C4C1DA;--serie-concluidas:#8436FE}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--serie-criadas:#6E6A9E;--serie-concluidas:#A777FF}}
:root[data-theme="dark"]{--serie-criadas:#6E6A9E;--serie-concluidas:#A777FF}

.dt-kpis .kpi b.up{color:var(--ok)}
.dt-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.dt-larga{grid-column:1/-1}
@media (max-width:1100px){.dt-grade{grid-template-columns:minmax(0,1fr)}}

/* gráfico */
.dg{position:relative}
.dg svg{width:100%;height:auto;display:block}
.dg-grade{stroke:var(--linha);stroke-width:1}
.dg-base{stroke:var(--linha-2);stroke-width:1}
.dg-eixo{fill:var(--mudo);font:500 10px var(--m)}
.dg-alvo{fill:transparent}
.dg-col.ativa .dg-alvo{fill:var(--roxo-s);opacity:.5}
path.dg-criadas{fill:var(--serie-criadas)}
path.dg-concluidas{fill:var(--serie-concluidas)}
.dg-leg{display:flex;gap:16px;font-size:12px;color:var(--fg-2);margin-top:6px}
.dg-leg i,.dg-dica i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.dg-leg i.dg-criadas,.dg-dica i.dg-criadas{background:var(--serie-criadas)}
.dg-leg i.dg-concluidas,.dg-dica i.dg-concluidas{background:var(--serie-concluidas)}
.dg-dica{position:absolute;top:0;width:160px;padding:9px 11px;border-radius:10px;background:var(--card);box-shadow:var(--anel),var(--sombra-2);font-size:12px;display:flex;flex-direction:column;gap:3px;pointer-events:none;z-index:2}
.dg-dica b{color:var(--fg)}
.dt-tab{margin-top:10px;font-size:12.5px}
.dt-tab summary{cursor:pointer;color:var(--roxo)}

/* carga por pessoa */
.dt-leg{display:flex;gap:14px;font-size:11.5px;color:var(--mudo);margin:-4px 0 10px}
.dt-leg i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.dt-leg i.cr,.dt-pilha i.cr{background:var(--cr)}.dt-leg i.at,.dt-pilha i.at{background:#E08A2E}.dt-leg i.ro,.dt-pilha i.ro{background:var(--roxo)}
.dt-carga{display:flex;flex-direction:column;gap:6px}
.dt-pessoa{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;border:0;background:none;padding:8px;border-radius:10px;text-align:left;cursor:pointer;color:var(--fg);font:inherit}
.dt-pessoa:hover{background:var(--bg-2)}
.dt-pn{display:flex;flex-direction:column;gap:3px;min-width:0}
.dt-pn b{font-size:13.5px}
.dt-pn small{font-size:11.5px;color:var(--mudo);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dt-pilha{display:flex;gap:2px;height:9px}
.dt-pilha i{display:block;height:100%;min-width:4px}
.dt-pilha i:first-child{border-radius:5px 0 0 5px}.dt-pilha i:last-child{border-radius:0 5px 5px 0}.dt-pilha i:only-child{border-radius:5px}
.dt-pv{font:650 15px var(--m)}

/* por cliente e status */
.dt-cli{display:flex;flex-direction:column;gap:4px}
.dt-c{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,1.2fr) auto;gap:10px;align-items:center;border:0;background:none;padding:7px 8px;border-radius:10px;cursor:pointer;color:var(--fg);font:inherit;text-align:left}
.dt-c:hover{background:var(--bg-2)}
.dt-cn{font-size:13px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dt-cv{font-size:12px;color:var(--mudo);white-space:nowrap}
.dt-cv b{color:var(--fg)}.dt-cv b.down{color:var(--cr)}
.dt-st2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.dt-l{display:grid;grid-template-columns:minmax(80px,1fr) minmax(0,1.2fr) 28px;gap:8px;align-items:center;font-size:12.5px;padding:4px 0}
.dt-l b{font:600 12.5px var(--m);text-align:right}

/* listas de tarefas */
.dt-lista{display:flex;flex-direction:column;gap:2px}
.dt-2col{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px}
@media (max-width:900px){.dt-2col{grid-template-columns:1fr}}
.dt-it{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;text-decoration:none;color:var(--fg)}
a.dt-it:hover{background:var(--roxo-s)}
.dt-st{flex:none;width:9px;height:9px;border-radius:50%}
.dt-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.dt-tx b{font-size:13.5px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dt-tx small{font-size:11.5px;color:var(--mudo);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dt-hora{flex:none;font:600 12px var(--m);color:var(--roxo);width:42px}
.dt-men .dt-tx small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/* meu dia */
.dt-dia{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:start}
.dt-coluna{display:flex;flex-direction:column;gap:16px;min-width:0}
@media (max-width:1100px){.dt-dia{grid-template-columns:minmax(0,1fr)}}
.dt-atraso{box-shadow:0 0 0 1px color-mix(in srgb,var(--cr) 35%,transparent),var(--sombra)}
.dt-semprazo summary{cursor:pointer;list-style:none}
.dt-semprazo summary::-webkit-details-marker{display:none}
.dt-semprazo[open] summary{margin-bottom:10px}
.dt-cron{display:flex;align-items:center;gap:14px;color:#fff;background:radial-gradient(400px 160px at 0% 0%,rgba(167,119,255,.5),transparent 60%),linear-gradient(135deg,#1B1A4A,#0F1030)}
.dt-cron small,.dt-horas small{display:block;font:500 10px var(--m);letter-spacing:.16em;text-transform:uppercase;opacity:.75}
.dt-cron b{display:block;font:600 30px var(--m);letter-spacing:-.02em;margin:2px 0}
.dt-cron .nota,.dt-cron a{color:rgba(255,255,255,.8)}
.dt-horas b{display:block;font:650 26px var(--m);margin-top:6px}
.dt-pilha-c{height:8px}
.dt-mais{margin-top:6px;font-size:12.5px}
.dt-mais summary{cursor:pointer;color:var(--roxo);padding:6px 8px}