.mg-page{color:#183a4d}.mg-head,.mg-section-head,.mg-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.mg-head{margin-bottom:22px}.mg-head h1{font-size:30px;margin:2px 0 5px}.mg-head p,.mg-section-head p{color:#60788a;margin:0}.mg-status{min-height:1.2em;color:#086f70;font-weight:600}.mg-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:14px 0 22px}.mg-metric{background:#fff;border:1px solid #dce8ef;border-radius:14px;padding:15px;min-height:82px;box-shadow:0 5px 18px #0a435b0a}.mg-metric span{display:block;color:#587186;font-size:13px}.mg-metric strong{display:block;color:#123a50;font-size:26px;line-height:1.2;margin-top:4px}.mg-section{background:#fff;border:1px solid #dce8ef;border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 5px 18px #0a435b08}.mg-section h2{font-size:19px;margin:0 0 4px}.mg-actions{display:flex;gap:8px;flex-wrap:wrap}.mg-filters{display:flex;flex-wrap:wrap;gap:9px;align-items:end;margin:20px 0 16px}.mg-filters label{font-size:12px;color:#526b7d;margin:0;min-width:110px;flex:1 1 120px}.mg-filters label:first-child{flex:2 1 210px}.mg-filters input,.mg-filters select{height:39px;padding:8px 10px;margin-top:4px}.mg-filters .mg-filter-check{display:flex;align-items:center;gap:5px;min-width:auto;flex:0 0 auto;height:39px;color:#193e53}.mg-filter-check input{width:auto;height:auto;margin:0}.mg-filters>button{height:39px}.mg-board{display:flex;gap:12px;overflow-x:auto;scrollbar-color:#9bbdc7 transparent;padding:3px 2px 12px;min-height:280px}.mg-column{flex:0 0 252px;max-width:252px;min-width:252px;background:#f5f9fb;border:1px solid #e1eaf0;border-radius:12px;overflow:hidden}.mg-column:before{display:block;content:"";height:5px;background:var(--mg-color)}.mg-column>header{padding:12px 12px 5px;cursor:grab}.mg-column-heading{display:flex;align-items:center;justify-content:space-between;gap:5px}.mg-column-title{border:0;background:none;padding:2px;color:#1b3c50;font-weight:750;text-align:left;overflow-wrap:anywhere}.mg-column-title:hover{text-decoration:underline;background:none}.mg-column-heading>span{font-size:12px;border-radius:99px;padding:2px 7px;background:#e3edf2;color:#3e6275}.mg-column-tools{display:flex;gap:3px;margin-top:5px}.mg-column-tools button{width:28px;height:26px;padding:0;border-color:transparent;background:transparent;color:#42697b}.mg-column-tools button:hover{background:#dfedf0}.mg-column header>input{width:100%;height:34px}.mg-card-list{min-height:80px;padding:5px 9px 8px}.mg-task{background:#fff;border:1px solid #dce7ee;border-radius:10px;padding:9px 10px;margin:0 0 8px;box-shadow:0 3px 9px #0e47540b;cursor:grab;min-width:0}.mg-task-open{display:block;text-align:left;width:100%;padding:0;border:0;background:none;min-width:0}.mg-task-open:hover{background:none}.mg-task-open strong{display:block;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.mg-task-open span{display:block;font-size:11px;color:#597589;margin-top:3px;overflow-wrap:anywhere}.mg-task-meta{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin-top:8px;font-size:10px}.mg-priority,.mg-due,.mg-blocked{border-radius:99px;padding:3px 7px;background:#eaf1f5;color:#356074}.mg-priority.high,.mg-priority.urgent,.mg-due.late{background:#ffebe8;color:#9e3834}.mg-priority.low{background:#e6f4f0;color:#17715d}.mg-blocked{background:#fff1d9;color:#8a570c}.mg-empty{font-size:12px;color:#6e8290;padding:7px 2px}.mg-add-task{display:block;width:calc(100% - 18px);margin:0 9px 9px;text-align:left;background:transparent;border:1px dashed #aec8d2;color:#0a7478;padding:7px 9px}.mg-new-column{flex:0 0 170px;align-self:start;border:1px dashed #9fbfc9;background:#edf6f7;color:#0a6a70;font-weight:700}.mg-reminders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:17px}.mg-reminder-block{border:1px solid #e0e9ef;border-radius:12px;padding:15px;background:#fbfdfe;min-width:0}.mg-reminder-block h3{margin:0 0 3px;font-size:14px;color:#114657;text-transform:uppercase;letter-spacing:.04em}.mg-reminder-block>p{font-size:12px;color:#688092;margin:0 0 11px}.mg-reminder-block>button{padding:7px 9px;color:#076f74}.mg-reminder{display:flex;align-items:center;gap:5px;padding:5px 0;border-bottom:1px solid #e9eff3;font-size:13px}.mg-reminder span{flex:1;overflow-wrap:anywhere}.mg-reminder.done span{text-decoration:line-through;color:#8195a0}.mg-reminder button{border:0;background:none;padding:4px;color:#386b7a}.mg-summary{display:flex;gap:20px;flex-wrap:wrap;margin:14px 0;color:#526e80}.mg-summary strong{color:#143f52}.mg-charts{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mg-chart-card{border:1px solid #e0e9ef;border-radius:12px;padding:16px;min-width:0}.mg-chart-card h3{font-size:14px;margin:0 0 15px}.mg-chart-head label{font-size:11px;margin:0;color:#5b7181}.mg-chart-head select{padding:5px;height:31px;font-size:12px}.mg-bars{height:170px;display:flex;justify-content:space-around;gap:8px;border-bottom:1px solid #cddde5}.mg-bars>div{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:end;flex:1;color:#3f6172}.mg-bars strong{font-size:12px}.mg-bar{display:block;width:min(30px,80%);border-radius:5px 5px 0 0;background:linear-gradient(#0b9992,#0c6976);min-height:3px}.mg-bars small{position:relative;bottom:-21px;font-size:11px}.mg-donut-row{display:flex;align-items:center;gap:20px}.mg-donut{flex:0 0 126px;width:126px;height:126px;border-radius:50%;display:grid;place-items:center}.mg-donut span{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#fff;font-weight:800;font-size:20px;color:#18475c}.mg-donut-row ul{list-style:none;padding:0;margin:0;columns:2;column-gap:15px;font-size:12px}.mg-donut-row li{break-inside:avoid;margin-bottom:7px;white-space:nowrap}.mg-donut-row li>span{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%}.mg-modal{border:1px solid #d8e6ec;border-radius:16px;box-shadow:0 18px 60px #153c5155;width:min(680px,calc(100vw - 22px));max-height:calc(100vh - 30px);padding:0;color:#203f51}.mg-modal::backdrop{background:#112e3d88}.mg-dialog{position:relative;padding:25px;max-height:calc(100vh - 30px);overflow:auto}.mg-dialog h2{font-size:20px;margin:0 28px 17px 0}.mg-dialog label{font-size:13px;margin:9px 0}.mg-dialog input,.mg-dialog select,.mg-dialog textarea{margin-top:5px}.mg-dialog textarea{width:100%;padding:10px;border:1px solid #9aaab5;border-radius:6px;font:inherit}.mg-dialog .mg-check{display:flex;gap:7px;align-items:center}.mg-dialog .mg-check input{width:auto;margin:0}.mg-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.mg-form-grid .wide{grid-column:1/-1}.mg-close{position:absolute;right:15px;top:12px;padding:3px 9px;font-size:23px}.mg-dialog-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 0}.mg-checklist{border:1px solid #dce8ed;border-radius:9px;margin-top:12px}.mg-checklist [data-checklist-row]{display:flex;gap:6px;margin:6px 0}.mg-checklist [type=checkbox]{width:auto}.mg-checklist [type=text]{flex:1;min-width:0}.mg-checklist [data-remove-check]{padding:4px 9px}.mg-move-controls{display:flex;align-items:end;gap:8px}.mg-move-controls label{flex:1}.mg-move-controls button{height:43px;margin-bottom:0}.mg-history{font-size:12px;padding-left:17px}.mg-history li{margin:4px 0}.mg-history small{color:#6c8391}.mg-category-list>div{display:flex;gap:9px;align-items:center;padding:6px 0;border-bottom:1px solid #e6eef2}.mg-category-list>div button:first-of-type{margin-left:auto}.mg-color-dot{width:12px;height:12px;border-radius:50%}
@media(max-width:1100px){.mg-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.mg-reminders{grid-template-columns:1fr}.mg-charts{grid-template-columns:1fr}}
@media(max-width:650px){.mg-head,.mg-section-head{display:block}.mg-head>button{margin-top:10px}.mg-section{padding:15px}.mg-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mg-column{flex-basis:244px;min-width:244px}.mg-filters label{flex:1 1 120px}.mg-form-grid{grid-template-columns:1fr}.mg-dialog{padding:18px}.mg-donut-row ul{columns:1}}

/* Precedência final: cartões escuros por coluna e panorama legível. */
.mg-metric{justify-content:center;gap:12px;min-height:116px;padding:14px 10px}
.mg-metric-icon{flex-basis:46px;width:46px;height:46px}
.mg-metric-icon svg{width:26px;height:26px}
.mg-metric .mg-metric-copy>span{font-size:14px;line-height:1.3}
.mg-metric .mg-metric-copy>strong{font-size:30px;margin-top:6px}
.mg-task{background:var(--mg-task-color);border-color:var(--mg-task-color);border-left-color:var(--mg-task-color);color:#fff;box-shadow:0 7px 16px #153e4e20}
.mg-task-open .mg-task-category{background:#ffffff29;color:#fff}
.mg-task-order button{background:#ffffff24;border-color:#ffffff80;color:#fff}
.mg-task-order button:not(:disabled):hover{background:#ffffff40;border-color:#fff}
.mg-task-order button:focus-visible{outline-color:#fff}
@media(max-width:1300px){.mg-metric-icon{flex-basis:42px;width:42px;height:42px}.mg-metric-icon svg{width:24px;height:24px}.mg-metric .mg-metric-copy>span{font-size:13px}.mg-metric .mg-metric-copy>strong{font-size:28px}}
@media(max-width:650px){.mg-metric{min-height:106px;justify-content:flex-start;padding:12px}.mg-metric-icon{flex-basis:40px;width:40px;height:40px}.mg-metric .mg-metric-copy>span{font-size:12px}.mg-metric .mg-metric-copy>strong{font-size:26px}}

/* Precedência final: cartões escuros por coluna e panorama legível. */
.mg-metric{justify-content:center;gap:12px;min-height:116px;padding:14px 10px}
.mg-metric-icon{flex-basis:46px;width:46px;height:46px}
.mg-metric-icon svg{width:26px;height:26px}
.mg-metric .mg-metric-copy>span{font-size:14px;line-height:1.3}
.mg-metric .mg-metric-copy>strong{font-size:30px;margin-top:6px}
.mg-task{background:var(--mg-task-color);border-color:var(--mg-task-color);border-left-color:var(--mg-task-color);color:#fff;box-shadow:0 7px 16px #153e4e20}
.mg-task-open .mg-task-category{background:#ffffff29;color:#fff}
.mg-task-order button{background:#ffffff24;border-color:#ffffff80;color:#fff}
.mg-task-order button:not(:disabled):hover{background:#ffffff40;border-color:#fff}
.mg-task-order button:focus-visible{outline-color:#fff}
@media(max-width:1300px){.mg-metric-icon{flex-basis:42px;width:42px;height:42px}.mg-metric-icon svg{width:24px;height:24px}.mg-metric .mg-metric-copy>span{font-size:13px}.mg-metric .mg-metric-copy>strong{font-size:28px}}
@media(max-width:650px){.mg-metric{min-height:106px;justify-content:flex-start;padding:12px}.mg-metric-icon{flex-basis:40px;width:40px;height:40px}.mg-metric .mg-metric-copy>span{font-size:12px}.mg-metric .mg-metric-copy>strong{font-size:26px}}

/* Minha Gestão: maior leitura nos resumos, preservando o grupo centralizado. */
.mg-metric{justify-content:center;gap:12px;min-height:116px;padding:14px 10px}.mg-metric-icon{flex:0 0 46px;width:46px;height:46px}.mg-metric-icon svg{width:26px;height:26px}.mg-metric-copy{text-align:left}.mg-metric .mg-metric-copy>span{font-size:14px;line-height:1.3}.mg-metric .mg-metric-copy>strong{font-size:30px;margin-top:6px}
/* A faixa da coluna mantém a cor escolhida; o cartão usa sua tonalidade legível. */
.mg-task{background:var(--mg-task-color);border-color:var(--mg-task-color);border-left:4px solid var(--mg-task-color);color:#fff;box-shadow:0 7px 16px #153e4e20}.mg-task-open,.mg-task-open strong,.mg-task-open span{color:#fff}.mg-task-open:hover{background:transparent}.mg-task-open:focus-visible{outline:3px solid #fff;outline-offset:2px}.mg-task-open .mg-task-category{background:#ffffff29;color:#fff}.mg-task-meta .mg-priority,.mg-task-meta .mg-due,.mg-task-meta .mg-blocked{background:#ffffff29;color:#fff}.mg-task-order button{background:#ffffff24;border-color:#ffffff80;color:#fff}.mg-task-order button:not(:disabled):hover{background:#ffffff40;border-color:#fff}.mg-task-order button:focus-visible{outline-color:#fff}
/* Blocos de planejamento suaves e distintos. */
.mg-reminder-block{border-top:4px solid var(--mg-reminder-accent);background:var(--mg-reminder-bg);min-height:185px}.mg-reminder-today{--mg-reminder-bg:#eaf6f4;--mg-reminder-accent:#087f79}.mg-reminder-this_week{--mg-reminder-bg:#eaf2fb;--mg-reminder-accent:#286bb2}.mg-reminder-next_week{--mg-reminder-bg:#f3edfa;--mg-reminder-accent:#7954ad}.mg-reminder-block h3{color:#143c50}.mg-reminder-block>button{background:#fff;border-color:#cbdde4;font-weight:700}
/* Roscas com legenda numérica, inclusive quando o total é zero. */
.mg-chart-wide{grid-column:1/-1}.mg-donut-row{display:flex;align-items:center;gap:20px;min-height:155px}.mg-donut{flex:0 0 140px;width:140px;height:140px}.mg-donut>span{width:88px;height:88px;display:flex;flex-direction:column;gap:0}.mg-donut>span strong{font-size:27px;line-height:1.1}.mg-donut>span small{font-size:11px;font-weight:600;color:#557286}.mg-donut-legend{flex:1;min-width:0;columns:auto!important;display:grid;gap:8px;font-size:12px}.mg-donut-legend li{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:7px;white-space:normal!important;margin:0!important}.mg-legend-dot{width:10px;height:10px;border-radius:50%}.mg-donut-legend li>span:nth-child(2){display:block;width:auto;height:auto;margin:0;border-radius:0;overflow-wrap:anywhere}.mg-donut-legend strong{color:#153b50}
/* A escolha de cor apresenta a amostra real e uma paleta visual. */
.mg-color-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:7px 0 15px}.mg-color-picker input[type=color]{width:54px;height:42px;padding:3px;margin:0;cursor:pointer}.mg-color-swatches{display:flex;gap:6px;flex-wrap:wrap}.mg-color-swatches button{width:31px;height:31px;padding:0;border-radius:50%;background:var(--swatch);border:2px solid #fff;box-shadow:0 0 0 1px #aabfc9}.mg-color-swatches button[aria-pressed=true]{box-shadow:0 0 0 3px #173f54}.mg-color-swatches button:focus-visible{outline:3px solid #008e91;outline-offset:3px}
@media(max-width:1300px){.mg-metric-icon{flex-basis:42px;width:42px;height:42px}.mg-metric-icon svg{width:24px;height:24px}.mg-metric .mg-metric-copy>span{font-size:13px}.mg-metric .mg-metric-copy>strong{font-size:28px}}
@media(max-width:650px){.mg-metric{min-height:106px;justify-content:flex-start;padding:12px}.mg-metric-icon{flex-basis:40px;width:40px;height:40px}.mg-metric .mg-metric-copy>span{font-size:12px}.mg-metric .mg-metric-copy>strong{font-size:26px}.mg-donut-row{flex-wrap:wrap;justify-content:center}.mg-donut-legend{flex:1 1 100%}}

.mg-metric{display:flex;align-items:center;gap:11px;min-height:92px;padding:14px;border:0;color:#fff;box-shadow:0 10px 22px #183f4d18}.mg-metric-active{background:linear-gradient(125deg,#405b6e,#526d80)}.mg-metric-progress{background:linear-gradient(125deg,#174e82,#24699e)}.mg-metric-due{background:linear-gradient(125deg,#89500e,#a96311)}.mg-metric-late{background:linear-gradient(125deg,#943446,#ad4453)}.mg-metric-done{background:linear-gradient(125deg,#116449,#178060)}.mg-metric-icon{flex:0 0 39px;width:39px;height:39px;display:grid!important;place-items:center;border:1px solid #ffffff35;border-radius:50%;background:#ffffff25;color:#fff!important}.mg-metric-icon svg{width:21px;height:21px}.mg-metric-copy{min-width:0}.mg-metric .mg-metric-copy>span{display:block;color:#fff;font-size:12px;font-weight:700;line-height:1.25}.mg-metric .mg-metric-copy>strong{display:block;color:#fff;font-size:25px;line-height:1.15;margin-top:4px;font-weight:800}
.mg-task{background:#f8fbfc;background:color-mix(in srgb,var(--mg-task-color) 10%,#fff);border-color:color-mix(in srgb,var(--mg-task-color) 25%,#dce7ee);border-left:4px solid var(--mg-task-color)}.mg-task-open .mg-task-category{display:inline-block;width:auto;margin-top:6px;padding:2px 7px;border-radius:99px;background:color-mix(in srgb,var(--mg-task-color) 18%,#fff);color:#1d4758;font-weight:700}
.mg-task-bottom{display:flex;align-items:end;justify-content:space-between;gap:5px}.mg-task-meta{min-width:0}.mg-task-order{display:flex;flex:0 0 auto;gap:2px}.mg-task-order button{width:26px;height:26px;padding:0;border:1px solid #c9dce3;border-radius:7px;background:#fff;color:#155d6b;line-height:1;font-size:17px}.mg-task-order button:not(:disabled):hover{background:#dff1f1;border-color:#75b7bb}.mg-task-order button:focus-visible{outline:3px solid #008e91;outline-offset:2px}.mg-task-order button:disabled{opacity:.35;cursor:default}
.mg-chart-note{font-size:12px;color:#627c8b;margin:-7px 0 16px}.mg-stage-chart{display:grid;gap:12px}.mg-stage-row{display:grid;grid-template-columns:minmax(85px,130px) 1fr 28px;align-items:center;gap:9px;font-size:12px}.mg-stage-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#25495a}.mg-stage-row>strong{text-align:right;color:#173c50}.mg-stage-track{height:12px;border-radius:99px;background:#e8eff3;overflow:hidden}.mg-stage-track i{display:block;height:100%;border-radius:99px;background:var(--mg-stage-color)}
.mg-inline-category{margin:0 0 10px}.mg-inline-category>button{padding:5px 10px;color:#0a7678}.mg-inline-category [data-new-category-panel]{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:11px;margin-top:7px;border:1px solid #dbe9ee;border-radius:9px;background:#f5fafb}.mg-inline-category [data-new-category-panel][hidden]{display:none}.mg-inline-category [data-new-category-panel] label{flex:1 1 160px;margin:0}.mg-inline-category [data-new-category-panel] input[type=color]{height:39px;padding:3px}.mg-inline-category [data-save-new-category]{height:39px}
@media(max-width:650px){.mg-metric{gap:8px;padding:10px;min-height:84px}.mg-metric-icon{flex-basis:32px;width:32px;height:32px}.mg-metric-icon svg{width:18px;height:18px}.mg-metric .mg-metric-copy>span{font-size:11px}.mg-metric .mg-metric-copy>strong{font-size:22px}}
@media(max-width:1100px){.mg-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.mg-reminders{grid-template-columns:1fr}.mg-charts{grid-template-columns:1fr}}
@media(max-width:650px){.mg-head,.mg-section-head{display:block}.mg-head>button{margin-top:10px}.mg-section{padding:15px}.mg-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mg-column{flex-basis:244px;min-width:244px}.mg-filters label{flex:1 1 120px}.mg-form-grid{grid-template-columns:1fr}.mg-dialog{padding:18px}.mg-donut-row ul{columns:1}}

/* Precedencia final da Minha Gestao: contraste e tamanho. */
.mg-metric{justify-content:center;gap:12px;min-height:116px;padding:14px 10px}
.mg-metric-icon{flex-basis:46px;width:46px;height:46px}
.mg-metric-icon svg{width:26px;height:26px}
.mg-metric .mg-metric-copy>span{font-size:14px;line-height:1.3}
.mg-metric .mg-metric-copy>strong{font-size:30px;margin-top:6px}
.mg-task{background:var(--mg-task-color);border-color:var(--mg-task-color);border-left-color:var(--mg-task-color);color:#fff;box-shadow:0 7px 16px #153e4e20}
.mg-task-open .mg-task-category{background:#ffffff29;color:#fff}
.mg-task-order button{background:#ffffff24;border-color:#ffffff80;color:#fff}
.mg-task-order button:not(:disabled):hover{background:#ffffff40;border-color:#fff}
.mg-task-order button:focus-visible{outline-color:#fff}
@media(max-width:1300px){.mg-metric-icon{flex-basis:42px;width:42px;height:42px}.mg-metric-icon svg{width:24px;height:24px}.mg-metric .mg-metric-copy>span{font-size:13px}.mg-metric .mg-metric-copy>strong{font-size:28px}}
@media(max-width:650px){.mg-metric{min-height:106px;justify-content:flex-start;padding:12px}.mg-metric-icon{flex-basis:40px;width:40px;height:40px}.mg-metric .mg-metric-copy>span{font-size:12px}.mg-metric .mg-metric-copy>strong{font-size:26px}}

/* Minha Gestão 1.0.62: uma grade consistente no panorama e tons claros no Kanban. */
.mg-metric{display:flex;justify-content:center;align-items:center;gap:12px;min-height:124px;padding:16px 14px}
.mg-metric-icon{flex:0 0 48px;width:48px;height:48px}
.mg-metric-icon svg{width:26px;height:26px}
.mg-metric-copy{flex:0 1 114px;max-width:114px;min-width:0;text-align:left}
.mg-metric .mg-metric-copy>span{display:flex;align-items:flex-end;min-height:38px;color:#fff;font-size:14px;line-height:1.25;font-weight:700}
.mg-metric .mg-metric-copy>strong{display:block;margin-top:4px;color:#fff;font-size:32px;line-height:1.05;font-weight:800}
.mg-column{background:color-mix(in srgb,var(--mg-color) 9%,#fff);border-color:color-mix(in srgb,var(--mg-color) 25%,#e1eaf0)}
.mg-column-heading>span{background:color-mix(in srgb,var(--mg-color) 18%,#fff);color:#25495a}
.mg-task{background:color-mix(in srgb,var(--mg-color) 28%,#fff);border:1px solid color-mix(in srgb,var(--mg-color) 43%,#fff);border-left:4px solid var(--mg-color);color:#183b4e;box-shadow:0 4px 12px #163b4c15}
.mg-task-open,.mg-task-open strong,.mg-task-open span{color:#183b4e}
.mg-task-open .mg-task-category{background:#ffffffa8;color:#183b4e}
.mg-task-open:focus-visible{outline:3px solid #174c64;outline-offset:2px}
.mg-task-meta .mg-priority,.mg-task-meta .mg-due,.mg-task-meta .mg-blocked{background:#ffffffad;color:#25485b}
.mg-task-meta .mg-priority.high,.mg-task-meta .mg-priority.urgent,.mg-task-meta .mg-due.late{background:#f9e2dc;color:#81352f}
.mg-task-meta .mg-blocked{background:#fff1d9;color:#764c0f}
.mg-task-order button{background:#ffffffad;border-color:#8ca7b6;color:#1f4f64}
.mg-task-order button:not(:disabled):hover{background:#fff;border-color:#52788b}
.mg-task-order button:focus-visible{outline-color:#174c64}
@media(max-width:650px){.mg-metric{min-height:116px;justify-content:center;padding:12px}.mg-metric-icon{flex-basis:42px;width:42px;height:42px}.mg-metric-icon svg{width:23px;height:23px}.mg-metric-copy{flex-basis:112px;max-width:112px}.mg-metric .mg-metric-copy>span{font-size:12px;min-height:42px}.mg-metric .mg-metric-copy>strong{font-size:27px}}

/* Minha Gestão 1.0.63: proporção dos indicadores baseada no modelo enviado. */
.mg-metric{display:flex;justify-content:center;align-items:center;gap:8px;min-height:132px;padding:14px 12px}
.mg-metric-icon{flex:0 0 74px;width:74px;height:74px;background:#ffffff2b;border-color:#ffffff26}
.mg-metric-icon svg{width:36px;height:36px}
.mg-metric-copy{display:grid;grid-template-rows:48px 42px;align-content:center;flex:0 1 112px;max-width:112px;min-width:0;text-align:center}
.mg-metric .mg-metric-copy>span{display:flex;align-items:center;justify-content:center;min-height:0;color:#fff;font-size:14px;line-height:1.15;text-align:center;font-weight:700}
.mg-metric .mg-metric-copy>strong{display:block;align-self:center;margin:0;color:#fff;font-size:38px;line-height:1;text-align:center;font-weight:800}
@media(max-width:650px){.mg-metric{min-height:122px;gap:8px;padding:12px}.mg-metric-icon{flex-basis:60px;width:60px;height:60px}.mg-metric-icon svg{width:30px;height:30px}.mg-metric-copy{grid-template-rows:44px 36px;flex-basis:110px;max-width:110px}.mg-metric .mg-metric-copy>span{font-size:12px}.mg-metric .mg-metric-copy>strong{font-size:32px}}
@media(max-width:420px){.mg-metric{gap:6px;padding:10px}.mg-metric-icon{flex-basis:52px;width:52px;height:52px}.mg-metric-icon svg{width:27px;height:27px}.mg-metric-copy{flex-basis:88px;max-width:88px}.mg-metric .mg-metric-copy>span{font-size:11px;line-height:1.1}.mg-metric .mg-metric-copy>strong{font-size:29px}}

/* Minha Gestão 1.0.64: tipografia mais leve no panorama. */
.mg-metric .mg-metric-copy>span{font-weight:400}
.mg-metric .mg-metric-copy>strong{font-weight:600}

/* Panorama compacto: mantém o ícone e a leitura confortável em todos os tamanhos. */
.mg-metric{min-height:108px;padding:10px 12px}
.mg-metric-copy{grid-template-rows:38px 34px}
@media(max-width:650px){.mg-metric{min-height:100px;padding:9px}.mg-metric-copy{grid-template-rows:36px 32px}}

/* Kanban ocupa a largura disponível sem esconder a última etapa. */
.mg-page,.mg-section{min-width:0}
.mg-board{display:grid;grid-template-columns:repeat(var(--mg-column-count,5),minmax(0,1fr));align-items:start;overflow-x:visible;gap:10px;width:100%;box-sizing:border-box}
.mg-column{flex:none;max-width:none;min-width:0;width:100%;box-sizing:border-box}
.mg-column>header{padding:10px 9px 5px}
.mg-column-title{font-size:12px;line-height:1.3}
.mg-card-list{padding:5px 7px 7px}
.mg-task{padding:8px;margin-bottom:7px}
.mg-new-column{grid-column:1/-1;justify-self:start;min-height:38px;padding:8px 13px}
@media(max-width:1050px){.mg-board{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.mg-board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:470px){.mg-board{grid-template-columns:1fr}}