/* =========================================================
   EUROMAR FLOW V14 — DESIGN SYSTEM CORPORATIVO
   ========================================================= */
:root{
  --v14-radius-sm:8px;--v14-radius-md:12px;--v14-radius-lg:18px;
  --v14-motion:160ms cubic-bezier(.2,.8,.2,1);
  --v14-success:#22a06b;--v14-warning:#d97706;--v14-danger:#d84b5b;--v14-correction:#f08c2e;
}
.nav-section-label{padding:15px 12px 5px;color:var(--ui-text-3,var(--muted));font-size:7px;font-weight:900;letter-spacing:.14em;opacity:.78}
.nav-section-label:first-child{padding-top:5px}
.nav-item{transition:transform var(--v14-motion),background var(--v14-motion),color var(--v14-motion)}
.nav-item:hover{transform:translateX(2px)}

/* Task drawer */
#taskModal{align-items:stretch;justify-content:flex-end;padding:0;background:rgba(8,15,28,.44);backdrop-filter:blur(3px)}
#taskModal>.modal-card.large{width:min(940px,94vw);max-width:none;height:100vh;max-height:none;margin:0;border-radius:var(--v14-radius-lg) 0 0 var(--v14-radius-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:-28px 0 80px rgba(0,0,0,.24)}
#taskModal .modal-head{position:sticky;top:0;z-index:20;padding:18px 22px 12px;background:var(--ui-surface,var(--panel));border-bottom:0}
#taskModal #taskForm{overflow:auto;padding:0 22px 90px;scroll-behavior:smooth}
#taskModal .modal-footer{position:sticky;bottom:-90px;z-index:18;margin:18px -22px -90px;padding:12px 22px;background:color-mix(in srgb,var(--ui-surface,var(--panel)) 94%,transparent);backdrop-filter:blur(12px);border-top:1px solid var(--ui-border,var(--line))}
.v14-task-tabs{position:sticky;top:69px;z-index:19;display:flex;gap:4px;padding:0 22px 10px;background:var(--ui-surface,var(--panel));border-bottom:1px solid var(--ui-border,var(--line));overflow:auto}
.v14-task-tab{border:0;background:transparent;color:var(--ui-text-3,var(--muted));font-size:9px;font-weight:800;padding:8px 11px;border-radius:8px;cursor:pointer;white-space:nowrap;transition:all var(--v14-motion)}
.v14-task-tab:hover{background:var(--ui-hover,var(--panel-soft));color:var(--ui-text,var(--text))}
.v14-task-tab.active{background:var(--ui-accent-soft,var(--blue-soft));color:var(--ui-accent,var(--blue))}
.v14-tab-hidden{display:none!important}
#taskModal [data-v14-panel]{animation:v14Fade .16s ease}
@keyframes v14Fade{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}

/* Workflow editor */
.v14-workflow-row{grid-template-columns:30px 18px minmax(170px,1.4fr) minmax(150px,1fr) 95px minmax(130px,.8fr) 84px 28px!important;align-items:end;transition:background var(--v14-motion),border var(--v14-motion),transform var(--v14-motion)}
.v14-workflow-row.editable{cursor:default}
.v14-workflow-row.dragging{opacity:.45;transform:scale(.995)}
.v14-workflow-row.locked{background:color-mix(in srgb,var(--ui-surface-2,var(--panel-soft)) 78%,transparent)}
.v14-drag-handle{align-self:center;color:var(--ui-text-3,var(--muted));cursor:grab;font-weight:900;letter-spacing:-2px}
.v14-workflow-row.locked .v14-drag-handle{opacity:.2;cursor:not-allowed}
.v14-step-state{align-self:center;justify-self:end;padding:4px 7px;border-radius:999px;font-size:7px;font-weight:850;white-space:nowrap;background:var(--ui-surface-2,var(--panel-soft));color:var(--ui-text-3,var(--muted))}
.v14-step-state.completed{background:color-mix(in srgb,var(--v14-success) 16%,var(--ui-surface));color:var(--v14-success)}
.v14-step-state.active{background:var(--ui-accent-soft,var(--blue-soft));color:var(--ui-accent,var(--blue))}

/* Workflow execution */
.v14-flow-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.v14-flow-header h3{margin:3px 0 0;color:var(--ui-text,var(--text))}
.v14-progress-dial{display:grid;justify-items:end}.v14-progress-dial b{font-size:22px;color:var(--ui-accent,var(--blue))}.v14-progress-dial span{font-size:7px;color:var(--ui-text-3,var(--muted))}
.v14-progress-track{height:8px;border-radius:999px;overflow:hidden;background:var(--ui-surface-3,var(--gray-soft));margin-bottom:13px}.v14-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--v14-success),#48d296);transition:width .35s ease}
.v14-current-banner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;border:1px solid color-mix(in srgb,var(--ui-accent,var(--blue)) 30%,var(--ui-border));border-radius:12px;background:var(--ui-accent-soft,var(--blue-soft));margin-bottom:12px}.v14-current-banner.rework{border-color:color-mix(in srgb,var(--v14-correction) 40%,var(--ui-border));background:color-mix(in srgb,var(--v14-correction) 10%,var(--ui-surface))}.v14-current-banner div{display:grid;gap:3px}.v14-current-banner span{font-size:7px;font-weight:850;color:var(--ui-text-3,var(--muted));letter-spacing:.08em}.v14-current-banner b{font-size:10px;color:var(--ui-text,var(--text))}
.v14-flow-list{display:grid;gap:0}.v14-flow-step{display:grid;grid-template-columns:38px 1fr;min-height:76px}.v14-flow-rail{position:relative;display:flex;justify-content:center}.v14-flow-rail:after{content:"";position:absolute;top:31px;bottom:-8px;width:2px;background:var(--ui-border,var(--line))}.v14-flow-step:last-child .v14-flow-rail:after{display:none}.v14-flow-rail span{position:relative;z-index:2;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid var(--ui-border,var(--line));background:var(--ui-surface,var(--panel));color:var(--ui-text-3,var(--muted));font-size:9px;font-weight:900}.v14-flow-step.completed .v14-flow-rail span{border-color:var(--v14-success);background:var(--v14-success);color:white}.v14-flow-step.current .v14-flow-rail span,.v14-flow-step.active .v14-flow-rail span{border-color:var(--ui-accent,var(--blue));box-shadow:0 0 0 4px color-mix(in srgb,var(--ui-accent,var(--blue)) 12%,transparent);color:var(--ui-accent,var(--blue))}
.v14-flow-content{padding:0 0 16px 7px}.v14-flow-title{display:flex;justify-content:space-between;gap:10px}.v14-flow-title>div{display:grid;gap:2px}.v14-flow-title b{font-size:10px;color:var(--ui-text,var(--text))}.v14-flow-title span,.v14-flow-meta{font-size:8px;color:var(--ui-text-3,var(--muted))}.v14-flow-title em{font-style:normal;font-size:8px;font-weight:850;color:var(--ui-text-2,var(--text))}.v14-flow-meta{margin-top:5px}.v14-delivery{margin-top:7px;padding:7px 9px;border-radius:8px;background:var(--ui-surface-2,var(--panel-soft));font-size:9px;color:var(--ui-text-2,var(--text))}.v14-delivery strong{display:block;font-size:7px;color:var(--ui-text-3,var(--muted));margin-bottom:2px}
.v14-rework-card{margin-top:7px;padding:8px 9px;border-left:3px solid var(--v14-correction);border-radius:8px;background:color-mix(in srgb,var(--v14-correction) 8%,var(--ui-surface));color:var(--ui-text-2,var(--text))}.v14-rework-card>div{display:flex;justify-content:space-between;gap:8px}.v14-rework-card strong,.v14-rework-card span{font-size:8px}.v14-rework-card p{margin:4px 0;font-size:9px}.v14-rework-card small{font-size:8px;color:var(--ui-text-3,var(--muted))}.v14-rework-card.completed{border-left-color:var(--v14-success)}
.v14-flow-actions{position:sticky;bottom:0;padding:10px 0 4px;background:linear-gradient(180deg,transparent,var(--ui-surface,var(--panel)) 22%);z-index:4}
.v14-workflow-loading{display:flex;align-items:center;gap:9px;padding:20px;color:var(--ui-text-3,var(--muted));font-size:9px}.v14-skeleton{width:22px;height:22px;border-radius:50%;border:3px solid var(--ui-border);border-top-color:var(--ui-accent);animation:v14Spin .7s linear infinite}@keyframes v14Spin{to{transform:rotate(360deg)}}

/* Dashboard / Meu Trabalho */
.v14-attention-strip,.v14-my-attention{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:1px;margin:12px 0 14px;overflow:hidden;border:1px solid var(--ui-border,var(--line));border-radius:12px;background:var(--ui-border,var(--line))}.v14-attention-strip>div,.v14-my-attention>div{padding:10px 12px;background:var(--ui-surface,var(--panel));display:grid;gap:3px}.v14-attention-strip span,.v14-my-attention span,.v14-my-attention small{font-size:8px;color:var(--ui-text-3,var(--muted))}.v14-attention-strip b,.v14-my-attention b,.v14-my-attention strong{font-size:17px;color:var(--ui-text,var(--text))}.v14-my-attention{grid-template-columns:1.4fr repeat(3,1fr)}

/* Modal de retrabalho */
.v14-rework-modal{max-width:560px}.v14-rework-modal .info-box{line-height:1.5;font-size:9px}

/* Acessibilidade e microinterações */
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ui-accent,var(--blue));outline-offset:2px}
.btn,.icon-btn,.view-btn{transition:transform var(--v14-motion),filter var(--v14-motion),background var(--v14-motion)}.btn:active,.icon-btn:active{transform:scale(.98)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
@media(max-width:900px){#taskModal>.modal-card.large{width:100vw;border-radius:0}.v14-current-banner{grid-template-columns:1fr}.v14-workflow-row{grid-template-columns:30px 1fr!important}.v14-workflow-row>*{grid-column:2}.v14-workflow-row>.workflow-step-order{grid-column:1;grid-row:1/span 7}.v14-workflow-row>.v14-drag-handle{display:none}.v14-attention-strip,.v14-my-attention{grid-template-columns:repeat(2,1fr)}.v14-attention-strip>div:first-child,.v14-my-attention>div:first-child{grid-column:1/-1}}