/*
 * MasterPlating V966 — HOME NO PADRÃO DO SISTEMA
 * Só aparência da Home (renderModuloHome). Reaproveita os padrões já existentes:
 *   cabeçalho de cartão V803 (barra laranja) · tabela V804 · selo V804 · botões global-v156.
 * Carregada por último no index.html. Classes novas usam o prefixo "hm-" para não brigar com as regras antigas "home-*".
 */
:root{--hm-borda:#dce3ec;--hm-linha:#edf1f5;--hm-titulo:#12315e;--hm-texto:#1b2433;--hm-suave:#5b6576;--hm-mudo:#8a96a8}

/* selos que a Home precisa e o padrão ainda não nomeava (mesmas cores do V804) */
.badge.info:not(.mpc-livre){color:var(--mps-info-fg,#1766b3) !important;background:var(--mps-info-bg,#e7f1fd) !important;border-color:var(--mps-info-bd,#cfe1f5) !important}
.badge.neutro:not(.mpc-livre){color:var(--mps-neutro-fg,#4f5b6d) !important;background:var(--mps-neutro-bg,#eef1f5) !important;border-color:var(--mps-neutro-bd,#dce3ec) !important}

/* cartões: mesma altura na linha, rodapé e blocos internos encostam embaixo */
.hm-card{display:flex;flex-direction:column;min-width:0}
.hm-card > .home-card-head{flex:0 0 auto}

/* KPIs */
.home-kpi-icon .hm-ico{width:18px;height:18px}
.home-kpi-vazio b{color:var(--hm-mudo) !important}

/* Pendências: abas */
.hm-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px 10px !important}
.hm-tabs button{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 6px 0 12px !important;border:1px solid #c7d5e5 !important;border-radius:15px !important;background:#fff !important;color:#28445f !important;font-size:12px !important;font-weight:600 !important}
.hm-tabs button:hover{background:#f4f7fb !important;border-color:#9bb8d8 !important}
.hm-tabs button.active{background:#e7f1fd !important;border-color:#9bb8d8 !important;color:#1766b3 !important}
.hm-n{display:inline-block;min-width:20px;padding:0 6px;border-radius:10px;background:#eef1f5;color:#4f5b6d;font-size:11px;font-weight:700;line-height:20px;text-align:center}
.hm-tabs button.active .hm-n{background:#1766b3;color:#fff}

/* Pendências: tabela (cabeçalho, zebra e hover vêm do padrão V804) */
.hm-pend-wrap{overflow-x:auto}
#main .hm-pend-table{min-width:560px}
#main .hm-pend-table td strong{display:block;font-weight:600;color:var(--hm-texto);max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#main .hm-pend-table td small{display:block;margin-top:1px;font-size:12px;color:var(--hm-suave)}
#main .hm-pend-table td .badge + small{display:inline-block;margin:0 0 0 8px}
#main .hm-pend-table th.hm-acao,#main .hm-pend-table td.hm-acao{text-align:right;width:92px}
#main .hm-pend-table th:first-child{width:104px}
.hm-mais{padding:8px 16px;font-size:12px;color:var(--hm-suave);border-top:1px solid var(--hm-linha)}
.hm-vazio{padding:34px 16px;text-align:center;color:var(--hm-suave)}
.hm-vazio strong{display:block;font-size:14px;font-weight:700;color:var(--hm-texto)}
.hm-vazio.ok strong{color:#1e6b40}
.hm-vazio span{display:block;margin-top:4px;font-size:12px}
.hm-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding:10px 16px;border-top:1px solid var(--hm-linha)}
.hm-foot .link-btn{font-size:12px}
.hm-card > #home-pend-corpo{flex:1 1 auto}

/* Fluxo do Processo: seis etapas do mesmo tamanho, encadeadas, setas da mesma cor */
.hm-flow{list-style:none;margin:0;padding:22px 16px;flex:1 1 auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;align-content:center}
.hm-flow li{position:relative;border:1px solid var(--hm-borda);border-left-width:0;background:#f8fbfe;padding:14px 2px;text-align:center;min-width:0}
.hm-flow li:first-child{border-left-width:1px;border-radius:10px 0 0 10px}
.hm-flow li:last-child{border-radius:0 10px 10px 0}
.hm-flow li:not(:last-child)::after{content:"›";position:absolute;top:50%;right:-6px;z-index:1;width:12px;height:18px;margin-top:-9px;background:#fff;border-radius:50%;text-align:center;font-size:15px;line-height:17px;font-weight:700;color:#9fb3c8}
.hm-flow span{display:block;font-size:11px;font-weight:600;color:#46637d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-flow b{display:block;margin-top:6px;font-size:20px;line-height:1.1;color:var(--hm-titulo)}
.hm-flow small{display:block;margin-top:3px;font-size:11px;color:var(--hm-mudo);white-space:nowrap}

/* Alertas por área: ícone e número acompanham a situação; blocos preenchem a altura do cartão */
.hm-areas{flex:1 1 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(64px,1fr);gap:10px;padding:14px 16px}
.hm-area{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;height:auto;padding:10px 12px;border:1px solid #c9d7e6 !important;border-radius:10px !important;background:#fff !important;text-align:left;cursor:pointer}
.hm-area:hover{border-color:#9bb8d8 !important;background:#f9fbfe !important}
.hm-area-ico{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#e7f1fd;color:#1766b3}
.hm-area-txt{min-width:0}
.hm-area-txt strong{display:block;font-size:13px;font-weight:600;color:var(--hm-texto);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-area-txt small{display:block;margin-top:1px;font-size:12px;color:var(--hm-suave);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-area b{font-size:18px;font-weight:700;color:#1766b3;white-space:nowrap}
.hm-area.ok .hm-area-ico{background:#e3f4ea;color:#1e6b40}.hm-area.ok b{color:#1e6b40}
.hm-area.warn .hm-area-ico{background:#fdecd9;color:#8a3b00}.hm-area.warn b{color:#8a3b00}
.hm-area.danger .hm-area-ico{background:#fbe3e1;color:#9f2a20}.hm-area.danger b{color:#9f2a20}
.hm-area.info{grid-template-columns:34px minmax(0,1fr)}
.hm-area.info .hm-val{display:block;margin:1px 0;font-size:15px;line-height:1.25;color:#1766b3;overflow:hidden;text-overflow:ellipsis}

/* Acesso Rápido: botões da mesma altura com ícone; o principal segue o padrão (laranja) */
.hm-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 16px 12px}
.hm-quick button{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-height:44px;padding:0 12px;border:1px solid #c9d7e6;border-radius:10px;background:#f7faff;color:#123f73;font-size:12px;font-weight:600 !important;text-align:left}
.hm-quick button:hover{background:#eef5fc;border-color:#9bb8d8}
.hm-quick button .hm-ico{flex:0 0 18px;color:#1766b3}
.hm-quick button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hm-quick button.primary{background:var(--mp-btn-primary,#f58216) !important;border-color:var(--mp-btn-primary,#f58216) !important;color:#fff !important}
.hm-quick button.primary .hm-ico{color:#fff}
.hm-quick button.primary:hover{background:var(--mp-btn-primary-hover,#d96b0f) !important;border-color:var(--mp-btn-primary-hover,#d96b0f) !important}
.hm-card > .home-quality-banner{flex:1 1 auto;height:auto;min-height:76px;margin-top:0}

@media(max-width:720px){.hm-flow{grid-template-columns:repeat(6,104px);overflow-x:auto}.hm-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.hm-areas,.hm-quick{grid-template-columns:1fr}}

/* ===== V988 — Home: imagem de gestão, data legível, cartões de indicadores e sem "Fluxo do Processo" ===== */
.home-hero .home-hero-photo{background-image:linear-gradient(90deg,#eef3fa 0%,rgba(238,243,250,.85) 10%,rgba(238,243,250,0) 34%),url('../img/hero-home-gestao.png') !important;background-size:cover !important;background-position:center 28% !important}
.home-hero .home-hero-date{top:50% !important;right:18px !important;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:1px;padding:7px 12px;border-radius:10px;background:rgba(255,255,255,.88);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.9);box-shadow:0 4px 14px rgba(16,47,82,.16);color:#12315e !important;line-height:1.25}
.home-hero .home-hero-date strong{font-size:12.5px;font-weight:700;color:#12315e}
.home-hero .home-hero-date span{margin:0 !important;font-size:12px;font-weight:600;color:#5b6576 !important}

/* Cartões de indicadores */
.home-kpis{gap:12px !important}
.home-kpi{--k:#1766b3;--kf:#e7f1fd;position:relative;height:auto !important;min-height:86px !important;padding:14px 14px 12px 16px !important;gap:12px !important;align-items:center !important;border:1px solid #dce3ec !important;border-radius:12px !important;box-shadow:0 1px 3px rgba(16,47,82,.06) !important;overflow:hidden;transition:box-shadow .15s,transform .15s,border-color .15s}
.home-kpi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--k)}
.home-kpi:hover{transform:translateY(-1px);border-color:#c3d2e3 !important;box-shadow:0 6px 16px rgba(16,47,82,.10) !important}
.home-kpi.kpi-green{--k:#2f9d6f;--kf:#e3f4ea}.home-kpi.kpi-orange{--k:#e8741c;--kf:#fdecd9}.home-kpi.kpi-purple{--k:#7551c7;--kf:#f0eaff}.home-kpi.kpi-red{--k:#c8372d;--kf:#fbe3e1}
.home-kpi .home-kpi-icon{width:42px !important;height:42px !important;flex:0 0 42px !important;border-radius:11px !important;border:0 !important;background:var(--kf) !important;color:var(--k) !important}
.home-kpi .home-kpi-icon .hm-ico{width:21px;height:21px}
.home-kpi > span:last-child{min-width:0}
.home-kpi small{font-size:12px !important;font-weight:600;color:#475569 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-kpi b{margin-top:2px;font-size:24px !important;line-height:1.1 !important;font-weight:700;color:#102f52 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-kpi em{margin-top:3px !important;font-size:11.5px !important;font-style:normal;color:#64748b !important;white-space:nowrap !important;overflow:hidden;text-overflow:ellipsis}
.home-kpi.kpi-red:not(.zero) b{color:#9f2a20 !important}
.home-kpi-vazio b{font-size:16px !important;font-weight:600;color:#94a3b8 !important;padding:4px 0 2px}
.home-kpi-vazio em{color:#1766b3 !important;font-weight:600}

/* Pendências ocupa a linha inteira (Fluxo do Processo retirado) */
.home-main-approved.hm-main-unico{grid-template-columns:minmax(0,1fr) !important}

@media(max-width:700px){.home-kpi{height:auto !important;min-height:76px !important}.home-kpi b{font-size:20px !important}}
@media(max-width:720px){.home-hero .home-hero-date{display:none}}