.flow-workspace{--flow-line:color-mix(in srgb,var(--ink,#e8efff) 14%,transparent);border:1px solid var(--flow-line);border-radius:26px;background:linear-gradient(135deg,rgba(88,144,255,.09),transparent 60%),var(--surface,#101725);color:var(--ink,#e8efff);overflow:hidden;box-shadow:0 18px 55px #0002;backdrop-filter:blur(22px)}.flow-topo{display:flex;align-items:center;justify-content:space-between;padding:26px 30px;gap:20px;border-bottom:1px solid var(--flow-line)}.flow-topo h2,.flow-marca p{margin:0}.flow-marca{display:flex;align-items:center;gap:14px}.flow-marca>span{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(140deg,#78c9ff,#2463ef);color:white;font-size:32px;box-shadow:0 8px 22px #2771ff44}.flow-topo p{font-size:13px;opacity:.7;margin:5px 0 0}.flow-layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:600px}.flow-menu{padding:22px 14px;background:#6496ff09;border-right:1px solid var(--flow-line)}.flow-menu button{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:12px;background:transparent;color:inherit;text-align:left;padding:12px 14px;margin:4px 0;cursor:pointer}.flow-menu button.active,.flow-visoes button.active{background:linear-gradient(120deg,#428cff33,#245bea26);box-shadow:inset 0 0 0 1px #69abff44;color:var(--ink,#e8efff)}.flow-menu summary{padding:10px;font-size:13px;font-weight:650;cursor:pointer}.flow-menu-titulo,.flow-overline{text-transform:uppercase;letter-spacing:1.4px;font-size:10px;opacity:.7}.flow-menu-titulo{margin:25px 14px 8px}.flow-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.flow-conteudo{padding:28px;min-width:0}.flow-acoes,.flow-visoes{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.flow-hero{padding:38px 26px;border-radius:22px;background:radial-gradient(ellipse at 100% 0,#2c75f226,transparent 70%);border:1px solid var(--flow-line);margin-bottom:22px}.flow-hero h2{font-size:28px;max-width:500px}.flow-hero p{max-width:600px;opacity:.7;line-height:1.7}.flow-planos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.flow-plano-card{padding:22px;border:1px solid var(--flow-line);border-radius:20px;color:inherit;background:linear-gradient(140deg,#8cb4ff14,transparent);text-align:left;line-height:1.6}.flow-plano-card:is(button){cursor:pointer}.flow-plano-card p{opacity:.7}.flow-plano-card h3{margin:10px 0}.flow-plano-topo{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px}.flow-plano-topo h2{margin:8px 0}.flow-plano-topo p{opacity:.7;max-width:600px;white-space:pre-line}.flow-metricas{display:grid;grid-template-columns:repeat(6,minmax(95px,1fr));gap:12px;margin:22px 0}.flow-metricas article{border:1px solid var(--flow-line);border-radius:17px;padding:16px;background:#80a4ea0a}.flow-metricas span{font-size:11px;opacity:.7;display:block}.flow-metricas strong{display:block;font-size:24px;margin-top:8px}.flow-filtros{display:grid;grid-template-columns:minmax(180px,2fr) repeat(3,minmax(110px,1fr)) auto auto;gap:10px;margin:20px 0}.flow-sr{font-size:0}.flow-sr input{font-size:13px;width:100%}.flow-visoes{border-bottom:1px solid var(--flow-line);padding:0 0 12px;margin:18px 0}.flow-visoes button{border:0;border-radius:11px;background:transparent;color:inherit;padding:9px 13px;cursor:pointer}.flow-resultados{overflow:auto}.flow-table{width:100%;border-collapse:collapse;min-width:700px}.flow-table th{text-align:left;font-size:11px;opacity:.6;padding:14px 10px}.flow-table td{padding:16px 10px;border-top:1px solid var(--flow-line);font-size:12px}.flow-table small{display:block;opacity:.6;margin-top:4px}.flow-link{border:0;background:none;padding:0;color:inherit;text-align:left;cursor:pointer;font-weight:600}.flow-atrasada{color:var(--danger,#dc5353)!important}.flow-kanban{display:flex;gap:14px;align-items:flex-start}.flow-kanban>section{width:260px;min-width:260px;padding:12px;border:1px solid var(--flow-line);border-radius:18px;background:#7496c808;min-height:250px}.flow-kanban header{display:flex;justify-content:space-between;align-items:center;padding:3px 8px 14px}.flow-kanban h3{font-size:12px;margin:0}.flow-task-card{display:block;width:100%;text-align:left;color:inherit;border:1px solid var(--flow-line);border-radius:16px;padding:16px;background:var(--surface,#111d32);cursor:pointer;margin-bottom:12px}.flow-task-card h4{font-size:14px;margin:12px 0}.flow-task-card p{font-size:11px;opacity:.7}.flow-prioridade{font-size:10px;border-radius:8px;background:#60a5fa22;padding:4px 7px;text-transform:capitalize}.flow-prioridade.critica,.flow-prioridade.urgente{background:#fd736622;color:var(--danger,#dc5353)}.flow-task-meta{display:flex;justify-content:space-between;font-size:10px;margin:12px 0}.flow-workspace progress{height:5px;border:0;border-radius:8px;accent-color:#428dff;max-width:100%;width:100%}.flow-footer{padding-top:20px;opacity:.6;font-size:11px}.flow-timeline button{display:grid;grid-template-columns:180px 1fr;width:100%;gap:15px;align-items:center;color:inherit;border:0;background:transparent;padding:12px;text-align:left}.flow-timeline button>div{background:#79a2fa11;border-radius:8px}.flow-timeline i{display:block;min-width:28px;background:linear-gradient(100deg,#67bdff,#215fe8);border-radius:6px;font-size:10px;color:white;padding:5px;font-style:normal;box-sizing:border-box}.flow-calendario{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.flow-calendario h3{font-size:13px}.flow-graficos>div{display:grid;grid-template-columns:160px 1fr 40px;gap:14px;align-items:center;margin:16px 0}.flow-vazio{text-align:center;padding:60px 20px;opacity:.8}.flow-dialog{width:min(850px,calc(100vw - 30px));max-height:90dvh;border:1px solid #a0bfff3d;border-radius:25px;padding:30px;color:var(--ink,#e8efff);background:linear-gradient(145deg,#69a0ff1a,transparent 60%),var(--surface,#121b2c);box-shadow:0 30px 100px #0007;overflow:auto}.flow-dialog::backdrop{background:#030814b3;backdrop-filter:blur(10px)}.flow-fechar{float:right}.flow-form{display:grid;gap:15px;clear:both}.flow-form>label{display:grid;gap:7px;font-size:12px}.flow-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.flow-form-grid label{display:grid;gap:7px;font-size:12px}.flow-form .inp{width:100%;box-sizing:border-box}.flow-form fieldset{border:1px solid #81a6e32a;border-radius:14px;padding:14px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.flow-form fieldset label{font-size:12px;display:flex;gap:8px}.flow-form details summary{padding:12px 0;cursor:pointer}.flow-extra article{padding:14px;border-bottom:1px solid #81a6e32a}.flow-extra pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:250px;overflow:auto;font-size:11px}.flow-extra span{display:block;opacity:.65;font-size:11px}.flow-loading{padding:80px;text-align:center}.flow-loading>div{height:12px;border-radius:10px;background:linear-gradient(90deg,#5078ff11,#80c8ff55,#5078ff11);background-size:200%;animation:flow-carregar 1.5s infinite}.flow-workspace button:focus-visible,.flow-dialog button:focus-visible{outline:2px solid #78bbff;outline-offset:3px}@keyframes flow-carregar{to{background-position:200%}}@media(max-width:1200px){.flow-metricas{grid-template-columns:repeat(3,1fr)}.flow-filtros{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.flow-topo{padding:20px;flex-wrap:wrap}.flow-layout{grid-template-columns:1fr}.flow-menu{border-right:0;border-bottom:1px solid var(--flow-line)}.flow-menu>button{display:inline-flex;width:auto;max-width:180px}.flow-conteudo{padding:18px}.flow-metricas{grid-template-columns:repeat(2,1fr)}.flow-form-grid,.flow-form fieldset{grid-template-columns:1fr}.flow-dialog{padding:20px}.flow-timeline button{grid-template-columns:120px 1fr}.flow-graficos>div{grid-template-columns:120px 1fr 30px}.flow-hero{padding:24px 18px}.flow-hero h2{font-size:23px}}@media(prefers-reduced-motion:reduce){.flow-loading>div{animation:none}}.flow-calendario-grid{display:grid;grid-template-columns:repeat(7,minmax(80px,1fr));gap:5px;min-width:620px}.flow-calendario-grid>section{min-height:100px;padding:10px;border:1px solid var(--flow-line);border-radius:12px}.flow-calendar-event{display:block;border:0;background:#568bf329;color:inherit;border-radius:8px;padding:6px;font-size:11px;margin-top:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.flow-calendario-grid>strong{text-align:center;padding:10px;font-size:11px}.flow-dependency-row{padding:12px;border-bottom:1px solid var(--line,rgba(255,255,255,.12))}.flow-dependency-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.flow-dependency-row:not(:has([data-dep-check]:checked)) .flow-dependency-settings{display:none}.flow-tabela-scroll{overflow:auto}@media(max-width:600px){.flow-dependency-settings{grid-template-columns:1fr}}.flow-task-commandbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:14px;border:1px solid #81a6e32a;border-radius:16px;background:#528af310}.flow-task-commandbar>span:first-child{font-size:12px;margin-right:auto}.flow-checklist-principal{border:1px solid #81a6e32a;border-radius:18px;padding:16px}.flow-checklist-principal header{display:flex;align-items:center;justify-content:space-between;gap:12px}.flow-checklist-principal h3{font-size:15px;margin:0}.flow-checklist-principal p{font-size:12px;opacity:.7}.flow-check-row{display:grid;grid-template-columns:auto minmax(0,2fr) minmax(100px,1fr) auto;gap:10px;align-items:center;margin-top:10px}.flow-check-row:has([data-check-done]:checked) [data-check-title]{text-decoration:line-through;opacity:.65}.flow-filtros .btn{width:auto;min-height:36px;padding:8px 12px;align-self:center}.flow-planos-grid{padding:24px}.flow-workspace>.flow-topo~p{margin:0;padding:0 24px 24px}@media(max-width:600px){.flow-check-row{grid-template-columns:auto minmax(0,1fr) auto}.flow-check-row select{grid-column:2}.flow-task-commandbar>span:first-child{width:100%}}.flow-decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.flow-decision article{border:1px solid var(--flow-line);border-radius:20px;padding:22px}.flow-pie{width:160px;height:160px;border-radius:50%;margin:20px auto;border:10px solid #729ee012;box-shadow:0 10px 25px #0002}.flow-trend-row{display:grid;grid-template-columns:100px 1fr 40px;align-items:center;gap:10px;margin:15px 0;font-size:12px}.flow-stacked{display:flex;min-width:100px;height:12px;overflow:hidden;border-radius:8px}.flow-stacked i{height:100%}.flow-vertical-timeline header{display:flex;align-items:center;justify-content:space-between;gap:14px}.flow-vertical-timeline h4{margin:28px 0 16px}.flow-milestone{display:grid;grid-template-columns:100px 24px 1fr;gap:12px;position:relative;width:100%;border:0;background:none;color:inherit;text-align:left;padding:18px 0;cursor:pointer}.flow-milestone time{font-size:12px;opacity:.7}.flow-milestone small{display:block;margin-top:8px;opacity:.65}.flow-milestone-point{width:12px;height:12px;margin:3px auto;border:3px solid #80bfff;border-radius:50%;background:#286bf2}.flow-milestone-point:after{content:"";position:absolute;width:2px;height:calc(100% - 18px);background:#74a5ed4d;top:30px;margin-left:3px}.flow-history-changes>div{padding:10px 0;display:grid;grid-template-columns:130px 1fr;gap:12px;border-top:1px solid #81a6e326}.flow-history-changes dt{font-weight:600}.flow-history-changes dd{margin:0;overflow-wrap:anywhere}.flow-history-changes dd span{font-size:13px;line-height:1.7}@media(max-width:700px){.flow-decision-grid{grid-template-columns:1fr}.flow-history-changes>div{grid-template-columns:1fr}.flow-milestone{grid-template-columns:80px 20px 1fr}}.flow-file-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px;border-bottom:1px solid #81a6e326}.flow-file-row>div{flex:1;min-width:180px}.flow-file-row small{display:block;opacity:.7;margin-top:7px}[data-preview] pre{white-space:pre-wrap;overflow-wrap:anywhere}.flow-gantt-header{display:grid;grid-template-columns:180px 1fr;gap:15px;padding:12px;align-items:end}.flow-gantt-header label{font-size:12px;display:grid;gap:7px}.flow-gantt-ticks{display:flex;justify-content:space-between;gap:12px;font-size:11px;opacity:.7;border-bottom:1px solid var(--flow-line);padding-bottom:10px}.flow-gantt-ticks span{white-space:nowrap}.flow-chart-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(70px,2fr) 45px;gap:12px;align-items:center;margin:12px 0}.flow-chart-row meter{width:100%;height:18px}.flow-chart-row span{overflow-wrap:anywhere}.flow-dialog [data-resultados] article{padding:12px;border-bottom:1px solid var(--line,#ffffff20)}.flow-dependency-map{position:absolute;inset:0;pointer-events:none;overflow:visible}.flow-timeline [data-gantt-id]{cursor:grab}.flow-timeline [data-gantt-id]:active{cursor:grabbing}.flow-calendario-ano{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.flow-calendario-ano>section{padding:14px;border:1px solid var(--border,rgba(140,170,230,.2));border-radius:16px}.flow-calendario-dia{grid-template-columns:1fr!important}.flow-calendar-event small{display:block;font-size:.72rem;opacity:.8}.flow-ferramentas{position:relative}.flow-ferramentas>summary{list-style:none;cursor:pointer}.flow-ferramentas>div{position:absolute;right:0;top:100%;width:min(450px,80vw);z-index:12;padding:18px;border-radius:18px;background:var(--panel,#122037);border:1px solid var(--border,rgba(160,190,250,.25));box-shadow:0 18px 55px rgba(0,0,0,.3);backdrop-filter:blur(24px)}.flow-ferramentas>div .btn{flex:1 1 140px}.flow-regra-filtro{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:end}@media(max-width:700px){.flow-regra-filtro{grid-template-columns:1fr}}.flow-dashboard-card{overflow:auto;min-height:180px}.flow-dashboard-card h3[draggable]{cursor:grab}.flow-dashboard-card>label{display:flex;gap:8px;align-items:center;font-size:.75rem;margin-bottom:12px}.flow-dashboard-card input[type=range]{min-width:0;flex:1}.flow-chart-svg svg{display:block;width:100%;height:auto;min-width:280px}.flow-chart-svg{overflow:auto}.flow-dashboard-card .flow-acoes label{min-width:120px}.flow-timeline i[data-gantt-id]{position:relative}.flow-timeline [data-gantt-resize]{position:absolute;top:0;bottom:0;cursor:ew-resize;min-width:12px;display:flex;align-items:center}.flow-timeline [data-gantt-resize=inicio]{left:0}.flow-timeline [data-gantt-resize=prazo]{right:0}.flow-timeline [data-gantt-resize]:focus-visible{outline:2px solid #fff;outline-offset:3px}.flow-workspace,.flow-dialog{--flow-line:var(--line);color:var(--ink);background-color:var(--surface)}.flow-dialog{border-color:var(--line)}.flow-workspace :is(input,select,textarea),.flow-dialog :is(input,select,textarea){color:var(--ink);background:var(--surface);border:1px solid var(--line);color-scheme:inherit}.flow-workspace option,.flow-dialog option{color:var(--ink);background:var(--surface)}.flow-workspace .btn,.flow-dialog .btn{color:var(--ink);border-color:var(--line)}.flow-dialog :is(fieldset,.flow-extra article,.flow-history-changes>div,.flow-file-row){border-color:var(--line)}.flow-dialog.flow-task-editor{padding:0}.flow-task-header{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:12px;padding:18px 24px;background:var(--surface,#101725);border-bottom:1px solid #94a3b833}.flow-task-header h2{flex:1;margin:0}.flow-task-header .flow-fechar{position:static;flex-shrink:0}.flow-task-editor>.flow-form,.flow-task-editor>.flow-visoes,.flow-task-editor>.flow-extra{margin:24px}.flow-unsaved-panel,.flow-draft-resume{position:sticky;top:76px;z-index:4;padding:20px 24px;background:var(--surface,#101725);border-bottom:1px solid #94a3b855}.flow-unsaved-panel>div,.flow-draft-resume{display:flex;gap:10px;flex-wrap:wrap}.flow-draft-resume>strong,.flow-draft-resume>p{width:100%}@media(max-width:600px){.flow-task-header{padding:14px 16px;gap:8px}.flow-task-header h2{font-size:17px}.flow-task-editor>.flow-form,.flow-task-editor>.flow-visoes,.flow-task-editor>.flow-extra{margin:16px}.flow-task-header>button{font-size:12px}}.flow-form [aria-invalid=true]{border-color:var(--red,#d33a34);outline:2px solid color-mix(in srgb,var(--red,#d33a34) 25%,transparent);outline-offset:2px}.flow-task-header{flex-wrap:wrap}.flow-editor-status{flex-basis:100%;margin:0;color:var(--red,#d33a34)}.flow-editor-status:empty{display:none}
