
/* v20.56.04 — refinamento visual aprovado */
.login{background:linear-gradient(180deg,#07101a 0%,#0b1420 100%)}
.hero{background:linear-gradient(135deg,rgba(3,16,32,.96) 0%,rgba(5,22,44,.96) 52%,rgba(10,19,31,.92) 100%);border:1px solid rgba(222,184,89,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 20px 50px rgba(0,0,0,.35)}
.hero h1{font-size:44px;line-height:1.16;max-width:520px;text-shadow:0 12px 30px rgba(0,0,0,.24)}
.hero p{color:#d7e0eb}
.login-panel{background:linear-gradient(180deg,#0d1621 0%,#09131e 100%);border:1px solid rgba(222,184,89,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 20px 50px rgba(0,0,0,.34);color:#eef4fb}
.login-panel .field,.login-panel h2{color:#f4f8fd}.login-panel p,.login-panel .status{color:#b7c7d8}.login-panel input,.login-panel select,.login-panel summary{background:rgba(19,33,49,.88)!important;color:#eef4fb!important;border:1px solid rgba(114,149,191,.35)!important}
.login-panel input::placeholder{color:#9db1c6!important}.login-panel .primary{box-shadow:0 10px 28px rgba(201,150,40,.18)}
.login-panel .auth-link{color:#f0c862}.login-panel .hint{background:rgba(33,48,67,.72);color:#dce8f5}
.mp-login-language{display:none!important}
.mp-flag-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mp-flag-picker button{border:1px solid rgba(120,142,168,.4);background:rgba(17,29,42,.92);color:#fff;width:40px;height:40px;border-radius:999px;display:grid;place-items:center;font-size:20px;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:.16s ease}
.mp-flag-picker button:hover{transform:translateY(-1px);border-color:rgba(219,168,68,.72);box-shadow:0 10px 20px rgba(0,0,0,.2)}
.mp-flag-picker button.active{background:linear-gradient(180deg,#173251,#102338);border-color:#d6a546;box-shadow:0 0 0 2px rgba(214,165,70,.16),0 12px 30px rgba(0,0,0,.28)}
.mp-login-flagbar{position:absolute;right:26px;top:22px;z-index:9;justify-content:flex-end;max-width:270px}
.mp-top-flags{padding:8px 12px;border:1px solid var(--t-line);border-radius:14px;background:var(--t-surface);box-shadow:0 8px 18px rgba(0,0,0,.05)}
html[data-mp-theme="dark"] .mp-top-flags,html[data-mp-theme="graphite"] .mp-top-flags{background:rgba(20,31,45,.95);border-color:rgba(96,119,149,.35)}
.mp-top-flags button{width:30px;height:30px;font-size:16px}
.account{gap:14px;flex-wrap:wrap}
.mp-currency-wrap{display:flex!important;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--t-line);border-radius:14px;background:var(--t-surface);box-shadow:0 8px 18px rgba(0,0,0,.05)}
.mp-currency-wrap::before{content:'¤';width:26px;height:26px;border-radius:999px;display:grid;place-items:center;background:var(--t-soft);color:var(--t-soft-text);font-weight:700;font-size:14px;flex:none}
.mp-currency-label{font-size:11px!important;font-weight:700!important;letter-spacing:.06em;text-transform:uppercase;color:var(--t-muted)!important}
.account .mp-currency-select{width:145px!important;min-width:145px!important;max-width:145px!important;border:0!important;background:transparent!important;padding:0!important;font-size:13px!important;font-weight:700!important;color:var(--t-text)!important;box-shadow:none!important}
html[data-mp-theme="dark"] .mp-currency-wrap,html[data-mp-theme="graphite"] .mp-currency-wrap{background:rgba(20,31,45,.95);border-color:rgba(96,119,149,.35)}
html[data-mp-theme="dark"] .account .mp-currency-select,html[data-mp-theme="graphite"] .account .mp-currency-select{color:#eff5fb!important}
html[data-mp-theme="dark"] .mp-currency-label,html[data-mp-theme="graphite"] .mp-currency-label{color:#9fb0c3!important}
#company{border-radius:14px!important;padding:12px 14px!important;font-weight:600}
.avatar-button,.logout{border-radius:14px!important}

/* home closer to approved reference */
#content .mp102-home{grid-template-columns:minmax(0,1fr) 320px!important;gap:18px!important;align-items:start}
#content .mp102-home-hero{min-height:305px;border-radius:18px!important;box-shadow:0 16px 36px rgba(5,19,39,.18);border:1px solid rgba(93,120,156,.26)!important;position:relative}
#content .mp102-home-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,18,36,.25) 0%,rgba(5,18,36,0) 52%,rgba(5,18,36,.18) 100%);pointer-events:none}
#content .mp102-home-hero > *{position:relative;z-index:1}
#content .mp102-home-hero h2{font-size:clamp(34px,4.4vw,56px)!important;line-height:1.06;font-weight:800;max-width:670px;letter-spacing:-.03em;text-shadow:0 10px 32px rgba(0,0,0,.18)}
#content .mp102-home-hero p{max-width:580px;font-size:15px!important;line-height:1.6!important;color:#e6edf7!important}
#content .mp102-eyebrow{color:#f1c452!important;letter-spacing:.22em!important;font-size:12px!important;font-weight:800!important;margin-bottom:18px!important}
#content .mp-home-info-card{border-radius:18px!important;box-shadow:0 14px 36px rgba(12,22,39,.08)}
#content .mp102-standards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px!important}
#content .mp102-standard{padding:22px 18px!important;border-radius:18px!important;min-height:122px;box-shadow:0 14px 34px rgba(12,22,39,.08);border:1px solid rgba(104,124,148,.18)!important;background:var(--t-surface)}
#content .mp102-standard .mp102-standard-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;margin-bottom:14px;background:var(--t-soft);color:var(--t-soft-text)}
#content .mp102-standard h4{font-size:16px!important;margin:0 0 6px!important}
#content .mp102-standard p{font-size:13px!important;color:var(--t-muted)!important;margin:0}
#content .mp102-benefits{grid-column:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:2px}
#content .mp102-benefit{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:16px;border:1px solid rgba(104,124,148,.18);background:var(--t-surface);box-shadow:0 12px 30px rgba(12,22,39,.06)}
#content .mp102-benefit .mp102-benefit-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--t-soft);color:var(--t-soft-text);font-size:16px;font-weight:700;flex:none}
#content .mp102-benefit span:last-child{font-size:12px;line-height:1.35;font-weight:600;color:var(--t-text)}
#content .mp102-note{grid-column:1 / span 2;margin-top:2px;font-size:12px!important;color:var(--t-muted)!important}
html[data-mp-theme="dark"] #content .mp102-standard,html[data-mp-theme="graphite"] #content .mp102-standard,html[data-mp-theme="dark"] #content .mp102-benefit,html[data-mp-theme="graphite"] #content .mp102-benefit{background:linear-gradient(180deg,rgba(32,38,49,.96),rgba(25,30,39,.96));border-color:rgba(88,105,129,.38);box-shadow:0 18px 36px rgba(0,0,0,.22)}
html[data-mp-theme="dark"] #content .mp102-home-hero,html[data-mp-theme="graphite"] #content .mp102-home-hero{box-shadow:0 22px 42px rgba(0,0,0,.3)}
html[data-mp-theme="dark"] #content .mp-home-info-card,html[data-mp-theme="graphite"] #content .mp-home-info-card{background:linear-gradient(180deg,rgba(32,38,49,.96),rgba(25,30,39,.96));border-color:rgba(88,105,129,.38)!important;box-shadow:0 18px 36px rgba(0,0,0,.22)}
html[data-mp-theme="dark"] #content .mp102-standard p,html[data-mp-theme="graphite"] #content .mp102-standard p,html[data-mp-theme="dark"] #content .mp98-home-title p,html[data-mp-theme="graphite"] #content .mp98-home-title p{color:#b8c5d5!important}
html[data-mp-theme="blue"] #content .mp102-home,html[data-mp-theme="green"] #content .mp102-home{filter:saturate(.98)}

/* compliance legend card */
.mp156-guide-card{margin:14px 0 16px;padding:18px 20px;border-radius:18px;border:1px solid rgba(104,124,148,.22);background:var(--t-surface);box-shadow:0 14px 34px rgba(12,22,39,.08)}
.mp156-guide-card h3{margin:0 0 8px;font-size:24px;line-height:1.1}
.mp156-guide-card p{margin:0 0 14px;color:var(--t-muted);line-height:1.55}
.mp156-guide-steps{display:flex;flex-wrap:wrap;gap:10px}.mp156-guide-steps span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;border:1px solid rgba(104,124,148,.18);background:var(--t-surface2);font-size:12px;font-weight:700;color:var(--t-text)}
html[data-mp-theme="dark"] .mp156-guide-card,html[data-mp-theme="graphite"] .mp156-guide-card{background:linear-gradient(180deg,rgba(32,38,49,.96),rgba(25,30,39,.96));border-color:rgba(88,105,129,.38);box-shadow:0 18px 36px rgba(0,0,0,.22)}
html[data-mp-theme="dark"] .mp156-guide-steps span,html[data-mp-theme="graphite"] .mp156-guide-steps span{background:rgba(33,42,56,.8);border-color:rgba(88,105,129,.38)}
#mp100Root .mp102-guide{display:block!important}

@media (max-width:1100px){#content .mp102-home{grid-template-columns:1fr!important}#content .mp-home-side{grid-column:1}#content .mp102-note{grid-column:1}#content .mp102-standards{grid-template-columns:repeat(2,minmax(0,1fr))}#content .mp102-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.login{grid-template-columns:1fr;padding:10px}.hero,.login-panel{border-radius:18px}.login-panel{padding:28px 18px}.mp-login-flagbar{position:static;justify-content:flex-start;margin-bottom:20px}.mp-flag-picker button{width:36px;height:36px;font-size:18px}#content .mp102-standards,#content .mp102-benefits{grid-template-columns:1fr}}
