/* Client reports share the source-derived Green Clean identity. */
.login-modes{display:flex;gap:6px;padding:5px;background:var(--gc-bg);border:1px solid var(--gc-line);border-radius:10px;margin:16px 0 25px}
.login-modes a{flex:1;text-align:center;padding:10px;border-radius:7px;color:var(--gc-text);text-decoration:none;font-size:14px}
.login-modes a[aria-current=page]{background:var(--gc-action);color:white}
.customer{margin:0;background:var(--gc-bg);color:var(--gc-text-strong);font-family:var(--gc-font);line-height:1.6}
.customer *{box-sizing:border-box}.customer a{color:var(--gc-action)}.customer button,.customer input,.customer select,.customer textarea{font:inherit}
.customer-header{border-top:4px solid var(--gc-green);background:white;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px max(24px,calc((100vw - 1200px)/2))}
.customer-brand{text-decoration:none;display:grid;gap:8px}.customer-brand span{font-size:11px;letter-spacing:1.2px;color:var(--gc-muted)}.customer-brand img{display:block;max-width:100%;height:auto}
.customer-header-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:12px}.customer-header-actions a{text-decoration:none}.customer form{margin:0}
.link-button{border:0;background:none;color:var(--gc-action);cursor:pointer;padding:0}
.report-wrap{max-width:1200px;margin:auto;padding:32px 24px 60px}.customer h1{font-size:clamp(30px,4.2vw,53px);letter-spacing:-1.3px;line-height:1.12;margin:18px 0}
.customer h2{font-size:27px;line-height:1.3;letter-spacing:-.6px;margin:0 0 10px}.customer h3{font-size:19px;line-height:1.35;margin:12px 0}
.customer p{overflow-wrap:anywhere}.eyebrow{display:block;font-size:11px;letter-spacing:1.5px;font-weight:700;color:var(--gc-green-ink)}
.report-hero{background:linear-gradient(120deg,#284b1e,#26373f);padding:48px;border-radius:22px;color:white;overflow:hidden;position:relative}
.report-hero:after{content:"✳";position:absolute;right:20px;top:-100px;font-size:340px;opacity:.06;pointer-events:none}
.report-hero h1{max-width:850px}.report-hero .eyebrow{color:#d4e6c6}.report-hero p{max-width:740px;color:#e3ece7;font-size:15px}
.hero-pills{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-pills span{font-size:12px;padding:10px 16px;background:#ffffff12;border:1px solid #ffffff30;border-radius:24px}
.report-section{margin-top:46px;scroll-margin-top:95px}.sub,.source-note{color:var(--gc-muted);margin:0 0 24px}.source-note{font-size:12px;margin-top:18px}
.customer .card{background:white;border:1px solid var(--gc-line);border-radius:17px;padding:25px;box-shadow:0 3px 15px #26373f05;min-width:0}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{display:block;font-size:clamp(29px,3.3vw,43px);font-weight:800;letter-spacing:-1.5px;margin-top:18px;line-height:1.2}.metric small{font-size:17px;letter-spacing:0;color:var(--gc-muted)}
.label{font-size:13px;color:var(--gc-muted)}.green,.zone-score{color:var(--gc-green-ink)}
.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.three-grid p{font-size:13px;color:var(--gc-muted)}
.zone-score{display:block;font-size:26px;font-weight:750;margin:20px 0}.status{display:inline-block;border-radius:20px;background:var(--gc-blue-soft);color:var(--gc-action);padding:6px 11px;font-size:12px;overflow-wrap:anywhere}
.report-two{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.bar-label{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;margin:24px 0 8px}.bar-label span{white-space:nowrap;color:var(--gc-muted)}
.customer progress{width:100%;height:9px;border:0;border-radius:10px;overflow:hidden;background:var(--gc-line-soft);accent-color:var(--gc-green)}
.customer progress::-webkit-progress-bar{background:var(--gc-line-soft)}.customer progress::-webkit-progress-value{background:var(--gc-green);border-radius:10px}
.table-wrap{overflow-x:auto}.customer table,.table-wrap table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}
.customer th,.customer td,.table-wrap td,.table-wrap th{padding:16px 12px;border-bottom:1px solid var(--gc-line);vertical-align:top;overflow-wrap:anywhere}
.customer th{color:var(--gc-muted);font-weight:600}.customer td p{margin:8px 0 0}.customer tbody tr:last-child td{border-bottom:0}
.table-wrap table{min-width:520px}.table-wrap small{display:block}.compact-table th,.compact-table td{padding:6px 8px;font-size:12px}
.callout{border:1px solid var(--gc-green-line);background:var(--gc-green-soft);padding:22px 26px;border-radius:17px;margin-top:16px}.callout p{font-size:14px}
.result{margin:20px 0;padding-top:18px;border-top:1px solid var(--gc-line)}.result b{font-size:12px}.result p{font-size:13px}
.service-feature{display:grid;grid-template-columns:30% 1fr;background:white;border:1px solid var(--gc-line);border-radius:19px;overflow:hidden;margin-top:16px}
.service-art{background:linear-gradient(150deg,var(--gc-green-ink),var(--gc-action));color:white;display:flex;flex-direction:column;justify-content:space-between;padding:30px;font-size:11px;letter-spacing:1.5px}.service-art b{font-size:110px;font-weight:400;line-height:1.2;text-align:center;padding:25px 0}.service-body{padding:34px}.service-body h3{font-size:32px}.service-body p{font-size:14px;color:var(--gc-muted)}
.feedback-panel{background:var(--gc-text-strong);color:white;border-radius:20px;padding:32px}.feedback-panel>p{color:#d8e3e6;font-size:14px}.feedback-panel fieldset{border:0;padding:0;margin:15px 0}.feedback-panel legend{font-size:13px;margin-bottom:8px}
.feedback-panel #id_rating{display:flex;gap:10px;flex-wrap:wrap}.feedback-panel #id_rating label{padding:12px 15px;background:#ffffff12;border-radius:8px;display:block;cursor:pointer}.feedback-panel input[type=radio]{accent-color:var(--gc-green);width:17px;height:17px}
.feedback-panel textarea{display:block;width:100%;margin:10px 0 18px;border-radius:10px;border:1px solid var(--gc-line);padding:13px;background:white;color:var(--gc-text)}
.feedback-panel .button{background:var(--gc-green);color:white}.feedback-panel small{display:block;font-size:12px;margin-top:12px;color:#d8e3e6}
.demo-stars{color:#d4e6c6;font-size:32px}.preview-feedback{padding:12px;background:#ffffff0e;border-radius:8px}.feedback-panel [disabled] .button{cursor:default;opacity:.65}
.customer .button{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--gc-action);color:white;border:1px solid transparent;border-radius:9px;font-weight:650;cursor:pointer;text-decoration:none;font-size:13px}
.customer .button.secondary{background:white;border-color:var(--gc-line);color:var(--gc-action)}.customer a:focus-visible,.customer button:focus-visible{outline:3px solid var(--gc-cyan);outline-offset:3px}
.customer input:not([type=radio]):not([type=checkbox]),.customer select,.customer .activation-card textarea{padding:12px;border:1px solid var(--gc-line);border-radius:8px;max-width:100%;background:white;color:var(--gc-text)}
.customer .activation-card input{display:block;width:100%}.customer .field{margin:20px 0}.customer .field small{display:block}
.customer-footer{max-width:1200px;margin:0 auto;padding:20px 24px 35px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--gc-muted)}
.report-nav{position:sticky;top:0;z-index:10;background:white;border-bottom:1px solid var(--gc-line);box-shadow:0 4px 16px #26373f08}.report-nav>div{display:flex;gap:6px;overflow-x:auto;max-width:1200px;margin:auto;padding:10px 16px}.report-nav a{flex:none;font-size:12px;padding:10px 13px;border-radius:8px;text-decoration:none;white-space:nowrap;color:var(--gc-text)}.report-nav a:hover,.report-nav a[aria-current=location]{background:var(--gc-green-ink);color:white}
.demo-notice{background:var(--gc-warning-bg);border:1px solid #d9c797;color:#755119;padding:15px 20px;border-radius:12px;font-size:13px;margin-bottom:20px}
.preview-bar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 0 20px;font-size:12px;color:var(--gc-muted)}
.report-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:15px 0}.report-controls form{margin:0}.tag{border:1px solid var(--gc-line);border-radius:30px;padding:7px 12px;font-size:11px;color:var(--gc-muted)}
.report-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.report-teaser .eyebrow{margin-top:20px}.report-teaser p{color:var(--gc-muted)}.report-teaser h2 a{text-decoration:none}
.report-filters{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:28px 0!important}.report-filters label{display:grid;gap:6px;font-size:12px}
.pagination{display:flex;gap:20px;align-items:center;margin-top:25px}.empty{color:var(--gc-muted);font-size:14px}.trend-chart svg{width:100%;height:auto;max-height:225px;display:block}.notice{padding:15px;background:var(--gc-green-soft);border-radius:10px}.customer .errorlist{color:#b43e35}.activation-card{max-width:640px;margin:auto}.activation-card .helptext,.activation-card small{font-size:12px;color:var(--gc-muted)}
.customer .skip{position:absolute;left:-9999px}.customer .skip:focus{left:15px;top:15px;padding:12px;background:white;z-index:99}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.report-editor{max-width:1000px;padding:28px;margin:20px 0}.report-editor .field{margin:0 0 22px}.report-editor .field small{display:block;color:var(--gc-muted);font-size:12px}.report-editor label{display:block;margin-bottom:6px}.report-editor input:not([type=checkbox]):not([type=hidden]),.report-editor textarea,.report-editor select{width:100%;padding:11px;border:1px solid var(--gc-line);border-radius:7px;font:inherit;box-sizing:border-box}.report-editor input[type=checkbox]{width:18px;height:18px}.report-editor textarea{resize:vertical}
.editor-row{border:1px solid var(--gc-line);border-radius:10px;padding:20px;margin:20px 0}.editor-section{margin-top:36px;padding-top:25px;border-top:1px solid var(--gc-line)}.editor-row legend{font-size:13px;font-weight:600}.save-bar{display:flex;gap:25px;align-items:center;margin-top:30px}.report-client-list{display:grid;gap:10px;padding:20px 0}.demo-setup{margin:20px 0}.demo-setup small{display:block;color:var(--gc-muted);font-size:12px;margin-top:7px}
@media(max-width:850px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.three-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-two{grid-template-columns:1fr}.customer-header{align-items:flex-start}.customer-header-actions{justify-content:flex-end;gap:12px}.report-hero{padding:32px}.service-feature{grid-template-columns:1fr}.service-art{min-height:150px;flex-direction:row;align-items:center}.service-art b{font-size:65px;padding:0}}
@media(max-width:560px){.customer-header{flex-direction:column;padding:20px}.customer-header-actions{justify-content:flex-start;gap:14px}.report-wrap{padding:20px 14px 40px}.report-hero{padding:25px}.hero-pills{gap:8px}.hero-pills span{font-size:11px;padding:9px 12px}.three-grid,.report-cards{grid-template-columns:1fr}.metric-grid{gap:10px}.metric-grid .card{padding:18px 14px}.metric{font-size:30px}.customer h2{font-size:24px}.label{font-size:12px}.report-section{margin-top:32px}.customer .card{border-radius:13px}.service-body{padding:24px}.service-art{padding:22px}.feedback-panel{padding:24px}.customer-footer{flex-direction:column;align-items:flex-start}.report-filters{gap:12px}.report-filters label{flex:1;min-width:125px}.report-filters input,.report-filters select{width:100%}.report-editor{padding:18px}.editor-row{padding:14px}}
@media print{.customer-header-actions,.report-nav,.preview-bar,.report-controls,.feedback-panel,.demo-setup{display:none}.customer{background:white}.report-wrap{max-width:none;padding:0}.report-hero{print-color-adjust:exact}.card,.service-feature{break-inside:avoid}.report-section{margin-top:24px}.customer-footer{margin-top:24px}}
