/* Portal Cliente V2 · refreshed light theme, isolated from application data */
:root{--bg:#eef2f7;--surface:#fff;--surface2:#f7f9fc;--line:#dfe6f0;--text:#202a3a;--muted:#66748b;--coral:#599cf3;--coral2:#407fdb;--shadow:0 10px 32px rgba(32,55,93,.07);--portal-accent:#599cf3}
html,body{background:var(--bg);color:var(--text)}
body{background:linear-gradient(155deg,#f7f9fc,#e9eef6)}
.sidebar{background:#fff;border-color:var(--line);padding:22px 13px;gap:20px}
.brand-mark{background:linear-gradient(135deg,var(--portal-accent),#263c6d);box-shadow:none;color:white}
.brand span{color:var(--portal-accent)}
.sidebar nav{gap:3px}.nav-item{color:#576780;padding:10px 13px;border-radius:10px;min-height:40px}
.nav-item.active,.nav-item:hover{color:#244b8b;background:#edf4ff}.nav-item.active{box-shadow:inset 3px 0 0 var(--portal-accent)}
.sidebar-note{background:#f6f9ff}
.main{padding-top:28px}.topbar{margin-bottom:24px}.topbar h1{font-size:30px}
.client-pill,.panel,.state-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.client-pill{box-shadow:none}.avatar{background:#edf4ff;color:var(--portal-accent)}
.panel{background:#fff;border-radius:17px}
.hero-grid{grid-template-columns:minmax(260px,.74fr) minmax(360px,1.35fr);gap:16px}
.project-panel{background:linear-gradient(125deg,#1b2d4c,#38517e);color:#fff;border:0;box-shadow:0 13px 31px #15294b2b}
.project-panel .muted,.project-panel #projectMeta{color:#d2e0f4}.project-panel .eyebrow.coral{color:#acd0ff}
.project-panel .cover-wrap{background:#233958}.cover-wrap:after{background:linear-gradient(90deg,#223757,transparent 55%)}
.progress-number strong{color:var(--portal-accent)}.progress-track{background:#dce6f2}.progress-track i{background:var(--portal-accent)}
.status-chip{color:#2561a9;background:#edf4ff;border:1px solid #d3e4fa}
.eyebrow.coral{color:var(--portal-accent)}.primary{background:var(--portal-accent);color:#fff}
.update-item{background:#f8fafc}.update-date{color:#66758d}
a,.link-button{accent-color:var(--portal-accent)}
.portal-quick-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
.portal-quick-nav button{border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--text);text-align:left;padding:17px;cursor:pointer;box-shadow:var(--shadow)}
.portal-quick-nav button:hover,.portal-quick-nav button:focus-visible{border-color:var(--portal-accent);outline:2px solid transparent;transform:translateY(-1px)}
.portal-quick-nav .quick-glyph{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:var(--portal-accent);background:#edf4ff;font-size:20px;margin-bottom:10px}
.portal-quick-nav strong{display:block;font-size:14px}.portal-quick-nav small{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.pin-row input{background:#fff;color:var(--text)}
@media(max-width:850px){.portal-quick-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{grid-template-columns:1fr}}
@media(max-width:480px){.portal-quick-nav{gap:9px}.portal-quick-nav button{padding:13px}.topbar h1{font-size:25px}}

/* Portal V2 home composition: cinematic project banner, side status and module gallery */
.portal-view[data-view-panel="home"] .hero-grid{grid-template-columns:minmax(0,1fr) 265px;gap:17px;align-items:stretch}
.portal-view[data-view-panel="home"] .project-panel{grid-column:1;grid-row:1;min-height:325px;position:relative;isolation:isolate;border-radius:19px;overflow:hidden;display:flex;align-items:end;background:linear-gradient(110deg,#172745 12%,#314e78 65%,#617da3 100%);box-shadow:0 16px 36px #243a6330}
.portal-view[data-view-panel="home"] .project-panel .project-copy{z-index:2;position:relative;display:block;width:100%;padding:35px 36px;align-self:end}
.portal-view[data-view-panel="home"] .project-panel h2{font-size:clamp(30px,3.8vw,51px);line-height:1.12;max-width:650px;letter-spacing:-.035em;margin:10px 0}
.portal-view[data-view-panel="home"] .project-panel .cover-wrap{position:absolute;inset:0;min-height:0;display:block!important;z-index:0;background:linear-gradient(120deg,#253956,#4e6c92)}
.portal-view[data-view-panel="home"] .project-panel .cover-wrap.hidden{background:radial-gradient(circle at 83% 22%,#7f96b6 0%,#324d78 46%,#152443 92%)}
.portal-view[data-view-panel="home"] .project-panel .cover-wrap img{width:100%;height:100%;object-fit:cover}
.portal-view[data-view-panel="home"] .project-panel .cover-wrap:after{background:linear-gradient(90deg,rgba(17,30,52,.94),rgba(25,44,71,.77) 49%,rgba(27,44,72,.28) 100%)}
.portal-view[data-view-panel="home"] .project-panel #projectDescription{max-width:590px;color:#e2e9f3}
.portal-view[data-view-panel="home"] .progress-panel{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;padding:22px;background:white}
.portal-view[data-view-panel="home"] .progress-panel .panel-title{align-items:start;flex-wrap:wrap}
.portal-view[data-view-panel="home"] .progress-number{margin:29px 0 20px}
.portal-view[data-view-panel="home"] .progress-number strong{font-size:54px}
.portal-view[data-view-panel="home"] .meta-grid{grid-template-columns:1fr;gap:17px;margin-top:28px}
.hero-stage-line{display:flex;gap:16px;align-items:center;color:#d6e7fb;font-size:12px;margin-top:21px;flex-wrap:wrap}
.hero-stage-line span:first-child{background:color-mix(in srgb,var(--portal-accent) 65%,transparent);padding:6px 11px;border-radius:20px;color:#fff;font-weight:750}
.home-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:27px 0 12px}
.home-heading h2{margin:4px 0 0;font-size:23px;letter-spacing:-.02em}
.home-heading>span{color:var(--muted);font-size:12px}
.portal-quick-nav{margin-top:0}
.portal-quick-nav button{min-height:125px;transition:border-color .15s,transform .15s}
.portal-quick-nav .quick-glyph{width:45px;height:45px;font-size:23px}
.portal-view[data-view-panel="home"] .content-grid{grid-template-columns:1.1fr 1fr;gap:17px;margin-top:17px}
.portal-view[data-view-panel="home"] .timeline-panel,.portal-view[data-view-panel="home"] .gallery-panel{min-height:220px}
@media(max-width:960px){.portal-view[data-view-panel="home"] .hero-grid{grid-template-columns:1fr}.portal-view[data-view-panel="home"] .project-panel{grid-column:1;grid-row:1}.portal-view[data-view-panel="home"] .progress-panel{grid-column:1;grid-row:2}.portal-view[data-view-panel="home"] .progress-panel .meta-grid{grid-template-columns:1fr 1fr;margin-top:14px}.portal-view[data-view-panel="home"] .content-grid{grid-template-columns:1fr}}
@media(max-width:560px){.portal-view[data-view-panel="home"] .project-panel{min-height:310px}.portal-view[data-view-panel="home"] .project-panel .project-copy{padding:23px}.home-heading{display:block}.home-heading>span{display:block;margin-top:4px}.portal-view[data-view-panel="home"] .progress-panel{padding:17px}}