:root{
  --bg:#f6f7fb;--panel:#fff;--soft:#fafbfc;--text:#202331;--muted:#747b8c;--line:#e7e9ef;
  --sidebar:#171821;--sidebar2:#242632;--accent:#7b68ee;--accent2:#5d49df;--accentSoft:#f0edff;
  --green:#2fa36b;--greenSoft:#e9f8f0;--red:#e25555;--redSoft:#fdecec;--orange:#f08c46;--orangeSoft:#fff1e7;
  --blue:#4c7ee8;--blueSoft:#edf3ff;--gray:#8f95a3;--graySoft:#f0f1f4;--radius:14px;--shadow:0 12px 35px rgba(31,37,61,.08);
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}
button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.spacer{flex:1}
.login-screen{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 20% 20%,rgba(123,104,238,.15),transparent 28%),#f8f9fc}
.login-card{width:min(450px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 25px 70px rgba(31,37,61,.12)}
.brand{display:flex;align-items:center;gap:11px}.login-brand{margin-bottom:24px}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#9c89ff);display:grid;place-items:center;color:#fff;font-weight:900}
.brand strong,.brand span{display:block}.brand strong{font-size:16px}.brand span{font-size:10px;color:#a6a9b7;margin-top:2px}.login-brand span{color:var(--muted)}
.demo-notice{background:var(--accentSoft);border:1px solid #ded8ff;border-radius:10px;padding:10px 12px;margin-bottom:13px}.demo-notice b,.demo-notice span{display:block}.demo-notice b{font-size:10px}.demo-notice span{font-size:9px;color:#6e6693;margin-top:3px}
.demo-credentials{font-size:9px;color:var(--muted);line-height:1.7;margin-top:12px}
.form-stack{display:grid;gap:12px}label{display:grid;gap:5px;font-size:10px;font-weight:700;color:#555d6e}input,select,textarea{width:100%;border:1px solid #d8dce4;border-radius:9px;background:#fff;color:var(--text);padding:9px 10px;outline:none}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#a89cf3;box-shadow:0 0 0 3px rgba(123,104,238,.09)}
.btn{border:0;border-radius:9px;padding:9px 12px;font-size:10px;font-weight:800}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent2)}.btn.ghost{background:#fff;border:1px solid var(--line);color:#555d6e}.btn.soft{background:var(--accentSoft);color:#5c4cca}.btn.danger{background:var(--redSoft);color:#b83f3f}.btn.wide{width:100%;padding:11px}
.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,var(--sidebar),#1c1e28);padding:18px 14px;display:flex;flex-direction:column;color:#fff;z-index:10}.side-brand{padding:3px 7px 22px}.nav{display:grid;gap:4px}.nav-item{border:0;background:transparent;color:#babeca;border-radius:9px;padding:10px 11px;text-align:left;display:flex;gap:10px;align-items:center;font-size:10px;font-weight:700}.nav-item.active,.nav-item:hover{background:var(--sidebar2);color:#fff}.nav-item span{width:18px;text-align:center}.sidebar-spacer{flex:1}.profile-box{border-top:1px solid #30323e;padding:14px 5px 1px;display:flex;align-items:center;gap:9px}.avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#9a87ff);display:grid;place-items:center;color:#fff;font-size:11px;font-weight:900}.profile-text{flex:1;min-width:0}.profile-text strong,.profile-text span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-text strong{font-size:10px}.profile-text span{font-size:8px;color:#989dac;margin-top:2px}.icon-btn{border:0;background:transparent;color:inherit;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:16px}.icon-btn:hover{background:rgba(127,135,156,.12)}
.main{margin-left:250px;padding:24px 28px 50px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:21px}.breadcrumb{font-size:9px;color:var(--muted);margin-bottom:4px}.topbar h1{margin:0;font-size:22px}.top-actions{display:flex;gap:9px;align-items:center}.sync-pill{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 10px;display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted)}.sync-pill i{width:7px;height:7px;background:var(--green);border-radius:50%}
.page{animation:fade .16s ease}@keyframes fade{from{opacity:.6;transform:translateY(3px)}to{opacity:1;transform:none}}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:14px}.metric{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px}.metric span{font-size:9px;color:var(--muted);font-weight:700}.metric strong{display:block;font-size:24px;margin-top:6px}.grid2{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:15px;box-shadow:0 2px 8px rgba(31,37,61,.02)}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}.panel-head h2,.panel-head h3{margin:2px 0 0;font-size:13px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:8px;font-weight:900}
.progress{height:8px;background:#edf0f4;border-radius:999px;overflow:hidden}.progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#9a87ff)}.status-rows{display:grid;gap:8px;margin-top:12px}.status-row{display:grid;grid-template-columns:100px 1fr 28px;gap:8px;align-items:center;font-size:9px}.mini-bar{height:6px;background:#eef0f4;border-radius:999px;overflow:hidden}.mini-bar i{display:block;height:100%}
.compact-list{display:grid;gap:7px}.compact-task{border:1px solid var(--line);border-radius:9px;padding:9px;display:flex;gap:8px;align-items:flex-start;background:#fff}.compact-task:hover{border-color:#d1cbf8}.compact-main{flex:1;min-width:0}.compact-task h4{font-size:10px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{font-size:8px;color:var(--muted);margin-top:4px}.priority,.status-badge,.role-badge{display:inline-flex;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900;white-space:nowrap}.priority.urgent{background:var(--redSoft);color:#c33f3f}.priority.high{background:var(--orangeSoft);color:#bd6a31}.priority.normal{background:var(--blueSoft);color:#3d6bc8}.priority.low{background:var(--graySoft);color:#747b89}.late{color:var(--red)!important;font-weight:800}
.tasks-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.views{display:flex;background:#e9ebf1;padding:3px;border-radius:9px}.view-btn{border:0;background:transparent;color:#687083;padding:7px 10px;border-radius:7px;font-size:9px;font-weight:800}.view-btn.active{background:#fff;color:var(--text);box-shadow:0 1px 5px rgba(31,37,61,.08)}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters select,.filters input{width:auto;min-width:135px;padding:8px;font-size:9px}.filters input{min-width:190px}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.task-table,.user-table{width:100%;border-collapse:collapse;min-width:800px}.task-table th,.user-table th{background:#fafbfc;color:#737a8a;text-align:left;font-size:8px;text-transform:uppercase;padding:9px 10px;border-bottom:1px solid var(--line)}.task-table td,.user-table td{padding:10px;border-bottom:1px solid #f0f1f4;font-size:9px}.task-table tbody tr:hover,.user-table tbody tr:hover{background:#fbfbfe}
.board{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:10px;align-items:start;overflow-x:auto}.column{background:#eceef3;border-radius:11px;padding:9px;min-height:410px}.column.dragover{outline:2px dashed var(--accent);outline-offset:-5px}.column-head{display:flex;justify-content:space-between;align-items:center;padding:3px 3px 9px;font-size:9px}.count{background:#fff;border-radius:999px;padding:3px 6px;color:var(--muted);font-size:8px}.cards{display:grid;gap:7px}.task-card{background:#fff;border:1px solid #dfe2e8;border-radius:9px;padding:10px;cursor:grab}.task-card:hover{border-color:#cec7f6;transform:translateY(-1px)}.task-card h4{font-size:10px;line-height:1.4;margin:8px 0}.card-top,.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:7px}.card-bottom{font-size:8px;color:var(--muted);margin-top:8px}
.team-grid{display:grid;grid-template-columns:270px 1fr;gap:14px}.member-list{display:grid;gap:5px}.member-btn{border:1px solid transparent;background:transparent;border-radius:9px;padding:8px;display:flex;gap:8px;align-items:center;text-align:left}.member-btn.active,.member-btn:hover{background:var(--accentSoft);border-color:#dfd9ff}.member-btn .avatar{width:30px;height:30px}.member-btn strong,.member-btn span{display:block}.member-btn strong{font-size:9px}.member-btn span{font-size:8px;color:var(--muted);margin-top:2px}.performance{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px}.perf{border:1px solid var(--line);border-radius:10px;padding:11px}.perf span{font-size:8px;color:var(--muted)}.perf strong{display:block;font-size:19px;margin-top:5px}
.users-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.users-head h2{margin:0;font-size:15px}.users-head p{margin:4px 0 0;font-size:9px;color:var(--muted)}.actions{display:flex;gap:5px;flex-wrap:wrap}.role-badge{background:var(--accentSoft);color:#5c4cca}.active-badge{background:var(--greenSoft);color:#28794f}
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.account-line{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:9px}.account-line span{color:var(--muted)}
.modal{position:fixed;inset:0;background:rgba(18,20,30,.58);backdrop-filter:blur(3px);display:grid;place-items:center;padding:18px;z-index:50}.modal-card{width:min(500px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:16px;padding:18px;box-shadow:0 30px 90px rgba(13,16,27,.25)}.modal-card.large{width:min(850px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:13px}.modal-head h2{margin:2px 0 0;font-size:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.span-2{grid-column:span 2}.execution-block{border-top:1px solid var(--line);margin-top:16px;padding-top:15px}.section-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:9px}.section-row h3{font-size:11px;margin:2px 0 0}.checklist{display:grid;gap:6px;margin-bottom:10px}.check-item{display:flex;align-items:center;gap:7px;background:#fafbfc;border:1px solid var(--line);border-radius:8px;padding:7px}.check-item input[type=checkbox]{width:auto}.check-item input[type=text]{border:0;background:transparent;padding:3px;box-shadow:none}.remove-check{border:0;background:transparent;color:#9aa0ad}.modal-footer{display:flex;align-items:center;gap:7px;margin-top:15px}.permissions-box{border:1px solid var(--line);border-radius:10px;padding:11px}.permissions-box legend{font-size:9px;font-weight:800;color:#596071;padding:0 5px}.check-perm{display:flex;grid-template-columns:none;align-items:center;gap:7px;margin:6px 0}.check-perm input{width:auto}.info-box{background:#fafbfc;border:1px solid var(--line);border-radius:9px;padding:9px;font-size:9px}.empty{text-align:center;padding:32px 15px;color:var(--muted);font-size:9px}.toast{position:fixed;right:18px;bottom:18px;background:#20222c;color:#fff;border-radius:9px;padding:10px 12px;font-size:9px;z-index:99;opacity:0;transform:translateY(8px);transition:.2s}.toast.show{opacity:1;transform:none}
@media(max-width:1050px){.metrics{grid-template-columns:1fr 1fr}.grid2,.team-grid{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{position:static;width:auto}.main{margin:0;padding:16px}.nav{grid-template-columns:1fr 1fr}.sidebar-spacer{display:none}.profile-box{margin-top:12px}.tasks-toolbar{align-items:flex-start;flex-direction:column}.account-grid,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}

/* ===== TaskFlow V2 - Gestão / visual estilo workspace ===== */
body{font-size:13px}.main{padding:28px 34px 56px}.topbar{margin-bottom:24px}.topbar h1{font-size:26px}.breadcrumb{font-size:11px}.btn{font-size:12px;padding:10px 14px}.nav-item{font-size:12px;padding:11px 12px}.nav-item span{font-size:10px;font-weight:900;color:#8f84ef}.profile-text strong{font-size:12px}.profile-text span{font-size:10px}.profile-box .icon-btn{width:auto;padding:0 8px;font-size:10px;color:#aeb2c0}.panel{padding:18px}.panel-head h2,.panel-head h3{font-size:15px}.eyebrow{font-size:9px}.helper{font-size:10px;color:var(--muted)}
.metrics-wide{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:12px;margin-bottom:16px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 16px;min-height:91px;box-shadow:0 3px 12px rgba(31,37,61,.025)}.metric-card span{display:block;color:var(--muted);font-size:10px;font-weight:700}.metric-card strong{display:block;margin-top:7px;font-size:25px;line-height:1}.metric-card small{display:block;margin-top:7px;color:var(--muted);font-size:9px}.metric-card.good{border-left:4px solid var(--green)}.metric-card.bad{border-left:4px solid var(--red)}.metric-card.warn{border-left:4px solid var(--orange)}
.dashboard-filterbar{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:14px}.dashboard-filterbar>div{min-width:135px}.dashboard-filterbar select,.dashboard-filterbar input{font-size:11px;padding:8px 9px}.dashboard-filterbar .eyebrow{display:block;margin:0 0 4px 2px}.custom-dates{display:flex;gap:7px}.custom-dates label{font-size:9px;min-width:125px}
.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dashboard-card{min-height:280px}.big-rate{font-size:24px;font-weight:900;color:var(--accent)}.chart-rows{display:grid;gap:11px}.chart-row{display:grid;grid-template-columns:125px 1fr 34px;gap:10px;align-items:center;font-size:10px}.chart-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-track{height:9px;background:#eff1f5;border-radius:999px;overflow:hidden}.chart-track i{height:100%;display:block;background:linear-gradient(90deg,var(--accent),#a693ff);border-radius:999px}.trend-chart{height:205px;display:flex;align-items:end;gap:7px;overflow-x:auto;padding:8px 4px 2px}.trend-col{min-width:34px;height:100%;display:grid;grid-template-rows:1fr auto auto;gap:3px;align-items:end;text-align:center}.trend-bar-wrap{height:100%;width:18px;margin:auto;display:flex;align-items:end;background:#f0f1f5;border-radius:6px;overflow:hidden}.trend-bar-wrap i{display:block;width:100%;background:linear-gradient(180deg,#a693ff,var(--accent));border-radius:6px 6px 0 0}.trend-col span{font-size:8px;color:var(--muted);transform:rotate(-35deg);transform-origin:center;white-space:nowrap;margin-top:7px}.trend-col b{font-size:9px;margin-top:4px}.compact-empty{padding:18px 10px}
.day-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.day-summary>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center}.day-summary span{font-size:10px;color:var(--muted);font-weight:700}.day-summary strong{font-size:18px}.task-groups{display:grid;gap:13px}.group-label{font-size:9px;font-weight:900;letter-spacing:.13em;color:#8c92a1;margin:9px 0 -2px}.task-section{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}.task-section.routine{border-left:4px solid var(--accent)}.task-section.danger-section{border-left:4px solid var(--red)}.task-section.done-section{border-left:4px solid var(--green)}.task-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.task-section-head h2{font-size:14px;margin:2px 0 0}.section-count{min-width:28px;height:28px;border-radius:9px;background:#f2f3f6;display:grid;place-items:center;font-size:11px;font-weight:900;color:#646b79}.task-section .table-wrap{border-radius:10px}.task-table th,.user-table th,.history-table th,.productivity-table th{font-size:9px;padding:10px 11px}.task-table td,.user-table td,.history-table td,.productivity-table td{font-size:10px;padding:11px}.task-table{min-width:920px}.task-title-line{display:flex;align-items:center;gap:7px;min-width:0}.task-title-line h4{margin:0}.recurrence-badge{display:inline-flex;align-items:center;border-radius:999px;background:#eeeaff;color:#5c4cca;padding:4px 7px;font-size:8px;font-weight:900;white-space:nowrap}.row-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.tag-badge{display:inline-flex;border-radius:999px;background:#f2f3f6;color:#707786;padding:3px 6px;font-size:8px}.priority,.status-badge,.role-badge{font-size:9px;padding:5px 8px}.meta{font-size:9px}.compact-task{padding:11px}.compact-task h4{font-size:11px}.compact-task .meta{margin-top:5px}
.recurrence-block{border-top:1px solid var(--line);margin-top:16px;padding-top:15px}.custom-recurrence{display:grid;grid-template-columns:1fr 1fr;gap:8px}.execution-history{display:grid;gap:6px}.execution-history>div{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fbfbfd;font-size:10px}.execution-history span{color:var(--muted)}.hist-done{color:var(--green)}.hist-late{color:var(--red)}
.team-summary{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:10px;margin-bottom:14px}.team-summary .metric-card{min-height:84px;padding:13px}.team-summary .metric-card strong{font-size:22px}.productivity-table,.history-table{width:100%;border-collapse:collapse;min-width:760px}.productivity-table th,.history-table th{background:#fafbfc;color:#737a8a;text-align:left;text-transform:uppercase;border-bottom:1px solid var(--line)}.productivity-table td,.history-table td{border-bottom:1px solid #f0f1f4}.member-row{cursor:pointer}.member-row:hover,.member-row.selected{background:#f7f5ff}.member-cell{display:flex;align-items:center;gap:9px}.member-cell .avatar{width:32px;height:32px}.member-cell b,.member-cell span{display:block}.member-cell span{color:var(--muted);font-size:9px;margin-top:2px}.rate-cell{display:grid;grid-template-columns:minmax(90px,1fr) 42px;align-items:center;gap:8px}.rate-cell .progress{height:7px}.member-detail{display:grid;gap:14px;margin-top:14px}.member-detail-head{display:flex;justify-content:space-between;align-items:center}.member-detail-head h2{margin:3px 0 0;font-size:20px}.metrics-small{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.metrics-small .metric-card{min-height:82px;padding:13px}.metrics-small .metric-card strong{font-size:22px}.detail-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:14px}.forgot-list{display:grid;gap:7px}.forgot-list>div{display:flex;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:9px;padding:9px;font-size:10px}.forgot-list b{color:var(--red);white-space:nowrap}
.form-grid label,.form-stack label{font-size:11px}input,select,textarea{font-size:12px}.modal-card.large{width:min(920px,100%)}.section-row h3{font-size:13px}.info-box{font-size:10px}.check-item input[type=text]{font-size:11px}.sync-pill{font-size:10px}.filters select,.filters input{font-size:10px;padding:9px;min-width:140px}.filters input{min-width:210px}.view-btn{font-size:10px;padding:8px 11px}.board{grid-template-columns:repeat(4,minmax(250px,1fr))}.task-card h4{font-size:11px}.card-bottom{font-size:9px}
@media(max-width:1450px){.metrics-wide{grid-template-columns:repeat(4,1fr)}.team-summary{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1100px){.dashboard-grid,.detail-grid{grid-template-columns:1fr}.metrics-wide{grid-template-columns:repeat(3,1fr)}.metrics-small{grid-template-columns:repeat(3,1fr)}.team-summary{grid-template-columns:repeat(3,1fr)}.day-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.main{padding:18px}.metrics-wide,.metrics-small,.team-summary{grid-template-columns:repeat(2,1fr)}.dashboard-filterbar{align-items:stretch;flex-direction:column}.custom-dates{display:grid;grid-template-columns:1fr 1fr}.day-summary{grid-template-columns:1fr 1fr}.chart-row{grid-template-columns:95px 1fr 28px}.task-section{padding:10px}.modal-card{padding:14px}}

/* ===== TaskFlow V3 - Notificações e Fluxo ===== */
.top-actions{position:relative}.notification-wrap{position:relative}.bell-btn{position:relative;width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:11px;display:grid;place-items:center;cursor:pointer;transition:.18s}.bell-btn:hover{background:#f8f7ff;border-color:#d8d2ff}.bell-btn svg{width:19px;height:19px;fill:none;stroke:#4f5563;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bell-count{position:absolute;right:-5px;top:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#e74c3c;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:900;border:2px solid #fff}.notification-panel{position:absolute;right:0;top:48px;width:min(390px,calc(100vw - 34px));max-height:520px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(31,37,61,.18);z-index:70}.notification-head{position:sticky;top:0;background:#fff;z-index:1;padding:14px 15px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.notification-head h3{margin:0;font-size:14px}.notification-head button{border:0;background:transparent;color:var(--accent);font-size:10px;font-weight:800;cursor:pointer}.notification-list{display:grid}.notification-item{border:0;border-bottom:1px solid #f0f1f4;background:#fff;text-align:left;padding:12px 14px;cursor:pointer;display:grid;grid-template-columns:9px 1fr;gap:9px}.notification-item:hover{background:#faf9ff}.notification-item.unread{background:#f8f6ff}.notification-dot{width:7px;height:7px;border-radius:50%;background:transparent;margin-top:5px}.notification-item.unread .notification-dot{background:var(--accent)}.notification-copy b{font-size:10px;display:block;margin-bottom:3px}.notification-copy p{margin:0;color:#5e6574;font-size:10px;line-height:1.45}.notification-copy small{display:block;color:#989eaa;font-size:8px;margin-top:5px}.notification-empty{padding:28px 16px;text-align:center;color:var(--muted);font-size:10px}.notification-footer{padding:11px 14px;background:#fafbfc;border-top:1px solid var(--line)}.push-enable-btn{width:100%;border:1px solid #dad5ff;background:#f7f5ff;color:#5e50c9;border-radius:9px;padding:9px;font-size:10px;font-weight:800;cursor:pointer}.push-enable-btn.enabled{color:var(--green);background:#f1fbf6;border-color:#ccebd9}.in-app-notice{position:fixed;right:18px;top:18px;width:min(360px,calc(100vw - 36px));background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;box-shadow:0 18px 45px rgba(31,37,61,.2);z-index:100;padding:13px 14px;cursor:pointer;animation:noticeIn .2s ease}.in-app-notice b{display:block;font-size:11px}.in-app-notice span{display:block;font-size:10px;color:#676e7b;margin-top:4px}@keyframes noticeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.assignment-receipt{border:1px solid var(--line);border-radius:10px;background:#fbfbfd;padding:10px 12px;margin:12px 0;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.assignment-receipt>div{display:grid;gap:2px}.assignment-receipt span{font-size:8px;color:var(--muted);text-transform:uppercase;font-weight:800;letter-spacing:.06em}.assignment-receipt b{font-size:10px}.assignment-receipt .not-viewed{color:var(--orange)}.assignment-receipt .viewed{color:var(--green)}
.workflow-block{border-top:1px solid var(--line);margin-top:16px;padding-top:15px}.workflow-toggle{display:flex;grid-template-columns:none;align-items:center;gap:7px;font-size:10px!important;font-weight:800;color:#5c6371}.workflow-toggle input{width:auto}.workflow-editor{display:grid;gap:8px;margin:11px 0}.workflow-step-row{display:grid;grid-template-columns:34px minmax(160px,1.3fr) minmax(150px,1fr) 95px 34px;gap:7px;align-items:end;border:1px solid var(--line);background:#fbfbfd;border-radius:11px;padding:9px}.workflow-step-order{width:28px;height:28px;border-radius:9px;background:#eeeaff;color:#5d4bc6;display:grid;place-items:center;font-size:10px;font-weight:900;align-self:center}.workflow-step-row label{font-size:9px}.workflow-step-row input,.workflow-step-row select{padding:8px;font-size:10px}.workflow-remove{width:30px;height:30px;border:0;background:#fff1f0;color:#c94a41;border-radius:8px;cursor:pointer;font-weight:900}.workflow-readonly{display:grid;gap:8px}.workflow-progress-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.workflow-progress-head b{font-size:12px}.workflow-progress-head span{font-size:10px;color:var(--muted)}.workflow-step-card{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 11px;background:#fbfbfd}.workflow-step-card.active{border-color:#cfc8ff;background:#f8f6ff}.workflow-step-card.completed{background:#f5fbf7}.workflow-step-card .step-num{width:28px;height:28px;border-radius:8px;background:#eef0f4;display:grid;place-items:center;font-size:9px;font-weight:900}.workflow-step-card.active .step-num{background:#ded8ff;color:#5544bd}.workflow-step-card.completed .step-num{background:#dff4e7;color:#25845a}.workflow-step-card h4{margin:0;font-size:10px}.workflow-step-card p{margin:4px 0 0;color:var(--muted);font-size:9px}.workflow-step-card small{font-size:8px;color:#858c99;text-align:right}.workflow-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.workflow-actions .btn{font-size:10px}.workflow-status-line{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.workflow-current-badge{border-radius:999px;background:#eeeaff;color:#5d4bc6;padding:5px 8px;font-size:9px;font-weight:900}.wait-badge{border-radius:999px;background:#fff6e9;color:#b66b15;padding:5px 8px;font-size:9px;font-weight:900}
.comments-list{display:grid;gap:8px;max-height:220px;overflow:auto;margin-bottom:9px}.comment-item{border:1px solid var(--line);border-radius:10px;padding:9px 10px;background:#fbfbfd}.comment-item-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:4px}.comment-item-head b{font-size:9px}.comment-item-head span{font-size:8px;color:var(--muted)}.comment-item p{font-size:10px;line-height:1.45;margin:0;color:#555c69;white-space:pre-wrap}.comment-compose{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.comment-compose textarea{min-height:62px}.task-timeline{display:grid;gap:0;position:relative}.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:10px;position:relative;padding-bottom:12px}.timeline-item:not(:last-child):before{content:"";position:absolute;left:8px;top:15px;bottom:-1px;width:1px;background:#e4e6eb}.timeline-dot{width:17px;height:17px;border-radius:50%;background:#fff;border:2px solid #c7cbd4;z-index:1}.timeline-item.important .timeline-dot{border-color:var(--accent);background:#f1eeff}.timeline-copy b{font-size:10px}.timeline-copy p{font-size:9px;color:#656c79;margin:3px 0 0;line-height:1.45}.timeline-copy small{font-size:8px;color:#999faa;display:block;margin-top:4px}.workflow-dashboard-table{width:100%;border-collapse:collapse;min-width:820px}.workflow-dashboard-table th{font-size:9px;color:#777e8c;text-align:left;text-transform:uppercase;padding:10px;border-bottom:1px solid var(--line);background:#fafbfc}.workflow-dashboard-table td{font-size:10px;padding:11px;border-bottom:1px solid #f0f1f4}.workflow-dashboard-table tr{cursor:pointer}.workflow-dashboard-table tr:hover{background:#faf9ff}.seen-state{font-size:9px;font-weight:800}.seen-state.yes{color:var(--green)}.seen-state.no{color:var(--orange)}
.push-account-card{margin-top:12px;border:1px solid var(--line);border-radius:10px;padding:11px;background:#fbfbfd}.push-account-card b{font-size:10px}.push-account-card p{font-size:9px;color:var(--muted);line-height:1.45;margin:5px 0 9px}
@media(max-width:900px){.workflow-step-row{grid-template-columns:32px 1fr 1fr}.workflow-step-row .workflow-sla,.workflow-step-row .workflow-remove{grid-row:2}.workflow-step-row .workflow-sla{grid-column:2}.workflow-step-row .workflow-remove{grid-column:3;justify-self:end}.comment-compose{grid-template-columns:1fr}.notification-panel{position:fixed;right:14px;top:70px}}


/* =========================================================
   EUROMAR FLOW V4 - identidade visual + pessoas + dashboard
   ========================================================= */
:root{
  --bg:#f4f5f7;
  --panel:#ffffff;
  --soft:#f8f9fb;
  --text:#25272d;
  --muted:#727781;
  --line:#e5e7eb;
  --sidebar:#202124;
  --sidebar2:#303135;
  --accent:#b70005;
  --accent2:#8f0004;
  --accentSoft:#fff0f1;
  --green:#18864b;
  --greenSoft:#eaf7f0;
  --red:#c62828;
  --redSoft:#fdeeee;
  --orange:#d97706;
  --orangeSoft:#fff4e6;
  --blue:#3f6fd8;
  --blueSoft:#eef4ff;
  --radius:16px;
  --shadow:0 12px 36px rgba(20,24,32,.06);
}
html,body{background:linear-gradient(180deg,#f5f6f8 0,#f1f2f4 100%);color:var(--text)}
.login-screen{
  background:
    radial-gradient(circle at 15% 10%,rgba(183,0,5,.12),transparent 30%),
    radial-gradient(circle at 85% 90%,rgba(51,51,51,.08),transparent 32%),
    #f7f7f8;
}
.login-card{border:0;box-shadow:0 28px 80px rgba(28,31,38,.14);padding:34px;border-radius:24px}
.euromar-login-brand{align-items:center;margin-bottom:28px;border-bottom:1px solid var(--line);padding-bottom:22px}
.euromar-logo-login{width:104px;height:104px;object-fit:contain;border-radius:18px;background:#fff}
.euromar-brand-copy strong{font-size:25px;letter-spacing:-.03em;color:#2f3034}
.euromar-brand-copy span{font-size:11px;color:#777b84;margin-top:5px}
input:focus,select:focus,textarea:focus{border-color:rgba(183,0,5,.55);box-shadow:0 0 0 3px rgba(183,0,5,.08)}
.btn.primary{background:linear-gradient(135deg,#c10005,#9e0004);box-shadow:0 6px 18px rgba(183,0,5,.16)}
.btn.primary:hover{background:#930004;transform:translateY(-1px)}
.btn.soft{background:var(--accentSoft);color:#9c0004}
.sidebar{background:linear-gradient(180deg,#26272b,#1d1e21);box-shadow:14px 0 40px rgba(15,18,25,.07)}
.euromar-side-brand{gap:10px;padding-bottom:24px}
.euromar-logo-shell{width:48px;height:48px;background:#fff;border-radius:13px;overflow:hidden;display:grid;place-items:center;flex:0 0 48px;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.euromar-logo-shell img{width:100%;height:100%;object-fit:cover}
.euromar-side-brand strong{font-size:15px}
.euromar-side-brand span{font-size:9px;color:#a9adb6}
.nav-item{border-left:3px solid transparent}
.nav-item.active,.nav-item:hover{background:linear-gradient(90deg,rgba(183,0,5,.20),rgba(255,255,255,.035));border-left-color:#d4171c;color:#fff}
.nav-item span{color:#d65a5d}
.profile-box{border-top-color:#3a3b40}
.avatar{background:linear-gradient(135deg,#bc0005,#6f0003);border-radius:50%;overflow:hidden;flex:0 0 auto}
.avatar-photo{background:#eee!important}
.avatar-photo img{width:100%;height:100%;object-fit:cover;display:block}
.avatar-sm{width:28px;height:28px;font-size:9px}
.avatar-md{width:38px!important;height:38px!important;font-size:10px}
.avatar-lg{width:56px;height:56px;font-size:14px}
.avatar-xl{width:72px;height:72px;font-size:18px}
.avatar-profile{width:84px;height:84px;font-size:22px}
.avatar-hero{width:92px;height:92px;font-size:24px;border:5px solid #fff;box-shadow:0 8px 28px rgba(40,42,49,.13)}
.topbar{position:sticky;top:0;z-index:7;background:rgba(244,245,247,.86);backdrop-filter:blur(13px);padding:10px 0 13px;margin-top:-10px}
.topbar h1{letter-spacing:-.03em}
.bell-btn{border-radius:12px}.bell-count{background:#b70005}
.notification-item.unread{background:#fff5f5}.notification-item.unread .notification-dot{background:#b70005}
.panel,.metric-card,.dashboard-filterbar,.table-wrap{box-shadow:0 4px 20px rgba(20,24,32,.035)}
.metric-card{position:relative;overflow:hidden;transition:.18s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(20,24,32,.07)}
.metric-card:after{content:"";position:absolute;right:-24px;bottom:-30px;width:78px;height:78px;border-radius:50%;background:rgba(183,0,5,.035)}
.metric-card.good{border-left-color:#18864b}.metric-card.bad{border-left-color:#b70005}.metric-card.warn{border-left-color:#d97706}
.eyebrow{color:#b70005}
.progress>i,.chart-track i,.trend-bar-wrap i{background:linear-gradient(90deg,#c40005,#8d0004)}
.dashboard-hero,.team-hero{
  border-radius:20px;
  background:linear-gradient(115deg,#2b2c30 0%,#36373b 58%,#740003 100%);
  color:#fff;padding:22px 24px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:24px;
  box-shadow:0 15px 36px rgba(38,39,45,.14);overflow:hidden;position:relative;
}
.dashboard-hero:after,.team-hero:after{content:"";position:absolute;right:-75px;top:-95px;width:250px;height:250px;border-radius:50%;border:44px solid rgba(255,255,255,.035)}
.dashboard-hero .eyebrow,.team-hero .eyebrow{color:#ffb5b7}
.dashboard-hero h2,.team-hero h2{font-size:22px;margin:6px 0 5px;letter-spacing:-.02em}
.dashboard-hero p,.team-hero p{margin:0;color:#d5d6d9;font-size:11px;line-height:1.5}
.dashboard-team-pulse{position:relative;z-index:1;min-width:220px;text-align:right}
.dashboard-team-pulse>span{font-size:9px;color:#c9cbd0;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.dashboard-team-pulse>b{display:block;font-size:10px;color:#f5f5f5;margin-top:7px}
.avatar-stack{display:flex;justify-content:flex-end;margin-top:9px;padding-right:8px}
.avatar-stack .avatar{margin-right:-8px;border:2px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.avatar-stack-large{min-width:240px}
.avatar-stack-large .avatar{margin-right:-9px}
.dashboard-filterbar{border:0}
.dashboard-card{min-height:250px}
.chart-track{background:#f0f1f3}
.member-row.selected{background:#fff2f3}
.member-cell .avatar{box-shadow:0 4px 12px rgba(40,42,49,.08)}
.member-profile-hero{
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  background:linear-gradient(120deg,#fff,#fafafb);border:1px solid var(--line);border-radius:18px;padding:18px 20px;
}
.member-profile-main{display:flex;align-items:center;gap:16px}
.member-profile-main h2{font-size:24px;margin:4px 0 3px;letter-spacing:-.03em}
.member-profile-main p{margin:0;color:var(--muted);font-size:10px}
.member-score{min-width:190px;text-align:right}.member-score span{font-size:9px;color:var(--muted)}.member-score strong{font-size:28px;display:block;margin:4px 0 8px;color:#333}.member-score .progress{height:9px}
.member-week{height:180px;display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end;padding-top:8px}
.member-week-day{height:100%;display:grid;grid-template-rows:auto 1fr auto auto;gap:4px;text-align:center}
.member-week-day>span{font-size:8px;text-transform:uppercase;color:var(--muted);font-weight:800}
.week-gauge{height:105px;background:#f0f1f3;border-radius:8px;display:flex;align-items:flex-end;overflow:hidden}
.week-gauge i{display:block;width:100%;min-height:4px;background:linear-gradient(180deg,#d51c21,#8e0004);border-radius:8px}
.member-week-day b{font-size:9px}.member-week-day small{font-size:7px;color:var(--muted)}
.member-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.member-facts>div{border:1px solid var(--line);border-radius:12px;padding:11px;background:#fafbfc}.member-facts span{display:block;font-size:8px;color:var(--muted)}.member-facts b{display:block;margin-top:5px;font-size:16px}
.user-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:12px}
.user-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;box-shadow:0 5px 18px rgba(20,24,32,.035);transition:.18s}
.user-card:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(20,24,32,.07);border-color:#d6d8dc}
.user-card-top{display:flex;gap:12px;align-items:center}.user-card-top>div b,.user-card-top>div span,.user-card-top>div small{display:block}
.user-card-top b{font-size:12px}.user-card-top span{font-size:9px;color:#444a55;margin-top:3px}.user-card-top small{font-size:8px;color:var(--muted);margin-top:3px}
.user-card-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin:12px 0 10px;padding-top:10px;font-size:9px;color:var(--muted)}
.account-profile-head{display:flex;align-items:center;gap:15px;margin-bottom:16px}
.account-profile-head h2{font-size:21px;margin:3px 0 2px}.account-profile-head p{font-size:9px;color:var(--muted);margin:0}
.profile-edit-form{display:grid;gap:11px;border-top:1px solid var(--line);padding-top:14px;margin-top:8px}
.user-profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.avatar-own-row,.avatar-admin-editor{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.avatar-file-label{display:inline-flex!important;align-items:center;gap:8px;cursor:pointer}
.avatar-file-label input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.avatar-file-label span{display:inline-flex;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 10px;font-size:9px;font-weight:800;color:#555}
.avatar-file-label span:hover{background:#f8f8f9}
.profile-help{font-size:8px;color:var(--muted);line-height:1.5}
.avatar-admin-editor{border:1px solid var(--line);border-radius:12px;padding:10px;background:#fafbfc}
.role-badge{background:#fff0f1;color:#9f0004}
.recurring-badge,.recurrence-badge{background:#fff0f1!important;color:#9f0004!important}
.notification-panel{border-radius:16px}
@media(max-width:900px){
  .dashboard-hero,.team-hero,.member-profile-hero{align-items:flex-start;flex-direction:column}
  .dashboard-team-pulse{text-align:left}.avatar-stack{justify-content:flex-start}
  .member-score{width:100%;text-align:left}
}
@media(max-width:760px){
  .euromar-logo-login{width:78px;height:78px}
  .euromar-brand-copy strong{font-size:20px}
  .user-profile-fields{grid-template-columns:1fr}
  .member-week{overflow-x:auto;grid-template-columns:repeat(7,minmax(54px,1fr))}
}


/* =========================================================
   EUROMAR FLOW V5 - PRIORIDADE 1
   ========================================================= */
.task-code-line{font-size:8px;font-weight:900;letter-spacing:.08em;color:#8b8f98;margin-bottom:3px}
.member-status-section{display:grid;gap:12px;margin:14px 0}
.member-status-grid{display:grid;grid-template-columns:repeat(8,minmax(90px,1fr));gap:8px}
.member-status-card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:11px;text-align:left;cursor:pointer;transition:.17s;min-height:72px}
.member-status-card:hover,.member-status-card.active{transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,24,32,.08);border-color:#c9cbd0}
.member-status-card span{display:block;font-size:8px;color:var(--muted);text-transform:uppercase;font-weight:900;letter-spacing:.05em}
.member-status-card strong{display:block;font-size:23px;margin-top:8px}
.member-status-card.good strong{color:#18864b}.member-status-card.bad strong{color:#b70005}.member-status-card.warn strong{color:#d97706}.member-status-card.info strong{color:#3f6fd8}.member-status-card.muted strong{color:#777}
.member-status-results{margin-top:0}
.new-count{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:#fff0f1;color:#b70005}
.team-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}
.team-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 5px 18px rgba(20,24,32,.035)}
.team-card-head{display:flex;justify-content:space-between;gap:15px}.team-card-head h3{font-size:17px;margin:3px 0}.team-card-head p{font-size:9px;color:var(--muted);line-height:1.5;margin:0}
.team-task-count{font-size:8px;font-weight:900;background:#f4f5f7;border-radius:999px;padding:7px 9px;white-space:nowrap;height:max-content}
.team-leader-line{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin:12px 0;font-size:9px}
.team-leader-line span{color:var(--muted)}
.team-avatar-stack{justify-content:flex-start;margin:8px 0 13px}
.team-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted)}
.team-member-editor{display:grid;gap:7px;max-height:330px;overflow:auto;border:1px solid var(--line);border-radius:13px;padding:9px;background:#fafbfc}
.team-member-option{display:grid!important;grid-template-columns:auto 1fr 160px;gap:9px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px}
.team-member-option>span{display:flex;gap:8px;align-items:center}.team-member-option select{margin:0}
@media(max-width:1100px){.member-status-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.member-status-grid{grid-template-columns:repeat(2,1fr)}.team-member-option{grid-template-columns:auto 1fr}.team-member-option select{grid-column:2}}

.team-member-option-v5{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;display:grid;gap:9px}
.team-member-main{display:grid;grid-template-columns:1fr 170px;gap:10px;align-items:center}
.team-member-main>label{display:flex;align-items:center;gap:8px;font-size:10px}
.team-permission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;border-top:1px solid var(--line);padding-top:8px}
.team-permission-grid label{font-size:8px;color:#555;display:flex;align-items:center;gap:4px}
@media(max-width:760px){.team-member-main{grid-template-columns:1fr}.team-permission-grid{grid-template-columns:repeat(2,1fr)}}

/* EUROMAR FLOW V6 */
.sidebar{overflow-y:auto}.nav{padding-bottom:8px}
.global-search-wrap{position:relative;width:min(360px,32vw)}
.global-search-wrap>input{width:100%;background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 12px;font-size:10px}
.global-search-results{position:absolute;right:0;top:43px;width:360px;max-height:420px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 55px rgba(20,24,32,.18);padding:7px;z-index:30}
.global-search-results button{width:100%;border:0;background:#fff;text-align:left;padding:10px;border-radius:9px;display:grid;gap:2px;cursor:pointer}.global-search-results button:hover{background:#f7f7f8}.global-search-results span{font-size:7px;text-transform:uppercase;color:var(--muted);font-weight:900}.global-search-results b{font-size:10px}
.v6-kpis{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:14px}.metric-click{cursor:pointer;text-align:left;border:1px solid var(--line);width:100%}
.dashboard-grid-v6{display:grid;grid-template-columns:1fr 1fr;gap:14px}.workload-list,.activity-list{display:grid;gap:6px}
.workload-row,.activity-item{width:100%;border:1px solid var(--line);background:#fff;border-radius:11px;padding:9px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}
.workload-row>div{flex:1}.workload-row b,.activity-item b{display:block;font-size:9px}.workload-row span,.activity-item span{font-size:8px;color:var(--muted)}
.load-pill{margin-left:auto;border-radius:999px;padding:5px 8px;font-size:7px!important;font-weight:900}.load-pill.low{background:#eaf7f0;color:#18864b}.load-pill.normal{background:#eef4ff;color:#3f6fd8}.load-pill.high{background:#fdeeee;color:#b70005}
.work-sections{display:grid;grid-template-columns:1fr 1fr;gap:12px}.work-panel.bad{border-top:3px solid #b70005}.work-panel.info{border-top:3px solid #3f6fd8}.work-panel.warn{border-top:3px solid #d97706}.work-panel.good{border-top:3px solid #18864b}
.calendar-head{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:10px}.calendar-head>div{text-align:center}.calendar-head h2{text-transform:capitalize}
.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-weekdays b{text-align:center;font-size:8px;color:var(--muted);padding:8px}
.calendar-grid{border-left:1px solid var(--line);border-top:1px solid var(--line)}.calendar-cell{min-height:125px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:7px}.calendar-cell.outside{background:#f8f8f9;color:#aaa}.calendar-cell.today{box-shadow:inset 0 0 0 2px #b70005}.calendar-cell>span{font-size:9px;font-weight:900}.calendar-cell>div{display:grid;gap:4px;margin-top:6px}.calendar-task{border:0;border-left:3px solid #8f95a3;background:#f5f6f8;border-radius:5px;text-align:left;font-size:7px;padding:5px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-task.urgent{border-left-color:#b70005}.calendar-task.high{border-left-color:#d97706}.calendar-task.low{border-left-color:#18864b}
.report-filters{display:flex;gap:10px;margin-bottom:12px}.report-filters label{font-size:8px;color:var(--muted)}.report-filters input,.report-filters select{margin-top:4px}
.template-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.template-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px}.template-card h3{margin:5px 0;font-size:15px}.template-card p{font-size:9px;color:var(--muted);min-height:38px}.template-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:9px;margin-top:10px;font-size:8px;color:var(--muted)}
.automation-list{display:grid;gap:8px}.automation-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}.automation-row b,.automation-row span{display:block}.automation-row b{font-size:10px}.automation-row div>span{font-size:8px;color:var(--muted);margin-top:3px}
.audit-tabs{display:flex;gap:7px;margin-bottom:12px}.audit-table{width:100%;border-collapse:collapse}.audit-table th,.audit-table td{padding:8px;border-bottom:1px solid var(--line);font-size:8px;text-align:left}.trash-list{display:grid;gap:8px}.trash-row{background:#fff;border:1px solid var(--line);border-radius:11px;padding:11px;display:flex;justify-content:space-between;align-items:center}.trash-row b,.trash-row span{display:block}.trash-row span{font-size:8px;color:var(--muted);margin-top:3px}
.time-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.time-summary>div{background:#fafbfc;border:1px solid var(--line);border-radius:10px;padding:9px}.time-summary span,.time-summary b{display:block}.time-summary span{font-size:7px;color:var(--muted)}.time-summary b{font-size:12px;margin-top:3px}
.people-picker{display:flex;flex-wrap:wrap;gap:7px}.person-chip{display:flex!important;align-items:center;gap:5px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:8px}
.dependency-list{display:grid;gap:6px}.dependency-row{display:flex;align-items:center;gap:6px}.dependency-row>button:first-child{flex:1;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px;text-align:left;font-size:8px;cursor:pointer}.dependency-add{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:8px}
.subtask-row{display:grid;grid-template-columns:2fr 1fr 1fr 1.25fr auto;gap:6px;margin-bottom:6px;align-items:center}.subtask-row input,.subtask-row select{font-size:8px;padding:7px}
.attachment-upload-btn{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:9px;padding:7px 9px;font-size:8px;font-weight:900;cursor:pointer;background:#fff}.attachment-list{display:grid;gap:6px}.attachment-row{display:flex;gap:7px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:8px}.attachment-row>div{flex:1}.attachment-row b,.attachment-row span{display:block}.attachment-row b{font-size:9px}.attachment-row span{font-size:7px;color:var(--muted)}
.comment-item.reply{margin-left:28px;border-left:3px solid #ddd}.comment-item mark{background:#fff0f1;color:#a00004;border-radius:4px;padding:1px 3px}.comment-reply-btn{border:0;background:transparent;color:#b70005;font-size:7px;font-weight:900;cursor:pointer}
.blocked-inline{margin-left:5px;background:#f1eaff!important;color:#6a36b8!important}
@media(max-width:1250px){.v6-kpis{grid-template-columns:repeat(4,1fr)}}@media(max-width:950px){.dashboard-grid-v6,.work-sections{grid-template-columns:1fr}.v6-kpis{grid-template-columns:repeat(2,1fr)}.subtask-row{grid-template-columns:1fr}.calendar-cell{min-height:90px}.global-search-wrap{width:220px}}@media(max-width:700px){.global-search-wrap{display:none}.calendar-grid,.calendar-weekdays{min-width:700px}}


/* ============================================================
   EUROMAR FLOW V7 — REDESIGN VISUAL
   Inspirado na linguagem visual de ferramentas como ClickUp.
   Apenas aparência: não altera lógica, banco ou permissões.
   ============================================================ */

:root{
  --bg:#f7f8fb;
  --bg-2:#fbfbfd;
  --panel:#ffffff;
  --panel-soft:#f8f9fc;
  --text:#252633;
  --muted:#7b8190;
  --line:#e6e8ef;

  --sidebar:#1f1d27;
  --sidebar-2:#292631;
  --sidebar-text:#b8b5c1;
  --sidebar-muted:#85818f;

  --purple:#7b68ee;
  --purple-2:#9b72f2;
  --pink:#e75ac8;
  --blue:#4f7df3;
  --cyan:#39b7e8;
  --green:#2db67c;
  --orange:#f2a33a;
  --red:#ef5261;

  --purple-soft:#f1efff;
  --blue-soft:#edf3ff;
  --green-soft:#eaf8f2;
  --orange-soft:#fff5e6;
  --red-soft:#fff0f2;
  --gray-soft:#f0f1f5;

  --gradient:linear-gradient(135deg,#7b68ee 0%,#a865ed 48%,#e75ac8 100%);
  --shadow-sm:0 2px 10px rgba(31,29,39,.04);
  --shadow-md:0 12px 30px rgba(46,38,86,.08);
  --shadow-lg:0 24px 70px rgba(31,25,54,.18);

  --radius:12px;
  --radius-lg:18px;
}

/* Base */
html,body{
  background:
    radial-gradient(circle at 86% 0%,rgba(123,104,238,.06),transparent 28%),
    linear-gradient(180deg,#fafbfe 0%,#f6f7fb 100%);
  color:var(--text);
}
body{letter-spacing:-.005em}
::selection{background:#ded9ff;color:#4635a4}
*{scrollbar-width:thin;scrollbar-color:#cfd2dc transparent}
.page{animation:v7Page .18s ease}
@keyframes v7Page{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}

/* Sidebar */
.sidebar{
  width:252px;
  background:
    radial-gradient(circle at 10% 0%,rgba(123,104,238,.16),transparent 30%),
    linear-gradient(180deg,#211f29 0%,#1b1922 100%);
  padding:18px 12px;
  border-right:1px solid rgba(255,255,255,.05);
  box-shadow:12px 0 34px rgba(24,20,35,.07);
}
.main{
  margin-left:252px;
  padding:24px 30px 52px;
}
.euromar-side-brand{
  margin:0 4px 14px;
  padding:3px 7px 17px;
  border-bottom:1px solid rgba(255,255,255,.075);
}
.euromar-side-brand strong{
  color:#fff;
  font-size:14px;
  font-weight:800;
  letter-spacing:-.02em;
}
.euromar-side-brand span{
  color:#8f8a98;
  font-size:8px;
}
.euromar-logo-shell{
  width:42px;height:42px;flex-basis:42px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 8px 22px rgba(0,0,0,.18);
  background:#fff;
}
.nav{gap:3px}
.nav-item{
  min-height:39px;
  padding:8px 10px;
  gap:10px;
  border-radius:9px;
  color:#b4b0bc;
  font-size:10px;
  font-weight:740;
  position:relative;
  transition:background .15s ease,color .15s ease,transform .15s ease;
}
.nav-item:hover{
  color:#fff;
  background:rgba(255,255,255,.065);
  transform:translateX(1px);
}
.nav-item.active{
  color:#fff;
  background:linear-gradient(90deg,rgba(123,104,238,.24),rgba(231,90,200,.075));
  box-shadow:inset 0 0 0 1px rgba(159,133,255,.11);
}
.nav-item.active::before{
  content:"";
  position:absolute;
  left:-12px;
  top:8px;
  bottom:8px;
  width:3px;
  border-radius:0 5px 5px 0;
  background:var(--gradient);
  box-shadow:0 0 14px rgba(164,104,238,.55);
}
.nav-icon{
  width:19px!important;
  height:19px;
  flex:0 0 19px;
  display:grid;
  place-items:center;
  color:#898491;
}
.nav-icon svg{
  width:17px;height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.nav-item.active .nav-icon,.nav-item:hover .nav-icon{color:#d8d0ff}
.nav-label{
  width:auto!important;
  text-align:left!important;
  white-space:nowrap;
}
.profile-box{
  background:rgba(255,255,255,.028);
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  padding:10px;
}
.profile-text span{color:#837e8b}

/* Header */
.topbar{
  position:sticky;
  top:0;
  z-index:9;
  margin:-8px -8px 18px;
  padding:10px 8px 12px;
  background:rgba(247,248,251,.87);
  backdrop-filter:blur(15px);
}
.breadcrumb{
  color:#9297a6;
  font-size:8px;
  font-weight:600;
}
.topbar h1{
  font-size:22px;
  letter-spacing:-.04em;
  font-weight:820;
}
.global-search-wrap>input{
  min-height:38px;
  background:#fff;
  border:1px solid #e1e4ec;
  border-radius:10px;
  box-shadow:var(--shadow-sm);
}
.global-search-wrap>input:focus{
  border-color:#a997ff;
  box-shadow:0 0 0 3px rgba(123,104,238,.10);
}
.sync-pill,.bell-btn{
  background:#fff!important;
  border-color:#e3e5ec!important;
  box-shadow:var(--shadow-sm);
}
.bell-count{
  background:linear-gradient(135deg,#ff5a77,#e75ac8)!important;
  box-shadow:0 4px 10px rgba(231,90,200,.26);
}
#newTaskTop{
  min-height:38px;
  padding-inline:16px;
}

/* Botões */
.btn{
  border-radius:9px;
  font-weight:760;
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn.primary{
  border:0;
  color:#fff;
  background:var(--gradient);
  box-shadow:0 7px 20px rgba(123,104,238,.22);
}
.btn.primary:hover{
  background:linear-gradient(135deg,#6d5bdc,#995be3,#da55bc);
  box-shadow:0 10px 26px rgba(123,104,238,.28);
}
.btn.ghost{
  background:#fff;
  border:1px solid #e1e4eb;
  color:#626879;
}
.btn.ghost:hover{
  color:#634fc8;
  border-color:#cec6ff;
  background:#fcfbff;
}
.btn.soft{
  background:#f0edff;
  color:#6651cf;
  border-color:#e4ddff;
}
.btn.danger{
  background:var(--red-soft);
  color:#d94251;
  border-color:#ffdbe0;
}

/* Inputs */
input,select,textarea{
  background:#fff;
  border-color:#dee1e9;
  border-radius:9px;
  color:var(--text);
  transition:border-color .14s ease,box-shadow .14s ease;
}
input:focus,select:focus,textarea:focus{
  border-color:#a795ff;
  box-shadow:0 0 0 3px rgba(123,104,238,.10);
}
label{color:#656b79}

/* Modais */
.modal{
  background:rgba(23,18,33,.54);
  backdrop-filter:blur(5px);
}
.modal-card{
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.52);
  box-shadow:var(--shadow-lg)!important;
}
.modal-head{
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(12px);
}
.eyebrow{
  color:#7055dc;
  font-weight:850;
}

/* Cards / painéis */
.panel,.metric,.metric-card,.perf,.team-card,.template-card,.account-card,.work-panel{
  background:#fff;
  border-color:#e7e9f0!important;
  border-radius:14px!important;
  box-shadow:var(--shadow-sm);
}
.panel,.team-card,.template-card{
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.panel:hover,.team-card:hover,.template-card:hover{
  border-color:#ddd9ef!important;
  box-shadow:var(--shadow-md);
}
.dashboard-hero,.team-hero,.member-profile-hero{
  border:1px solid #e5e1f4!important;
  background:
    radial-gradient(circle at 92% 18%,rgba(231,90,200,.08),transparent 28%),
    linear-gradient(135deg,#fff 0%,#fbfaff 100%)!important;
  box-shadow:0 8px 24px rgba(73,57,130,.045)!important;
  border-radius:17px!important;
}
.metric-card strong,.metric strong{
  letter-spacing:-.045em;
}

/* Dashboard */
.v6-kpis{gap:9px}
.v6-kpis .metric-card{
  min-height:94px;
  padding:13px;
  border-radius:13px!important;
}
.v6-kpis .metric-card span{
  color:#7c8190;
  font-size:8px;
  font-weight:780;
}
.v6-kpis .metric-card strong{font-size:23px}
.v6-kpis .metric-card.info{border-top:3px solid var(--purple)!important}
.v6-kpis .metric-card.good{border-top:3px solid var(--green)!important}
.v6-kpis .metric-card.warn{border-top:3px solid var(--orange)!important}
.v6-kpis .metric-card.bad{border-top:3px solid var(--red)!important}
.metric-click:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-md);
}
.progress{background:#ececf3}
.progress>i{background:var(--gradient)}

/* Badges de status */
.status-badge{
  border:1px solid transparent!important;
  font-weight:820!important;
  border-radius:999px!important;
  padding-inline:7px!important;
}
.status-badge.todo{
  background:var(--orange-soft)!important;
  color:#a46b12!important;
  border-color:#ffe3b5!important;
}
.status-badge.in_progress{
  background:var(--blue-soft)!important;
  color:#3a67cc!important;
  border-color:#d8e5ff!important;
}
.status-badge.review,.status-badge.waiting{
  background:#eaf9fe!important;
  color:#197e9e!important;
  border-color:#d5f0f8!important;
}
.status-badge.blocked{
  background:var(--purple-soft)!important;
  color:#694fd0!important;
  border-color:#dfd8ff!important;
}
.status-badge.done{
  background:var(--green-soft)!important;
  color:#188253!important;
  border-color:#d6f0e2!important;
}
.status-badge.cancelled{
  background:var(--gray-soft)!important;
  color:#747987!important;
  border-color:#e0e2e8!important;
}

/* Prioridades */
.priority{
  border-radius:999px!important;
  font-weight:820!important;
}
.priority.urgent{background:var(--red-soft)!important;color:#d94251!important}
.priority.high{background:#fff2e9!important;color:#d46b25!important}
.priority.normal{background:var(--blue-soft)!important;color:#3a67cc!important}
.priority.low{background:var(--green-soft)!important;color:#188253!important}

/* Tabelas */
.table-wrap{
  border:1px solid #e5e7ee;
  border-radius:13px;
  box-shadow:var(--shadow-sm);
}
.task-table th,.user-table th,.workflow-dashboard-table th,.productivity-table th{
  background:#f7f8fb!important;
  color:#878d9c!important;
  font-size:7.5px!important;
  letter-spacing:.055em;
}
.task-table td,.user-table td,.workflow-dashboard-table td,.productivity-table td{
  border-color:#eef0f4!important;
}
.task-table tbody tr,.user-table tbody tr,.workflow-dashboard-table tr,.productivity-table tbody tr{
  transition:background .12s ease;
}
.task-table tbody tr:hover,.user-table tbody tr:hover,.workflow-dashboard-table tr:hover,.productivity-table tbody tr:hover{
  background:#faf9ff!important;
}

/* Filtros / abas */
.views{
  background:#ececf3!important;
  border-radius:10px!important;
}
.view-btn{
  border-radius:8px!important;
  color:#73798a!important;
}
.view-btn.active{
  color:#5f4bc9!important;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(58,46,107,.08)!important;
}
.filters select,.filters input{
  background:#fff;
  border-color:#e1e3eb;
}

/* Kanban */
.kanban-col,.column{
  background:#f0f1f5!important;
  border:1px solid #e5e6ec!important;
  border-radius:13px!important;
}
.kanban-card,.task-card{
  background:#fff!important;
  border-color:#e1e3e9!important;
  border-radius:10px!important;
  box-shadow:0 2px 8px rgba(31,29,39,.025)!important;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.kanban-card:hover,.task-card:hover{
  transform:translateY(-2px);
  border-color:#cec6ff!important;
  box-shadow:0 10px 24px rgba(79,61,143,.09)!important;
}

/* Equipe e colaboradores */
.avatar,.person-avatar,.avatar-img{
  border-radius:50%!important;
}
.avatar{
  background:linear-gradient(135deg,#725ce3,#d25fc8)!important;
  box-shadow:0 4px 12px rgba(123,104,238,.17);
}
.member-status-card{
  border-color:#e7e8ef!important;
  border-radius:12px!important;
}
.member-status-card:hover{
  border-color:#d4cdfb!important;
  box-shadow:var(--shadow-md)!important;
}
.member-status-card.active{
  background:#fbfaff!important;
  border-color:#bdb0ff!important;
}
.member-btn.active,.member-btn:hover{
  background:#f1efff!important;
  border-color:#ddd6ff!important;
}
.load-pill.low{background:var(--green-soft)!important;color:#188253!important}
.load-pill.normal{background:var(--purple-soft)!important;color:#694fd0!important}
.load-pill.high{background:var(--red-soft)!important;color:#d94251!important}

/* Meu Trabalho */
.work-panel.bad{border-top:3px solid var(--red)!important}
.work-panel.info{border-top:3px solid var(--purple)!important}
.work-panel.warn{border-top:3px solid var(--orange)!important}
.work-panel.good{border-top:3px solid var(--green)!important}

/* Modelos */
.template-card h3{
  color:#2d2c37;
  letter-spacing:-.02em;
}
.template-meta{
  border-color:#ececf2!important;
}

/* Automações */
.automation-row{
  border-color:#e7e8ef!important;
  border-radius:11px!important;
  box-shadow:var(--shadow-sm);
}
.active-badge{
  background:var(--green-soft)!important;
  color:#188253!important;
}

/* Auditoria / Lixeira */
.audit-tabs{gap:6px}
.trash-row{
  border-color:#e7e8ef!important;
  border-radius:11px!important;
  box-shadow:var(--shadow-sm);
}

/* Dependências / anexos / comentários */
.workload-row,.activity-item,.dependency-row>button:first-child,.attachment-row{
  border-color:#e6e8ef!important;
  border-radius:10px!important;
}
.workload-row:hover,.activity-item:hover{
  background:#faf9ff!important;
  border-color:#d9d2ff!important;
}
.comment-item.reply{
  border-left:3px solid #dcd6ff!important;
}
.comment-item mark{
  background:#f0edff!important;
  color:#684ecf!important;
  border-radius:4px;
}

/* Notificações */
.notification-panel{
  border:1px solid #e6e3f1!important;
  border-radius:14px!important;
  box-shadow:0 22px 64px rgba(30,23,51,.18)!important;
}
.notification-item.unread{background:#faf8ff!important}
.notification-item:hover{background:#f7f5ff!important}

/* Calendário */
.calendar-grid{
  border-color:#e5e7ee!important;
  border-radius:13px;
  overflow:hidden;
  box-shadow:var(--shadow-sm);
}
.calendar-cell{border-color:#eceef3!important}
.calendar-cell.today{box-shadow:inset 0 0 0 2px #8b77ee!important}
.calendar-task{
  background:#f2efff!important;
  color:#564870!important;
  border-left-color:var(--purple)!important;
}
.calendar-task.urgent{border-left-color:var(--red)!important}
.calendar-task.high{border-left-color:var(--orange)!important}
.calendar-task.low{border-left-color:var(--green)!important}

/* Busca global */
.global-search-results{
  border-color:#e5e2f0!important;
  border-radius:13px!important;
  box-shadow:0 18px 50px rgba(31,25,54,.16)!important;
}
.global-search-results button:hover{background:#f8f6ff!important}

/* Login */
.login-screen{
  background:
    radial-gradient(circle at 18% 18%,rgba(123,104,238,.19),transparent 28%),
    radial-gradient(circle at 84% 82%,rgba(231,90,200,.14),transparent 26%),
    linear-gradient(145deg,#f8f7ff 0%,#fbfbfe 55%,#f7f9ff 100%)!important;
}
.login-card{
  border:1px solid rgba(123,104,238,.08)!important;
  border-radius:24px!important;
  box-shadow:0 30px 86px rgba(36,26,77,.14)!important;
}

/* Responsividade */
@media(max-width:1100px){
  .sidebar{width:226px}
  .main{margin-left:226px}
}
@media(max-width:760px){
  .sidebar{
    width:74px;
    padding-inline:9px;
  }
  .main{
    margin-left:74px;
    padding-inline:16px;
  }
  .euromar-side-brand>div,.profile-text,.nav-label{display:none}
  .euromar-side-brand{justify-content:center}
  .nav-item{
    justify-content:center;
    padding-inline:7px;
  }
  .nav-item.active::before{left:-9px}
  .nav-icon{width:21px!important;height:21px}
  .nav-icon svg{width:19px;height:19px}
}


/* ============================================================
   EUROMAR FLOW V8 — PALETA AZUL / MENU CLARO
   Override visual da V7
   ============================================================ */
:root{
  --purple:#4f7df3;
  --purple-2:#6a97ff;
  --pink:#39b7e8;
  --blue:#2f6df6;
  --cyan:#6ed4ff;
  --purple-soft:#edf3ff;
  --blue-soft:#eef5ff;
  --gradient:linear-gradient(135deg,#2f6df6 0%,#5a91ff 48%,#7ac9ff 100%);
  --shadow-md:0 14px 34px rgba(34,86,190,.10);
  --shadow-lg:0 26px 70px rgba(28,71,156,.16);
}
html,body{
  background:
    radial-gradient(circle at 86% 0%,rgba(79,125,243,.08),transparent 28%),
    linear-gradient(180deg,#fbfcff 0%,#f4f8ff 100%);
}
::selection{background:#dbe9ff;color:#2148a8}
.topbar{
  background:rgba(248,251,255,.88);
}
.sidebar{
  background:
    radial-gradient(circle at 8% 0%,rgba(126,175,255,.30),transparent 30%),
    linear-gradient(180deg,#f8fbff 0%,#eef4ff 58%,#e9f1ff 100%);
  border-right:1px solid rgba(129,158,214,.20);
  box-shadow:12px 0 34px rgba(69,103,177,.08);
}
.euromar-side-brand{
  border-bottom:1px solid rgba(90,121,183,.12);
}
.euromar-side-brand strong{color:#17315f}
.euromar-side-brand span{color:#6f84ac}
.euromar-logo-shell{
  border:1px solid rgba(109,144,219,.20);
  box-shadow:0 10px 24px rgba(63,102,181,.14);
}
.nav-item{
  color:#516481;
  border:1px solid transparent;
}
.nav-item:hover{
  color:#163c7a;
  background:rgba(255,255,255,.84);
  border-color:#dbe5fb;
}
.nav-item.active{
  color:#12366e;
  background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(235,244,255,.96));
  box-shadow:0 8px 22px rgba(75,116,204,.12), inset 0 0 0 1px rgba(183,205,248,.85);
}
.nav-item.active::before{
  left:-10px;
  width:4px;
  border-radius:0 8px 8px 0;
  box-shadow:0 0 16px rgba(84,133,255,.45);
}
.nav-icon{color:#6f87b2}
.nav-item.active .nav-icon,.nav-item:hover .nav-icon{color:#2c64d9}
.profile-box{
  background:rgba(255,255,255,.65);
  border:1px solid rgba(171,191,233,.38);
  box-shadow:0 8px 24px rgba(78,108,177,.08);
}
.profile-text strong{color:#1b3764}
.profile-text span{color:#7388af}
.sync-pill,.bell-btn,.global-search-wrap>input{
  background:#fff;
}
.btn.primary{
  background:var(--gradient);
  box-shadow:0 8px 22px rgba(53,105,227,.20);
}
.btn.primary:hover{
  background:linear-gradient(135deg,#2b65e8,#5287ff,#70c8ff);
  box-shadow:0 12px 28px rgba(53,105,227,.24);
}
.panel,.metric,.metric-card,.perf,.team-card,.template-card,.account-card,.work-panel,.table-wrap,.kanban-col,.column,.calendar-grid{
  box-shadow:0 8px 24px rgba(52,88,164,.05);
}
.dashboard-hero,.team-hero,.member-profile-hero{
  border:1px solid #dce7fb!important;
  background:
    radial-gradient(circle at 92% 18%,rgba(110,212,255,.12),transparent 28%),
    linear-gradient(135deg,#fff 0%,#f7fbff 100%)!important;
}
.view-btn.active{
  color:#2f63d4!important;
}
.member-status-card.active{
  background:#f6faff!important;
  border-color:#c9dafd!important;
}
.global-search-results button:hover,
.task-table tbody tr:hover,.user-table tbody tr:hover,.workflow-dashboard-table tr:hover,.productivity-table tbody tr:hover,
.workload-row:hover,.activity-item:hover{
  background:#f6faff!important;
}
.login-screen{
  background:
    radial-gradient(circle at 18% 18%,rgba(79,125,243,.18),transparent 28%),
    radial-gradient(circle at 84% 82%,rgba(110,212,255,.14),transparent 26%),
    linear-gradient(145deg,#f7faff 0%,#fbfdff 55%,#f4f8ff 100%)!important;
}
.login-card{
  border:1px solid rgba(79,125,243,.10)!important;
  box-shadow:0 30px 86px rgba(44,81,166,.14)!important;
}


/* =========================================================
   EUROMAR FLOW V9 — SISTEMA DE TEMAS
   ========================================================= */
.appearance-card{margin:16px 0 18px;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow-sm)}
.appearance-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}.appearance-head h3{margin:2px 0 3px;font-size:14px}.appearance-head p{margin:0;color:var(--muted);font-size:8px;line-height:1.5}.appearance-current{border-radius:999px;padding:6px 9px;font-size:8px;font-weight:850;background:var(--blue-soft);color:var(--blue)}
.theme-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.theme-choice{display:grid;grid-template-columns:72px 1fr 22px;gap:10px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:9px;cursor:pointer;transition:.16s ease}.theme-choice:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.theme-choice.selected{border-color:color-mix(in srgb,var(--blue) 52%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 10%,transparent)}.theme-choice-copy b,.theme-choice-copy small{display:block}.theme-choice-copy b{font-size:9px;color:var(--text)}.theme-choice-copy small{font-size:7px;color:var(--muted);margin-top:2px;line-height:1.35}.theme-check{font-size:14px;font-weight:900;color:var(--blue)}
.theme-preview{height:44px;border-radius:8px;overflow:hidden;display:grid;grid-template-columns:20px 1fr;grid-template-rows:12px 1fr;gap:3px;padding:4px;border:1px solid rgba(0,0,0,.06)}.theme-preview i{display:block;border-radius:3px}.theme-preview i:nth-child(1){grid-row:1/3}.theme-preview i:nth-child(2){grid-column:2}.theme-preview i:nth-child(3),.theme-preview i:nth-child(4){grid-column:2}
.theme-preview-ocean_blue{background:#f5f8ff}.theme-preview-ocean_blue i:nth-child(1){background:#e6efff}.theme-preview-ocean_blue i:nth-child(2){background:#2f6df6}.theme-preview-ocean_blue i:nth-child(3){background:#fff}.theme-preview-ocean_blue i:nth-child(4){background:#d9e8ff}
.theme-preview-cloud_light{background:#fafbfc}.theme-preview-cloud_light i:nth-child(1){background:#f0f2f5}.theme-preview-cloud_light i:nth-child(2){background:#687386}.theme-preview-cloud_light i:nth-child(3){background:#fff}.theme-preview-cloud_light i:nth-child(4){background:#eef1f5}
.theme-preview-midnight_dark{background:#171a22}.theme-preview-midnight_dark i:nth-child(1){background:#202532}.theme-preview-midnight_dark i:nth-child(2){background:#6f86ff}.theme-preview-midnight_dark i:nth-child(3){background:#252b38}.theme-preview-midnight_dark i:nth-child(4){background:#343b4b}
.theme-preview-violet_flow{background:#f8f6ff}.theme-preview-violet_flow i:nth-child(1){background:#eee9ff}.theme-preview-violet_flow i:nth-child(2){background:#7856df}.theme-preview-violet_flow i:nth-child(3){background:#fff}.theme-preview-violet_flow i:nth-child(4){background:#eadfff}

/* Ocean Blue — padrão atual da V8 */
html[data-theme="ocean_blue"]{--blue:#2f6df6;--purple:#4f7df3;--purple-2:#6a97ff;--pink:#39b7e8;--purple-soft:#edf3ff;--blue-soft:#eef5ff;--gradient:linear-gradient(135deg,#2f6df6 0%,#5a91ff 48%,#7ac9ff 100%)}

/* Cloud Light */
html[data-theme="cloud_light"]{--bg:#f7f8fa;--bg-2:#fbfbfc;--panel:#fff;--panel-soft:#f7f8fa;--text:#2a2e36;--muted:#7e8490;--line:#e5e7eb;--blue:#5b6f91;--purple:#66738b;--purple-2:#8390a7;--pink:#8d98aa;--purple-soft:#f0f2f5;--blue-soft:#f1f3f6;--gradient:linear-gradient(135deg,#596a88,#78859b)}
html[data-theme="cloud_light"] body{background:linear-gradient(180deg,#fbfcfd,#f5f6f8)}
html[data-theme="cloud_light"] .sidebar{background:linear-gradient(180deg,#f8f9fb,#f0f2f5);border-right:1px solid #e0e3e8;box-shadow:8px 0 26px rgba(42,48,58,.04)}
html[data-theme="cloud_light"] .euromar-side-brand strong,html[data-theme="cloud_light"] .profile-text strong{color:#313844}
html[data-theme="cloud_light"] .euromar-side-brand span,html[data-theme="cloud_light"] .profile-text span{color:#858b96}
html[data-theme="cloud_light"] .nav-item{color:#616a78}
html[data-theme="cloud_light"] .nav-item:hover{background:#fff;color:#313844;border-color:#e2e5e9}
html[data-theme="cloud_light"] .nav-item.active{background:#fff;color:#36445b;box-shadow:0 6px 18px rgba(52,62,78,.07),inset 0 0 0 1px #e2e5e9}
html[data-theme="cloud_light"] .nav-icon,html[data-theme="cloud_light"] .nav-item.active .nav-icon,html[data-theme="cloud_light"] .nav-item:hover .nav-icon{color:#647189}
html[data-theme="cloud_light"] .profile-box{background:rgba(255,255,255,.75);border-color:#e1e4e8}
html[data-theme="cloud_light"] .btn.primary{background:linear-gradient(135deg,#596a88,#74839c);box-shadow:0 7px 18px rgba(89,106,136,.18)}
html[data-theme="cloud_light"] .dashboard-hero,html[data-theme="cloud_light"] .team-hero,html[data-theme="cloud_light"] .member-profile-hero{background:#fff!important;border-color:#e3e6ea!important}

/* Midnight Dark */
html[data-theme="midnight_dark"]{--bg:#151820;--bg-2:#181c25;--panel:#20252f;--panel-soft:#252b36;--text:#f0f2f7;--muted:#9aa4b4;--line:#343b48;--blue:#758bff;--purple:#758bff;--purple-2:#8ea0ff;--pink:#6dc7ff;--purple-soft:#2a3140;--blue-soft:#293347;--green-soft:#18382d;--orange-soft:#3a2f1c;--red-soft:#3c2228;--gray-soft:#2b3039;--gradient:linear-gradient(135deg,#6278ed,#758bff,#63bce9);--shadow-sm:0 4px 14px rgba(0,0,0,.18);--shadow-md:0 14px 32px rgba(0,0,0,.28);--shadow-lg:0 28px 72px rgba(0,0,0,.48)}
html[data-theme="midnight_dark"] body{background:radial-gradient(circle at 85% 0%,rgba(117,139,255,.08),transparent 28%),linear-gradient(180deg,#171a22,#12151c);color:var(--text)}
html[data-theme="midnight_dark"] .sidebar{background:linear-gradient(180deg,#1c202a,#171a22);border-right-color:#2d3340;box-shadow:10px 0 34px rgba(0,0,0,.2)}
html[data-theme="midnight_dark"] .euromar-side-brand strong,html[data-theme="midnight_dark"] .profile-text strong{color:#f6f7fb}
html[data-theme="midnight_dark"] .euromar-side-brand span,html[data-theme="midnight_dark"] .profile-text span{color:#8e98a8}
html[data-theme="midnight_dark"] .nav-item{color:#aeb7c6}
html[data-theme="midnight_dark"] .nav-item:hover{color:#fff;background:#252b36;border-color:#323a49}
html[data-theme="midnight_dark"] .nav-item.active{color:#fff;background:linear-gradient(90deg,#293447,#222a38);box-shadow:inset 0 0 0 1px #35425a}
html[data-theme="midnight_dark"] .nav-icon,html[data-theme="midnight_dark"] .nav-item.active .nav-icon{color:#8fa2ff}
html[data-theme="midnight_dark"] .profile-box{background:#20252f;border-color:#323946}
html[data-theme="midnight_dark"] .topbar{background:rgba(21,24,32,.88)}
html[data-theme="midnight_dark"] input,html[data-theme="midnight_dark"] select,html[data-theme="midnight_dark"] textarea,html[data-theme="midnight_dark"] .sync-pill,html[data-theme="midnight_dark"] .bell-btn,html[data-theme="midnight_dark"] .global-search-wrap>input{background:#20252f!important;color:#eef1f7;border-color:#353c49!important}
html[data-theme="midnight_dark"] .panel,html[data-theme="midnight_dark"] .metric,html[data-theme="midnight_dark"] .metric-card,html[data-theme="midnight_dark"] .perf,html[data-theme="midnight_dark"] .team-card,html[data-theme="midnight_dark"] .template-card,html[data-theme="midnight_dark"] .account-card,html[data-theme="midnight_dark"] .work-panel,html[data-theme="midnight_dark"] .appearance-card{background:#20252f;border-color:#343b48!important;color:#f0f2f7}
html[data-theme="midnight_dark"] .dashboard-hero,html[data-theme="midnight_dark"] .team-hero,html[data-theme="midnight_dark"] .member-profile-hero{background:linear-gradient(135deg,#20252f,#232b39)!important;border-color:#353e4e!important}
html[data-theme="midnight_dark"] .table-wrap{border-color:#343b48;background:#20252f}
html[data-theme="midnight_dark"] .task-table th,html[data-theme="midnight_dark"] .user-table th,html[data-theme="midnight_dark"] .workflow-dashboard-table th,html[data-theme="midnight_dark"] .productivity-table th{background:#252b36!important;color:#9da7b7!important}
html[data-theme="midnight_dark"] .task-table td,html[data-theme="midnight_dark"] .user-table td,html[data-theme="midnight_dark"] .workflow-dashboard-table td,html[data-theme="midnight_dark"] .productivity-table td{border-color:#313846!important;color:#e8ebf1}
html[data-theme="midnight_dark"] .task-table tbody tr:hover,html[data-theme="midnight_dark"] .user-table tbody tr:hover,html[data-theme="midnight_dark"] .productivity-table tbody tr:hover{background:#252c38!important}
html[data-theme="midnight_dark"] .kanban-col,html[data-theme="midnight_dark"] .column{background:#1b2029!important;border-color:#343b48!important}
html[data-theme="midnight_dark"] .kanban-card,html[data-theme="midnight_dark"] .task-card{background:#252b36!important;border-color:#363e4c!important;color:#eef1f7}
html[data-theme="midnight_dark"] .modal-card,html[data-theme="midnight_dark"] .modal-head{background:#20252f!important;color:#f0f2f7}
html[data-theme="midnight_dark"] .theme-choice{background:#252b36;border-color:#39414f}.theme-choice-copy b{color:var(--text)}

/* Violet Flow */
html[data-theme="violet_flow"]{--bg:#f8f7fc;--bg-2:#fbfaff;--panel:#fff;--panel-soft:#f9f7ff;--text:#2d2938;--muted:#817b8d;--line:#e8e2f2;--blue:#7657df;--purple:#7657df;--purple-2:#9669e9;--pink:#d85bc8;--purple-soft:#f1ecff;--blue-soft:#f2efff;--gradient:linear-gradient(135deg,#6f54d9 0%,#9062e6 50%,#d45dc6 100%)}
html[data-theme="violet_flow"] body{background:radial-gradient(circle at 86% 0%,rgba(118,87,223,.08),transparent 28%),linear-gradient(180deg,#fcfbff,#f7f5fb)}
html[data-theme="violet_flow"] .sidebar{background:radial-gradient(circle at 8% 0%,rgba(160,126,239,.22),transparent 30%),linear-gradient(180deg,#f7f3ff,#efe9fa);border-right-color:#e0d6f1;box-shadow:10px 0 32px rgba(94,69,142,.08)}
html[data-theme="violet_flow"] .euromar-side-brand strong,html[data-theme="violet_flow"] .profile-text strong{color:#42345d}
html[data-theme="violet_flow"] .euromar-side-brand span,html[data-theme="violet_flow"] .profile-text span{color:#8b7ca5}
html[data-theme="violet_flow"] .nav-item{color:#665b76}
html[data-theme="violet_flow"] .nav-item:hover{color:#513b83;background:rgba(255,255,255,.82);border-color:#e2d8f4}
html[data-theme="violet_flow"] .nav-item.active{color:#493276;background:linear-gradient(90deg,#fff,#f7f1ff);box-shadow:0 8px 22px rgba(108,77,169,.10),inset 0 0 0 1px #dfd4f4}
html[data-theme="violet_flow"] .nav-icon,html[data-theme="violet_flow"] .nav-item.active .nav-icon{color:#7657df}
html[data-theme="violet_flow"] .profile-box{background:rgba(255,255,255,.68);border-color:#dfd6ee}
html[data-theme="violet_flow"] .dashboard-hero,html[data-theme="violet_flow"] .team-hero,html[data-theme="violet_flow"] .member-profile-hero{background:radial-gradient(circle at 92% 18%,rgba(216,91,200,.10),transparent 28%),linear-gradient(135deg,#fff,#fbf8ff)!important;border-color:#e5dcf3!important}

@media(max-width:780px){.theme-choice-grid{grid-template-columns:1fr}.theme-choice{grid-template-columns:64px 1fr 22px}}


/* =========================================================
   EUROMAR FLOW V10 — CONTRASTE + DARK THEMES
   ========================================================= */
:root{
  --text-strong:color-mix(in srgb,var(--text) 92%,#000);
  --text-soft:color-mix(in srgb,var(--text) 72%,var(--muted));
}
body{
  font-family:Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,h5,h6,.topbar h1,.panel h3,.template-card h3{
  color:var(--text);
  font-weight:800;
  letter-spacing:-.025em;
}
p,.muted,.hint,.subtle,.profile-help,.appearance-head p{color:var(--muted)}
input::placeholder,textarea::placeholder{
  color:color-mix(in srgb,var(--muted) 84%,transparent);
  opacity:1;
}
label{
  color:color-mix(in srgb,var(--text) 78%,var(--muted));
  font-weight:680;
}
.task-title,.task-card strong,.kanban-card strong,.account-line b,.activity-item b{color:var(--text)}
.task-code-line,.breadcrumb,.task-meta,.template-meta,.small,.mini,.account-line span{color:var(--muted)}

/* Preview dos novos temas */
.theme-preview-deep_navy{background:#101a2c}
.theme-preview-deep_navy i:nth-child(1){background:#17243b}
.theme-preview-deep_navy i:nth-child(2){background:#4c86ff}
.theme-preview-deep_navy i:nth-child(3){background:#1b2942}
.theme-preview-deep_navy i:nth-child(4){background:#263955}

.theme-preview-graphite_night{background:#18191c}
.theme-preview-graphite_night i:nth-child(1){background:#222429}
.theme-preview-graphite_night i:nth-child(2){background:#7f8cff}
.theme-preview-graphite_night i:nth-child(3){background:#282a30}
.theme-preview-graphite_night i:nth-child(4){background:#353840}

.theme-preview-arctic_dark{background:#111b24}
.theme-preview-arctic_dark i:nth-child(1){background:#172732}
.theme-preview-arctic_dark i:nth-child(2){background:#44a9ff}
.theme-preview-arctic_dark i:nth-child(3){background:#1c2c38}
.theme-preview-arctic_dark i:nth-child(4){background:#27404f}

/* Midnight Dark com contraste reforçado */
html[data-theme="midnight_dark"]{
  --text:#f4f6fa;--muted:#aab3c2;--line:#3b4351;
}
html[data-theme="midnight_dark"] .breadcrumb,
html[data-theme="midnight_dark"] .task-meta,
html[data-theme="midnight_dark"] .task-code-line,
html[data-theme="midnight_dark"] .template-meta,
html[data-theme="midnight_dark"] .profile-help,
html[data-theme="midnight_dark"] .appearance-head p,
html[data-theme="midnight_dark"] .theme-choice-copy small{color:#aeb7c6!important}

/* Deep Navy */
html[data-theme="deep_navy"]{
  --bg:#0d1523;--bg-2:#111b2b;--panel:#172338;--panel-soft:#1c2a41;
  --text:#f4f7fb;--muted:#aab7ca;--line:#30415b;
  --blue:#5b8fff;--purple:#5b8fff;--purple-2:#78a5ff;--pink:#5bc4ff;
  --purple-soft:#233452;--blue-soft:#203758;
  --green-soft:#16392d;--orange-soft:#3b301d;--red-soft:#3d222c;--gray-soft:#263347;
  --gradient:linear-gradient(135deg,#4278ef 0%,#5e92ff 55%,#59bfff 100%);
  --shadow-sm:0 4px 14px rgba(0,0,0,.20);
  --shadow-md:0 16px 38px rgba(0,0,0,.30);
  --shadow-lg:0 30px 78px rgba(0,0,0,.50);
}
html[data-theme="deep_navy"] body{
  background:radial-gradient(circle at 86% 0%,rgba(91,143,255,.10),transparent 30%),linear-gradient(180deg,#101a2b,#0a111d)
}
html[data-theme="deep_navy"] .sidebar{background:linear-gradient(180deg,#132038,#0e1727);border-right-color:#273953;box-shadow:12px 0 38px rgba(0,0,0,.24)}
html[data-theme="deep_navy"] .topbar{background:rgba(13,21,35,.90)}
html[data-theme="deep_navy"] .euromar-side-brand strong,html[data-theme="deep_navy"] .profile-text strong{color:#f7f9fd}
html[data-theme="deep_navy"] .euromar-side-brand span,html[data-theme="deep_navy"] .profile-text span{color:#9aabc2}
html[data-theme="deep_navy"] .nav-item{color:#b7c2d2}
html[data-theme="deep_navy"] .nav-item:hover{color:#fff;background:#1b2b45;border-color:#2e4567}
html[data-theme="deep_navy"] .nav-item.active{color:#fff;background:linear-gradient(90deg,#21385d,#1a2d49);box-shadow:inset 0 0 0 1px #355784}
html[data-theme="deep_navy"] .nav-icon,html[data-theme="deep_navy"] .nav-item.active .nav-icon{color:#7ca5ff}
html[data-theme="deep_navy"] .profile-box{background:#172338;border-color:#30415b}
html[data-theme="deep_navy"] input,html[data-theme="deep_navy"] select,html[data-theme="deep_navy"] textarea,
html[data-theme="deep_navy"] .sync-pill,html[data-theme="deep_navy"] .bell-btn,html[data-theme="deep_navy"] .global-search-wrap>input{
  background:#172338!important;color:#f4f7fb;border-color:#344966!important
}
html[data-theme="deep_navy"] input::placeholder,html[data-theme="deep_navy"] textarea::placeholder{color:#8496b0!important}
html[data-theme="deep_navy"] .panel,html[data-theme="deep_navy"] .metric,html[data-theme="deep_navy"] .metric-card,
html[data-theme="deep_navy"] .perf,html[data-theme="deep_navy"] .team-card,html[data-theme="deep_navy"] .template-card,
html[data-theme="deep_navy"] .account-card,html[data-theme="deep_navy"] .work-panel,html[data-theme="deep_navy"] .appearance-card{
  background:#172338;border-color:#30415b!important;color:#f4f7fb
}
html[data-theme="deep_navy"] .dashboard-hero,html[data-theme="deep_navy"] .team-hero,html[data-theme="deep_navy"] .member-profile-hero{
  background:linear-gradient(135deg,#172338,#1a2b46)!important;border-color:#354a68!important
}
html[data-theme="deep_navy"] .table-wrap{background:#172338;border-color:#30415b}
html[data-theme="deep_navy"] .task-table th,html[data-theme="deep_navy"] .user-table th,
html[data-theme="deep_navy"] .workflow-dashboard-table th,html[data-theme="deep_navy"] .productivity-table th{
  background:#1d2b42!important;color:#afbdd0!important
}
html[data-theme="deep_navy"] .task-table td,html[data-theme="deep_navy"] .user-table td,
html[data-theme="deep_navy"] .workflow-dashboard-table td,html[data-theme="deep_navy"] .productivity-table td{
  border-color:#2c3c54!important;color:#edf2f8
}
html[data-theme="deep_navy"] .kanban-col,html[data-theme="deep_navy"] .column{background:#101a2a!important;border-color:#2f4058!important}
html[data-theme="deep_navy"] .kanban-card,html[data-theme="deep_navy"] .task-card{background:#1b2940!important;border-color:#354966!important;color:#f2f5fa}
html[data-theme="deep_navy"] .modal-card,html[data-theme="deep_navy"] .modal-head{background:#172338!important;color:#f4f7fb}
html[data-theme="deep_navy"] .theme-choice{background:#1b2940;border-color:#344861}
html[data-theme="deep_navy"] .breadcrumb,html[data-theme="deep_navy"] .task-meta,html[data-theme="deep_navy"] .task-code-line,
html[data-theme="deep_navy"] .template-meta,html[data-theme="deep_navy"] .profile-help,html[data-theme="deep_navy"] .appearance-head p,
html[data-theme="deep_navy"] .theme-choice-copy small{color:#aab7ca!important}

/* Graphite Night */
html[data-theme="graphite_night"]{
  --bg:#141518;--bg-2:#18191d;--panel:#202226;--panel-soft:#27292e;
  --text:#f4f4f5;--muted:#b0b3bb;--line:#3b3e45;
  --blue:#8794ff;--purple:#8794ff;--purple-2:#a2aaff;--pink:#9fa8ff;
  --purple-soft:#30333e;--blue-soft:#2d3241;
  --green-soft:#1d382d;--orange-soft:#3b311f;--red-soft:#3d242a;--gray-soft:#2d2f34;
  --gradient:linear-gradient(135deg,#6978ed,#8794ff,#a4adff);
  --shadow-sm:0 4px 14px rgba(0,0,0,.22);--shadow-md:0 16px 36px rgba(0,0,0,.32);--shadow-lg:0 30px 78px rgba(0,0,0,.52);
}
html[data-theme="graphite_night"] body{background:linear-gradient(180deg,#17181b,#111214)}
html[data-theme="graphite_night"] .sidebar{background:linear-gradient(180deg,#1c1e22,#16171a);border-right-color:#303238}
html[data-theme="graphite_night"] .topbar{background:rgba(20,21,24,.91)}
html[data-theme="graphite_night"] .euromar-side-brand strong,html[data-theme="graphite_night"] .profile-text strong{color:#fafafa}
html[data-theme="graphite_night"] .euromar-side-brand span,html[data-theme="graphite_night"] .profile-text span{color:#999da7}
html[data-theme="graphite_night"] .nav-item{color:#b6b9c2}
html[data-theme="graphite_night"] .nav-item:hover{color:#fff;background:#27292e;border-color:#383b42}
html[data-theme="graphite_night"] .nav-item.active{color:#fff;background:#2b2e35;box-shadow:inset 0 0 0 1px #444956}
html[data-theme="graphite_night"] .nav-icon,html[data-theme="graphite_night"] .nav-item.active .nav-icon{color:#9ba5ff}
html[data-theme="graphite_night"] .profile-box{background:#202226;border-color:#393c43}
html[data-theme="graphite_night"] input,html[data-theme="graphite_night"] select,html[data-theme="graphite_night"] textarea,
html[data-theme="graphite_night"] .sync-pill,html[data-theme="graphite_night"] .bell-btn,html[data-theme="graphite_night"] .global-search-wrap>input{
  background:#222429!important;color:#f5f5f6;border-color:#40434a!important
}
html[data-theme="graphite_night"] .panel,html[data-theme="graphite_night"] .metric,html[data-theme="graphite_night"] .metric-card,
html[data-theme="graphite_night"] .perf,html[data-theme="graphite_night"] .team-card,html[data-theme="graphite_night"] .template-card,
html[data-theme="graphite_night"] .account-card,html[data-theme="graphite_night"] .work-panel,html[data-theme="graphite_night"] .appearance-card{
  background:#202226;border-color:#3b3e45!important;color:#f4f4f5
}
html[data-theme="graphite_night"] .dashboard-hero,html[data-theme="graphite_night"] .team-hero,html[data-theme="graphite_night"] .member-profile-hero{
  background:linear-gradient(135deg,#202226,#282a30)!important;border-color:#40434b!important
}
html[data-theme="graphite_night"] .table-wrap{background:#202226;border-color:#3b3e45}
html[data-theme="graphite_night"] .task-table th,html[data-theme="graphite_night"] .user-table th,
html[data-theme="graphite_night"] .workflow-dashboard-table th,html[data-theme="graphite_night"] .productivity-table th{
  background:#292b30!important;color:#b5b8c0!important
}
html[data-theme="graphite_night"] .task-table td,html[data-theme="graphite_night"] .user-table td,
html[data-theme="graphite_night"] .workflow-dashboard-table td,html[data-theme="graphite_night"] .productivity-table td{
  border-color:#373a40!important;color:#ededee
}
html[data-theme="graphite_night"] .kanban-col,html[data-theme="graphite_night"] .column{background:#181a1d!important;border-color:#373a40!important}
html[data-theme="graphite_night"] .kanban-card,html[data-theme="graphite_night"] .task-card{background:#26282d!important;border-color:#3f424a!important;color:#f2f2f3}
html[data-theme="graphite_night"] .modal-card,html[data-theme="graphite_night"] .modal-head{background:#202226!important;color:#f4f4f5}
html[data-theme="graphite_night"] .theme-choice{background:#26282d;border-color:#41444c}
html[data-theme="graphite_night"] .breadcrumb,html[data-theme="graphite_night"] .task-meta,html[data-theme="graphite_night"] .task-code-line,
html[data-theme="graphite_night"] .template-meta,html[data-theme="graphite_night"] .profile-help,html[data-theme="graphite_night"] .appearance-head p,
html[data-theme="graphite_night"] .theme-choice-copy small{color:#b0b3bb!important}

/* Arctic Dark */
html[data-theme="arctic_dark"]{
  --bg:#0e171d;--bg-2:#121f27;--panel:#172630;--panel-soft:#1c2e39;
  --text:#f1f7fa;--muted:#a7bac4;--line:#304752;
  --blue:#49a9ff;--purple:#49a9ff;--purple-2:#6db9ff;--pink:#62d3ff;
  --purple-soft:#203846;--blue-soft:#1c3a4d;
  --green-soft:#173a31;--orange-soft:#3c321f;--red-soft:#3c252c;--gray-soft:#263740;
  --gradient:linear-gradient(135deg,#298ce8,#49a9ff,#66d2ff);
  --shadow-sm:0 4px 14px rgba(0,0,0,.20);--shadow-md:0 16px 36px rgba(0,0,0,.30);--shadow-lg:0 30px 76px rgba(0,0,0,.48);
}
html[data-theme="arctic_dark"] body{
  background:radial-gradient(circle at 84% 0%,rgba(73,169,255,.09),transparent 28%),linear-gradient(180deg,#101c23,#0a1217)
}
html[data-theme="arctic_dark"] .sidebar{background:linear-gradient(180deg,#14242d,#0f1a21);border-right-color:#29414d}
html[data-theme="arctic_dark"] .topbar{background:rgba(14,23,29,.90)}
html[data-theme="arctic_dark"] .euromar-side-brand strong,html[data-theme="arctic_dark"] .profile-text strong{color:#f5fbfd}
html[data-theme="arctic_dark"] .euromar-side-brand span,html[data-theme="arctic_dark"] .profile-text span{color:#91aab6}
html[data-theme="arctic_dark"] .nav-item{color:#b4c5cd}
html[data-theme="arctic_dark"] .nav-item:hover{color:#fff;background:#1c313d;border-color:#304f5f}
html[data-theme="arctic_dark"] .nav-item.active{color:#fff;background:linear-gradient(90deg,#1e3a49,#192f3b);box-shadow:inset 0 0 0 1px #376078}
html[data-theme="arctic_dark"] .nav-icon,html[data-theme="arctic_dark"] .nav-item.active .nav-icon{color:#69baff}
html[data-theme="arctic_dark"] .profile-box{background:#172630;border-color:#304752}
html[data-theme="arctic_dark"] input,html[data-theme="arctic_dark"] select,html[data-theme="arctic_dark"] textarea,
html[data-theme="arctic_dark"] .sync-pill,html[data-theme="arctic_dark"] .bell-btn,html[data-theme="arctic_dark"] .global-search-wrap>input{
  background:#172630!important;color:#f1f7fa;border-color:#345361!important
}
html[data-theme="arctic_dark"] .panel,html[data-theme="arctic_dark"] .metric,html[data-theme="arctic_dark"] .metric-card,
html[data-theme="arctic_dark"] .perf,html[data-theme="arctic_dark"] .team-card,html[data-theme="arctic_dark"] .template-card,
html[data-theme="arctic_dark"] .account-card,html[data-theme="arctic_dark"] .work-panel,html[data-theme="arctic_dark"] .appearance-card{
  background:#172630;border-color:#304752!important;color:#f1f7fa
}
html[data-theme="arctic_dark"] .dashboard-hero,html[data-theme="arctic_dark"] .team-hero,html[data-theme="arctic_dark"] .member-profile-hero{
  background:linear-gradient(135deg,#172630,#1b303c)!important;border-color:#355360!important
}
html[data-theme="arctic_dark"] .table-wrap{background:#172630;border-color:#304752}
html[data-theme="arctic_dark"] .task-table th,html[data-theme="arctic_dark"] .user-table th,
html[data-theme="arctic_dark"] .workflow-dashboard-table th,html[data-theme="arctic_dark"] .productivity-table th{
  background:#1d303b!important;color:#afc0c8!important
}
html[data-theme="arctic_dark"] .task-table td,html[data-theme="arctic_dark"] .user-table td,
html[data-theme="arctic_dark"] .workflow-dashboard-table td,html[data-theme="arctic_dark"] .productivity-table td{
  border-color:#2c444f!important;color:#eaf3f6
}
html[data-theme="arctic_dark"] .kanban-col,html[data-theme="arctic_dark"] .column{background:#101c23!important;border-color:#2e4651!important}
html[data-theme="arctic_dark"] .kanban-card,html[data-theme="arctic_dark"] .task-card{background:#1b2e38!important;border-color:#35515e!important;color:#eff6f8}
html[data-theme="arctic_dark"] .modal-card,html[data-theme="arctic_dark"] .modal-head{background:#172630!important;color:#f1f7fa}
html[data-theme="arctic_dark"] .theme-choice{background:#1b2e38;border-color:#35515e}
html[data-theme="arctic_dark"] .breadcrumb,html[data-theme="arctic_dark"] .task-meta,html[data-theme="arctic_dark"] .task-code-line,
html[data-theme="arctic_dark"] .template-meta,html[data-theme="arctic_dark"] .profile-help,html[data-theme="arctic_dark"] .appearance-head p,
html[data-theme="arctic_dark"] .theme-choice-copy small{color:#a7bac4!important}

/* Menus e resultados flutuantes em temas escuros */
html[data-theme="midnight_dark"] .notification-panel,
html[data-theme="deep_navy"] .notification-panel,
html[data-theme="graphite_night"] .notification-panel,
html[data-theme="arctic_dark"] .notification-panel,
html[data-theme="midnight_dark"] .global-search-results,
html[data-theme="deep_navy"] .global-search-results,
html[data-theme="graphite_night"] .global-search-results,
html[data-theme="arctic_dark"] .global-search-results{
  background:var(--panel)!important;border-color:var(--line)!important;color:var(--text)!important
}
html[data-theme="midnight_dark"] .notification-item:hover,
html[data-theme="deep_navy"] .notification-item:hover,
html[data-theme="graphite_night"] .notification-item:hover,
html[data-theme="arctic_dark"] .notification-item:hover,
html[data-theme="midnight_dark"] .global-search-results button:hover,
html[data-theme="deep_navy"] .global-search-results button:hover,
html[data-theme="graphite_night"] .global-search-results button:hover,
html[data-theme="arctic_dark"] .global-search-results button:hover{
  background:var(--panel-soft)!important
}


/* =========================================================
   EUROMAR FLOW V11 — CORREÇÃO DE TEMA E LEGIBILIDADE
   ========================================================= */

/* Texto principal: sempre herda a cor definida pelo tema */
body,
.main,
.page,
.panel,
.metric,
.metric-card,
.perf,
.team-card,
.template-card,
.account-card,
.work-panel,
.modal-card,
.notification-panel,
.global-search-results,
.table-wrap,
.kanban-card,
.task-card,
.appearance-card,
.theme-choice{
  color:var(--text);
}

:is(
  .panel,.metric,.metric-card,.perf,.team-card,.template-card,.account-card,
  .work-panel,.modal-card,.notification-panel,.global-search-results,
  .table-wrap,.kanban-card,.task-card,.appearance-card,.theme-choice,
  .dashboard-hero,.team-hero,.member-profile-hero
) :is(h1,h2,h3,h4,h5,h6,strong,b){
  color:var(--text);
}

/* Texto secundário acompanha --muted de cada tema */
:is(
  .panel,.metric,.metric-card,.perf,.team-card,.template-card,.account-card,
  .work-panel,.modal-card,.notification-panel,.global-search-results,
  .table-wrap,.kanban-card,.task-card,.appearance-card,.theme-choice,
  .dashboard-hero,.team-hero,.member-profile-hero
) :is(p,small){
  color:var(--muted);
}

.appearance-head h3,
.theme-choice-copy b,
.appearance-current,
.account-profile-head h2,
.account-line b,
.panel-head h2,
.users-head h2,
.work-head h2,
.reports-head h2,
.calendar-head h2,
.task-title,
.task-card-title{
  color:var(--text)!important;
}

.appearance-head p,
.theme-choice-copy small,
.profile-help,
.task-meta,
.task-code-line,
.template-meta,
.breadcrumb,
.account-profile-head p,
.account-line span,
.member-week-day span,
.member-week-day small,
.notification-item small,
.activity-item small,
.empty,
.compact-empty{
  color:var(--muted)!important;
}

/* O marcador do tema atual também adapta fundo/borda */
.appearance-current{
  background:var(--panel-soft)!important;
  border:1px solid var(--line)!important;
}

/* Cards de escolha do tema acompanham o tema atual */
.theme-choice{
  background:var(--panel)!important;
  border-color:var(--line)!important;
}
.theme-choice:hover{
  border-color:color-mix(in srgb,var(--blue) 55%,var(--line))!important;
}
.theme-choice.selected{
  background:color-mix(in srgb,var(--blue-soft) 72%,var(--panel))!important;
  border-color:color-mix(in srgb,var(--blue) 65%,var(--line))!important;
}
.theme-check{
  color:var(--blue)!important;
}

/* Campos e selects com texto coerente em qualquer tema */
input,
select,
textarea{
  color:var(--text)!important;
}
input::placeholder,
textarea::placeholder{
  color:var(--muted)!important;
  opacity:.78!important;
}
select option{
  background:var(--panel);
  color:var(--text);
}

/* Botões neutros */
.btn.ghost,
.icon-btn{
  color:color-mix(in srgb,var(--text) 82%,var(--muted))!important;
}

/* =========================================================
   CAMADA DE CONSISTÊNCIA PARA TODOS OS TEMAS DARK
   ========================================================= */
html[data-theme="midnight_dark"] .main,
html[data-theme="deep_navy"] .main,
html[data-theme="graphite_night"] .main,
html[data-theme="arctic_dark"] .main{
  background:transparent;
}

html[data-theme="midnight_dark"] :is(
  .panel,.metric,.metric-card,.perf,.team-card,.template-card,.account-card,.work-panel,
  .appearance-card,.theme-choice,.modal-card,.notification-panel,.global-search-results,
  .table-wrap,.task-card,.kanban-card,.automation-row,.trash-row,.workload-row,.activity-item
),
html[data-theme="deep_navy"] :is(
  .panel,.metric,.metric-card,.perf,.team-card,.template-card,.account-card,.work-panel,
  .appearance-card,.theme-choice,.modal-card,.notification-panel,.global-search-results,
  .table-wrap,.task-card,.kanban-card,.automation-row,.trash-row,.workload-row,.activity-item
),
html[data-theme="graphite_night"] :is(
  .panel,.metric,.metric-card,.perf,.team-card,.template-card,.account-card,.work-panel,
  .appearance-card,.theme-choice,.modal-card,.notification-panel,.global-search-results,
  .table-wrap,.task-card,.kanban-card,.automation-row,.trash-row,.workload-row,.activity-item
),
html[data-theme="arctic_dark"] :is(
  .panel,.metric,.metric-card,.perf,.team-card,.template-card,.account-card,.work-panel,
  .appearance-card,.theme-choice,.modal-card,.notification-panel,.global-search-results,
  .table-wrap,.task-card,.kanban-card,.automation-row,.trash-row,.workload-row,.activity-item
){
  color:var(--text)!important;
  border-color:var(--line)!important;
}

/* Tabelas dark: remove restos de cores claras fixas */
html[data-theme="midnight_dark"] :is(.task-table,.user-table,.workflow-dashboard-table,.productivity-table) td,
html[data-theme="deep_navy"] :is(.task-table,.user-table,.workflow-dashboard-table,.productivity-table) td,
html[data-theme="graphite_night"] :is(.task-table,.user-table,.workflow-dashboard-table,.productivity-table) td,
html[data-theme="arctic_dark"] :is(.task-table,.user-table,.workflow-dashboard-table,.productivity-table) td{
  color:var(--text)!important;
  border-color:var(--line)!important;
}

html[data-theme="midnight_dark"] :is(.task-table,.user-table,.workflow-dashboard-table,.productivity-table) th,
html[data-theme="deep_navy"] :is(.task-table,.user-table,.workflow-dashboard-table,.productivity-table) th,
html[data-theme="graphite_night"] :is(.task-table,.user-table,.workflow-dashboard-table,.productivity-table) th,
html[data-theme="arctic_dark"] :is(.task-table,.user-table,.workflow-dashboard-table,.productivity-table) th{
  color:var(--muted)!important;
  background:var(--panel-soft)!important;
}

/* Cabeçalhos, labels e elementos internos que antes ficavam escuros */
html[data-theme="midnight_dark"] :is(label,.panel-head span,.member-facts span,.user-card-meta span,.workload-copy span,.metric-card span),
html[data-theme="deep_navy"] :is(label,.panel-head span,.member-facts span,.user-card-meta span,.workload-copy span,.metric-card span),
html[data-theme="graphite_night"] :is(label,.panel-head span,.member-facts span,.user-card-meta span,.workload-copy span,.metric-card span),
html[data-theme="arctic_dark"] :is(label,.panel-head span,.member-facts span,.user-card-meta span,.workload-copy span,.metric-card span){
  color:var(--muted)!important;
}

/* Mantém badges com as próprias cores sem serem sobrescritos */
.status-badge,
.priority,
.role-badge,
.active-badge,
.load-pill,
.bell-count{
  color:inherit;
}
/* =====================================================================
   EUROMAR FLOW V11.2 — CONTRASTE GLOBAL E CONSISTÊNCIA ENTRE TEMAS
   ===================================================================== */

:root,
html[data-theme="ocean_blue"]{
  --ui-app:#f5f8fd;--ui-surface:#fff;--ui-surface-2:#f5f8fc;--ui-surface-3:#edf3fb;
  --ui-hover:#eef5ff;--ui-input:#fff;--ui-text:#202938;--ui-text-2:#4e596b;
  --ui-text-3:#657084;--ui-disabled:#8a94a6;--ui-border:#d9e1ec;--ui-grid:#e3e9f1;
  --ui-accent:#2f6df6;--ui-accent-2:#5a91ff;--ui-accent-soft:#eaf2ff;
  --ui-calendar-task:#edf3ff;--ui-calendar-task-text:#2c4e88;--ui-shadow:0 8px 24px rgba(37,73,139,.07)
}
html[data-theme="cloud_light"]{
  --muted:#626b78;--ui-app:#f7f8fa;--ui-surface:#fff;--ui-surface-2:#f4f5f7;--ui-surface-3:#eceff2;
  --ui-hover:#f0f2f5;--ui-input:#fff;--ui-text:#252a33;--ui-text-2:#505866;--ui-text-3:#626b78;
  --ui-disabled:#8b929e;--ui-border:#d8dce3;--ui-grid:#e1e4e9;--ui-accent:#5b6f91;
  --ui-accent-2:#78859b;--ui-accent-soft:#edf0f4;--ui-calendar-task:#edf0f5;
  --ui-calendar-task-text:#455166;--ui-shadow:0 8px 24px rgba(43,50,63,.06)
}
html[data-theme="violet_flow"]{
  --muted:#665f71;--ui-app:#f8f7fc;--ui-surface:#fff;--ui-surface-2:#f7f4fd;--ui-surface-3:#efe9fa;
  --ui-hover:#f3effc;--ui-input:#fff;--ui-text:#2d2938;--ui-text-2:#574f62;--ui-text-3:#665f71;
  --ui-disabled:#91899c;--ui-border:#dfd8e9;--ui-grid:#e7e1ef;--ui-accent:#7657df;
  --ui-accent-2:#a06be9;--ui-accent-soft:#f0ebff;--ui-calendar-task:#f0ebff;
  --ui-calendar-task-text:#57419d;--ui-shadow:0 8px 24px rgba(86,61,145,.07)
}
html[data-theme="midnight_dark"]{
  --ui-app:#151820;--ui-surface:#20252f;--ui-surface-2:#252b36;--ui-surface-3:#2b3240;
  --ui-hover:#293240;--ui-input:#222934;--ui-text:#f5f7fb;--ui-text-2:#c7ced9;--ui-text-3:#aeb7c6;
  --ui-disabled:#7f8998;--ui-border:#3a4351;--ui-grid:#343d4b;--ui-accent:#7f96ff;
  --ui-accent-2:#68c6ff;--ui-accent-soft:#2b3650;--ui-calendar-task:#2b3650;
  --ui-calendar-task-text:#dbe4ff;--ui-shadow:0 10px 28px rgba(0,0,0,.28)
}
html[data-theme="deep_navy"]{
  --ui-app:#0d1523;--ui-surface:#172338;--ui-surface-2:#1c2a41;--ui-surface-3:#21334e;
  --ui-hover:#20324d;--ui-input:#18273d;--ui-text:#f5f8fc;--ui-text-2:#c8d3e1;--ui-text-3:#aab7ca;
  --ui-disabled:#7d8ca2;--ui-border:#30445f;--ui-grid:#2b3d56;--ui-accent:#6495ff;
  --ui-accent-2:#63c5ff;--ui-accent-soft:#213759;--ui-calendar-task:#213759;
  --ui-calendar-task-text:#dce9ff;--ui-shadow:0 10px 28px rgba(0,0,0,.30)
}
html[data-theme="graphite_night"]{
  --ui-app:#141518;--ui-surface:#202226;--ui-surface-2:#27292e;--ui-surface-3:#2d3036;
  --ui-hover:#2b2e34;--ui-input:#24262b;--ui-text:#f5f5f6;--ui-text-2:#ced0d5;--ui-text-3:#b0b3bb;
  --ui-disabled:#858991;--ui-border:#3c4047;--ui-grid:#35383f;--ui-accent:#919dff;
  --ui-accent-2:#b0b8ff;--ui-accent-soft:#303441;--ui-calendar-task:#303441;
  --ui-calendar-task-text:#e2e5ff;--ui-shadow:0 10px 28px rgba(0,0,0,.31)
}
html[data-theme="arctic_dark"]{
  --ui-app:#0e171d;--ui-surface:#172630;--ui-surface-2:#1c2e39;--ui-surface-3:#223743;
  --ui-hover:#203542;--ui-input:#182a34;--ui-text:#f3f8fa;--ui-text-2:#c9d6dc;--ui-text-3:#a7bac4;
  --ui-disabled:#7d949f;--ui-border:#304b58;--ui-grid:#2b424d;--ui-accent:#52afff;
  --ui-accent-2:#6dd4ff;--ui-accent-soft:#1f3b4d;--ui-calendar-task:#1f3b4d;
  --ui-calendar-task-text:#d9f1ff;--ui-shadow:0 10px 28px rgba(0,0,0,.29)
}

html,body{background:var(--ui-app)!important;color:var(--ui-text)!important}
body{font-family:Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.main,.page{color:var(--ui-text)!important}

h1,h2,h3,h4,h5,h6,.topbar h1,.panel h3,.template-card h3,.member-detail-head h2,.member-profile-main h2,
.account-profile-head h2,.users-head h2,.work-head h2,.reports-head h2,.calendar-head h2,.task-title-line{
  color:var(--ui-text)!important
}
.breadcrumb{font-size:9px!important;color:var(--ui-text-3)!important}
.eyebrow{font-size:9px!important;color:var(--ui-accent)!important}
label{color:var(--ui-text-2)!important}
.helper,.muted,.meta,.profile-help,.task-meta,.task-code-line,.template-meta,.user-card-meta,.account-line span,
.member-facts span,.panel-head p,.users-head p,.work-head p,.reports-head p,.appearance-head p,.theme-choice-copy small,
.notification-copy small,.timeline-copy span,.timeline-copy small,.assignment-receipt span,.workflow-progress-head>span,
.workflow-step-card p,.workflow-step-card small,.execution-history span,.member-week-day span,.member-week-day small,
.day-summary,.compact-empty,.empty{color:var(--ui-text-3)!important}
.task-card strong,.kanban-card strong,.account-line b,.activity-item b,.timeline-copy b,.assignment-receipt b,
.workflow-step-card h4,.theme-choice-copy b,.member-facts b,.user-card-meta b,.workload-row b,.notification-copy b{
  color:var(--ui-text)!important
}

.panel,.metric,.metric-card,.perf,.team-card,.template-card,.account-card,.work-panel,.dashboard-card,.appearance-card,
.theme-choice,.user-card,.member-status-card,.automation-row,.trash-row,.workload-row,.activity-item,.info-box,
.execution-block,.workflow-block,.recurrence-block,.permission-audit,.permissions-box,.people-picker,.assignment-receipt,
.time-summary,.attachment-row,.subtask-row,.comment-item,.check-item,.task-section,.day-summary{
  background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important;
  box-shadow:var(--ui-shadow)
}
.dashboard-hero,.team-hero,.member-profile-hero{
  background:linear-gradient(135deg,var(--ui-surface),var(--ui-surface-2))!important;
  color:var(--ui-text)!important;border-color:var(--ui-border)!important
}
.panel-head,.section-row,.team-card-head,.team-card-footer,.card-bottom{border-color:var(--ui-border)!important}

input,select,textarea{background:var(--ui-input)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
input::placeholder,textarea::placeholder{color:var(--ui-text-3)!important;opacity:.82!important}
select option{background:var(--ui-surface)!important;color:var(--ui-text)!important}
input:disabled,select:disabled,textarea:disabled{color:var(--ui-disabled)!important;background:var(--ui-surface-2)!important}

.btn.ghost,.icon-btn{background:var(--ui-surface)!important;color:var(--ui-text-2)!important;border-color:var(--ui-border)!important}
.btn.ghost:hover,.icon-btn:hover{background:var(--ui-hover)!important;color:var(--ui-text)!important;border-color:var(--ui-accent)!important}
.btn.soft{background:var(--ui-accent-soft)!important;color:var(--ui-accent)!important;border-color:var(--ui-border)!important}
.views,.audit-tabs{background:var(--ui-surface-2)!important;border-color:var(--ui-border)!important}
.view-btn{color:var(--ui-text-2)!important}
.view-btn.active{background:var(--ui-surface)!important;color:var(--ui-accent)!important}
.filters select,.filters input,.report-filters select,.report-filters input{background:var(--ui-input)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}

/* ========================= TABELAS ========================= */
.table-wrap{background:var(--ui-surface)!important;border-color:var(--ui-border)!important}
.task-table,.user-table,.workflow-dashboard-table,.productivity-table,.history-table,.audit-table{color:var(--ui-text)!important}
.task-table th,.user-table th,.workflow-dashboard-table th,.productivity-table th,.history-table th,.audit-table th{
  background:var(--ui-surface-2)!important;color:var(--ui-text-2)!important;border-color:var(--ui-border)!important;font-size:9px!important
}
.task-table td,.user-table td,.workflow-dashboard-table td,.productivity-table td,.history-table td,.audit-table td{
  background:transparent!important;color:var(--ui-text)!important;border-color:var(--ui-grid)!important;font-size:10px!important
}
.task-table tbody tr:hover,.user-table tbody tr:hover,.workflow-dashboard-table tbody tr:hover,.productivity-table tbody tr:hover,
.history-table tbody tr:hover,.audit-table tbody tr:hover{background:var(--ui-hover)!important}

/* ========================= KANBAN / LISTAS ========================= */
.kanban-col,.column{background:var(--ui-surface-2)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
.column-head,.kanban-head{color:var(--ui-text-2)!important}
.kanban-card,.task-card,.compact-task{background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
.kanban-card:hover,.task-card:hover,.compact-task:hover{background:var(--ui-hover)!important;border-color:var(--ui-accent)!important}

/* ========================= CALENDÁRIO ========================= */
.calendar-head{color:var(--ui-text)!important}
.calendar-head h2{color:var(--ui-text)!important;font-weight:800!important}
.calendar-weekdays b{color:var(--ui-text-2)!important;font-size:10px!important;font-weight:750!important;opacity:1!important}
.calendar-grid{background:var(--ui-surface)!important;border-color:var(--ui-grid)!important}
.calendar-cell{background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-grid)!important}
.calendar-cell>span{color:var(--ui-text-2)!important;font-size:9px!important;font-weight:750!important;opacity:1!important}
.calendar-cell.outside{background:var(--ui-surface-2)!important;color:var(--ui-text-3)!important}
.calendar-cell.outside>span{color:var(--ui-text-3)!important;opacity:.8!important}
.calendar-cell.today{background:var(--ui-accent-soft)!important;box-shadow:inset 0 0 0 2px var(--ui-accent)!important}
.calendar-cell small{color:var(--ui-text-3)!important;font-size:9px!important}
.calendar-task{background:var(--ui-calendar-task)!important;color:var(--ui-calendar-task-text)!important;border-left-color:var(--ui-accent)!important;font-size:9px!important;font-weight:720!important;line-height:1.3!important}
.calendar-task:hover{filter:brightness(1.05);box-shadow:0 2px 8px rgba(0,0,0,.10)}
.calendar-task.urgent{border-left-color:#ef5261!important}.calendar-task.high{border-left-color:#f2a33a!important}.calendar-task.normal{border-left-color:var(--ui-accent)!important}.calendar-task.low{border-left-color:#2db67c!important}

/* ========================= DASHBOARD / GRÁFICOS ========================= */
.metric-card span,.metric span,.rate-cell span,.trend-col span,.chart-row span{color:var(--ui-text-3)!important}
.metric-card strong,.metric strong,.rate-cell strong,.trend-col strong{color:var(--ui-text)!important}
.chart-track,.trend-bar-wrap,.progress,.week-gauge{background:var(--ui-surface-3)!important}
.chart-track i,.trend-bar-wrap i,.progress>i,.week-gauge i{background:var(--gradient)!important}
.dashboard-filterbar{background:var(--ui-surface)!important;border-color:var(--ui-border)!important}

/* ========================= EQUIPE / COLABORADORES ========================= */
.member-row,.team-member-option-v5,.team-member-editor,.member-week-day{background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
.member-row:hover,.team-member-option-v5:hover{background:var(--ui-hover)!important}
.member-status-card.active,.member-btn.active{background:var(--ui-accent-soft)!important;color:var(--ui-text)!important;border-color:var(--ui-accent)!important}
.person-chip{background:var(--ui-surface-2)!important;color:var(--ui-text-2)!important;border-color:var(--ui-border)!important}

/* ========================= MODELOS / AUTOMAÇÕES / AUDITORIA ========================= */
.template-card p{color:var(--ui-text-2)!important}
.template-meta,.template-meta span{color:var(--ui-text-3)!important;border-color:var(--ui-border)!important}
.automation-row,.trash-row{color:var(--ui-text)!important}
.automation-row p,.automation-row small,.trash-row p,.trash-row small{color:var(--ui-text-3)!important}
.audit-tabs .btn{color:var(--ui-text-2)!important}

/* ========================= NOTIFICAÇÕES / BUSCA ========================= */
.notification-panel,.global-search-results{background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
.notification-head,.notification-footer{background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
.notification-item{background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-grid)!important}
.notification-item.unread{background:var(--ui-accent-soft)!important}
.notification-item:hover,.global-search-results button:hover{background:var(--ui-hover)!important}
.notification-dot{background:var(--ui-accent)!important}

/* ========================= MODAIS ========================= */
.modal-card,.modal-head,.modal-footer{background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
.modal-head h2,.modal-head h3{color:var(--ui-text)!important}

/* ========================= TAREFA COMPLETA ========================= */
.detail-grid,.form-grid,.form-stack,.checklist,.comments-list,.dependency-list,.attachment-list,.workflow-readonly,.task-timeline,.execution-history{color:var(--ui-text)!important}
.check-item,.subtask-row,.dependency-row,.attachment-row,.comment-item,.workflow-step-card,.timeline-item,.assignment-receipt>div{
  background:var(--ui-surface-2)!important;border-color:var(--ui-border)!important;color:var(--ui-text)!important
}
.check-item:hover,.subtask-row:hover,.dependency-row:hover,.attachment-row:hover{background:var(--ui-hover)!important}
.comment-item.reply{border-left-color:var(--ui-accent)!important}
.timeline-dot,.step-num,.workflow-step-order{background:var(--ui-accent-soft)!important;color:var(--ui-accent)!important;border-color:var(--ui-border)!important}
.workflow-current-badge,.wait-badge,.recurrence-badge,.tag-badge{border-color:var(--ui-border)!important}
.workflow-step-card p,.workflow-step-card small,.timeline-copy span,.timeline-copy small{color:var(--ui-text-3)!important}

/* ========================= MINHA CONTA / APARÊNCIA ========================= */
.account-line{border-color:var(--ui-border)!important}
.push-account-card{background:var(--ui-surface-2)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
.push-account-card p{color:var(--ui-text-3)!important}
.appearance-current{background:var(--ui-surface-2)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
.theme-choice{background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
.theme-choice:hover{background:var(--ui-hover)!important;border-color:var(--ui-accent)!important}
.theme-choice.selected{background:var(--ui-accent-soft)!important;border-color:var(--ui-accent)!important}
.theme-check{color:var(--ui-accent)!important}

/* ========================= BADGES LIGHT ========================= */
.status-badge.todo{background:#fff0cc!important;color:#704700!important;border-color:#f2cf7d!important}
.status-badge.in_progress{background:#e8f0ff!important;color:#2456b6!important;border-color:#bdd3ff!important}
.status-badge.review,.status-badge.waiting{background:#e3f7fd!important;color:#116986!important;border-color:#b9e7f4!important}
.status-badge.blocked{background:#eee9ff!important;color:#5139b2!important;border-color:#d0c4ff!important}
.status-badge.done{background:#e5f7ee!important;color:#116c42!important;border-color:#bce8d2!important}
.status-badge.cancelled{background:#eceef2!important;color:#535a67!important;border-color:#d4d7de!important}
.priority.urgent{background:#ffe7ea!important;color:#b52737!important}.priority.high{background:#fff0e3!important;color:#a94f13!important}.priority.normal{background:#e8f0ff!important;color:#2456b6!important}.priority.low{background:#e5f7ee!important;color:#116c42!important}

/* ========================= BADGES DARK ========================= */
html[data-theme="midnight_dark"] .status-badge.todo,html[data-theme="deep_navy"] .status-badge.todo,html[data-theme="graphite_night"] .status-badge.todo,html[data-theme="arctic_dark"] .status-badge.todo{background:#473819!important;color:#ffd686!important;border-color:#6e582b!important}
html[data-theme="midnight_dark"] .status-badge.in_progress,html[data-theme="deep_navy"] .status-badge.in_progress,html[data-theme="graphite_night"] .status-badge.in_progress,html[data-theme="arctic_dark"] .status-badge.in_progress{background:#203e6b!important;color:#b3ceff!important;border-color:#31588e!important}
html[data-theme="midnight_dark"] .status-badge.review,html[data-theme="midnight_dark"] .status-badge.waiting,html[data-theme="deep_navy"] .status-badge.review,html[data-theme="deep_navy"] .status-badge.waiting,html[data-theme="graphite_night"] .status-badge.review,html[data-theme="graphite_night"] .status-badge.waiting,html[data-theme="arctic_dark"] .status-badge.review,html[data-theme="arctic_dark"] .status-badge.waiting{background:#174151!important;color:#9ce5ff!important;border-color:#276176!important}
html[data-theme="midnight_dark"] .status-badge.blocked,html[data-theme="deep_navy"] .status-badge.blocked,html[data-theme="graphite_night"] .status-badge.blocked,html[data-theme="arctic_dark"] .status-badge.blocked{background:#372f60!important;color:#c8bcff!important;border-color:#55498a!important}
html[data-theme="midnight_dark"] .status-badge.done,html[data-theme="deep_navy"] .status-badge.done,html[data-theme="graphite_night"] .status-badge.done,html[data-theme="arctic_dark"] .status-badge.done{background:#183b2d!important;color:#9ae4bc!important;border-color:#285b46!important}
html[data-theme="midnight_dark"] .status-badge.cancelled,html[data-theme="deep_navy"] .status-badge.cancelled,html[data-theme="graphite_night"] .status-badge.cancelled,html[data-theme="arctic_dark"] .status-badge.cancelled{background:#30343c!important;color:#c9ced6!important;border-color:#484d57!important}
html[data-theme="midnight_dark"] .priority.urgent,html[data-theme="deep_navy"] .priority.urgent,html[data-theme="graphite_night"] .priority.urgent,html[data-theme="arctic_dark"] .priority.urgent{background:#49242c!important;color:#ffabb4!important}
html[data-theme="midnight_dark"] .priority.high,html[data-theme="deep_navy"] .priority.high,html[data-theme="graphite_night"] .priority.high,html[data-theme="arctic_dark"] .priority.high{background:#47311f!important;color:#ffc491!important}
html[data-theme="midnight_dark"] .priority.normal,html[data-theme="deep_navy"] .priority.normal,html[data-theme="graphite_night"] .priority.normal,html[data-theme="arctic_dark"] .priority.normal{background:#203e6b!important;color:#b3ceff!important}
html[data-theme="midnight_dark"] .priority.low,html[data-theme="deep_navy"] .priority.low,html[data-theme="graphite_night"] .priority.low,html[data-theme="arctic_dark"] .priority.low{background:#183b2d!important;color:#9ae4bc!important}

/* ========================= SIDEBAR DARK ========================= */
html[data-theme="midnight_dark"] .profile-box,html[data-theme="deep_navy"] .profile-box,html[data-theme="graphite_night"] .profile-box,html[data-theme="arctic_dark"] .profile-box{background:var(--ui-surface)!important;border-color:var(--ui-border)!important}
html[data-theme="midnight_dark"] .nav-item,html[data-theme="deep_navy"] .nav-item,html[data-theme="graphite_night"] .nav-item,html[data-theme="arctic_dark"] .nav-item{color:var(--ui-text-3)!important}
html[data-theme="midnight_dark"] .nav-item:hover,html[data-theme="deep_navy"] .nav-item:hover,html[data-theme="graphite_night"] .nav-item:hover,html[data-theme="arctic_dark"] .nav-item:hover{color:var(--ui-text)!important;background:var(--ui-hover)!important}
html[data-theme="midnight_dark"] .nav-item.active,html[data-theme="deep_navy"] .nav-item.active,html[data-theme="graphite_night"] .nav-item.active,html[data-theme="arctic_dark"] .nav-item.active{color:var(--ui-text)!important;background:var(--ui-accent-soft)!important}

/* ========================= MICROTIPOGRAFIA ========================= */
.calendar-task,.task-table td,.user-table td,.productivity-table td,.workflow-dashboard-table td,.notification-item,.automation-row,.trash-row,.template-card p,.member-facts,.account-line,.comment-item,.subtask-row,.dependency-row,.attachment-row{line-height:1.4!important}


/* =========================================================
   EUROMAR FLOW V12 — GESTÃO POR EQUIPES
   ========================================================= */
.v12-dashboard-hero,
.v12-team-hero{
  align-items:flex-end;
  gap:20px;
}
.v12-dashboard-filter,
.v12-team-toolbar{
  display:flex;
  align-items:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.v12-dashboard-filter label,
.v12-team-toolbar label{
  display:grid;
  gap:5px;
  min-width:180px;
  color:var(--ui-text-3)!important;
  font-size:9px;
  font-weight:750;
}
.v12-team-select{
  min-width:180px;
  height:38px;
  background:var(--ui-input)!important;
  color:var(--ui-text)!important;
  border:1px solid var(--ui-border)!important;
  border-radius:9px;
  padding:0 10px;
  font-weight:700;
}
.v12-kpis{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.v12-team-comparison{
  margin-top:14px;
  margin-bottom:14px;
}
.v12-team-table tbody tr{
  cursor:pointer;
}
.v12-team-table tbody tr:hover{
  background:var(--ui-hover)!important;
}
.v12-team-name{
  display:grid;
  gap:2px;
}
.v12-team-name b{
  color:var(--ui-text)!important;
}
.v12-team-name span{
  color:var(--ui-text-3)!important;
  font-size:9px;
}
.v12-team-identity{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;
  margin:12px 0;
}
.v12-leader-card,
.v12-team-members-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:90px;
}
.v12-leader-person{
  display:flex;
  align-items:center;
  gap:10px;
}
.v12-leader-person>div{
  display:grid;
  gap:3px;
}
.v12-leader-person span,
.v12-team-members-card>span{
  color:var(--ui-text-3)!important;
  font-size:9px;
}
.v12-leader-person b,
.v12-team-members-card>b{
  color:var(--ui-text)!important;
}
.v12-team-summary{
  grid-template-columns:repeat(6,minmax(0,1fr));
}
.v12-team-status-grid,
.v12-member-status-grid{
  margin-bottom:14px;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.v12-team-task-list,
.v12-member-task-list{
  margin-top:12px;
}
.v12-member-management{
  margin-top:14px;
}
.v12-member-load{
  display:grid;
  justify-items:end;
  gap:5px;
}
.v12-member-load>span:first-child{
  color:var(--ui-text-3)!important;
  font-size:9px;
}
.v12-member-load strong{
  color:var(--ui-text)!important;
  font-size:20px;
}
.v12-member-kpis{
  grid-template-columns:repeat(6,minmax(0,1fr));
  margin:12px 0;
}
.v12-team-cards{
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
}
.v12-team-card{
  min-height:270px;
}
.v12-team-mini-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  margin:10px 0;
}
.v12-team-mini-kpis span{
  display:grid;
  gap:2px;
  padding:8px;
  background:var(--ui-surface-2)!important;
  border:1px solid var(--ui-border)!important;
  border-radius:9px;
  color:var(--ui-text-3)!important;
  font-size:8px;
}
.v12-team-mini-kpis b{
  color:var(--ui-text)!important;
  font-size:15px;
}
.v12-team-mini-kpis .late b{
  color:#ef5261!important;
}
.v12-team-card .team-card-footer{
  gap:8px;
  justify-content:flex-end;
}
.v12-team-card .team-card-footer .btn{
  min-width:105px;
}
.member-status-card.active{
  background:var(--ui-accent-soft)!important;
  border-color:var(--ui-accent)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--ui-accent) 28%,transparent);
}
.member-row.selected{
  background:var(--ui-accent-soft)!important;
}
.member-row.selected td{
  background:transparent!important;
}
.v12-team-comparison .late,
.v12-team-summary .bad strong{
  color:#ef5261!important;
}

@media(max-width:1200px){
  .v12-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v12-team-summary,.v12-member-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .v12-team-identity{grid-template-columns:1fr}
  .v12-team-status-grid,.v12-member-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .v12-dashboard-filter,.v12-team-toolbar{width:100%}
  .v12-dashboard-filter label,.v12-team-toolbar label,.v12-team-select{width:100%;min-width:0}
  .v12-team-summary,.v12-member-kpis,.v12-kpis{grid-template-columns:1fr 1fr}
  .v12-team-mini-kpis{grid-template-columns:1fr 1fr}
}


/* V12.3 — marcador de versão para confirmar atualização do frontend */
.version-badge{
  display:inline-flex;
  align-items:center;
  margin-left:6px;
  padding:2px 5px;
  border-radius:999px;
  background:var(--ui-accent-soft,rgba(47,109,246,.15));
  color:var(--ui-accent,#2f6df6);
  font-size:7px;
  font-style:normal;
  font-weight:800;
  vertical-align:middle;
}


/* =========================================================
   V12.4 — DASHBOARD POR EQUIPES
   ========================================================= */
.v124-dashboard-hero{
  overflow:visible!important;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
}
.v124-dashboard-team-filter{
  position:relative;
  min-width:230px;
  display:grid;
  gap:5px;
  z-index:50;
}
.v124-dashboard-team-filter>span{
  color:var(--ui-text-3,var(--muted));
  font-size:9px;
  font-weight:800;
}
.v124-team-menu{
  position:relative;
  width:230px;
}
.v124-team-toggle{
  width:100%;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 12px;
  cursor:pointer;
  background:var(--ui-input,var(--panel))!important;
  color:var(--ui-text,var(--text))!important;
  border:1px solid var(--ui-border,var(--line))!important;
  border-radius:10px;
  font-size:11px;
  font-weight:800;
}
.v124-team-toggle svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .15s ease;
}
.v124-team-toggle.open svg{transform:rotate(180deg)}
.v124-team-options{
  position:absolute;
  left:0;
  top:46px;
  width:100%;
  min-width:250px;
  max-height:320px;
  overflow:auto;
  padding:6px;
  display:grid;
  gap:3px;
  z-index:9999;
  background:var(--ui-surface,var(--panel))!important;
  border:1px solid var(--ui-border,var(--line))!important;
  border-radius:12px;
  box-shadow:0 20px 55px rgba(0,0,0,.25);
}
.v124-team-options.hidden{display:none!important}
.v124-team-options button{
  width:100%;
  min-height:42px;
  padding:8px 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:0;
  border-radius:8px;
  cursor:pointer;
  background:transparent;
  color:var(--ui-text,var(--text))!important;
  text-align:left;
}
.v124-team-options button:hover{
  background:var(--ui-hover,var(--panel-soft))!important;
}
.v124-team-options button.selected{
  background:var(--ui-accent-soft,var(--blue-soft))!important;
  color:var(--ui-accent,var(--blue))!important;
}
.v124-team-options button span{
  font-size:10px;
  font-weight:800;
}
.v124-team-options button small{
  color:var(--ui-text-3,var(--muted))!important;
  font-size:8px;
}
.v124-team-empty{
  padding:12px;
  text-align:center;
  color:var(--ui-text-3,var(--muted))!important;
  font-size:9px;
}
.v124-kpis{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.v124-team-comparison{
  margin:14px 0;
}
.v124-team-row{cursor:pointer}
.v124-team-row:hover{
  background:var(--ui-hover,var(--panel-soft))!important;
}
.v124-team-row .late{
  color:#ef5261!important;
  font-weight:800;
}
@media(max-width:900px){
  .v124-dashboard-hero{
    align-items:stretch;
    flex-direction:column;
  }
  .v124-dashboard-team-filter,
  .v124-team-menu{
    width:100%;
  }
  .v124-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* =========================================================
   EUROMAR FLOW V13 — FLUXO COLABORATIVO
   ========================================================= */
.v13-progress-head{
  align-items:center;
}
.v13-progress-number{
  display:grid;
  justify-items:end;
  line-height:1;
}
.v13-progress-number strong{
  color:var(--ui-accent,var(--blue))!important;
  font-size:22px;
}
.v13-progress-number span{
  color:var(--ui-text-3,var(--muted))!important;
  font-size:8px;
  margin-top:4px;
}
.v13-progress-track{
  height:8px;
  margin:9px 0 12px;
  overflow:hidden;
  border-radius:999px;
  background:var(--ui-surface-3,var(--gray-soft))!important;
}
.v13-progress-track i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#2db67c,#54d99a)!important;
  transition:width .25s ease;
}
.v13-risk{
  display:inline-flex;
  padding:4px 7px;
  border-radius:999px;
  font-size:8px;
  font-weight:800;
}
.v13-risk.good{background:#e5f7ee;color:#116c42}
.v13-risk.warn{background:#fff0cc;color:#704700}
.v13-risk.bad{background:#ffe7ea;color:#b52737}
html[data-theme="midnight_dark"] .v13-risk.good,
html[data-theme="deep_navy"] .v13-risk.good,
html[data-theme="graphite_night"] .v13-risk.good,
html[data-theme="arctic_dark"] .v13-risk.good{background:#183b2d;color:#9ae4bc}
html[data-theme="midnight_dark"] .v13-risk.warn,
html[data-theme="deep_navy"] .v13-risk.warn,
html[data-theme="graphite_night"] .v13-risk.warn,
html[data-theme="arctic_dark"] .v13-risk.warn{background:#473819;color:#ffd686}
html[data-theme="midnight_dark"] .v13-risk.bad,
html[data-theme="deep_navy"] .v13-risk.bad,
html[data-theme="graphite_night"] .v13-risk.bad,
html[data-theme="arctic_dark"] .v13-risk.bad{background:#49242c;color:#ffabb4}

.v13-workflow-readonly .workflow-step-card.completed{
  border-color:#83d7ab!important;
  background:color-mix(in srgb,#2db67c 9%,var(--ui-surface,var(--panel)))!important;
}
.v13-workflow-readonly .workflow-step-card.completed .step-num{
  background:#2db67c!important;
  color:#fff!important;
  border-color:#2db67c!important;
}
.v13-workflow-readonly .workflow-step-card.active{
  border-color:var(--ui-accent,var(--blue))!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--ui-accent,var(--blue)) 25%,transparent);
}
.v13-step-main{
  min-width:0;
}
.v13-required-badge{
  display:inline-flex;
  color:#b05d00;
  font-size:8px;
  font-weight:800;
}
.v13-completion-note,
.v13-handoff-message{
  margin-top:6px;
  padding:7px 9px;
  border-radius:8px;
  font-size:9px;
  line-height:1.4;
  background:var(--ui-surface-2,var(--panel-soft))!important;
  color:var(--ui-text-2,var(--text))!important;
  border:1px solid var(--ui-border,var(--line))!important;
}
.v13-step-files{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:7px;
}
.v13-step-files button{
  display:inline-flex;
  align-items:center;
  gap:5px;
  max-width:220px;
  padding:5px 7px;
  cursor:pointer;
  border:1px solid var(--ui-border,var(--line));
  border-radius:7px;
  background:var(--ui-surface,var(--panel));
  color:var(--ui-text-2,var(--text));
  font-size:8px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.v13-note-required{
  display:flex!important;
  flex-direction:row!important;
  align-items:center;
  gap:7px;
  font-size:8px;
  color:var(--ui-text-2,var(--text));
}
.v13-note-required input{
  width:auto!important;
  margin:0;
}
.v13-workflow-step-edit{
  grid-template-columns:34px minmax(160px,1.4fr) minmax(150px,1fr) 100px minmax(145px,.8fr) 30px!important;
}

.v13-handoff-context{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  padding:12px;
  margin-bottom:12px;
  border-radius:12px;
  background:var(--ui-surface-2,var(--panel-soft));
  border:1px solid var(--ui-border,var(--line));
}
.v13-handoff-context>div{
  display:grid;
  gap:4px;
}
.v13-handoff-context span{
  color:var(--ui-text-3,var(--muted))!important;
  font-size:8px;
  font-weight:700;
}
.v13-handoff-context b{
  color:var(--ui-text,var(--text))!important;
  font-size:10px;
}
.v13-files-field input[type=file]{
  padding:8px;
}
.v13-checkbox-line{
  display:flex!important;
  flex-direction:row!important;
  align-items:center;
  gap:8px;
}
.v13-checkbox-line input{
  width:auto!important;
}
.v13-files-preview{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:4px 0 10px;
}
.v13-file-chip{
  display:flex;
  align-items:center;
  gap:7px;
  padding:6px 8px;
  border-radius:8px;
  background:var(--ui-surface-2,var(--panel-soft));
  border:1px solid var(--ui-border,var(--line));
}
.v13-file-chip span{
  color:var(--ui-text,var(--text));
  font-size:9px;
  font-weight:700;
}
.v13-file-chip small{
  color:var(--ui-text-3,var(--muted))!important;
  font-size:8px;
}

/* Chat da tarefa */
.v13-chat-list{
  display:grid;
  gap:8px;
}
.v13-chat-row{
  display:flex;
  gap:8px;
  align-items:flex-start;
}
.v13-chat-row.mine{
  flex-direction:row-reverse;
}
.v13-chat-bubble{
  width:min(78%,720px);
  padding:9px 10px;
  border-radius:12px;
  background:var(--ui-surface-2,var(--panel-soft));
  border:1px solid var(--ui-border,var(--line));
}
.v13-chat-row.mine .v13-chat-bubble{
  background:var(--ui-accent-soft,var(--blue-soft));
  border-color:color-mix(in srgb,var(--ui-accent,var(--blue)) 35%,var(--ui-border,var(--line)));
}
.v13-chat-row.handoff .v13-chat-bubble{
  border-left:3px solid #2db67c!important;
}
.v13-chat-meta{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:4px;
}
.v13-chat-meta b{
  color:var(--ui-text,var(--text))!important;
  font-size:9px;
}
.v13-chat-meta small{
  margin-left:auto;
  color:var(--ui-text-3,var(--muted))!important;
  font-size:7px;
}
.v13-chat-bubble p{
  margin:0;
  color:var(--ui-text-2,var(--text))!important;
  font-size:10px;
  line-height:1.45;
  white-space:pre-wrap;
}
.v13-handoff-tag{
  display:inline-flex;
  padding:2px 5px;
  border-radius:999px;
  background:#e5f7ee;
  color:#116c42;
  font-size:7px;
  font-weight:800;
}
.comment-reply-btn{
  margin-top:6px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--ui-accent,var(--blue));
  cursor:pointer;
  font-size:8px;
  font-weight:750;
}

@media(max-width:900px){
  .v13-workflow-step-edit{
    grid-template-columns:34px 1fr!important;
  }
  .v13-workflow-step-edit>*{
    grid-column:2;
  }
  .v13-workflow-step-edit>.workflow-step-order{
    grid-column:1;
    grid-row:1 / span 5;
  }
  .v13-handoff-context{
    grid-template-columns:1fr;
  }
  .v13-chat-bubble{
    width:90%;
  }
}

/* V13.2 — abertura segura: modal sempre acima do conteúdo */
#taskModal{z-index:10000}


/* =========================================================
   EUROMAR FLOW V14.1 — CENTRAL DE ATENÇÃO
   ========================================================= */
.notification-panel{
  width:min(440px,calc(100vw - 28px))!important;
  max-height:min(680px,calc(100vh - 92px))!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
.v141-notification-head{
  flex:0 0 auto;
}
.v141-notification-head>div{
  display:grid;
  gap:3px;
}
.v141-notification-head small{
  color:var(--ui-text-3,var(--muted))!important;
  font-size:8px;
}
.notification-tabs{
  flex:0 0 auto;
  display:flex;
  gap:5px;
  padding:8px 10px;
  border-bottom:1px solid var(--ui-border,var(--line));
  background:var(--ui-surface,var(--panel));
}
.notification-tabs button{
  border:1px solid transparent;
  background:transparent;
  color:var(--ui-text-2,var(--text));
  border-radius:8px;
  padding:7px 9px;
  cursor:pointer;
  font-size:9px;
  font-weight:800;
}
.notification-tabs button span{
  display:inline-grid;
  place-items:center;
  min-width:17px;
  height:17px;
  margin-left:4px;
  padding:0 4px;
  border-radius:999px;
  background:var(--ui-surface-3,var(--panel-soft));
  color:var(--ui-text-2,var(--text));
  font-size:7px;
}
.notification-tabs button.active{
  background:var(--ui-accent-soft,var(--blue-soft));
  color:var(--ui-accent,var(--blue));
  border-color:color-mix(in srgb,var(--ui-accent,var(--blue)) 30%,transparent);
}
.notification-list{
  flex:1 1 auto;
  overflow:auto;
}
.notification-group-title{
  position:sticky;
  top:0;
  z-index:1;
  padding:7px 13px;
  background:color-mix(in srgb,var(--ui-surface,var(--panel)) 94%,transparent);
  border-bottom:1px solid var(--ui-grid,var(--line));
  color:var(--ui-text-3,var(--muted));
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.notification-item{
  grid-template-columns:8px 1fr!important;
  gap:10px!important;
  padding:11px 13px!important;
}
.notification-item.resolved{
  opacity:.68;
}
.notification-item.resolved .notification-dot{
  background:#2db67c!important;
}
.notification-meta-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
  margin-bottom:4px;
}
.notification-category,
.notification-occurrences,
.notification-resolved{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:3px 6px;
  font-size:7px;
  font-weight:850;
}
.notification-category.action{
  background:color-mix(in srgb,#ef5261 14%,var(--ui-surface,var(--panel)));
  color:#d13c4c;
}
.notification-category.alert{
  background:color-mix(in srgb,#f0a329 16%,var(--ui-surface,var(--panel)));
  color:#b96b00;
}
.notification-category.info{
  background:var(--ui-accent-soft,var(--blue-soft));
  color:var(--ui-accent,var(--blue));
}
.notification-occurrences{
  background:var(--ui-surface-3,var(--panel-soft));
  color:var(--ui-text-3,var(--muted));
}
.notification-resolved{
  background:color-mix(in srgb,#2db67c 13%,var(--ui-surface,var(--panel)));
  color:#188956;
}
.notification-item.notif-action.unread .notification-dot{background:#ef5261!important}
.notification-item.notif-alert.unread .notification-dot{background:#f0a329!important}
.notification-item.notif-info.unread .notification-dot{background:var(--ui-accent,var(--blue))!important}
.notification-actions-bar{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 11px;
  border-top:1px solid var(--ui-border,var(--line));
  background:var(--ui-surface-2,var(--panel-soft));
}
.notification-actions-bar button{
  border:0;
  background:transparent;
  color:var(--ui-accent,var(--blue));
  font-size:8px;
  font-weight:850;
  cursor:pointer;
}
.notification-actions-bar span{
  color:var(--ui-text-3,var(--muted));
  font-size:7px;
  text-align:right;
}
.in-app-notice.notif-action{border-left-color:#ef5261!important}
.in-app-notice.notif-alert{border-left-color:#f0a329!important}
@media(max-width:600px){
  .notification-panel{
    left:10px!important;
    right:10px!important;
    width:auto!important;
    top:64px!important;
    max-height:calc(100vh - 76px)!important;
  }
  .notification-actions-bar span{display:none}
}

/* =========================================================
   EUROMAR FLOW V20.0.0 — SISTEMA AVANÇADO DE REUNIÕES
   ========================================================= */
.v20-meeting{max-width:1360px;margin:0 auto;padding:4px 0 44px}
.v20-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:8px 0 14px;padding:22px 24px;border:1px solid var(--ui-border,var(--line));border-radius:16px;background:linear-gradient(145deg,var(--ui-surface,var(--panel)),var(--ui-surface-2,var(--panel-soft)))}
.v20-eyebrow{display:block;margin-bottom:6px;color:var(--ui-accent,var(--blue));font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.v20-hero h2{margin:0;color:var(--ui-text,var(--text));font-size:24px;line-height:1.1}.v20-hero p{max-width:760px;margin:8px 0 0;color:var(--ui-text-3,var(--muted));font-size:11px;line-height:1.5}
.v20-hero-actions{display:flex;align-items:flex-end;gap:7px;flex-wrap:wrap;justify-content:flex-end}.v20-hero-actions label{min-width:210px;color:var(--ui-text-3,var(--muted));font-size:8px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.v20-hero-actions select{display:block;width:100%;margin-top:5px;padding:8px 10px;border:1px solid var(--ui-border,var(--line));border-radius:8px;background:var(--ui-surface-2,var(--panel-soft));color:var(--ui-text,var(--text));font:inherit;font-size:10px;text-transform:none}
.v20-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:14px 0 17px}.v20-kpis>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;border:1px solid var(--ui-border,var(--line));border-radius:11px;background:var(--ui-surface,var(--panel))}.v20-kpis span{color:var(--ui-text-3,var(--muted));font-size:8px;font-weight:850;text-transform:uppercase}.v20-kpis strong{color:var(--ui-text,var(--text));font-size:20px}.v20-kpis .decision{border-left:3px solid #d99512}.v20-kpis .late{border-left:3px solid #cf4b59}.v20-kpis .blocked{border-left:3px solid #7654c8}.v20-kpis .paused{border-left:3px solid #6b7280}.v20-kpis .normal{border-left:3px solid #2c9b6d}
.v20-previous-card{margin:0 0 13px;padding:15px 17px;border:1px solid var(--ui-border,var(--line));border-radius:13px;background:var(--ui-surface,var(--panel))}.v20-previous-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.v20-previous-card h3{margin:0;color:var(--ui-text,var(--text));font-size:13px}.v20-previous-card p{margin:4px 0 0;color:var(--ui-text-3,var(--muted));font-size:10px}.v20-previous-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px}.v20-previous-kpis>div{padding:8px 9px;border-radius:8px;background:var(--ui-surface-2,var(--panel-soft))}.v20-previous-kpis span{display:block;color:var(--ui-text-3,var(--muted));font-size:7px;font-weight:850;text-transform:uppercase}.v20-previous-kpis b{display:block;margin-top:2px;color:var(--ui-text,var(--text));font-size:15px}.v20-commitment-list{display:grid;gap:5px;margin-top:9px}.v20-commitment-row{display:flex;justify-content:space-between;gap:12px;width:100%;padding:8px 9px;border:1px solid var(--ui-border,var(--line));border-radius:8px;background:transparent;color:var(--ui-text,var(--text));text-align:left;cursor:pointer}.v20-commitment-row span:first-child{display:grid}.v20-commitment-row small{margin-top:2px;color:var(--ui-text-3,var(--muted));font-size:8px}.v20-commitment-row>span:last-child{color:var(--ui-text-3,var(--muted));font-size:9px}.v20-commitment-row.done{opacity:.65}.v20-commitment-row.late{border-left:3px solid #cf4b59}
.v20-recover{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 9px;padding:10px 12px;border:1px solid rgba(217,149,18,.35);border-radius:10px;background:rgba(217,149,18,.07);color:var(--ui-text,var(--text))}.v20-recover div{display:grid}.v20-recover span{margin-top:2px;color:var(--ui-text-3,var(--muted));font-size:9px}
.v20-session-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--ui-accent,var(--blue)) 32%,var(--ui-border,var(--line)));border-radius:10px;background:color-mix(in srgb,var(--ui-accent,var(--blue)) 7%,var(--ui-surface,var(--panel)))}.v20-session-bar div{display:grid}.v20-session-bar b{color:var(--ui-text,var(--text));font-size:10px}.v20-session-bar span{margin-top:2px;color:var(--ui-text-3,var(--muted));font-size:8px}
.v20-section{margin:0 0 21px}.v20-section>header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 8px;padding:0 2px}.v20-section h3{margin:0;color:var(--ui-text,var(--text));font-size:14px}.v20-section p{margin:3px 0 0;color:var(--ui-text-3,var(--muted));font-size:9px}.v20-section>header>span{display:grid;place-items:center;min-width:27px;height:27px;padding:0 7px;border-radius:999px;background:var(--ui-surface-2,var(--panel-soft));color:var(--ui-text,var(--text));font-size:10px;font-weight:900}
.v20-card-list{display:grid;gap:8px}.v20-card{padding:14px 16px;border:1px solid var(--ui-border,var(--line));border-radius:12px;background:var(--ui-surface,var(--panel))}.v20-card.decision{border-left:3px solid #d99512}.v20-card.late{border-left:3px solid #cf4b59}.v20-card.blocked{border-left:3px solid #7654c8}.v20-card.paused{border-left:3px solid #6b7280}.v20-card.normal{border-left:3px solid #2c9b6d}.v20-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.v20-code{display:block;margin-bottom:3px;color:var(--ui-text-3,var(--muted));font-size:7px;font-weight:900;letter-spacing:.06em}.v20-title{padding:0;border:0;background:none;color:var(--ui-text,var(--text));font-size:12px;font-weight:850;text-align:left;cursor:pointer}.v20-title:hover{color:var(--ui-accent,var(--blue))}
.v20-badge{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:7px;font-weight:900;white-space:nowrap}.v20-badge.decision{color:#b67508;background:rgba(217,149,18,.11)}.v20-badge.late{color:#cf4b59;background:rgba(207,75,89,.1)}.v20-badge.blocked{color:#7654c8;background:rgba(118,84,200,.1)}.v20-badge.paused{color:#7b8290;background:rgba(107,114,128,.11)}.v20-badge.normal{color:#278a61;background:rgba(44,155,109,.1)}
.v20-meta-grid{display:grid;grid-template-columns:1.45fr 1fr .8fr .7fr;gap:7px;margin-top:10px}.v20-meta-grid>div{min-width:0;padding:7px 8px;border-radius:8px;background:var(--ui-surface-2,var(--panel-soft))}.v20-meta-grid span,.v20-handoff>span{display:block;margin-bottom:2px;color:var(--ui-text-3,var(--muted));font-size:6.5px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.v20-meta-grid strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ui-text,var(--text));font-size:9px}.v20-handoff{margin-top:7px;padding:8px 9px;border:1px dashed var(--ui-border,var(--line));border-radius:8px}.v20-handoff p{margin:0;color:var(--ui-text,var(--text));font-size:9px;line-height:1.4}
.v20-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:9px;border-top:1px solid var(--ui-border,var(--line))}
.v20-btn{padding:7px 9px;border:1px solid var(--ui-border,var(--line));border-radius:8px;background:var(--ui-surface-2,var(--panel-soft));color:var(--ui-text,var(--text));font:inherit;font-size:8.5px;font-weight:850;cursor:pointer}.v20-btn:hover{border-color:var(--ui-accent,var(--blue));color:var(--ui-accent,var(--blue))}.v20-btn.primary{border-color:var(--ui-accent,var(--blue));background:var(--ui-accent,var(--blue));color:#fff}.v20-btn.danger{color:#cf4b59}.v20-btn.ghost{background:transparent}.v20-btn:disabled{opacity:.5;cursor:not-allowed}
.v20-empty{padding:13px;border:1px dashed var(--ui-border,var(--line));border-radius:9px;color:var(--ui-text-3,var(--muted));font-size:9px}.v20-empty.danger{color:#cf4b59}.v20-template{margin-top:27px;padding:12px 14px;border:1px solid var(--ui-border,var(--line));border-radius:10px;background:var(--ui-surface-2,var(--panel-soft));color:var(--ui-text,var(--text));font-size:9px}.v20-template summary{cursor:pointer;font-weight:850}.v20-template li{margin:5px 0}
.v20-nav-icon{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:rgba(76,126,232,.12);color:var(--ui-accent,var(--blue));font-size:8px;font-weight:950}
.v20-modal{position:fixed;inset:0;z-index:11000;display:grid;place-items:center;padding:18px;background:rgba(5,10,17,.66);backdrop-filter:blur(3px)}.v20-modal.hidden{display:none}.v20-modal-card{position:relative;width:min(650px,100%);max-height:88vh;overflow:auto;padding:21px;border:1px solid var(--ui-border,var(--line));border-radius:15px;background:var(--ui-surface,var(--panel));box-shadow:0 24px 80px rgba(0,0,0,.3)}.v20-modal-card h3{margin:0 0 9px;color:var(--ui-text,var(--text));font-size:17px}.v20-modal-help{margin:-3px 0 12px;color:var(--ui-text-3,var(--muted));font-size:9px}.v20-close{position:absolute;right:13px;top:10px;border:0;background:none;color:var(--ui-text-3,var(--muted));font-size:23px;cursor:pointer}.v20-modal-task{margin-bottom:11px;padding:9px 10px;border-radius:8px;background:var(--ui-surface-2,var(--panel-soft));color:var(--ui-text,var(--text));font-size:9px}.v20-field{display:block;margin-top:10px;color:var(--ui-text-3,var(--muted));font-size:8px;font-weight:850}.v20-field input,.v20-field textarea,.v20-field select{box-sizing:border-box;width:100%;margin-top:5px;padding:9px 10px;border:1px solid var(--ui-border,var(--line));border-radius:8px;background:var(--ui-surface-2,var(--panel-soft));color:var(--ui-text,var(--text));font:inherit;font-size:10px}.v20-field textarea{resize:vertical}.v20-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v20-modal-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:12px}.v20-participants{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.v20-person{display:flex;align-items:center;gap:7px;padding:8px;border:1px solid var(--ui-border,var(--line));border-radius:8px;color:var(--ui-text,var(--text));font-size:9px}.v20-person input{accent-color:var(--ui-accent,var(--blue))}
.v20-history-list{display:grid;gap:7px}.v20-history-item{border:1px solid var(--ui-border,var(--line));border-radius:9px;background:var(--ui-surface-2,var(--panel-soft))}.v20-history-item summary{cursor:pointer;padding:10px 11px;color:var(--ui-text,var(--text))}.v20-history-item summary span{display:grid}.v20-history-item small{margin-top:2px;color:var(--ui-text-3,var(--muted));font-size:8px}.v20-history-body{padding:0 11px 10px;color:var(--ui-text,var(--text));font-size:9px}.v20-history-body>div{display:grid;padding:6px 0;border-top:1px solid var(--ui-border,var(--line))}.v20-history-body span{margin-top:2px;color:var(--ui-text-3,var(--muted))}
.v20-presentation{position:fixed;inset:0;z-index:12000;background:var(--ui-bg,var(--bg));color:var(--ui-text,var(--text))}.v20-presentation.hidden{display:none}.v20-present-shell{display:grid;grid-template-rows:auto 1fr auto;height:100vh}.v20-present-shell>header,.v20-present-shell>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-bottom:1px solid var(--ui-border,var(--line));background:var(--ui-surface,var(--panel))}.v20-present-shell>footer{justify-content:center;border-top:1px solid var(--ui-border,var(--line));border-bottom:0}.v20-present-shell>header div{display:grid}.v20-present-shell>header b{font-size:11px}.v20-present-shell>header>button{border:0;background:none;color:var(--ui-text,var(--text));font-size:28px;cursor:pointer}.v20-present-shell>main{display:grid;place-items:center;overflow:auto;padding:28px}.v20-present-card{width:min(1050px,100%);padding:30px;border:1px solid var(--ui-border,var(--line));border-radius:18px;background:var(--ui-surface,var(--panel));box-shadow:0 20px 70px rgba(0,0,0,.12)}.v20-present-card h2{margin:7px 0 20px;font-size:29px}.v20-present-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.v20-present-grid>div{padding:13px;border-radius:10px;background:var(--ui-surface-2,var(--panel-soft))}.v20-present-grid span,.v20-present-delivery>span{display:block;color:var(--ui-text-3,var(--muted));font-size:8px;font-weight:850;text-transform:uppercase}.v20-present-grid b{display:block;margin-top:4px;font-size:12px}.v20-present-delivery{margin-top:13px;padding:14px;border:1px dashed var(--ui-border,var(--line));border-radius:10px}.v20-present-delivery p{margin:5px 0 0;font-size:11px;line-height:1.5}.v20-present-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
@media(max-width:1050px){.v20-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.v20-meta-grid,.v20-present-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v20-previous-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.v20-hero{align-items:stretch;flex-direction:column}.v20-hero-actions{justify-content:flex-start;align-items:stretch}.v20-hero-actions label{min-width:0;width:100%}.v20-participants,.v20-field-grid{grid-template-columns:1fr}.v20-commitment-row{flex-direction:column}}
@media(max-width:520px){.v20-kpis,.v20-meta-grid,.v20-present-grid,.v20-previous-kpis{grid-template-columns:1fr}.v20-actions{display:grid;grid-template-columns:1fr 1fr}.v20-btn{width:100%}}

/* =========================================================
   EUROMAR FLOW V20.1.0 — CONFIRMAÇÃO DE SALVAMENTO
   ========================================================= */
.v201-save-notice{
  position:fixed;
  right:22px;
  top:22px;
  z-index:25000;
  width:min(440px,calc(100vw - 32px));
  padding:0;
  border:1px solid rgba(43,145,96,.35);
  border-radius:12px;
  background:var(--ui-surface,var(--panel));
  box-shadow:0 18px 50px rgba(0,0,0,.2);
  opacity:0;
  transform:translateY(-12px);
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;
}
.v201-save-notice.show{opacity:1;transform:translateY(0)}
.v201-save-notice.warning{border-color:rgba(207,75,89,.42)}
.v201-save-notice-body{display:grid;gap:3px;padding:13px 15px;border-left:4px solid #2b9160;border-radius:11px}
.v201-save-notice.warning .v201-save-notice-body{border-left-color:#cf4b59}
.v201-save-notice b{color:var(--ui-text,var(--text));font-size:11px}
.v201-save-notice span{color:var(--ui-text-3,var(--muted));font-size:9px;line-height:1.45}
.v201-auth-origin-note{
  max-width:520px;
  margin:12px auto 0;
  padding:9px 11px;
  border:1px solid rgba(217,149,18,.32);
  border-radius:9px;
  background:rgba(217,149,18,.07);
  color:var(--ui-text-3,var(--muted));
  font-size:9px;
  line-height:1.45;
}
@media(max-width:600px){
  .v201-save-notice{right:16px;top:16px}
}

/* EUROMAR FLOW V20.2.0 — RUNTIME FIX */
html[data-flow-runtime="20.2.0"] body::after{content:"";display:none}

/* =========================================================
   EUROMAR FLOW V20.3.1 — REUNIÕES ESTÁVEIS + LEMBRETES
   ========================================================= */
.v203-shell{max-width:1420px;margin:0 auto;padding:8px 0 56px}
.v203-shell svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.v203-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 4px 24px;border-bottom:1px solid var(--ui-border,var(--line))}
.v203-heading{min-width:0}.v203-heading-line{display:flex;align-items:center;gap:10px}.v203-overline,.v203-card-kicker{color:var(--ui-accent,var(--blue));font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.v203-heading h2{margin:7px 0 7px;font-size:28px;line-height:1.08;color:var(--ui-text,var(--text));letter-spacing:-.025em}.v203-heading p{margin:0;max-width:720px;color:var(--ui-text-3,var(--muted));font-size:11px;line-height:1.55}
.v203-live{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:rgba(207,75,89,.1);color:#cf4b59;font-size:8px;font-weight:900;text-transform:uppercase}.v203-live i{width:6px;height:6px;border-radius:50%;background:#cf4b59;box-shadow:0 0 0 4px rgba(207,75,89,.12)}
.v203-header-actions{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;justify-content:flex-end}.v203-team-select{min-width:190px}.v203-team-select>span{display:block;margin-bottom:5px;color:var(--ui-text-3,var(--muted));font-size:8px;font-weight:850;text-transform:uppercase}.v203-team-select select{width:100%;padding:10px 34px 10px 11px;border:1px solid var(--ui-border,var(--line));border-radius:10px;background:var(--ui-surface,var(--panel));color:var(--ui-text,var(--text));font:inherit;font-size:10px}
.v203-btn,.v203-big-action,.v203-small-action,.v203-card-action,.v203-text-action,.v203-show-more{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;font:inherit;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease,color .14s ease}
.v203-btn{height:38px;padding:0 14px;border:1px solid var(--ui-border,var(--line));border-radius:10px;background:var(--ui-surface,var(--panel));color:var(--ui-text,var(--text));font-size:9px;font-weight:850}.v203-btn:hover{transform:translateY(-1px);border-color:var(--ui-accent,var(--blue))}.v203-btn.primary{border-color:var(--ui-accent,var(--blue));background:var(--ui-accent,var(--blue));color:#fff}.v203-btn.danger-main{border-color:#cf4b59;background:#cf4b59}.v203-btn.is-enabled{border-color:rgba(44,155,109,.48);background:rgba(44,155,109,.09);color:#2c9b6d}
.v203-livebar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 0;padding:11px 14px;border:1px solid rgba(207,75,89,.24);border-radius:12px;background:linear-gradient(90deg,rgba(207,75,89,.09),transparent)}.v203-livebar>div:first-child{display:flex;align-items:center;gap:9px;min-width:0}.v203-livebar b{font-size:10px}.v203-livebar span{color:var(--ui-text-3,var(--muted));font-size:9px}.v203-livebar>div:last-child{display:flex;gap:8px}.v203-live-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#cf4b59;box-shadow:0 0 0 5px rgba(207,75,89,.1)}
.v203-overview-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:14px;margin:18px 0}
#v2031NextCard{min-width:0}.v203-next-card,.v203-focus-card{min-height:250px;padding:22px;border:1px solid var(--ui-border,var(--line));border-radius:18px;background:var(--ui-surface,var(--panel));box-shadow:0 9px 30px rgba(0,0,0,.04)}
.v203-next-card{position:relative;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--ui-accent,var(--blue)) 8%,var(--ui-surface,var(--panel))),var(--ui-surface,var(--panel)) 54%)}.v203-next-card::after{content:"";position:absolute;right:-70px;top:-90px;width:230px;height:230px;border-radius:50%;background:color-mix(in srgb,var(--ui-accent,var(--blue)) 7%,transparent);pointer-events:none}.v203-next-card>*{position:relative;z-index:1}
.v203-next-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.v203-next-head h3,.v203-next-card>h3,.v203-focus-card h3{margin:6px 0 0;color:var(--ui-text,var(--text));font-size:19px;letter-spacing:-.02em}.v203-scheduled-pill{padding:5px 9px;border-radius:999px;background:rgba(44,155,109,.11);color:#2c9b6d;font-size:8px;font-weight:900}
.v203-date-block{display:flex;align-items:stretch;gap:10px;margin:21px 0 14px}.v203-date-big,.v203-time-big{display:grid;align-content:center;min-width:140px;padding:12px 14px;border:1px solid var(--ui-border,var(--line));border-radius:13px;background:color-mix(in srgb,var(--ui-surface-2,var(--panel-soft)) 86%,transparent)}.v203-date-big b{font-size:24px;line-height:1}.v203-date-big span,.v203-time-big span{margin-top:5px;color:var(--ui-text-3,var(--muted));font-size:8px;text-transform:capitalize}.v203-time-big{grid-template-columns:auto 1fr;column-gap:8px}.v203-time-big svg{grid-row:1/3;align-self:center;width:22px;height:22px;color:var(--ui-accent,var(--blue))}.v203-time-big b{font-size:18px}
.v203-objective{margin:0 0 12px;color:var(--ui-text-2,var(--text));font-size:10px;line-height:1.45}.v203-participant-summary{display:flex;align-items:center;gap:7px;color:var(--ui-text-3,var(--muted));font-size:9px}.v203-participant-summary svg{width:15px;height:15px}
.v203-next-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.v203-big-action{height:37px;padding:0 13px;border-radius:9px;background:var(--ui-accent,var(--blue));color:#fff;font-size:9px;font-weight:900}.v203-small-action{height:37px;padding:0 10px;border:1px solid var(--ui-border,var(--line));border-radius:9px;background:var(--ui-surface,var(--panel));color:var(--ui-text,var(--text));font-size:8.5px;font-weight:800}.v203-small-action.danger{color:#cf4b59}.v203-next-card.empty{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.v203-next-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:14px;border-radius:12px;background:color-mix(in srgb,var(--ui-accent,var(--blue)) 12%,transparent);color:var(--ui-accent,var(--blue))}.v203-next-icon svg{width:22px;height:22px}.v203-next-card.empty p{max-width:480px;margin:8px 0 17px;color:var(--ui-text-3,var(--muted));font-size:10px;line-height:1.5}
.v203-focus-card{display:flex;flex-direction:column}.v203-focus-card>p{margin:8px 0 18px;color:var(--ui-text-3,var(--muted));font-size:10px;line-height:1.5}.v203-focus-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v203-focus-stats button{display:grid;gap:4px;padding:13px 12px;border:1px solid var(--ui-border,var(--line));border-radius:12px;background:var(--ui-surface-2,var(--panel-soft));color:var(--ui-text,var(--text));text-align:left;cursor:pointer}.v203-focus-stats span{color:var(--ui-text-3,var(--muted));font-size:8px;font-weight:850;text-transform:uppercase}.v203-focus-stats b{font-size:24px}.v203-focus-stats button:nth-child(1){border-top:3px solid #d99512}.v203-focus-stats button:nth-child(2){border-top:3px solid #cf4b59}.v203-focus-stats button:nth-child(3){border-top:3px solid #7654c8}.v203-focus-footer{display:flex;gap:14px;margin-top:auto;padding-top:17px}
.v203-text-action,.v203-link-btn{padding:0;border:0;background:none;color:var(--ui-text-3,var(--muted));font:inherit;font-size:8.5px;font-weight:850;cursor:pointer}.v203-text-action:hover,.v203-link-btn:hover{color:var(--ui-accent,var(--blue))}.v203-text-action:disabled{opacity:.45;cursor:not-allowed}.v203-text-action svg{width:14px;height:14px}
.v203-agenda,.v203-continuity{margin-top:14px;padding:20px;border:1px solid var(--ui-border,var(--line));border-radius:18px;background:var(--ui-surface,var(--panel))}.v203-agenda-top,.v203-continuity-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.v203-agenda-top h3,.v203-continuity-head h3{margin:5px 0 2px;font-size:17px}.v203-agenda-top p{margin:0;color:var(--ui-text-3,var(--muted));font-size:9px}
.v203-search{display:flex;align-items:center;gap:7px;width:min(360px,100%);padding:0 11px;border:1px solid var(--ui-border,var(--line));border-radius:10px;background:var(--ui-surface-2,var(--panel-soft));color:var(--ui-text-3,var(--muted))}.v203-search svg{width:14px;height:14px}.v203-search input{width:100%;height:36px;border:0;outline:0;background:transparent;color:var(--ui-text,var(--text));font:inherit;font-size:9px}
.v203-tabs{display:flex;gap:6px;margin:16px 0 13px;padding-bottom:3px;overflow:auto}.v203-tabs button{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 10px;border:1px solid var(--ui-border,var(--line));border-radius:999px;background:transparent;color:var(--ui-text-3,var(--muted));font:inherit;font-size:8.5px;font-weight:850;cursor:pointer}.v203-tabs button b{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--ui-surface-2,var(--panel-soft));font-size:7.5px}.v203-tabs button.active{border-color:color-mix(in srgb,var(--ui-accent,var(--blue)) 45%,var(--ui-border,var(--line)));background:color-mix(in srgb,var(--ui-accent,var(--blue)) 9%,transparent);color:var(--ui-accent,var(--blue))}
.v203-task-list{display:grid;gap:8px}.v203-task-card{display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid var(--ui-border,var(--line));border-radius:13px;background:var(--ui-surface-2,var(--panel-soft));overflow:hidden;transition:transform .13s ease,border-color .13s ease,box-shadow .13s ease}.v203-task-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--ui-accent,var(--blue)) 35%,var(--ui-border,var(--line)));box-shadow:0 8px 24px rgba(0,0,0,.05)}.v203-task-card.decision{border-left:3px solid #d99512}.v203-task-card.late{border-left:3px solid #cf4b59}.v203-task-card.blocked{border-left:3px solid #7654c8}.v203-task-card.paused{border-left:3px solid #6b7280}.v203-task-card.normal{border-left:3px solid #2c9b6d}
.v203-task-main{min-width:0;padding:13px 15px;border:0;background:transparent;color:var(--ui-text,var(--text));text-align:left;cursor:pointer}.v203-task-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.v203-task-code{color:var(--ui-text-3,var(--muted));font-size:7px;font-weight:900;letter-spacing:.08em}.v203-status{padding:4px 7px;border-radius:999px;font-size:7px;font-weight:900}.v203-status.decision{background:rgba(217,149,18,.1);color:#b67508}.v203-status.late{background:rgba(207,75,89,.1);color:#cf4b59}.v203-status.blocked{background:rgba(118,84,200,.1);color:#7654c8}.v203-status.paused{background:rgba(107,114,128,.1);color:#6b7280}.v203-status.normal{background:rgba(44,155,109,.1);color:#278a61}
.v203-task-main h4{margin:5px 0 9px;font-size:12px}.v203-task-meta{display:grid;grid-template-columns:1.35fr 1fr .75fr .7fr;gap:7px}.v203-task-meta span{display:grid;min-width:0}.v203-task-meta small,.v203-last-note small{color:var(--ui-text-3,var(--muted));font-size:6.5px;font-weight:850;text-transform:uppercase}.v203-task-meta b{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px}.v203-last-note{display:flex;gap:8px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--ui-border,var(--line));color:var(--ui-text-2,var(--text));font-size:8.5px}.v203-last-note span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v203-task-actions{display:flex;align-items:center;gap:6px;padding:12px;border-left:1px solid var(--ui-border,var(--line));background:color-mix(in srgb,var(--ui-surface,var(--panel)) 62%,transparent)}.v203-card-action{height:31px;padding:0 9px;border:1px solid var(--ui-border,var(--line));border-radius:8px;background:var(--ui-surface,var(--panel));color:var(--ui-text,var(--text));font-size:8px;font-weight:850}.v203-card-action.primary{border-color:var(--ui-accent,var(--blue));background:var(--ui-accent,var(--blue));color:#fff}.v203-card-action.ghost{border-color:transparent;background:transparent;color:var(--ui-text-3,var(--muted))}.v203-card-action svg{width:12px;height:12px}
.v203-show-more{width:100%;margin-top:9px;padding:10px;border:1px dashed var(--ui-border,var(--line));border-radius:9px;background:transparent;color:var(--ui-text-3,var(--muted));font-size:8.5px;font-weight:850}.v203-show-more:hover{border-color:var(--ui-accent,var(--blue));color:var(--ui-accent,var(--blue))}
.v203-empty-state{display:grid;place-items:center;gap:5px;min-height:120px;border:1px dashed var(--ui-border,var(--line));border-radius:12px;color:var(--ui-text-3,var(--muted));font-size:9px}.v203-empty-state b{color:var(--ui-text,var(--text));font-size:11px}
.v203-continuity{margin-top:14px}.v203-continuity #v20PreviousMeeting{margin-top:13px}.v203-continuity .v20-previous-card{margin:0;border:0;padding:0;background:transparent}.v203-continuity .v20-previous-kpis{margin-top:12px}.v203-continuity .v20-recover{margin:0 0 12px}
.v203-schedule-modal{width:min(720px,100%)}.v203-schedule-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}.v203-modal-section-title{margin:16px 0 8px;color:var(--ui-text,var(--text));font-size:9px;font-weight:900}.v203-person{transition:border-color .12s ease,background .12s ease}.v203-person:has(input:checked){border-color:color-mix(in srgb,var(--ui-accent,var(--blue)) 45%,var(--ui-border,var(--line)));background:color-mix(in srgb,var(--ui-accent,var(--blue)) 7%,transparent)}
@media(max-width:1050px){.v203-overview-grid{grid-template-columns:1fr}.v203-focus-card{min-height:0}.v203-task-card{grid-template-columns:1fr}.v203-task-actions{border-left:0;border-top:1px solid var(--ui-border,var(--line));justify-content:flex-end}.v203-task-meta{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.v203-header{align-items:flex-start;flex-direction:column}.v203-header-actions{width:100%;justify-content:flex-start}.v203-team-select{width:100%}.v203-agenda-top,.v203-continuity-head,.v203-livebar{align-items:stretch;flex-direction:column}.v203-search{width:100%;box-sizing:border-box}.v203-schedule-grid{grid-template-columns:1fr}.v203-date-block{flex-direction:column}.v203-task-actions{flex-wrap:wrap}}
@media(max-width:520px){.v203-heading h2{font-size:23px}.v203-header-actions .v203-btn{flex:1}.v203-focus-stats{grid-template-columns:1fr}.v203-task-meta{grid-template-columns:1fr}.v203-task-actions>*{flex:1}.v203-next-actions>*{flex:1}}

/* =========================================================
   EUROMAR FLOW V20.5.0 — SALA DE REUNIÃO AO VIVO
   ========================================================= */
.v205-room{margin:0 0 14px;padding:16px 18px;border:1px solid var(--ui-border,var(--line));border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--ui-accent,var(--blue)) 8%,var(--ui-surface,var(--panel))) 0%,var(--ui-surface,var(--panel)) 62%);box-shadow:0 8px 28px rgba(0,0,0,.04)}
.v205-room-top,.v205-room-main,.v205-room-actions,.v205-presence>div,.v205-live-block.control>div{display:flex;align-items:center;gap:9px}.v205-room-top{justify-content:space-between;gap:16px}.v205-room-main{min-width:0;align-items:flex-start}.v205-live-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,#2ba66f 15%,transparent)}.v205-live-icon span{width:12px;height:12px;border-radius:50%;background:#2ba66f;box-shadow:0 0 0 5px rgba(43,166,111,.12);animation:v205Pulse 1.8s ease-in-out infinite}.v205-kicker{display:block;color:#2ba66f;font-size:7.5px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.v205-room h3{margin:3px 0 4px;font-size:15px}.v205-room p{max-width:780px;margin:0;color:var(--ui-text-3,var(--muted));font-size:9px;line-height:1.5}.v205-room-actions{flex:0 0 auto;justify-content:flex-end}.v205-btn{height:34px;padding:0 11px;border:1px solid var(--ui-border,var(--line));border-radius:9px;background:var(--ui-surface-2,var(--panel-soft));color:var(--ui-text,var(--text));font:inherit;font-size:8px;font-weight:900;cursor:pointer}.v205-btn.primary{border-color:var(--ui-accent,var(--blue));background:var(--ui-accent,var(--blue));color:#fff}.v205-btn.danger{color:#cf4b59}.v205-btn:hover{transform:translateY(-1px)}
.v205-live-grid{display:grid;grid-template-columns:.8fr 1.35fr 1.25fr;gap:9px;margin-top:14px}.v205-live-block{min-width:0;padding:11px 12px;border:1px solid var(--ui-border,var(--line));border-radius:11px;background:color-mix(in srgb,var(--ui-surface-2,var(--panel-soft)) 88%,transparent)}.v205-live-block>span{display:block;color:var(--ui-text-3,var(--muted));font-size:6.8px;font-weight:900;text-transform:uppercase}.v205-live-block>b{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px}.v205-live-block>small{display:block;margin-top:3px;color:var(--ui-text-3,var(--muted));font-size:7.5px}.v205-live-block button{margin-top:6px;padding:0;border:0;background:none;color:var(--ui-accent,var(--blue));font:inherit;font-size:8px;font-weight:900;cursor:pointer}.v205-live-block.control>div{align-items:flex-start;flex-wrap:wrap}.v205-live-block.control>div button+button{margin-left:5px}.v205-presence{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;margin-top:11px;padding-top:11px;border-top:1px solid var(--ui-border,var(--line))}.v205-presence>span{color:var(--ui-text-3,var(--muted));font-size:7px;font-weight:900;text-transform:uppercase}.v205-presence>div{flex-wrap:wrap}.v205-person-chip{display:inline-flex;align-items:center;gap:5px;max-width:220px;padding:5px 8px;border:1px solid var(--ui-border,var(--line));border-radius:999px;background:var(--ui-surface-2,var(--panel-soft));font-size:7.5px}.v205-person-chip>i{width:7px;height:7px;border-radius:50%;background:#2ba66f}.v205-person-chip>b{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v205-person-chip>small{color:var(--ui-text-3,var(--muted));white-space:nowrap}.v205-person-chip.presenter{border-color:color-mix(in srgb,var(--ui-accent,var(--blue)) 45%,var(--ui-border,var(--line)));background:color-mix(in srgb,var(--ui-accent,var(--blue)) 9%,var(--ui-surface-2,var(--panel-soft)))}.v205-person-chip.presenter>i{background:var(--ui-accent,var(--blue))}.v205-room.waiting{display:flex;align-items:center;justify-content:space-between;gap:16px}.v205-room.waiting .v205-room-main{flex:1}.v205-room.waiting .v205-live-icon span{background:#d99512;box-shadow:0 0 0 5px rgba(217,149,18,.12)}
@keyframes v205Pulse{0%,100%{transform:scale(.9);opacity:.72}50%{transform:scale(1.12);opacity:1}}
@media(max-width:900px){.v205-live-grid{grid-template-columns:1fr 1fr}.v205-live-block.control{grid-column:1/-1}}
@media(max-width:680px){.v205-room{padding:13px}.v205-room-top,.v205-room.waiting{align-items:stretch;flex-direction:column}.v205-room-actions{width:100%;justify-content:stretch}.v205-room-actions .v205-btn{flex:1}.v205-live-grid{grid-template-columns:1fr}.v205-live-block.control{grid-column:auto}.v205-presence{grid-template-columns:1fr}.v205-presence>div{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.v205-person-chip{flex:0 0 auto}.v20-present-shell>header,.v20-present-shell>footer{padding:11px 12px}.v20-present-shell>main{display:block;padding:10px}.v20-present-card{padding:16px;border-radius:13px}.v20-present-card h2{font-size:21px;margin-bottom:14px}.v20-present-actions{display:grid;grid-template-columns:1fr}.v20-present-actions .v20-btn{width:100%}.v20-present-shell>footer .v20-btn{min-width:0;flex:1}}

/* =========================================================
   EUROMAR FLOW V20.4.5 — ALARME WINDOWS ESTÁVEL
   ========================================================= */
.v204-task-alarm-btn{display:inline-flex;align-items:center;gap:6px;margin:5px 0 9px;padding:7px 10px;border:1px solid var(--ui-border,var(--line));border-radius:9px;background:var(--ui-surface-2,var(--panel-soft));color:var(--ui-text-3,var(--muted));font:inherit;font-size:8.5px;font-weight:850;cursor:pointer;transition:.15s ease}
.v204-task-alarm-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.v204-task-alarm-btn:hover{border-color:var(--ui-accent,var(--blue));color:var(--ui-accent,var(--blue))}
.v204-task-alarm-btn.active{border-color:rgba(31,111,235,.42);background:rgba(31,111,235,.08);color:var(--ui-accent,var(--blue))}
.v204-task-alarm-btn.needs-agent{border-style:dashed}
.v204-task-alarm-btn.ringing{border-color:rgba(207,75,89,.55);background:rgba(207,75,89,.11);color:#cf4b59;animation:v204Pulse 1.1s ease-in-out infinite}
@keyframes v204Pulse{50%{box-shadow:0 0 0 6px rgba(207,75,89,.08)}}
.v204-alarm-overlay{position:fixed;inset:0;z-index:30000;display:grid;place-items:center;padding:20px;background:rgba(8,15,28,.58);backdrop-filter:blur(5px)}
.v204-alarm-overlay.hidden{display:none}
.v204-alarm-card{position:relative;width:min(650px,100%);max-height:min(820px,calc(100vh - 36px));overflow:auto;padding:26px;border:1px solid var(--ui-border,var(--line));border-radius:18px;background:var(--ui-surface,var(--panel));box-shadow:0 30px 90px rgba(0,0,0,.3)}
.v204-alarm-close{position:absolute;right:14px;top:12px;width:31px;height:31px;border:0;border-radius:9px;background:var(--ui-surface-2,var(--panel-soft));color:var(--ui-text-3,var(--muted));font-size:20px;cursor:pointer}
.v204-kicker{display:block;color:var(--ui-accent,var(--blue));font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.v204-alarm-card h3{margin:6px 0 9px;font-size:22px;letter-spacing:-.02em}
.v204-lead{margin:0 0 18px;color:var(--ui-text-3,var(--muted));font-size:10px;line-height:1.6}
.v204-icon-hero{display:grid;place-items:center;width:46px;height:46px;margin-bottom:15px;border-radius:13px;background:color-mix(in srgb,var(--ui-accent,var(--blue)) 11%,transparent);color:var(--ui-accent,var(--blue))}
.v204-icon-hero.danger{background:rgba(207,75,89,.1);color:#cf4b59}.v204-icon-hero svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}
.v204-steps{display:grid;gap:8px;margin:18px 0}.v204-steps>div{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;padding:10px 11px;border:1px solid var(--ui-border,var(--line));border-radius:10px;background:var(--ui-surface-2,var(--panel-soft))}
.v204-steps b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--ui-accent,var(--blue));color:#fff;font-size:9px}.v204-steps span{font-size:9px;color:var(--ui-text-2,var(--text))}
.v204-agent-status{display:flex;align-items:center;gap:8px;margin:14px 0;padding:9px 10px;border-radius:9px;font-size:8.5px;font-weight:800}.v204-agent-status i{width:7px;height:7px;border-radius:50%}.v204-agent-status.offline{background:rgba(207,75,89,.08);color:#cf4b59}.v204-agent-status.offline i{background:#cf4b59}.v204-agent-status.online{background:rgba(44,155,109,.08);color:#2c9b6d}.v204-agent-status.online i{background:#2c9b6d}.v204-agent-status.compact{margin:0;padding:7px 9px}
.v204-alarm-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.v204-primary-link,.v204-primary-btn,.v204-secondary-btn,.v204-danger-btn{display:inline-flex;align-items:center;justify-content:center;min-height:37px;padding:0 13px;border-radius:9px;font:inherit;font-size:8.7px;font-weight:900;text-decoration:none;cursor:pointer}
.v204-primary-link,.v204-primary-btn{border:1px solid var(--ui-accent,var(--blue));background:var(--ui-accent,var(--blue));color:#fff}.v204-secondary-btn{border:1px solid var(--ui-border,var(--line));background:var(--ui-surface-2,var(--panel-soft));color:var(--ui-text,var(--text))}.v204-danger-btn{border:1px solid rgba(207,75,89,.35);background:rgba(207,75,89,.07);color:#cf4b59}
.v204-footnote{margin:14px 0 0;color:var(--ui-text-3,var(--muted));font-size:8px;line-height:1.5}
.v204-config-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.v204-task-name{margin:14px 0;padding:11px 12px;border-radius:10px;background:var(--ui-surface-2,var(--panel-soft));font-size:10px;font-weight:850}
.v204-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v204-form-grid label,.v204-message-label{display:grid;gap:5px;color:var(--ui-text-3,var(--muted));font-size:8px;font-weight:850;text-transform:uppercase}.v204-form-grid input,.v204-message-label textarea{width:100%;box-sizing:border-box;border:1px solid var(--ui-border,var(--line));border-radius:9px;background:var(--ui-surface-2,var(--panel-soft));color:var(--ui-text,var(--text));font:inherit;font-size:10px;padding:10px}.v204-message-label{margin-top:10px}.v204-message-label textarea{resize:vertical;min-height:76px;text-transform:none}
.v204-behavior{display:grid;grid-template-columns:37px 1fr;gap:11px;align-items:center;margin-top:13px;padding:11px;border:1px solid rgba(31,111,235,.2);border-radius:11px;background:rgba(31,111,235,.05)}.v204-behavior>div{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(31,111,235,.1);color:var(--ui-accent,var(--blue))}.v204-behavior svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.v204-behavior span{color:var(--ui-text-3,var(--muted));font-size:8.7px;line-height:1.45}.v204-behavior b{display:block;margin-bottom:2px;color:var(--ui-text,var(--text))}
.v204-ringing-box{margin:15px 0;padding:14px;border:1px solid rgba(207,75,89,.28);border-radius:11px;background:rgba(207,75,89,.08);color:#cf4b59;font-size:9.5px;line-height:1.5}
.v204-loading{display:grid;place-items:center;min-height:180px;color:var(--ui-text-3,var(--muted));font-size:10px}
@media(max-width:600px){.v204-alarm-card{padding:21px}.v204-form-grid{grid-template-columns:1fr}.v204-config-head{flex-direction:column}.v204-alarm-actions>*{width:100%;box-sizing:border-box}}

.v204-permission-note,.v204-permission-warning{display:grid;gap:4px;margin:12px 0 4px;padding:10px 11px;border-radius:10px;font-size:8.6px;line-height:1.45}
.v204-permission-note{border:1px solid rgba(31,111,235,.2);background:rgba(31,111,235,.05);color:var(--ui-text-3,var(--muted))}
.v204-permission-warning{border:1px solid rgba(217,149,18,.28);background:rgba(217,149,18,.08);color:#9b6808}
.v204-permission-warning b{color:#8a5b05}

.v204-agent-status.checking{background:rgba(31,111,235,.08);color:var(--ui-accent,var(--blue))}
.v204-agent-status.checking i{background:var(--ui-accent,var(--blue));animation:v204Checking 1s ease-in-out infinite}
@keyframes v204Checking{50%{opacity:.25}}
.v204-onefile-steps strong{color:var(--ui-text,var(--text))}

/* V20.4.3 — Alarme integrado às abas da tarefa */
#v204TaskAlarmBtn{display:none!important}
#v204TaskAlarmTab{display:inline-flex;align-items:center;gap:6px;position:relative}
#v204TaskAlarmTab .v204-tab-clock{display:inline-flex}
#v204TaskAlarmTab .v204-tab-clock svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#v204TaskAlarmTab .v204-tab-state{display:none;width:6px;height:6px;border-radius:50%;margin-left:1px}
#v204TaskAlarmTab.v204-has-alarm .v204-tab-state{display:block;background:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.12)}
#v204TaskAlarmTab.v204-ringing .v204-tab-state{display:block;background:#cf4b59;box-shadow:0 0 0 4px rgba(207,75,89,.12);animation:v204Pulse 1.1s ease-in-out infinite}
#v204TaskAlarmTab.v204-agent-missing .v204-tab-state{display:block;background:#d99512}
.v204-alarm-tab-panel{padding:24px 20px 34px;min-height:360px}
.v204-alarm-tab-panel.v14-tab-hidden{display:none!important}
.v204-alarm-tab-panel #v204AlarmBody{max-width:760px}
.v204-inline-hero{display:flex;align-items:flex-start;gap:15px;margin-bottom:18px}
.v204-inline-hero .v204-icon-hero{margin:0;flex:0 0 auto}
.v204-inline-hero h3{margin:5px 0 7px;font-size:20px}
.v204-save-first{display:grid;gap:5px;padding:14px;border:1px solid var(--ui-border,var(--line));border-radius:12px;background:var(--ui-surface-2,var(--panel-soft));font-size:9px;line-height:1.5}
.v204-save-first b{color:var(--ui-text,var(--text));font-size:10px}
.v204-save-first span{color:var(--ui-text-3,var(--muted))}
@media(max-width:620px){
  .v204-inline-hero{flex-direction:column}
  .v204-alarm-tab-panel{padding:18px 12px 28px}
}

/* =========================================================
   EUROMAR FLOW V20.5.4 — MODO APRESENTAÇÃO MOBILE
   ========================================================= */
.v2054-mobile-livebar,.v2054-mobile-dock{display:none}
.v20-presentation.v2054-mobile-presentation .v20-present-shell{height:100dvh;grid-template-rows:auto auto minmax(0,1fr) auto auto;overflow:hidden}
.v20-presentation.v2054-mobile-presentation .v20-present-shell>header{padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top));min-height:54px}
.v20-presentation.v2054-mobile-presentation .v20-present-shell>header .v20-eyebrow{font-size:8px}
.v20-presentation.v2054-mobile-presentation .v20-present-shell>header b{font-size:11px}
.v20-presentation.v2054-mobile-presentation .v20-present-shell>header>button{width:42px;height:42px;display:grid;place-items:center;font-size:26px;border-radius:10px}
.v20-presentation.v2054-mobile-presentation .v2054-mobile-livebar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-bottom:1px solid var(--ui-border,var(--line));background:color-mix(in srgb,var(--ui-surface,var(--panel)) 94%,var(--ui-accent,var(--blue)) 6%)}
.v2054-live-copy{display:grid;min-width:0}.v2054-live-copy>span{display:flex;align-items:center;gap:6px;color:#2ba66f;font-size:8px;font-weight:950;letter-spacing:.06em}.v2054-live-copy>span i{width:7px;height:7px;border-radius:50%;background:#2ba66f;box-shadow:0 0 0 4px rgba(43,166,111,.12)}.v2054-live-copy>b{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.v2054-live-copy>small{margin-top:1px;color:var(--ui-text-3,var(--muted));font-size:9px}
.v2054-live-actions{display:flex;gap:6px;flex:0 0 auto}.v2054-live-actions button{min-height:38px;padding:0 10px;border:1px solid var(--ui-border,var(--line));border-radius:9px;background:var(--ui-surface-2,var(--panel-soft));color:var(--ui-text,var(--text));font:inherit;font-size:9px;font-weight:900}
.v20-presentation.v2054-mobile-presentation .v20-present-shell>main{display:block;overflow:auto;-webkit-overflow-scrolling:touch;padding:10px 10px 16px;overscroll-behavior:contain}
.v20-presentation.v2054-mobile-presentation .v20-present-card{width:100%;min-height:100%;padding:15px;border-radius:14px;box-shadow:none}
.v20-presentation.v2054-mobile-presentation .v20-present-card h2{margin:7px 0 14px;font-size:21px;line-height:1.16}
.v20-presentation.v2054-mobile-presentation .v20-present-grid{grid-template-columns:1fr 1fr;gap:8px}
.v20-presentation.v2054-mobile-presentation .v20-present-grid>div{padding:11px}
.v20-presentation.v2054-mobile-presentation .v20-present-grid span,.v20-presentation.v2054-mobile-presentation .v20-present-delivery>span{font-size:8px}
.v20-presentation.v2054-mobile-presentation .v20-present-grid b{font-size:11px;line-height:1.35}
.v20-presentation.v2054-mobile-presentation .v20-present-delivery{margin-top:10px;padding:12px}.v20-presentation.v2054-mobile-presentation .v20-present-delivery p{font-size:10.5px}
.v20-presentation.v2054-mobile-presentation .v20-present-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}
.v20-presentation.v2054-mobile-presentation .v20-present-actions .v20-btn{width:100%;min-height:46px;padding:8px 9px;white-space:normal;line-height:1.2}
.v20-presentation.v2054-mobile-presentation .v2054-mobile-dock{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ui-border,var(--line));background:var(--ui-surface,var(--panel));padding:6px 7px;gap:5px}
.v2054-mobile-dock button{min-width:0;min-height:46px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--ui-text-2,var(--text));font:inherit;font-size:9px;font-weight:900}.v2054-mobile-dock button:active{background:var(--ui-surface-2,var(--panel-soft));border-color:var(--ui-border,var(--line))}
.v20-presentation.v2054-mobile-presentation .v20-present-shell>footer{padding:7px 8px;padding-bottom:max(7px,env(safe-area-inset-bottom));gap:8px}.v20-presentation.v2054-mobile-presentation .v20-present-shell>footer .v20-btn{min-height:46px;flex:1;font-size:10px}
.v20-presentation.v2054-mobile-presentation.v2054-following .v20-present-shell>footer{display:none}
.v20-presentation.v2054-mobile-presentation.v2054-following .v2054-mobile-dock{padding-bottom:max(7px,env(safe-area-inset-bottom))}
.v2054-pulse-actions{outline:2px solid color-mix(in srgb,var(--ui-accent,var(--blue)) 75%,transparent);outline-offset:4px;animation:v2054ActionPulse .7s ease-in-out 2}
@keyframes v2054ActionPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.015)}}
@media(max-width:430px){.v20-presentation.v2054-mobile-presentation .v20-present-grid{grid-template-columns:1fr}.v20-presentation.v2054-mobile-presentation .v20-present-actions{grid-template-columns:1fr}.v2054-live-actions button{padding:0 8px;font-size:8px}.v20-presentation.v2054-mobile-presentation .v20-present-card h2{font-size:19px}}