.client-folders{display:grid;gap:13px}
.client-years{display:grid;gap:16px}.client-year-folder{border:1px solid rgba(142,201,235,.2);border-radius:27px;background:linear-gradient(130deg,rgba(28,48,68,.74),rgba(13,24,38,.76));overflow:hidden;box-shadow:0 20px 55px rgba(0,0,0,.16)}.client-year-folder>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 25px;cursor:pointer;list-style:none}.client-year-folder>summary::-webkit-details-marker{display:none}.client-year-folder>summary span{display:grid;gap:4px}.client-year-folder>summary strong{font-size:24px;letter-spacing:-.02em}.client-year-folder>summary small{color:var(--muted)}.client-year-folder>summary:after{content:'›';font-size:31px;color:var(--gold);transform:rotate(90deg);transition:transform .2s ease}.client-year-folder:not([open])>summary:after{transform:none}.client-year-buildings{display:grid;gap:13px;padding:16px;border-top:1px solid var(--line);background:rgba(2,9,17,.13)}
.client-folder,.client-month-folder{position:relative;border:1px solid var(--line);background:linear-gradient(135deg,rgba(18,36,53,.82),rgba(10,21,34,.72));backdrop-filter:blur(20px);overflow:hidden}
.client-folder{border-radius:24px}
.client-folder>summary{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:15px;padding:20px 22px;cursor:pointer;list-style:none}
.client-folder summary::-webkit-details-marker,.client-month-folder summary::-webkit-details-marker{display:none}
.client-folder>summary:after,.client-month-folder>summary:after{content:'›';font-size:28px;color:var(--blue);transform:rotate(90deg);transition:transform .2s ease}
.client-folder:not([open])>summary:after,.client-month-folder:not([open])>summary:after{transform:none}
.client-folder-icon{position:relative;width:48px;height:38px;border-radius:7px 10px 10px;background:linear-gradient(145deg,#8ec9eb,#4c87ab);box-shadow:0 10px 25px rgba(49,111,148,.2)}
.client-folder-icon:before{content:'';position:absolute;left:4px;top:-7px;width:21px;height:10px;border-radius:6px 7px 0 0;background:#8ec9eb}
.client-folder summary strong,.client-folder summary small{display:block}
.client-folder>summary strong{font-size:18px}.client-folder>summary small{margin-top:5px;color:var(--muted);line-height:1.45}
.client-folder-count{border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--mint);font-size:11px;white-space:nowrap}
/* Status is read from the latest published report metadata, never a draft. */
.client-folder>summary>span:nth-child(2){min-width:0}
#clientContent .client-building-statuses{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:8px;min-width:0}
#clientContent .client-building-status{display:inline-flex;align-items:flex-start;gap:6px;max-width:100%;font-size:11px;line-height:1.45;color:var(--muted);overflow-wrap:anywhere}
#clientContent .client-building-status-dot{display:inline-block;flex:0 0 7px;width:7px;height:7px;margin-top:4px;border-radius:50%;background:#7e8895}
#clientContent .client-building-status[data-tone=green] .client-building-status-dot{background:#2c8c5a}
#clientContent .client-building-status[data-tone=amber] .client-building-status-dot{background:#b87414}
#clientContent .client-building-status[data-tone=red] .client-building-status-dot{background:#b83f50}
html[data-eco-vision=dark] #clientContent .client-building-status[data-tone=green] .client-building-status-dot{background:#65c68b}
html[data-eco-vision=dark] #clientContent .client-building-status[data-tone=amber] .client-building-status-dot{background:#e4b367}
html[data-eco-vision=dark] #clientContent .client-building-status[data-tone=red] .client-building-status-dot{background:#ed8792}
.client-months{display:grid;gap:10px;padding:0 18px 18px;border-top:1px solid var(--line);padding-top:15px;background:rgba(2,9,17,.16)}
.client-month-folder{border-radius:17px;background:rgba(255,255,255,.025)}
.client-month-folder>summary{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:11px;padding:14px 16px;cursor:pointer;list-style:none}
.client-month-folder>summary small{color:var(--muted)}
.client-month-icon{width:28px;height:24px;border-radius:5px 7px 7px;background:linear-gradient(145deg,#e1c785,#a98a4f)}
.client-month-folder .client-folder-files{padding:15px;border-top:1px solid var(--line)}
.client-folder-files .client-card{background:rgba(255,255,255,.035);box-shadow:none}
@media(max-width:760px){.client-year-folder>summary{padding:18px}.client-year-folder>summary strong{font-size:21px}.client-year-buildings{padding:12px}.client-folder>summary{grid-template-columns:auto 1fr auto;padding:17px}.client-folder-count{grid-column:2}.client-folder>summary:after{grid-column:3;grid-row:1}.client-months{padding:12px}.client-month-folder>summary{grid-template-columns:auto 1fr auto}.client-month-folder>summary small{grid-column:2}.client-month-folder>summary:after{grid-column:3;grid-row:1}.client-month-folder .client-folder-files{padding:12px}.client-folder-icon{width:42px;height:34px}}