/* Operational Flow: approved dashboard palette, sidebar, spacing and board proportions. */
body:not(.signed-out){--bg:#0f0b15;--panel:#18131f;--panel2:#130f19;--line:#2a2234;--line2:#3a2f48;--fg:#f1ecf7;--muted:#9d93ab;--accent:#a47cf3;--accent2:#c9b2ff;--bad:#f2727a;--ok:#5fd39a;--warn:#e9b65c;color-scheme:dark;background:radial-gradient(1100px 560px at 75% -10%,rgba(124,77,219,.13),transparent 60%),var(--bg);font:13px/1.6 'Plus Jakarta Sans',Arial,sans-serif}
html[data-theme=light] body:not(.signed-out){--bg:#f6f4fa;--panel:#fff;--panel2:#efebf6;--line:#e4dded;--line2:#d2c8e2;--fg:#1b1424;--muted:#5f566d;--accent:#7c4ddb;--accent2:#6b46d6;--bad:#d4434d;--ok:#1f9a5b;--warn:#a86a12;color-scheme:light}
body:not(.signed-out)>header{width:264px;background:var(--panel);border-right:1px solid var(--line);padding:32px 22px;gap:20px}
body:not(.signed-out) #nav:before,body:not(.signed-out) #nav button:before,body:not(.signed-out) #nav a:before{display:none}
body:not(.signed-out) #nav{gap:8px}body:not(.signed-out) #nav button,body:not(.signed-out) #nav a{padding:13px 16px;border-radius:12px;color:var(--muted);background:transparent;font-size:13px;font-weight:500}
body:not(.signed-out) #nav button.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent);box-shadow:none}
body:not(.signed-out) #nav [data-nav-label='Calendário'],body:not(.signed-out) #nav [data-nav-label='Chat']{display:none}
body:not(.signed-out) #nav .who{border-color:var(--line);color:var(--muted);background:var(--panel2)}
body:not(.signed-out)>main{margin:0 0 0 264px;padding:38px 34px;max-width:none}
body:not(.signed-out)>.workspace-tools{display:none}
body:not(.signed-out) .workspace-time{margin:0 0 12px;padding:0;color:var(--muted);white-space:pre-line;font-size:11px}
body:not(.signed-out) .workspace-time strong{display:block;font-size:26px;color:var(--fg);margin-bottom:4px}
body:not(.signed-out) .workspace-heading{display:flex;align-items:start;justify-content:space-between;padding:0;margin-bottom:28px}
body:not(.signed-out) .workspace-heading h1{font-size:28px;letter-spacing:-.05em;margin:6px 0 8px}
body:not(.signed-out) .workspace-heading p{font-size:13px;color:var(--muted)}
body:not(.signed-out) .workspace-eyebrow{font-size:10px;letter-spacing:.06em;color:var(--muted);font-weight:500}
body:not(.signed-out) .flow-sections{width:auto;display:flex;gap:10px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:20px}
body:not(.signed-out) .flow-sections button,body:not(.signed-out) .flow-sections a{border:1px solid var(--line2);border-radius:999px;padding:9px 16px;background:var(--panel);color:var(--fg);font-size:12px;text-decoration:none;box-shadow:none}
body:not(.signed-out) .flow-sections button.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}
body:not(.signed-out) .flow-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}
body:not(.signed-out) .flow-kpi,body:not(.signed-out) .flow-filters,body:not(.signed-out) .board-tabs,body:not(.signed-out) .board-head{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:22px}
body:not(.signed-out) .flow-kpi span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em}
body:not(.signed-out) .flow-kpi strong{display:block;color:var(--fg);font-size:24px;margin-top:12px;font-weight:600;letter-spacing:-.025em}
body:not(.signed-out) .flow-filters{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin-bottom:20px}
body:not(.signed-out) .flow-filters label{font-size:11px;gap:8px;flex:1;min-width:150px}
body:not(.signed-out) .flow-filters input,body:not(.signed-out) .flow-filters select{width:100%;padding:10px}
body:not(.signed-out) .board-tabs{border-bottom:1px solid var(--line);padding:20px;margin-bottom:12px}
body:not(.signed-out) .flow-tab{border:1px solid var(--line);border-radius:12px;background:var(--panel2);padding:0}
body:not(.signed-out) .flow-tab:before{display:none}
body:not(.signed-out) .flow-tab.selected{border-color:var(--accent);background:var(--panel2);box-shadow:none}
body:not(.signed-out) .flow-tab .board-tab{font-size:12px;padding:12px 16px;color:var(--fg)}
body:not(.signed-out) .flow-new-board{border:1px solid var(--line2);border-radius:50%;width:42px;height:42px;color:var(--fg);font-size:22px}
body:not(.signed-out) .board-head{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:0 0 18px}
body:not(.signed-out) .board-head h2{font-size:12px;color:var(--muted);font-weight:500}
body:not(.signed-out) .board-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body:not(.signed-out) .board-head details.inline>summary{border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--muted);background:var(--panel2);font-size:11px}
body:not(.signed-out) .board{background:color-mix(in srgb,var(--board) 12%,var(--bg));padding:18px;border-radius:16px;gap:0;min-height:300px;align-items:flex-start}
body:not(.signed-out) .board>.column{flex:0 0 285px;background:var(--panel2);border:1px solid var(--line);border-radius:16px;padding:14px;min-height:160px}
body:not(.signed-out) .column-head{margin:0 0 18px;padding:0}
body:not(.signed-out) .column-head h3{font-size:12px;color:var(--fg);font-weight:600}
body:not(.signed-out) .column-head .count{border:1px solid var(--line);padding:3px 7px;border-radius:8px;color:var(--muted);background:transparent;font-size:10px}
body:not(.signed-out) .card{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:16px;margin:0 0 12px;box-shadow:none}
body:not(.signed-out) .card h4{font-size:13px;line-height:1.7;margin:12px 0;color:var(--fg)}
body:not(.signed-out) .card-meta{font-size:10px;color:var(--muted);margin:16px 0;gap:8px}
body:not(.signed-out) .prio{font-size:9px;padding:4px 8px;border-radius:999px;background:var(--panel2);color:var(--muted)}
body:not(.signed-out) .prio-high{color:var(--bad)}body:not(.signed-out) .prio-normal{color:var(--accent)}
body:not(.signed-out) .flow-menu>summary{font-size:24px;color:var(--muted)}
body:not(.signed-out) .flow-insert{flex-basis:22px;width:22px;background:transparent;color:var(--muted)}
body:not(.signed-out) .flow-add-card{background:transparent;color:var(--muted)}
body:not(.signed-out) input,body:not(.signed-out) select,body:not(.signed-out) textarea{font-family:inherit;font-size:13px;background:var(--panel2);color:var(--fg);border:1px solid var(--line2);border-radius:12px}
body:not(.signed-out) button.secondary{background:var(--panel);color:var(--fg);border:1px solid var(--line2);border-radius:999px}
body:not(.signed-out) .empty{color:var(--muted)}body:not(.signed-out) dialog,body:not(.signed-out) .chat-drawer{color:var(--fg);background:var(--panel);border-color:var(--line)}
body:not(.signed-out) .msg{background:var(--panel2);color:var(--fg)}body:not(.signed-out) .msg.mine{background:color-mix(in srgb,var(--accent) 18%,var(--panel))}
body:not(.signed-out) .card-inline-checklist{border-top:1px solid var(--line);padding-top:12px;margin-bottom:10px;display:grid;gap:8px}
body:not(.signed-out) .card-inline-checklist label{display:flex;gap:8px;align-items:start;font-size:10px;color:var(--muted)}
body:not(.signed-out) .cal-cell{background:var(--panel);color:var(--fg);border-color:var(--line)}body:not(.signed-out) .cal-day{color:var(--muted)}
@media(max-width:760px){body:not(.signed-out)>header{position:relative;inset:auto;width:100%;padding:18px;border-right:0;border-bottom:1px solid var(--line)}body:not(.signed-out)>main{margin:0;padding:24px 16px}body:not(.signed-out) #nav{flex-direction:row;flex-wrap:wrap;overflow:visible}body:not(.signed-out) .workspace-time{position:static;text-align:left;max-width:none}body:not(.signed-out) .flow-kpis{grid-template-columns:1fr}body:not(.signed-out) .flow-filters{align-items:stretch;flex-direction:column}}
