/* Solar Suvidha RoofCheck v2 */

/* the hidden attribute must always win over component display rules */
[hidden]{display:none!important}

.rc-hero{background:linear-gradient(180deg,var(--cloud) 0%,#fff 100%);padding:56px 0 34px}
.rc-hero h1{max-width:24ch}
.rc-sub{font-size:18.5px;max-width:64ch;color:var(--body)}
.rc-search{display:flex;gap:10px;margin:22px 0 10px;max-width:640px}
.rc-search input{flex:1;padding:14px 16px;font-family:'Mukta';font-size:16.5px;border:2px solid var(--line);border-radius:10px;color:var(--ink)}
.rc-search input:focus{border-color:var(--orange);outline:none}
.rc-micro{font-size:14px;color:var(--slate)}
.rc-trustline{font-family:'Poppins';font-weight:600;font-size:15px;color:var(--navy);margin-top:4px}
.rc-setup-note{background:#FFF9EC;border:1px solid #FDE68A;border-radius:10px;padding:14px 16px;margin-top:14px;max-width:640px}
.rc-setup-note p{margin:0;font-size:14.5px;color:var(--body)}

.rc-tool{padding:10px 0 40px}
.rc-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 34px rgba(22,50,79,.08);padding:22px;max-width:920px;margin:0 auto}
.rc-map-head h2{font-size:22px;margin-bottom:4px}
.rc-map-head p{font-size:15px;color:var(--slate);margin-bottom:12px}
.rc-map{width:100%;aspect-ratio:16/10;min-height:340px;border-radius:12px;background:var(--cloud)}
.rc-map-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}
.rc-trace-hint{font-size:14px;color:var(--slate);margin-right:auto}
.btn-ghost-sm{font-family:'Poppins';font-weight:600;font-size:14px;padding:9px 14px;border:2px solid var(--line);border-radius:8px;background:#fff;color:var(--navy);cursor:pointer}
.btn-ghost-sm:hover{border-color:var(--navy)}
.rc-usable{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px;font-size:14.5px;color:var(--body)}
.rc-usable-btns{display:flex;gap:8px;flex-wrap:wrap}
.rc-usable-btns button{font-family:'Poppins';font-weight:600;font-size:13px;padding:8px 13px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--slate);cursor:pointer}
.rc-usable-btns button.on{background:var(--navy);border-color:var(--navy);color:#fff}

.rc-state{text-align:center;padding:36px 16px}
.rc-state p{color:var(--slate);margin:12px 0 0}
.rc-spinner{width:44px;height:44px;border:4px solid var(--line);border-top-color:var(--orange);border-radius:50%;margin:0 auto;animation:rcspin .9s linear infinite}
@keyframes rcspin{to{transform:rotate(360deg)}}
.rc-fallback{text-align:left;background:var(--cloud);border-radius:12px;padding:22px}
.rc-fallback h3{margin-bottom:8px}
.rc-fallback p{font-size:15.5px;margin-bottom:14px}

.rc-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px}
.rc-result-head h2{font-size:24px;margin:0}
.rc-conf{font-family:'Poppins';font-weight:600;font-size:12.5px;padding:6px 13px;border-radius:999px;background:#EAF7EF;color:#15803D}
.rc-conf.manual{background:#FFF9EC;color:#92400E}
.rc-result-sub{font-size:14px;color:var(--slate);margin:6px 0 14px}
.rc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.rc-stat{background:var(--cloud);border-radius:12px;padding:14px 14px;text-align:center}
.rc-stat b{display:block;font-family:'Poppins';font-weight:700;font-size:clamp(20px,2.6vw,26px);color:var(--navy)}
.rc-stat span{font-size:12.5px;color:var(--slate)}
.rc-attrib{font-size:12.5px;color:var(--slate);margin:12px 0 18px}

.rc-tabs{display:flex;gap:6px;background:var(--cloud);border-radius:12px;padding:6px;width:max-content;max-width:100%;overflow:auto}
.rc-tabs button{font-family:'Poppins';font-weight:600;font-size:14px;padding:10px 16px;border:none;border-radius:9px;background:transparent;color:var(--slate);cursor:pointer;white-space:nowrap}
.rc-tabs button.on{background:var(--navy);color:#fff}
.rc-tabnote{font-size:14px;color:var(--body);margin:10px 0 18px;max-width:70ch}

.rc-consume h3{font-size:18px;margin-bottom:10px}
.rc-units-row{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}
.rc-units-row label{font-family:'Poppins';font-weight:600;font-size:14px;color:var(--navy)}
.rc-units-row input{display:block;margin-top:6px;width:170px;padding:11px 12px;font-family:'Mukta';font-size:16px;border:1.5px solid var(--line);border-radius:9px}
.rc-units-row input:focus{border-color:var(--orange);outline:none}
.rc-bands{display:flex;gap:8px;flex-wrap:wrap}
.rc-bands button{font-family:'Poppins';font-weight:600;font-size:13px;padding:9px 13px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--slate);cursor:pointer}
.rc-bands button.on{background:var(--btn);border-color:var(--btn);color:#fff}
.rc-units-hint{font-size:13px;color:var(--slate);margin-top:8px}

.rc-econ{margin-top:22px;border-top:1px dashed var(--line);padding-top:20px}
.rc-econ h3{font-size:19px;margin-bottom:12px}
.rc-econ-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}
.rc-econ-row{display:flex;justify-content:space-between;gap:12px;font-size:15.5px;padding:9px 0;border-bottom:1px solid var(--cloud)}
.rc-econ-row span{color:var(--slate)}
.rc-econ-row b{font-family:'Poppins';font-weight:600;color:var(--navy);text-align:right}
.rc-econ-row.total b{color:#15803D;font-weight:700}
.rc-econ-row.net b{color:var(--link);font-weight:700}
.rc-fitflag{font-family:'Poppins';font-weight:600;font-size:13px;padding:4px 11px;border-radius:999px}
.rc-fitflag.ok{background:#EAF7EF;color:#15803D}
.rc-fitflag.over{background:#FDF1F1;color:#B91C1C}
.rc-gbi{font-size:14px;color:var(--body);background:#FFF9EC;border-left:4px solid var(--gold);border-radius:0 10px 10px 0;padding:10px 14px;margin-top:14px}
.rc-econ-note{font-size:12.5px;color:var(--slate);margin-top:12px}

.rc-lead{margin-top:24px;background:var(--navy);border-radius:14px;padding:26px 24px;color:#fff}
.rc-lead h3{color:#fff;font-size:20px;margin-bottom:6px}
.rc-lead>p{color:#C7D5E3;font-size:15px;margin-bottom:16px}
.rc-lead-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.rc-lead-fields label{font-family:'Poppins';font-weight:600;font-size:13px;color:#C7D5E3}
.rc-lead-fields input{display:block;width:100%;margin-top:6px;padding:11px 12px;font-family:'Mukta';font-size:15.5px;border:none;border-radius:8px;color:var(--ink)}
.rc-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#C7D5E3;margin:14px 0 16px}
.rc-consent input{width:17px;height:17px;margin-top:2px;accent-color:var(--gold)}
.rc-consent a{color:var(--gold)}
.rc-lead-msg{font-size:14px;margin-top:10px;color:var(--gold)}

.rc-edu{padding:48px 0 8px}
.rc-narrow{max-width:820px}
.rc-edu h2{margin-top:30px}
.rc-edu h2:first-child{margin-top:0}
.rc-sources{padding:8px 0 48px}

@media(max-width:860px){
  .rc-search{flex-direction:column}
  .rc-search .btn{width:100%}
  .rc-card{padding:16px}
  .rc-map{min-height:300px;aspect-ratio:4/5}
  .rc-stats{grid-template-columns:1fr 1fr}
  .rc-econ-grid{grid-template-columns:1fr}
  .rc-lead-fields{grid-template-columns:1fr}
  .rc-tabs{width:100%}
}