:root{--green-900:#064a31;--green-800:#075b39;--green-700:#0a7547;--green-500:#22a55b;--green-100:#eaf7ee;--yellow:#f2d526;--text:#16372b;--muted:#687d74;--line:#dfe8e3;--bg:#f7faf8;--white:#fff;--shadow:0 10px 30px rgba(20,72,50,.08)}
*{box-sizing:border-box}html{color-scheme:light}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:285px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:28px 24px;background:linear-gradient(180deg,var(--green-900),#087245);color:#fff}.brand{display:block;margin-bottom:30px;text-decoration:none}.brand img{display:block;width:100%;max-width:220px;height:auto}.main-nav{display:grid;gap:10px}.main-nav a{display:flex;align-items:center;gap:13px;padding:14px 16px;border-radius:12px;text-decoration:none;color:#eef8f2;font-weight:700}.main-nav a:hover,.main-nav a.active{background:linear-gradient(135deg,#0b944f,#16b764);box-shadow:0 8px 20px rgba(0,0,0,.12)}.nav-icon{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(255,255,255,.35);border-radius:9px;font-size:10px;font-weight:900}.sidebar-help{margin-top:auto;padding:18px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.06);display:grid;gap:6px}.sidebar-help span{font-size:13px;line-height:1.5;color:#d8eee2}.sidebar-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);font-size:13px}.sidebar-bottom span{font-weight:800}.sidebar-bottom a{color:#fff}.content{min-width:0;padding:28px 34px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:22px}.topbar h1{margin:4px 0 0;font-size:32px;letter-spacing:-.03em}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.11em;color:#51806a;font-size:11px;font-weight:900}.user-chip{display:flex;align-items:center;gap:11px}.user-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--green-800);color:#fff;font-size:19px;font-weight:900}.user-chip strong,.user-chip span{display:block}.user-chip div span{margin-top:2px;color:var(--muted);font-size:13px}.welcome-section{margin:10px 0 24px}.welcome-section h2{margin:0 0 5px;font-size:31px;letter-spacing:-.035em;color:var(--green-900)}.welcome-section p{margin:0;color:var(--muted);font-size:16px}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.summary-card{display:flex;align-items:center;gap:15px;min-height:128px;padding:22px;background:var(--white);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.summary-icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:50%;background:var(--green-100);color:var(--green-700);font-weight:900;font-size:18px}.summary-label,.summary-card small{display:block}.summary-label{margin-bottom:6px;color:#355d4a;font-size:14px}.summary-card strong{display:block;font-size:22px;line-height:1.15}.summary-card small{margin-top:5px;color:var(--muted);font-size:13px}.text-ok{color:#13823f}.text-warn{color:#aa6a00}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:20px}.left-column,.right-column{min-width:0}.right-column{display:grid;gap:20px;align-content:start}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.panel-head h2{margin:3px 0 0;font-size:21px}.panel-head a{color:var(--green-700);font-weight:800;text-decoration:none}.panel-head a:hover{text-decoration:underline}.installation-list-modern{display:grid;gap:11px}.installation-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px;border:1px solid #e3ebe7;border-radius:15px;background:#fcfefd}.installation-badge{display:grid;place-items:center;width:58px;height:58px;border-radius:14px;background:linear-gradient(135deg,#e7f7ec,#fff7c9);color:var(--green-700);font-weight:900}.installation-info strong,.installation-info span,.installation-status span,.installation-status strong{display:block}.installation-info strong{font-size:17px}.installation-info span,.installation-status span{margin-top:4px;color:var(--muted);font-size:13px}.installation-status{text-align:right}.installation-status strong{margin-top:5px}.green-note{margin-top:16px;padding:14px 16px;border-radius:12px;background:linear-gradient(90deg,#eef8e9,#f8fbef);color:#2f6f3f;font-weight:700;font-size:14px}.notice-box{display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:15px;background:linear-gradient(135deg,#f2f9ed,#fbfff9)}.notice-mark{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#139347;color:#fff;font-weight:900}.notice-box strong{display:block;font-size:17px}.notice-box p{margin:7px 0 0;color:#4f685e;line-height:1.55}.fee-status{display:grid;grid-template-columns:1fr 1fr;gap:0}.fee-status>div{padding:4px 18px 4px 0}.fee-status>div+div{padding-left:18px;border-left:1px solid var(--line)}.fee-status span,.fee-status strong{display:block}.fee-status span{color:var(--muted);font-size:13px}.fee-status strong{margin-top:7px;font-size:20px}.sustainability-banner{margin-top:20px;padding:28px 30px;border:1px solid #dce9d8;border-radius:18px;background:linear-gradient(90deg,#eff9ea,#fcfff9);box-shadow:var(--shadow)}.sustainability-banner h2{margin:5px 0 6px;font-size:24px}.sustainability-banner p:last-child{margin:0;color:var(--muted)}.site-footer{display:flex;justify-content:space-between;gap:20px;margin-top:22px;padding:18px 4px;color:#76877f;font-size:12px}.empty{color:var(--muted)}.status{display:inline-flex;padding:7px 11px;border-radius:999px;font-size:13px;font-weight:800}.status.ok{background:#e2f7e9;color:#167342}.status.pending{background:#fff1cf;color:#875e00}.status.neutral{background:#eaf1ee;color:#426257}.data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.data-grid>div{padding:16px;border:1px solid var(--line);border-radius:12px}.data-grid span{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}.notice{margin-top:18px;padding:13px;border-radius:10px;background:#eef6f1;color:#47675a}.installation-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.installation-cards article{border:1px solid var(--line);border-radius:14px;padding:19px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line)}th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#5b776b}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#063d28,#0a6740)}.login-card{width:min(440px,100%);background:#fff;border-radius:20px;padding:34px;box-shadow:0 24px 70px rgba(0,0,0,.25)}.login-brand{margin-bottom:24px}.login-brand img{width:100%;max-width:270px}.login-card h1{margin:6px 0 8px}.login-card form{display:grid;gap:16px;margin-top:24px}.login-card label{font-size:14px;font-weight:800}.login-card input{width:100%;margin-top:7px;padding:13px 14px;border:1px solid #cfded6;border-radius:10px;font:inherit}.login-card button{border:0;background:var(--green-700);color:#fff;padding:14px;border-radius:11px;font-weight:900;font-size:16px;cursor:pointer}.alert{padding:12px 14px;border-radius:10px;background:#fee7e7;color:#9b2222;margin-top:17px}.alert.info{background:#e8f3ff;color:#175a8d}.privacy{margin:22px 0 0;color:#73877e;font-size:12px;text-align:center}@media(max-width:1150px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;min-height:0}.brand img{max-width:190px}.main-nav{grid-template-columns:repeat(4,minmax(150px,1fr));overflow:auto}.sidebar-help,.sidebar-bottom{display:none}.content{padding:22px}}@media(max-width:650px){.topbar{align-items:flex-start;flex-direction:column}.user-chip{display:none}.summary-grid{grid-template-columns:1fr}.installation-row{grid-template-columns:50px minmax(0,1fr)}.installation-badge{width:50px;height:50px}.installation-status{grid-column:2;text-align:left}.fee-status{grid-template-columns:1fr}.fee-status>div+div{margin-top:16px;padding:16px 0 0;border-left:0;border-top:1px solid var(--line)}.data-grid{grid-template-columns:1fr}.site-footer{flex-direction:column}}


/* ===== Vista principal v2: iconos, imagenes y acabados ===== */
.summary-icon img{
    width:27px;
    height:27px;
    display:block;
}
.nav-icon{
    border:0;
    background:rgba(255,255,255,.10);
}
.nav-icon img{
    width:19px;
    height:19px;
    display:block;
}
.installation-photo{
    width:72px;
    height:64px;
    overflow:hidden;
    border-radius:14px;
    background:#e9f5ee;
    border:1px solid #dce8e1;
}
.installation-photo img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.installation-row{
    grid-template-columns:72px minmax(0,1fr) auto;
}
.green-note{
    display:flex;
    align-items:center;
    gap:10px;
}
.green-note img{
    width:22px;
    height:22px;
}
.notice-box{
    position:relative;
    overflow:hidden;
    min-height:150px;
    padding-right:155px;
}
.notice-illustration{
    position:absolute;
    right:20px;
    bottom:12px;
    width:120px;
    max-height:110px;
}
.sustainability-banner{
    display:flex;
    align-items:center;
    gap:28px;
    overflow:hidden;
}
.sustainability-banner>img{
    flex:0 0 270px;
    width:270px;
    max-height:135px;
}
@media(max-width:750px){
    .notice-box{padding-right:20px}
    .notice-illustration{display:none}
    .sustainability-banner{align-items:flex-start;flex-direction:column}
    .sustainability-banner>img{width:100%;max-width:330px}
}
@media(max-width:650px){
    .installation-row{grid-template-columns:64px minmax(0,1fr)}
    .installation-photo{width:64px;height:58px}
}

/* ===== Selector privado "Ver como socio" ===== */
.preview-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin:0 0 18px;
    padding:13px 15px;
    border:1px solid #d8e6df;
    border-radius:14px;
    background:#fff8d8;
    box-shadow:0 6px 18px rgba(50,80,60,.06);
}
.preview-form{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}
.preview-toolbar label{
    flex:0 0 auto;
    color:#5e5422;
    font-size:13px;
    font-weight:900;
}
.preview-toolbar select{
    width:min(420px,55vw);
    padding:9px 11px;
    border:1px solid #cbd9d1;
    border-radius:9px;
    background:#fff;
    color:#17372b;
    font:inherit;
}
.preview-toolbar button{
    border:0;
    border-radius:9px;
    padding:9px 12px;
    background:#0a7547;
    color:#fff;
    font-weight:800;
    cursor:pointer;
}
@media(max-width:700px){
    .preview-toolbar,
    .preview-form{
        align-items:stretch;
        flex-direction:column;
    }
    .preview-toolbar select{
        width:100%;
    }
}