/* ===================================================================== MAGNAR — Re-skin do dashboard (design "Área Reservada") Override de tema por CIMA do CSS existente (dashboard-admin.css / 10190). Estratégia: o dashboard já é 100% controlado por 12 variáveis CSS em #magnar-dashboard-app; aqui trocamos o tema ESCURO -> CLARO (areia/dourado/ serifa), mantendo a SIDEBAR escura (como no design) e pondo serifa nos títulos. Reversível: basta remover este ficheiro / desenfileirar. Increment: vista Dashboard (4a) primeiro; iterar por screenshot. ===================================================================== */ /* 1) Tema claro — sobrepõe as 12 variáveis (id + !important => ganha sempre) */ #magnar-dashboard-app{ --magnar-gold: #C4A24B !important; --magnar-gold-soft: rgba(196,162,75,.12) !important; --magnar-border: #E7DECB !important; --magnar-border-strong: rgba(196,162,75,.42) !important; --magnar-bg: #EFE9DE !important; /* painel de conteúdo */ --magnar-bg-2: #FFFFFF !important; /* cards / painéis */ --magnar-bg-3: #FBF8F2 !important; /* realces subtis */ --magnar-text: #211D15 !important; /* tinta */ --magnar-muted: #6b6350 !important; --magnar-faint: #948a72 !important; --magnar-green: #3C7A5E !important; --magnar-red: #A9552F !important; font-family:'Jost','Manrope',system-ui,sans-serif !important; color:var(--magnar-text) !important; } /* fundo geral da página atrás do painel = areia do design */ body.page-id-9998{ background:#C7BDA8 !important; } /* 2) SIDEBAR fica ESCURA (o flip claro tornava-a branca) */ #magnar-dashboard-app .magnar-db-sidebar{ background:linear-gradient(180deg,#14180F,#1C2419) !important; border-right:1px solid rgba(255,255,255,.06) !important; } #magnar-dashboard-app .magnar-db-brand{ border-bottom:1px solid rgba(255,255,255,.08) !important; } /* labels de secção (VISÃO GERAL / PESSOAS / …) */ #magnar-dashboard-app .magnar-db-nav-section{ color:#63694f !important; letter-spacing:.22em !important; } /* itens de navegação */ #magnar-dashboard-app .magnar-db-nav-btn{ color:#AEB3A2 !important; border-left:3px solid transparent !important; } #magnar-dashboard-app .magnar-db-nav-btn:hover{ color:#EEDCA0 !important; } #magnar-dashboard-app .magnar-db-nav-btn.is-active{ color:#EEDCA0 !important; background:rgba(196,162,75,.16) !important; border-left:3px solid #C4A24B !important; } /* 3) Títulos com serifa (design: Playfair / Spectral) */ #magnar-dashboard-app .magnar-db-title, #magnar-dashboard-app .magnar-db-project-title{ font-family:'Playfair Display','Spectral',Georgia,serif !important; font-weight:600 !important; letter-spacing:-.01em !important; color:var(--magnar-text) !important; } #magnar-dashboard-app .magnar-db-panel-head, #magnar-dashboard-app .magnar-db-fractions-head, #magnar-dashboard-app .magnar-db-progress-head{ font-family:'Spectral',Georgia,serif !important; } /* eyebrow / kicker dourado */ #magnar-dashboard-app .magnar-db-eyebrow{ color:#a08328 !important; letter-spacing:.22em !important; text-transform:uppercase !important; } /* 4) Cards/painéis: sombra + cantos suaves do design */ #magnar-dashboard-app .magnar-db-card, #magnar-dashboard-app .magnar-db-panel, #magnar-dashboard-app .magnar-db-cash-panel, #magnar-dashboard-app .magnar-db-costs-panel, #magnar-dashboard-app .magnar-db-leads-panel, #magnar-dashboard-app .magnar-db-mediators-panel, #magnar-dashboard-app .magnar-db-client-panel, #magnar-dashboard-app .magnar-db-report-panel, #magnar-dashboard-app .magnar-db-mediator-card{ background:#FFFFFF !important; border:1px solid #E7DECB !important; border-radius:14px !important; box-shadow:0 1px 2px rgba(120,100,50,.05) !important; } /* 5) KPIs: números legíveis sobre card claro (verde/vermelho já vêm das vars) */ #magnar-dashboard-app .magnar-db-value{ letter-spacing:-.015em !important; } #magnar-dashboard-app .magnar-db-label{ color:var(--magnar-muted) !important; letter-spacing:.12em !important; text-transform:uppercase !important; } /* 6) KPIs — tipografia Jost + cores por modificador (design 4a) */ #magnar-dashboard-app .magnar-db-value{ font-family:'Jost','Manrope',sans-serif !important; font-weight:600 !important; font-size:24px !important; letter-spacing:-.015em !important; color:var(--magnar-text) !important; } #magnar-dashboard-app .magnar-db-value.is-green{ color:#2F5E4B !important; } #magnar-dashboard-app .magnar-db-value.is-red{ color:#B0603A !important; } #magnar-dashboard-app .magnar-db-value.is-gold{ color:#B08A2E !important; } #magnar-dashboard-app .magnar-db-label{ font-family:'Jost',sans-serif !important; font-weight:600 !important; font-size:10px !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:var(--magnar-muted) !important; } /* 7) Badges -> pills do design */ #magnar-dashboard-app .magnar-db-badge{ display:inline-flex; align-items:center; font-family:'Jost',sans-serif !important; font-size:10.5px !important; font-weight:600 !important; letter-spacing:.06em !important; text-transform:uppercase !important; padding:5px 11px !important; border-radius:20px !important; color:#4A4436 !important; background:#EDE6D5 !important; border:1px solid #E2D8C2 !important; } #magnar-dashboard-app .magnar-db-badge.is-gold{ color:#a08328 !important; background:rgba(196,162,75,.16) !important; border-color:rgba(196,162,75,.4) !important; } #magnar-dashboard-app .magnar-db-badge.is-green{ color:#2F5E4B !important; background:rgba(60,122,94,.16) !important; border-color:rgba(60,122,94,.3) !important; } /* 8) Card de projeto */ #magnar-dashboard-app .magnar-db-project{ background:#FFFFFF !important; border:1px solid #E7DECB !important; border-radius:14px !important; padding:24px 26px !important; box-shadow:0 1px 2px rgba(120,100,50,.05) !important; } #magnar-dashboard-app .magnar-db-project-title{ font-size:27px !important; line-height:1.05 !important; } /* sub-cards dentro do projeto: tom mais claro (design FBF8F2) */ #magnar-dashboard-app .magnar-db-project .magnar-db-card{ background:#FBF8F2 !important; border:1px solid #EEE6D4 !important; border-radius:11px !important; box-shadow:none !important; } #magnar-dashboard-app .magnar-db-project .magnar-db-value{ font-size:20px !important; } /* 9) Botão "Ver Projeto" -> ghost dourado */ #magnar-dashboard-app .magnar-db-action{ font-family:'Jost',sans-serif !important; font-size:12.5px !important; font-weight:600 !important; color:#9A7A31 !important; background:transparent !important; border:1px solid rgba(196,162,75,.45) !important; padding:9px 15px !important; border-radius:9px !important; cursor:pointer; } #magnar-dashboard-app .magnar-db-action:hover{ background:rgba(196,162,75,.08) !important; } /* 10) Barras de progresso (Andamento de obra / Taxa de cobrança) */ #magnar-dashboard-app .magnar-db-progress-head{ font-family:'Jost',sans-serif !important; color:var(--magnar-muted) !important; } #magnar-dashboard-app .magnar-db-bar, #magnar-dashboard-app .magnar-db-progress-track, #magnar-dashboard-app [class*="progress-bar"]{ background:#EAE3D2 !important; border-radius:3px !important; } /* 11) Espaçamento da área de conteúdo (estava colada à sidebar/topo) */ #magnar-dashboard-app .magnar-db-content{ padding:30px 34px 36px !important; } /* 12) HERO band (injetada por dashboard-theme.js a partir dos KPIs) */ #magnar-dashboard-app .mcp-hero{ position:relative;border-radius:16px;overflow:hidden; background:linear-gradient(115deg,#1C3A2C 0%,#182219 46%,#3A3016 100%); padding:30px 34px;color:#CFC9B6;margin-bottom:16px; } #magnar-dashboard-app .mcp-hero-g1{position:absolute;top:-50px;right:60px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(196,162,75,.30),transparent 68%);} #magnar-dashboard-app .mcp-hero-g2{position:absolute;bottom:-70px;right:-30px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(60,122,94,.28),transparent 66%);} #magnar-dashboard-app .mcp-hero-row{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;} #magnar-dashboard-app .mcp-hero-eyebrow{font-family:'Jost',sans-serif;font-weight:600;font-size:11px;letter-spacing:.26em;color:#E0BC63;text-transform:uppercase;} #magnar-dashboard-app .mcp-hero-big{font-family:'Jost',sans-serif;font-size:48px;font-weight:600;color:#F5EDD8;line-height:1;margin:12px 0 6px;letter-spacing:-.015em;} #magnar-dashboard-app .mcp-hero-sub{font-family:'Jost',sans-serif;font-size:13px;color:#9aa088;} #magnar-dashboard-app .mcp-hero-stats{display:flex;gap:30px;padding-bottom:6px;} #magnar-dashboard-app .mcp-hero-stats .l{font-weight:600;font-size:10px;letter-spacing:.16em;color:#8a8f78;text-transform:uppercase;} #magnar-dashboard-app .mcp-hero-stats .v{font-family:'Jost',sans-serif;font-size:21px;font-weight:600;margin-top:7px;letter-spacing:-.01em;color:#F5EDD8;} #magnar-dashboard-app .mcp-hero-stats .v.gold{color:#E7C871;} #magnar-dashboard-app .mcp-hero-stats .v.green{color:#9FCBB0;} #magnar-dashboard-app .mcp-hero-stats .v.warm{color:#E7B98C;} #magnar-dashboard-app .mcp-hero-stats .sep{width:1px;background:rgba(255,255,255,.13);} /* 13) Sub-card "Resultado estimado" com tint verde (design 4a) */ #magnar-dashboard-app .magnar-db-project .magnar-db-card:has(.magnar-db-value.is-green){ background:#F4F8F2 !important; border-color:#CFE1D2 !important; } /* 14) Sidebar acompanha a altura do conteúdo (não deixar o vazio escuro) */ #magnar-dashboard-app{ align-items:stretch !important; } #magnar-dashboard-app .magnar-db-sidebar{ align-self:stretch !important; } /* 15) Gráficos (injetados por dashboard-theme.js) */ #magnar-dashboard-app .mcp-charts{ display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px;margin-top:4px;align-items:start; } @media(max-width:1100px){#magnar-dashboard-app .mcp-charts{grid-template-columns:1fr 1fr;}} @media(max-width:720px){#magnar-dashboard-app .mcp-charts{grid-template-columns:1fr;}} #magnar-dashboard-app .mcp-chart-card{padding:24px 26px !important;} #magnar-dashboard-app .mcp-chart-title{font-family:'Spectral',Georgia,serif !important;font-size:19px;font-weight:600;color:#211D15;margin-bottom:12px;} #magnar-dashboard-app .mcp-chart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;} #magnar-dashboard-app .mcp-chart-head .mcp-chart-title{margin-bottom:0;} #magnar-dashboard-app .mcp-chart-legend{font-family:'Jost',sans-serif;font-size:11px;color:#6b6350;white-space:nowrap;} #magnar-dashboard-app .mcp-donut-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;} /* 16) Sidebar: pontos antes de cada item + "Sair" a vermelho (design) */ #magnar-dashboard-app .magnar-db-nav-btn{ gap:11px !important; } #magnar-dashboard-app .magnar-db-nav-btn::before{ content:"";width:6px;height:6px;border-radius:2px;background:#5c6350;flex:none; } #magnar-dashboard-app .magnar-db-nav-btn.is-active::before{ background:#C4A24B !important; } #magnar-dashboard-app .magnar-db-nav-btn[data-view="logout"]{ color:#C99A7E !important; } #magnar-dashboard-app .magnar-db-nav-btn[data-view="logout"]::before{ background:#A9552F !important; } /* 17) Vista PROJETOS (detalhe): tabs, tabela de frações, status, fases */ #magnar-dashboard-app .magnar-db-project-tab{ font-family:'Jost',sans-serif !important;font-size:13px !important;font-weight:600 !important; color:#6b6350 !important;background:#FFFFFF !important;border:1px solid #E7DECB !important; padding:9px 18px !important;border-radius:20px !important;cursor:pointer; } #magnar-dashboard-app .magnar-db-project-tab.is-active{ color:#9A7A31 !important;background:rgba(196,162,75,.16) !important;border-color:rgba(196,162,75,.4) !important; } #magnar-dashboard-app .magnar-db-status{ display:inline-block;font-family:'Jost',sans-serif !important;font-size:11px !important;font-weight:600 !important; padding:4px 11px !important;border-radius:20px !important;color:#4A4436 !important;background:#EDE6D5 !important;border:1px solid #E2D8C2 !important; } #magnar-dashboard-app .magnar-db-status.is-green{color:#2F5E4B !important;background:rgba(60,122,94,.14) !important;border-color:rgba(60,122,94,.3) !important;} #magnar-dashboard-app .magnar-db-status.is-gold{color:#a08328 !important;background:rgba(196,162,75,.16) !important;border-color:rgba(196,162,75,.4) !important;} #magnar-dashboard-app .magnar-db-status.is-red{color:#B0603A !important;background:rgba(176,96,58,.12) !important;border-color:rgba(176,96,58,.3) !important;} #magnar-dashboard-app .magnar-db-fractions-head{ font-family:'Jost',sans-serif !important;font-size:9.5px !important;font-weight:600 !important; letter-spacing:.1em !important;color:#948a72 !important;text-transform:uppercase !important; } #magnar-dashboard-app .magnar-db-fraction-row{ border-top:1px solid #F0E9D9 !important; } #magnar-dashboard-app .magnar-db-phase-bar{ background:#EAE3D2 !important; } #magnar-dashboard-app .magnar-db-phase-input{ border:1px solid #E7DECB !important;border-radius:8px !important;background:#fff !important; } /* 18) Vista PROJETOS · Lista (5a) — injetada por dashboard-theme.js */ #magnar-dashboard-app .mcp-plist{display:flex;flex-direction:column;gap:18px;} #magnar-dashboard-app .mcp-plist-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;} #magnar-dashboard-app .mcp-plist-filters{display:flex;gap:9px;flex-wrap:wrap;} #magnar-dashboard-app .mcp-plist-filters a{font-family:'Jost',sans-serif;font-size:12.5px;font-weight:500;color:#6b6350;background:#FFF;border:1px solid #E7DECB;padding:8px 15px;border-radius:20px;cursor:pointer;} #magnar-dashboard-app .mcp-plist-filters a.on{font-weight:600;color:#9A7A31;background:rgba(196,162,75,.16);border-color:rgba(196,162,75,.4);} #magnar-dashboard-app .mcp-plist-sum{font-family:'Jost',sans-serif;font-size:12.5px;color:#857c69;} #magnar-dashboard-app .mcp-plist-card{display:grid;grid-template-columns:210px 1.45fr 1.15fr auto;background:#FFF;border:1px solid #E7DECB;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(120,100,50,.05);} @media(max-width:1050px){#magnar-dashboard-app .mcp-plist-card{grid-template-columns:150px 1fr;}#magnar-dashboard-app .mcp-plist-kpis,#magnar-dashboard-app .mcp-plist-act{grid-column:1/-1;border-right:0 !important;}} #magnar-dashboard-app .mcp-plist-img{position:relative;min-height:150px;display:flex;align-items:flex-end;padding:12px;} #magnar-dashboard-app .mcp-plist-badge{position:absolute;top:12px;left:12px;font-family:'Jost',sans-serif;font-size:10px;font-weight:600;color:#a08328;background:rgba(255,255,255,.92);padding:4px 9px;border-radius:20px;} #magnar-dashboard-app .mcp-plist-mid{padding:20px 22px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #F0EADB;} #magnar-dashboard-app .mcp-plist-mid .eb{font-family:'Jost',sans-serif;font-weight:600;font-size:10px;letter-spacing:.16em;color:#7d9082;text-transform:uppercase;} #magnar-dashboard-app .mcp-plist-mid .nm{font-family:'Spectral',serif;font-size:24px;color:#211D15;font-weight:600;margin:3px 0;} #magnar-dashboard-app .mcp-plist-mid .mt{font-size:12px;color:#857c69;margin-bottom:10px;} #magnar-dashboard-app .mcp-plist-frac{display:flex;flex-wrap:wrap;gap:12px;font-family:'Jost',sans-serif;font-size:11.5px;color:#4A4436;margin-bottom:12px;} #magnar-dashboard-app .mcp-plist-frac span{display:inline-flex;align-items:center;gap:5px;} #magnar-dashboard-app .mcp-plist-frac i{width:8px;height:8px;border-radius:2px;flex:none;} #magnar-dashboard-app .mcp-plist-frac .d i{background:#3C7A5E;} #magnar-dashboard-app .mcp-plist-frac .r i{background:#C4A24B;} #magnar-dashboard-app .mcp-plist-frac .v i{background:#B0603A;} #magnar-dashboard-app .mcp-plist-mid .vd{display:flex;justify-content:space-between;font-size:11.5px;color:#6b6350;margin-bottom:6px;} #magnar-dashboard-app .mcp-plist-mid .vd .vv{font-weight:600;color:#211D15;} #magnar-dashboard-app .mcp-plist-mid .bar{height:7px;background:#EAE3D2;border-radius:4px;overflow:hidden;} #magnar-dashboard-app .mcp-plist-mid .bar i{display:block;height:100%;border-radius:4px;} #magnar-dashboard-app .mcp-plist-kpis{padding:20px 22px;display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;align-content:center;border-right:1px solid #F0EADB;} #magnar-dashboard-app .mcp-plist-kpis .l{font-size:9.5px;letter-spacing:.1em;color:#948a72;text-transform:uppercase;} #magnar-dashboard-app .mcp-plist-kpis .v{font-family:'Jost',sans-serif;font-size:15px;font-weight:600;color:#211D15;margin-top:2px;letter-spacing:-.01em;} #magnar-dashboard-app .mcp-plist-act{padding:20px 22px;display:flex;align-items:center;} #magnar-dashboard-app .mcp-plist-open{font-family:'Jost',sans-serif;font-size:12.5px;font-weight:600;color:#9A7A31;border:1px solid rgba(196,162,75,.45);padding:10px 15px;border-radius:9px;cursor:pointer;white-space:nowrap;} #magnar-dashboard-app .mcp-plist-back{display:inline-flex;align-self:flex-start;font-family:'Jost',sans-serif;font-size:13px;font-weight:600;color:#9A7A31;cursor:pointer;margin-bottom:6px;text-decoration:none;} /* 19) Vista PROJETO · Detalhe (5B) — injetada por dashboard-theme.js */ #magnar-dashboard-app .mcp-pd{display:flex;flex-direction:column;gap:20px;font-family:'Jost',sans-serif;} #magnar-dashboard-app .mcp-pd-crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#857c69;} #magnar-dashboard-app .mcp-pd-crumb a{color:#9A7A31;text-decoration:none;font-weight:500;cursor:pointer;} #magnar-dashboard-app .mcp-pd-crumb .cur{color:#211D15;font-weight:500;} /* hero */ #magnar-dashboard-app .mcp-pd-hero{position:relative;border-radius:16px;overflow:hidden;height:260px;} #magnar-dashboard-app .mcp-pd-hero .ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,24,15,.05),rgba(18,24,15,.30) 55%,rgba(18,24,15,.85));} #magnar-dashboard-app .mcp-pd-hero .tr{position:absolute;top:16px;right:18px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;} #magnar-dashboard-app .mcp-pd-hero .badge{font-size:11px;font-weight:600;color:#a08328;background:rgba(255,255,255,.92);padding:5px 12px;border-radius:20px;} #magnar-dashboard-app .mcp-pd-hero .dates{background:rgba(18,24,15,.55);border-radius:9px;padding:9px 13px;text-align:right;} #magnar-dashboard-app .mcp-pd-hero .dates div{font-size:11.5px;color:#cbd0c0;} #magnar-dashboard-app .mcp-pd-hero .dates div+div{margin-top:4px;} #magnar-dashboard-app .mcp-pd-hero .dates b{color:#E0BC63;font-weight:600;} #magnar-dashboard-app .mcp-pd-hero .foot{position:absolute;left:0;right:0;bottom:0;padding:22px 26px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;} #magnar-dashboard-app .mcp-pd-hero .loc{font-weight:600;font-size:11px;letter-spacing:.24em;color:#E0BC63;text-transform:uppercase;} #magnar-dashboard-app .mcp-pd-hero .nm{font-family:'Spectral','Playfair Display',serif;font-size:42px;font-weight:600;color:#F5EDD8;line-height:1;margin-top:6px;} #magnar-dashboard-app .mcp-pd-hero .stats{display:flex;gap:26px;padding-bottom:4px;} #magnar-dashboard-app .mcp-pd-hero .stats .l{font-size:9.5px;letter-spacing:.14em;color:#a9b0a0;text-transform:uppercase;} #magnar-dashboard-app .mcp-pd-hero .stats .v{font-size:19px;color:#F1ECDF;font-weight:600;margin-top:3px;} /* cartão genérico */ #magnar-dashboard-app .mcp-pd-card{background:#FFF;border:1px solid #E7DECB;border-radius:13px;padding:22px 26px;} #magnar-dashboard-app .mcp-pd-h{font-family:'Spectral','Playfair Display',serif;font-size:19px;color:#211D15;font-weight:600;} #magnar-dashboard-app .mcp-pd-sub{font-size:12px;color:#857c69;margin-top:2px;} #magnar-dashboard-app .mcp-pd-eyebrow{font-weight:600;font-size:11px;letter-spacing:.24em;color:#a08328;text-transform:uppercase;} #magnar-dashboard-app .mcp-pd-headrow{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px;} #magnar-dashboard-app .mcp-pd-btn{font-size:13px;font-weight:600;color:#1A1811;background:linear-gradient(135deg,#D8B25A,#B08A2E);padding:10px 16px;border-radius:9px;text-decoration:none;cursor:pointer;white-space:nowrap;} #magnar-dashboard-app .mcp-pd-btn.ghost{color:#9A7A31;background:none;border:1px solid rgba(196,162,75,.5);} #magnar-dashboard-app .mcp-pd-empty{border:1px dashed #DED2B8;border-radius:11px;padding:26px;text-align:center;color:#948a72;font-size:13px;} /* progresso de obra */ #magnar-dashboard-app .mcp-pd-obra-glob{display:flex;align-items:center;gap:16px;padding-bottom:18px;border-bottom:1px solid #F0EADB;} #magnar-dashboard-app .mcp-pd-obra-glob .lbl{font-size:13px;font-weight:600;color:#211D15;width:150px;flex:none;} #magnar-dashboard-app .mcp-pd-obra-glob .pct{font-size:16px;font-weight:700;color:#211D15;width:52px;text-align:right;flex:none;} #magnar-dashboard-app .mcp-pd-track{flex:1;height:8px;background:#EAE3D2;border-radius:4px;overflow:hidden;} #magnar-dashboard-app .mcp-pd-track i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#C9A855,#9A7A31);} #magnar-dashboard-app .mcp-pd-phase{display:flex;align-items:center;gap:14px;padding:11px 0;border-top:1px solid #F0EADB;} #magnar-dashboard-app .mcp-pd-phase .nm{font-size:13px;color:#4A4436;width:170px;flex:none;} #magnar-dashboard-app .mcp-pd-phase .tk{flex:1;min-width:60px;height:6px;background:#EAE3D2;border-radius:3px;overflow:hidden;} #magnar-dashboard-app .mcp-pd-phase .tk i{display:block;height:100%;border-radius:3px;background:#C4A24B;} #magnar-dashboard-app .mcp-pd-phase .pc{width:44px;flex:none;text-align:right;font-size:14px;font-weight:600;color:#211D15;} #magnar-dashboard-app .mcp-pd-phase .st{width:104px;flex:none;text-align:center;} #magnar-dashboard-app .mcp-pd-phase-hd{display:flex;align-items:center;gap:14px;padding:14px 0 2px;} #magnar-dashboard-app .mcp-pd-phase-hd span{font-size:10px;font-weight:600;letter-spacing:.13em;color:#948a72;text-transform:uppercase;} #magnar-dashboard-app .mcp-pd-phase-hd .nm{width:170px;flex:none;} #magnar-dashboard-app .mcp-pd-phase-hd .pg{flex:1;} #magnar-dashboard-app .mcp-pd-phase-hd .pin{width:64px;flex:none;text-align:center;} #magnar-dashboard-app .mcp-pd-phase-hd .pst{width:132px;flex:none;} #magnar-dashboard-app .mcp-pd-pin{width:64px;flex:none;text-align:center;font-family:'Jost',sans-serif;font-size:14px;font-weight:600;color:#211D15;background:#fff;border:1px solid #E7DECB;border-radius:8px;padding:8px 4px;} #magnar-dashboard-app .mcp-pd-pst{width:132px;flex:none;font-family:'Jost',sans-serif;font-size:12px;color:#4A4436;background:#fff;border:1px solid #E7DECB;border-radius:8px;padding:8px 8px;cursor:pointer;} #magnar-dashboard-app .mcp-pd-saved{font-size:12px;font-weight:600;margin-right:12px;} /* resumo comercial */ #magnar-dashboard-app .mcp-pd-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;} #magnar-dashboard-app .mcp-pd-sumcard{background:#FFF;border:1px solid #E7DECB;border-radius:13px;padding:18px 20px;} #magnar-dashboard-app .mcp-pd-sumcard .l{font-weight:600;font-size:10px;letter-spacing:.14em;color:#948a72;text-transform:uppercase;} #magnar-dashboard-app .mcp-pd-sumcard .v{font-size:23px;font-weight:600;color:#211D15;margin-top:9px;letter-spacing:-.015em;} #magnar-dashboard-app .mcp-pd-sumcard.gold .v{color:#B08A2E;} #magnar-dashboard-app .mcp-pd-sumcard.red .v{color:#B0603A;} #magnar-dashboard-app .mcp-pd-sumcard.res{background:linear-gradient(180deg,#FFF,#F4F8F2);border-color:#CFE1D2;} #magnar-dashboard-app .mcp-pd-sumcard.res .l{color:#2F5E4B;} #magnar-dashboard-app .mcp-pd-sumcard.res .v{color:#2F5E4B;} #magnar-dashboard-app .mcp-pd-sumcard.pills{background:#FBF8F2;display:flex;flex-direction:column;justify-content:center;gap:14px;} #magnar-dashboard-app .mcp-pd-pills{display:flex;gap:7px;flex-wrap:wrap;} #magnar-dashboard-app .mcp-pd-pills span{font-size:10.5px;font-weight:600;color:#4A4436;background:#EDE6D5;padding:4px 9px;border-radius:20px;} #magnar-dashboard-app .mcp-pd-pills span.g{color:#2F5E4B;background:rgba(60,122,94,.16);} #magnar-dashboard-app .mcp-pd-cobr .r{display:flex;justify-content:space-between;font-size:12px;color:#6b6350;margin-bottom:6px;} #magnar-dashboard-app .mcp-pd-cobr .r b{color:#211D15;} #magnar-dashboard-app .mcp-pd-cobr .tk{height:7px;background:#EAE3D2;border-radius:4px;overflow:hidden;} #magnar-dashboard-app .mcp-pd-cobr .tk i{display:block;height:100%;background:#3C7A5E;border-radius:4px;} /* two-col */ #magnar-dashboard-app .mcp-pd-two{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;align-items:start;} #magnar-dashboard-app .mcp-pd-col{display:flex;flex-direction:column;gap:18px;} @media(max-width:1050px){#magnar-dashboard-app .mcp-pd-two{grid-template-columns:1fr;}#magnar-dashboard-app .mcp-pd-sum{grid-template-columns:1fr 1fr;}} #magnar-dashboard-app .mcp-pd-tbar{display:flex;align-items:center;gap:14px;} #magnar-dashboard-app .mcp-pd-tbar .nm{width:34px;font-size:13px;font-weight:600;color:#4A4436;flex:none;} #magnar-dashboard-app .mcp-pd-tbar .tk{flex:1;height:14px;background:#EAE3D2;border-radius:7px;overflow:hidden;} #magnar-dashboard-app .mcp-pd-tbar .tk i{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,#4E9575,#2F5E4B);} #magnar-dashboard-app .mcp-pd-tbar .n{width:30px;text-align:right;font-size:13px;font-weight:600;color:#211D15;flex:none;} #magnar-dashboard-app .mcp-pd-tl-row{display:flex;gap:14px;} #magnar-dashboard-app .mcp-pd-tl-dot{width:14px;height:14px;border-radius:50%;background:#EFE9DE;border:2px solid #CDBF9F;flex:none;} #magnar-dashboard-app .mcp-pd-tl-dot.on{background:#C4A24B;border:none;box-shadow:0 0 0 4px rgba(196,162,75,.18);} #magnar-dashboard-app .mcp-pd-tl-line{width:2px;flex:1;min-height:22px;background:#E7DECB;margin:4px auto 0;} #magnar-dashboard-app .mcp-pd-tl-t{font-size:14px;font-weight:600;color:#211D15;} #magnar-dashboard-app .mcp-pd-tl-s{font-size:12px;color:#857c69;margin-top:2px;} #magnar-dashboard-app .mcp-pd-tl-s.on{color:#a08328;} /* donut + ficha */ #magnar-dashboard-app .mcp-pd-donut{display:flex;justify-content:center;margin-bottom:16px;} #magnar-dashboard-app .mcp-pd-leg{display:flex;flex-direction:column;gap:10px;} #magnar-dashboard-app .mcp-pd-leg .row{display:flex;align-items:center;gap:9px;} #magnar-dashboard-app .mcp-pd-leg .dot{width:10px;height:10px;border-radius:3px;flex:none;} #magnar-dashboard-app .mcp-pd-leg .t{font-size:12.5px;color:#4A4436;flex:1;} #magnar-dashboard-app .mcp-pd-leg .n{font-weight:600;font-size:12.5px;color:#211D15;} #magnar-dashboard-app .mcp-pd-ficha .row{display:flex;justify-content:space-between;padding:9px 0;font-size:13px;border-bottom:1px solid #F0EADB;} #magnar-dashboard-app .mcp-pd-ficha .row:last-child{border-bottom:none;} #magnar-dashboard-app .mcp-pd-ficha .k{color:#857c69;} #magnar-dashboard-app .mcp-pd-ficha .val{color:#211D15;font-weight:500;} /* tabela de frações */ #magnar-dashboard-app .mcp-pd-fr-h,#magnar-dashboard-app .mcp-pd-fr-r{display:grid;grid-template-columns:.6fr .5fr .9fr .9fr .9fr .45fr .95fr .9fr .65fr .85fr .6fr .85fr 1fr;gap:9px;align-items:center;} #magnar-dashboard-app .mcp-pd-fr-r .area{font-variant-numeric:tabular-nums;} #magnar-dashboard-app .mcp-pd-fr-r .area.tot{font-weight:600;color:#211D15;} #magnar-dashboard-app .mcp-pd-fr-h{padding:11px 0;border-bottom:1px solid #EBE3D2;font-size:9.5px;letter-spacing:.1em;color:#948a72;text-transform:uppercase;font-weight:600;} #magnar-dashboard-app .mcp-pd-fr-r{padding:12px 0;border-bottom:1px solid #F1EBDD;font-size:12.5px;color:#4A4436;} #magnar-dashboard-app .mcp-pd-fr-r .ref{font-weight:700;color:#211D15;} #magnar-dashboard-app .mcp-pd-fr-r .price{font-weight:600;color:#211D15;} #magnar-dashboard-app .mcp-pd-fr-r .muted{color:#a89e87;} #magnar-dashboard-app .mcp-pd-fr-r .over{color:#C0392B;font-weight:700;} #magnar-dashboard-app .mcp-pd-fr-r .st{font-size:11.5px;font-weight:600;} #magnar-dashboard-app .mcp-pd-fr-r .st.g{color:#2F5E4B;} #magnar-dashboard-app .mcp-pd-fr-r .st.gold{color:#B08A2E;} #magnar-dashboard-app .mcp-pd-fr-r .st.red{color:#A9552F;} #magnar-dashboard-app .mcp-pd-fr-acts{display:flex;gap:6px;justify-content:flex-end;} #magnar-dashboard-app .mcp-pd-fr-acts a{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;border:1px solid rgba(196,162,75,.5);} #magnar-dashboard-app .mcp-pd-fr-acts a.pay{border-color:rgba(60,122,94,.45);color:#2F5E4B;font-weight:700;font-size:14px;} #magnar-dashboard-app .mcp-pd-fr-acts a.del{border-color:rgba(169,85,47,.4);color:#A9552F;font-size:16px;} #magnar-dashboard-app .mcp-pd-fr-acts a svg{pointer-events:none;} /* atualizações de obra */ #magnar-dashboard-app .mcp-pd-upd-form{display:flex;gap:10px;align-items:stretch;margin-bottom:12px;} #magnar-dashboard-app .mcp-pd-upd-form input[name=updData]{width:180px;flex:none;} #magnar-dashboard-app .mcp-pd-upd-form input[name=updText]{flex:1;} #magnar-dashboard-app .mcp-pd-upd-form .mcp-pd-btn{align-self:center;} #magnar-dashboard-app .mcp-pd-upd-row{display:flex;gap:16px;align-items:flex-start;padding:13px 0;border-top:1px solid #F0EADB;} #magnar-dashboard-app .mcp-pd-upd-row .d{font-size:11.5px;font-weight:600;color:#a08328;width:100px;flex:none;padding-top:1px;} #magnar-dashboard-app .mcp-pd-upd-row .t{flex:1;font-size:13.5px;color:#211D15;line-height:1.5;} #magnar-dashboard-app .mcp-pd-upd-row .x{font-size:15px;color:#B0603A;text-decoration:none;cursor:pointer;flex:none;line-height:1;} /* galeria de obra */ #magnar-dashboard-app .mcp-pd-gal{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;} @media(max-width:1050px){#magnar-dashboard-app .mcp-pd-gal{grid-template-columns:repeat(2,1fr);}} #magnar-dashboard-app .mcp-pd-gal-add{aspect-ratio:4/3;border:1.5px dashed #DED2B8;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#9A7A31;cursor:pointer;background:#FBF8F2;font-size:12px;font-weight:600;text-align:center;} #magnar-dashboard-app .mcp-pd-gal-add .pl{font-size:22px;line-height:1;} #magnar-dashboard-app .mcp-pd-gal-add input{display:none;} #magnar-dashboard-app .mcp-pd-gal-item{position:relative;aspect-ratio:4/3;border-radius:11px;overflow:hidden;background-color:#EFE7D6;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:flex-end;padding:10px;} #magnar-dashboard-app .mcp-pd-gal-item .lbl{font-family:monospace;font-size:10.5px;color:#5c5340;background:rgba(255,255,255,.85);padding:3px 7px;border-radius:5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #magnar-dashboard-app .mcp-pd-gal-item .x{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:rgba(20,24,15,.6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;text-decoration:none;cursor:pointer;} /* 20) Modais (frações / pagamentos / eliminar) — no body, fora do #app */ .mcp-modal-ov{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:2147483000;background:rgba(20,24,15,.68);display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;overflow:auto;font-family:'Jost','Manrope',system-ui,sans-serif;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);} .mcp-modal{width:680px;max-width:100%;margin:auto;background:#FBF9F3;border:1px solid #E7DECB;border-radius:16px;box-shadow:0 30px 60px -20px rgba(20,20,10,.55);overflow:hidden;} .mcp-modal.sm{width:520px;} .mcp-modal-hd{display:flex;align-items:center;justify-content:space-between;padding:20px 26px;border-bottom:1px solid #EEE6D4;} .mcp-modal-hd .eb{font-weight:600;font-size:10px;letter-spacing:.2em;color:#a08328;text-transform:uppercase;} .mcp-modal-hd .ti{font-family:'Spectral','Playfair Display',serif;font-size:19px;color:#211D15;font-weight:600;margin-top:2px;} .mcp-modal-x{width:30px;height:30px;border-radius:8px;border:1px solid #E7DECB;display:flex;align-items:center;justify-content:center;color:#857c69;font-size:16px;text-decoration:none;cursor:pointer;} .mcp-modal-bd{padding:22px 26px;display:flex;flex-direction:column;gap:15px;} .mcp-modal-ft{display:flex;justify-content:flex-end;gap:10px;padding:16px 26px;border-top:1px solid #EEE6D4;background:#F5F0E6;} .mcp-sec{font-weight:600;font-size:11px;letter-spacing:.2em;color:#a08328;text-transform:uppercase;} .mcp-grid{display:grid;gap:12px;} .mcp-grid.c3{grid-template-columns:1fr 1fr 1fr;} .mcp-grid.c2{grid-template-columns:1fr 1fr;} .mcp-f label{display:block;font-weight:600;font-size:10px;letter-spacing:.14em;color:#948a72;text-transform:uppercase;margin-bottom:6px;} .mcp-in{width:100%;font-family:'Jost',sans-serif;font-size:13.5px;color:#211D15;background:#fff;border:1px solid #E6DECB;border-radius:9px;padding:11px 13px;box-sizing:border-box;} .mcp-in[readonly]{background:#F3EEE3;color:#6b6350;} textarea.mcp-in{min-height:70px;resize:vertical;line-height:1.6;} .mcp-chk{display:flex;align-items:center;gap:9px;font-size:13px;color:#4A4436;cursor:pointer;} .mcp-chk input{width:16px;height:16px;} .mcp-modal-err{font-size:12.5px;color:#B0603A;font-weight:600;} /* Documentos da fração (modal) */ .mcp-docs{display:flex;flex-direction:column;gap:8px;} .mcp-docrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border:1px solid #EEE6D4;border-radius:10px;background:#FBF8F2;} .mcp-docrow-l{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px;} .mcp-doc-name{font-size:13px;font-weight:600;color:#211D15;} .mcp-doc-none{font-size:11.5px;color:#a89e87;} .mcp-docfiles{display:flex;flex-wrap:wrap;gap:6px;} .mcp-docfile{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;background:#fff;border:1px solid #E6DECB;border-radius:7px;padding:3px 6px 3px 9px;} .mcp-docfile a{color:#2F5E4B;text-decoration:none;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .mcp-docfile a[data-doc-del]{color:#A9552F;font-size:14px;font-weight:700;line-height:1;padding:0 2px;} .mcp-doc-add{flex:none;font-size:12px;font-weight:600;color:#9A7A31;border:1px solid rgba(196,162,75,.45);padding:7px 12px;border-radius:8px;cursor:pointer;white-space:nowrap;} .mcp-doc-add:hover{background:rgba(196,162,75,.08);} .mcp-btn-g{font-size:13px;font-weight:600;color:#1A1811;background:linear-gradient(135deg,#D8B25A,#B08A2E);padding:10px 18px;border-radius:9px;text-decoration:none;cursor:pointer;border:none;} .mcp-btn-green{font-size:13px;font-weight:600;color:#fff;background:linear-gradient(135deg,#4E9575,#2F5E4B);padding:10px 18px;border-radius:9px;text-decoration:none;cursor:pointer;border:none;} .mcp-btn-red{font-size:13px;font-weight:600;color:#fff;background:linear-gradient(135deg,#C0703F,#A9552F);padding:10px 18px;border-radius:9px;text-decoration:none;cursor:pointer;border:none;} .mcp-btn-o{font-size:13px;font-weight:600;color:#857c69;border:1px solid #E7DECB;padding:10px 16px;border-radius:9px;text-decoration:none;cursor:pointer;background:#fff;} .mcp-paystat{display:flex;gap:10px;} .mcp-paystat > div{flex:1;background:#FBF8F2;border:1px solid #EEE6D4;border-radius:10px;padding:12px 14px;} .mcp-paystat .l{font-size:9.5px;letter-spacing:.12em;color:#948a72;text-transform:uppercase;} .mcp-paystat .v{font-family:'Jost',sans-serif;font-size:15px;font-weight:600;margin-top:3px;} .mcp-paytbl{border:1px solid #EEE6D4;border-radius:10px;overflow:hidden;} .mcp-paytbl .hd,.mcp-paytbl .rw{display:grid;grid-template-columns:1fr 1fr .8fr 1fr 1.05fr;gap:10px;padding:10px 14px;align-items:center;} .mcp-paytbl .hd{background:#FBF8F2;font-size:9px;letter-spacing:.1em;color:#948a72;text-transform:uppercase;font-weight:600;} .mcp-paytbl .rw{border-top:1px solid #F1EBDD;font-size:12.5px;color:#4A4436;} .mcp-paytbl .rw .v{font-family:'Jost',sans-serif;font-weight:600;color:#211D15;} .mcp-paytbl .rw .pd{color:#B0603A;font-weight:600;} .mcp-paytbl .rw .pg{color:#2F5E4B;font-weight:600;} .mcp-paytbl .rw .muted{color:#a89e87;} .mcp-pay-acts{display:flex;gap:9px;justify-content:flex-end;} .mcp-pay-acts a{font-size:11.5px;font-weight:600;text-decoration:none;cursor:pointer;} .mcp-pay-empty{padding:16px;text-align:center;color:#948a72;font-size:12.5px;} .mcp-rep-gal{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;} .mcp-rep-photo{position:relative;aspect-ratio:1;border-radius:8px;background-color:#EFE7D6;background-size:cover;background-position:center;background-repeat:no-repeat;} .mcp-rep-photo .x{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:rgba(20,24,15,.6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;text-decoration:none;cursor:pointer;} .mcp-gen-hd{display:flex;justify-content:space-between;align-items:center;} .mcp-gen-hd a{font-size:12px;font-weight:600;color:#9A7A31;cursor:pointer;text-decoration:none;} .mcp-gen{border:1px solid #EEE6D4;background:#FBF8F2;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px;} /* ============================================================ MOBILE — Portal de Gestão (mockup 16A) Sidebar -> tab bar inferior; conteúdo em coluna única. Só ativo em ecrãs estreitos (<=720px); o desktop fica igual. ============================================================ */ .mcp-tabbar{ display:none; } /* z-index acima de #magnar-dashboard-app (que é position:fixed; z-index:2147483000), senão a folha renderiza ATRÁS do dashboard e parece que "Mais" não faz nada. */ .mcp-more-sheet{ position:fixed; inset:0; z-index:2147483647; } .mcp-more-sheet .mcp-more-back{ position:absolute; inset:0; background:rgba(20,20,10,.5); } .mcp-more-sheet .mcp-more-panel{ position:absolute; left:0; right:0; bottom:0; background:#FBF9F3; border-top-left-radius:18px; border-top-right-radius:18px; padding:10px 12px calc(16px + env(safe-area-inset-bottom)); box-shadow:0 -20px 50px -20px rgba(20,20,10,.5); max-height:72vh; overflow-y:auto; } .mcp-more-sheet .mcp-more-h{ font-family:'Spectral',serif; font-size:18px; font-weight:600; color:#211D15; padding:10px 12px 6px; } .mcp-more-sheet .mcp-more-item{ display:block; padding:14px 14px; border-top:1px solid #F0E9D9; font-size:14px; font-weight:500; color:#211D15; text-decoration:none; cursor:pointer; } @media (max-width: 720px){ body.page-id-9998{ background:#EFE9DE !important; } #magnar-dashboard-app{ flex-direction:column !important; min-height:100vh !important; display:flex !important; } #magnar-dashboard-app .magnar-db-sidebar{ display:none !important; } /* Conteúdo em coluna única (mockup 16A), à largura do ecrã. As secções empilham (nada é cortado) e as tabelas largas fazem scroll horizontal. */ #magnar-dashboard-app .magnar-db-content{ width:100% !important; max-width:100% !important; box-sizing:border-box !important; padding:12px 12px 96px !important; overflow-x:auto !important; -webkit-overflow-scrolling:touch !important; } /* Grelhas -> coluna única (KPIs 4->2; grelhas de 2 colunas -> 1). O ";" evita apanhar "1fr 1fr 1fr" (ex.: KPIs de 3 colunas no mobile). */ #magnar-dashboard-app [style*="grid-template-columns:repeat(4,1fr)"]{ grid-template-columns:1fr 1fr !important; } #magnar-dashboard-app [style*="grid-template-columns:1fr 1fr;"]{ grid-template-columns:1fr !important; } #magnar-dashboard-app [style*="grid-template-columns:1.55fr 1fr"], #magnar-dashboard-app [style*="grid-template-columns:1fr 1.4fr"], #magnar-dashboard-app [style*="grid-template-columns:1.35fr 1fr"], #magnar-dashboard-app [style*="grid-template-columns:1.5fr 1fr"]{ grid-template-columns:1fr !important; } /* Detalhe do projeto: two-col empilha; galeria 2 col */ #magnar-dashboard-app .mcp-pd-two{ display:flex !important; flex-direction:column !important; } #magnar-dashboard-app .mcp-pd-col{ width:100% !important; } #magnar-dashboard-app .mcp-pd-gal{ grid-template-columns:repeat(2,1fr) !important; } #magnar-dashboard-app .mcp-rep-gal{ grid-template-columns:repeat(3,1fr) !important; } /* Tabelas largas: mantêm as colunas mas com scroll horizontal (min-width) */ #magnar-dashboard-app [style*="grid-template-columns:1.9fr 1.1fr 1fr 0.9fr 1.05fr"], #magnar-dashboard-app [style*="grid-template-columns:0.9fr 2fr 1.2fr 0.9fr 1fr"]{ min-width:520px !important; } #magnar-dashboard-app [style*="grid-template-columns:0.85fr 1.8fr"], #magnar-dashboard-app [style*="grid-template-columns:1.3fr 1.4fr 1.3fr"]{ min-width:660px !important; } #magnar-dashboard-app [style*="grid-template-columns:1.4fr 1fr 0.75fr"]{ min-width:900px !important; } #magnar-dashboard-app [style*="grid-template-columns:1.1fr 0.6fr 0.95fr"]{ min-width:960px !important; } /* Gestão de frações: a tabela de 13 colunas não cabe no telemóvel. Em vez de scroll horizontal ou cartão, cada fração passa a ocupar 2 LINHAS numa grelha de 6 colunas (as 13 células fluem: tier A = Ref..Gar, tier B = Preço..Próx., ações em linha própria). O cabeçalho — mostrado uma vez no topo — usa a MESMA grelha, logo rotula os dois tiers e as colunas alinham entre frações. data-act/data-frac mantêm-se: editar/pagar/eliminar continuam a funcionar. IMPORTANTE: as listas de relatórios e notas REUTILIZAM .mcp-pd-fr-r com o seu próprio grid-template-columns INLINE — por isso restringe-se a regra às linhas SEM style inline (`:not([style*="grid-template-columns"])`) = só as frações. */ #magnar-dashboard-app .mcp-pd-fr-h, #magnar-dashboard-app .mcp-pd-fr-r:not([style*="grid-template-columns"]){ grid-template-columns:repeat(6,1fr) !important; gap:4px 6px !important; } #magnar-dashboard-app .mcp-pd-fr-r:not([style*="grid-template-columns"]){ font-size:10.5px !important; padding:10px 0 !important; border-bottom:1px solid #E7DECB !important; } #magnar-dashboard-app .mcp-pd-fr-r:not([style*="grid-template-columns"]) > div{ min-width:0; overflow-wrap:break-word; } #magnar-dashboard-app .mcp-pd-fr-r:not([style*="grid-template-columns"]) .st{ font-size:9.5px !important; white-space:nowrap; } /* cabeçalho: esconde a 13ª célula (a que fica sobre as ações) -> 2 tiers exatos */ #magnar-dashboard-app .mcp-pd-fr-h{ font-size:8.5px !important; letter-spacing:.05em !important; padding:10px 0 8px !important; } #magnar-dashboard-app .mcp-pd-fr-h > div:nth-child(13){ display:none !important; } /* ações: linha própria (a seguir ao tier B), largura toda, à direita */ #magnar-dashboard-app .mcp-pd-fr-r:not([style*="grid-template-columns"]) > .mcp-pd-fr-acts{ grid-column:1 / -1 !important; justify-content:flex-end !important; margin-top:4px; } /* Progresso de obra: a linha (nome 170px + barra + input 64 + select 132 + gaps ≈ 468px) não cabe -> o "Estado" saía do ecrã. Passa a 2 LINHAS: nome da fase em cima, e por baixo os controlos (barra + % + Estado). O cabeçalho esconde-se (os controlos são auto-explicativos). data-phase mantém-se -> guardar funciona. */ #magnar-dashboard-app .mcp-pd-phase-hd{ display:none !important; } #magnar-dashboard-app .mcp-pd-phase{ display:grid !important; grid-template-columns:1fr auto auto !important; grid-template-areas:"nm nm nm" "bar pin pst" !important; gap:9px 10px !important; align-items:center; } #magnar-dashboard-app .mcp-pd-phase .nm{ grid-area:nm; width:auto !important; font-weight:600; } #magnar-dashboard-app .mcp-pd-phase .tk{ grid-area:bar; } #magnar-dashboard-app .mcp-pd-phase .mcp-pd-pin{ grid-area:pin; width:58px !important; } #magnar-dashboard-app .mcp-pd-phase .mcp-pd-pst{ grid-area:pst; width:auto !important; min-width:118px; } /* Modais adaptados ao ecrã */ .mcp-modal{ width:94vw !important; max-width:94vw !important; max-height:88vh !important; overflow:auto !important; } .mcp-grid.c2,.mcp-grid.c3{ grid-template-columns:1fr !important; } /* Tabela de pagamentos (modal): 5 colunas não cabem -> 2 linhas por pagamento (Prevista + Valor + Estado em cima; data de pagamento + ações por baixo). */ .mcp-paytbl{ overflow:visible !important; } .mcp-paytbl .hd{ display:none !important; } .mcp-paytbl .rw{ grid-template-columns:1fr auto auto !important; grid-template-areas:"prev val est" "pgt pgt acts" !important; gap:5px 10px !important; min-width:0 !important; } .mcp-paytbl .rw > div:nth-child(1){ grid-area:prev; min-width:0; } .mcp-paytbl .rw > div:nth-child(2){ grid-area:val; text-align:right; white-space:nowrap; } .mcp-paytbl .rw > div:nth-child(3){ grid-area:est; text-align:right; } .mcp-paytbl .rw > div:nth-child(4){ grid-area:pgt; font-size:11px; } .mcp-paytbl .rw > .mcp-pay-acts{ grid-area:acts; } /* Tab bar inferior (mockup 16A) */ .mcp-tabbar{ display:flex !important; position:fixed; left:0; right:0; bottom:0; z-index:9999; background:linear-gradient(180deg,#1C2419,#14180F); border-top:1px solid rgba(255,255,255,.06); padding:8px 4px calc(8px + env(safe-area-inset-bottom)); justify-content:space-around; align-items:flex-start; } .mcp-tabbar .mcp-tab{ display:flex; flex-direction:column; align-items:center; gap:4px; text-decoration:none; flex:1; padding:2px 0; } .mcp-tabbar .mcp-tab .ic{ display:flex; } .mcp-tabbar .mcp-tab .ic svg{ stroke:#8b917d; width:22px; height:22px; } .mcp-tabbar .mcp-tab .lb{ font-family:'Jost',sans-serif; font-size:10px; font-weight:500; color:#8b917d; } .mcp-tabbar .mcp-tab.on .ic svg{ stroke:#E4C36A; } .mcp-tabbar .mcp-tab.on .lb{ color:#E4C36A; font-weight:600; } }