/* Green design system for interior tracker pages. The approved homepage keeps dashboard.css. */
div.typhoonmap-app.tm-green-site{--tm-primary:#087d75!important;--tm-accent:#d99b48;--tm-bg:#f7f9f8;--tm-card:#fff;--tm-text:#172e38;--tm-muted:#74838a;--tm-border:#e2e7e7;--tm-secondary:#edf5f1;--tm-gutter:20px;--tm-card-radius:11px;background:#f7f9f8;color:#172e38;border:0;box-shadow:none;font:14px/1.6 'DM Sans',system-ui,sans-serif;overflow:hidden;min-height:100vh}
.tm-green-site [hidden]{display:none!important}
.tm-green-site :is(button,input,textarea,select){font-family:'DM Sans',system-ui,sans-serif;letter-spacing:normal}
.tm-green-site :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #35b6a6;outline-offset:3px}
.tm-green-site :is(h1,h2,h3){color:#172e38;font-family:Manrope,system-ui,sans-serif;line-height:1.35;letter-spacing:-.5px;text-transform:none}
.tm-green-site a:not([class]){color:#087d75;text-underline-offset:3px}
.tm-green-site .tm-green-header{background:#fff;border-bottom:1px solid #e2e7e7;position:relative;z-index:50}
.tm-green-site .tm-green-topbar{display:flex;align-items:center;justify-content:space-between;height:82px;gap:22px;padding:0 4%;max-width:1640px;margin:auto}
.tm-green-site .tm-green-brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font:800 22px Manrope,sans-serif;letter-spacing:-1px;color:#172e38}
.tm-green-site .tm-green-brand svg{width:36px;height:36px;flex-shrink:0;color:#087d75}
.tm-green-site .tm-green-primary{display:flex;align-items:center;gap:25px;white-space:nowrap}
.tm-green-site .tm-green-primary a{font-size:12px;font-weight:600;color:#74838a}
.tm-green-site [aria-current="page"]{color:#087d75!important}
.tm-green-site .tm-green-header-actions{display:flex;align-items:center;gap:18px}
.tm-green-site .tm-green-signup{font-size:12px;font-weight:600;color:#087d75;white-space:nowrap}
.tm-green-site .tm-green-header-actions button{background:none;border:0;border-radius:0;color:#087d75;font-size:19px;padding:8px;line-height:1.4;cursor:pointer}
.tm-green-site .tm-green-nav-panel{border-top:1px solid #e2e7e7;padding:22px 4%;background:#fff}
.tm-green-site .tm-green-nav-panel.is-open{display:grid;grid-template-columns:2fr 1fr;gap:35px}
.tm-green-site .tm-green-menu-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tm-green-site .tm-green-menu-links a{font-size:12px;color:#526d76}
.tm-green-site .tm-green-search label{display:block;font-size:11px;font-weight:600;margin-bottom:6px;color:#74838a}
.tm-green-site .tm-green-search>div{display:flex;border:1px solid #dce5e5;border-radius:6px;overflow:hidden;background:#f8fbfa}
.tm-green-site .tm-green-search input{width:100%;min-width:0;border:0;background:none;padding:10px;font-size:12px;color:#172e38}
.tm-green-site .tm-green-search button{border:0;border-radius:0;background:#087d75;color:white;padding:10px 14px;font-size:11px;font-weight:600;cursor:pointer}
.tm-green-site .tm-main{max-width:1640px;margin:0 auto;padding:29px 4% 34px;display:block}
.tm-green-site .tm-page-title,.tm-green-site .tm-page-title.tm-detail-title,.tm-green-site .tm-region-title:not(.tm-page-title-image){background:none!important;background-image:none!important;box-shadow:none!important;border:0!important;border-radius:0;padding:0;margin:0 0 25px;color:#172e38!important}
.tm-green-site .tm-page-title>span,.tm-green-site .tm-page-title.tm-detail-title>span{display:block;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#087d75!important}
.tm-green-site .tm-page-title h1,.tm-green-site .tm-page-title.tm-detail-title h1{font:800 clamp(27px,2.5vw,36px)/1.3 Manrope,sans-serif;letter-spacing:-1.4px;color:#172e38!important;margin:8px 0}
.tm-green-site .tm-page-title p,.tm-green-site .tm-page-title.tm-detail-title p{font-size:13px;font-weight:400;color:#74838a!important;line-height:1.65;margin:0;max-width:850px}
.tm-green-site .tm-layout{grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}
.tm-green-site :is(.tm-layout-main,.tm-sidebar){min-width:0;display:flex;flex-direction:column;gap:20px}
.tm-green-site .tm-card{background:#fff;border:1px solid #e2e7e7;border-radius:11px;box-shadow:none!important;overflow:hidden;min-width:0}
.tm-green-site .tm-card-header{background:#fff;border-bottom:1px solid #e2e7e7;padding:18px 20px;gap:12px;flex-wrap:wrap}
.tm-green-site .tm-card-header h2,.tm-green-site .tm-card-header h3{font:750 15px/1.4 Manrope,sans-serif;color:#172e38;letter-spacing:-.3px;text-transform:none;margin:0}
.tm-green-site .tm-card-header>span{font:400 11px/1.5 'DM Sans',sans-serif;color:#74838a;letter-spacing:0;text-transform:none}
.tm-green-site .tm-card-caption{font-size:11px;line-height:1.7;color:#74838a;padding:14px 20px;margin:0}
.tm-green-site :is(.tm-link,.tm-card-action){color:#087d75!important;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}
.tm-green-site :is(.tm-btn,.tm-alert-btn,.tm-report-submit,.tm-signup-submit){background:#087d75!important;border:1px solid #087d75!important;border-radius:6px;color:#fff!important;font-size:12px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;padding:11px 16px;box-shadow:none!important;min-height:42px;text-align:center}
.tm-green-site .tm-btn:hover{background:#066d65!important;transform:none;box-shadow:none!important}
.tm-green-site :is(.tm-btn-secondary,.tm-btn-soft){background:#edf5f1!important;border-color:#d7e8e0!important;color:#087d75!important}
.tm-green-site :is(.tm-muted,.tm-empty-state p){color:#74838a;font-size:12px;line-height:1.7}
.tm-green-site .tm-empty-state{padding:38px 24px;background:#fff}
.tm-green-site .tm-empty-state h3{font:750 20px Manrope,sans-serif;letter-spacing:-.6px;color:#172e38}
.tm-green-site .tm-empty-icon{background:#edf5f1;color:#087d75}
.tm-green-site .tm-storm-grid,.tm-green-site .tm-alert-grid{gap:18px;padding:20px;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr))}
.tm-green-site .tm-storm-card{border:1px solid #e2e7e7;border-radius:9px;box-shadow:none;background:white;padding:20px}
.tm-green-site .tm-storm-card h3{font:800 23px Manrope,sans-serif;letter-spacing:-.8px;margin:10px 0}
.tm-green-site .tm-data-list{gap:12px;background:none}
.tm-green-site .tm-data-list dt{font-size:10px;font-weight:500;color:#74838a;letter-spacing:0;text-transform:none}
.tm-green-site .tm-data-list dd{font:700 18px Manrope,sans-serif;letter-spacing:-.4px;color:#172e38}
.tm-green-site .tm-source-confidence.has-source{background:#f2f7f4;border-color:#dce9e2;color:#376b5b;font-size:11px;font-weight:600}
.tm-green-site .tm-source-confidence small{font-size:9px;color:#74838a}
.tm-green-site .tm-source-link{background:#fbfcfb;border-color:#e2e7e7;border-radius:7px;box-shadow:none}
.tm-green-site .tm-source-link:hover{border-color:#8dc7b8;transform:none;box-shadow:none}
.tm-green-site .tm-source-link strong{font-size:12px;letter-spacing:0;font-weight:600;color:#087d75}
.tm-green-site .tm-source-link span{font-size:11px;color:#74838a}
.tm-green-site .tm-detail-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin-top:22px}
.tm-green-site .tm-detail-kpis>div{background:#fff;border:1px solid #e2e7e7;border-radius:8px;padding:13px 15px}
.tm-green-site .tm-detail-kpis small{color:#74838a!important;font-size:10px;font-weight:500;letter-spacing:0;text-transform:none}
.tm-green-site .tm-detail-kpis strong{color:#172e38!important;font:700 15px/1.5 Manrope,sans-serif}
.tm-green-site .tm-detail-facts{padding:20px;gap:12px}
.tm-green-site .tm-detail-facts>div{background:#f6f9f7;border:1px solid #e2e7e7;border-radius:7px;padding:12px}
.tm-green-site .tm-detail-facts dt{font-size:10px;letter-spacing:0;text-transform:none;color:#74838a;font-weight:500}
.tm-green-site .tm-detail-facts dd{color:#172e38;font-size:13px;font-weight:600;overflow-wrap:anywhere}
.tm-green-site .tm-detail-body{font-size:13px;line-height:1.8;color:#5a717b;padding:0 20px 20px}
.tm-green-site .tm-track-timeline{padding:20px}
.tm-green-site .tm-track-timeline small{color:#74838a;font-size:11px}
.tm-green-site .tm-map-layer-toolbar{background:#f9fbfa;border-color:#e2e7e7;padding:14px 18px}
.tm-green-site .tm-layer-toolbar-title strong{font-size:10px;font-weight:600;letter-spacing:1px;color:#74838a}
.tm-green-site .tm-layer-toolbar-title span{font-size:11px;color:#74838a}
.tm-green-site :is(.tm-layer-btn,.tm-layer-link){border:1px solid #e2e7e7;border-radius:5px;padding:9px 12px;background:#fff;color:#617780;font-size:11px;font-weight:500;letter-spacing:0;box-shadow:none}
.tm-green-site .tm-layer-btn.is-active{background:#e7f3ef;border-color:#d4e9df;color:#08796c;box-shadow:none}
.tm-green-site .tm-layer-btn:hover{background:#edf5f1;color:#087d75;border-color:#a8cfc1}
.tm-green-site .tm-leaflet-map,.tm-green-site .tm-signal-leaflet{background:#102f3e}
.tm-green-site .tm-copy-grid p{color:#617780;font-size:13px;line-height:1.8}
.tm-green-site .tm-guide-grid{gap:20px}
.tm-green-site .tm-safety-list{padding:18px 20px;font-size:13px;color:#617780;line-height:1.8}
.tm-green-site .tm-safety-list li>span{background:#edf5f1;color:#087d75}
.tm-green-site .tm-alert-signup-main{padding-block:30px 45px}
.tm-green-site .tm-alert-signup-card{max-width:800px;border:1px solid #e2e7e7;border-radius:11px;padding:28px;margin:auto;box-shadow:none}
.tm-green-site .tm-signup-intro{background:none;padding:0 0 20px;text-align:left;border:0}
.tm-green-site .tm-signup-intro>span{color:#087d75;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase}
.tm-green-site .tm-signup-intro h1{font:800 32px Manrope,sans-serif;color:#172e38;margin:8px 0 10px;letter-spacing:-1px}
.tm-green-site .tm-signup-intro p{font-size:13px;color:#74838a;line-height:1.8;max-width:none;margin:0}
.tm-green-site .tm-signup-trust{background:#edf5f1;border:1px solid #dce9e2;color:#527565;font-size:12px;line-height:1.7;border-radius:7px;padding:12px 14px}
.tm-green-site .tm-form{font-size:13px;gap:18px}
.tm-green-site .tm-form>label,.tm-green-site .tm-form legend{font-size:12px;font-weight:600;color:#314f5a}
.tm-green-site .tm-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),.tm-green-site .tm-form :is(select,textarea){width:100%;min-width:0;background:#fafcfb!important;border:1px solid #dce5e5!important;border-radius:6px!important;padding:11px 12px!important;font-size:13px!important;color:#172e38!important;box-shadow:none;appearance:auto}
.tm-green-site .tm-form input[type="checkbox"],.tm-green-site .tm-form input[type="radio"]{accent-color:#087d75;appearance:auto;flex-shrink:0}
.tm-green-site .tm-region-picker :is(summary,label,span){letter-spacing:0!important;text-transform:none;font-size:12px}
.tm-green-site .tm-region-accordion>summary,.tm-green-site .tm-region-subaccordion>summary{background:#f7faf8;color:#47645a;padding:13px 15px}
.tm-green-site .tm-region-subgrid{background:#fbfdfb}
.tm-green-site .tm-region-help{font-size:12px;color:#74838a}
.tm-green-site .tm-consent-check{font-size:12px;line-height:1.7;color:#617780}
.tm-green-site .tm-report-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.tm-green-site .tm-public-report-card{border-radius:9px!important;border-color:#e2e7e7!important;box-shadow:none!important}
.tm-green-site .tm-public-report-image{background:#edf5f1!important}
.tm-green-site .tm-public-report-card h3{font:750 17px Manrope,sans-serif!important;color:#172e38!important;letter-spacing:-.5px!important}
.tm-green-site .tm-public-report-card .tm-report-storm-name{color:#087d75!important}
.tm-green-site .tm-report-type-badges span{background:#edf5f1!important;border-color:#d5e8df!important;color:#487461!important;font-weight:600!important}
.tm-green-site .tm-submit-report-card{border-top:3px solid #87b6a1!important}
.tm-green-site .tm-report-form label,.tm-green-site .tm-report-form legend{font-size:12px!important;font-weight:600!important;color:#314f5a!important;line-height:1.5!important}
.tm-green-site .tm-report-check-buttons span{font-weight:500!important;border-color:#dce5e5!important;color:#617780!important}
.tm-green-site .tm-report-check-buttons input:checked+span{background:#e7f3ef!important;border-color:#87baa6!important;color:#087d75!important;box-shadow:0 0 0 2px #d5eadd!important}
.tm-green-site .tm-report-check-buttons input:focus-visible+span{outline:3px solid #35b6a6;outline-offset:2px}
.tm-green-site .tm-province-table-toolbar,.tm-green-site .tm-province-table-head,.tm-green-site .tm-signal-region-selector{background:#f3f8f5}
.tm-green-site .tm-province-group summary{background:#f6f9f7;color:#47685b;letter-spacing:0;text-transform:none}
.tm-green-site .tm-province-table-toolbar h2{color:#172e38}
.tm-green-site .tm-province-row:nth-child(even){background:#fafcfb}
.tm-green-site .tm-province-row:hover{background:#edf5f1}
.tm-green-site .tm-signal-warning-strip{background:#f7faf8;border-color:#e2e7e7}
.tm-green-site .tm-about-page{display:block}
.tm-green-site .tm-about-intro{text-align:left;padding:0;margin:0 0 25px}
.tm-green-site .tm-about-intro h1{font:800 clamp(27px,2.5vw,36px)/1.3 Manrope,sans-serif;letter-spacing:-1.4px;color:#172e38;margin:0 0 10px}
.tm-green-site .tm-about-intro p{font-size:13px;color:#74838a;max-width:800px;margin:0}
.tm-green-site .tm-about-brand-card{display:flex;align-items:center;gap:20px;border:1px solid #dbe8e0;background:#edf5f1;border-radius:11px;padding:25px;margin-bottom:22px}
.tm-green-site .tm-about-brand-card>span{font-size:52px;color:#087d75}
.tm-green-site .tm-about-brand-card strong{font:800 25px Manrope,sans-serif;letter-spacing:-.8px;color:#172e38}
.tm-green-site .tm-about-brand-card p{margin:5px 0 0;color:#74838a;font-size:12px}
.tm-green-site .tm-about-copy-card{padding:24px;margin-bottom:22px}
.tm-green-site .tm-about-copy h2{font:750 23px Manrope,sans-serif;letter-spacing:-.7px;color:#172e38;max-width:800px}
.tm-green-site .tm-about-copy p{font-size:13px;line-height:1.85;color:#617780}
.tm-green-site .tm-about-info-card{border-top:2px solid #a1c7b4!important;padding:22px}
.tm-green-site .tm-about-info-card h2{font:750 15px Manrope,sans-serif;letter-spacing:-.3px;text-transform:none;color:#172e38}
.tm-green-site .tm-about-info-card p,.tm-green-site .tm-about-info-card li{font-size:13px;line-height:1.8;color:#617780}
.tm-green-site .tm-about-cta-row{justify-content:flex-start;margin-top:22px}
.tm-green-site .tm-footer{background:#f0f5f3;color:#74838a;border-top:1px solid #e2e7e7;border-radius:0;margin:0;box-shadow:none!important;padding:28px 4%}
.tm-green-site .tm-footer.tm-footer-v68 .tm-footer-column h3{font:700 13px Manrope,sans-serif!important;letter-spacing:-.2px!important;text-transform:none!important;color:#47675b!important;border-color:#dce5e0!important}
.tm-green-site .tm-footer.tm-footer-v68 .tm-footer-column a{font:400 12px/1.6 'DM Sans',sans-serif!important;color:#617780!important}
.tm-green-site .tm-footer.tm-footer-v68 .tm-footer-column a:hover{color:#087d75!important}
.tm-green-site .tm-footer-note{border-top:1px solid #dce5e0;margin-top:22px;padding-top:16px}
.tm-green-site .tm-footer-note p{font-size:10px;line-height:1.8;color:#7a8d92}
/* Account landing screens retain the existing handlers, tokens and email behavior. */
body .tm-landing-wrap{background:#f7f9f8;font-family:'DM Sans',system-ui,sans-serif;padding:24px}
body .tm-landing-card{border-color:#e2e7e7;border-radius:11px;box-shadow:none;font-family:'DM Sans',system-ui,sans-serif;padding:28px}
body .tm-landing-card h1{font:800 30px Manrope,sans-serif;color:#172e38;letter-spacing:-1px}
body .tm-landing-card p{color:#74838a;font-size:14px;line-height:1.8}
body .tm-landing-card :is(.tm-landing-btn,.tm-push-btn){background:#087d75;border:0;border-radius:6px;color:white;font-size:12px;font-weight:600;padding:12px 16px}
body .tm-landing-card .tm-push-panel{background:#edf5f1;border-color:#d5e8df;border-radius:8px}
body .tm-landing-card .tm-push-panel h2{color:#172e38;font-family:Manrope,sans-serif}
body .tm-landing-card .tm-form{font:13px 'DM Sans',sans-serif}
body .tm-landing-card .tm-form :is(input[type="email"],select,textarea){padding:11px;border:1px solid #dce5e5;border-radius:6px;background:#fafcfb;color:#172e38}
body .tm-landing-card .tm-form input[type="checkbox"]{accent-color:#087d75}
@media(max-width:1150px){.tm-green-site .tm-green-primary{gap:15px}.tm-green-site .tm-green-primary a{font-size:11px}.tm-green-site .tm-green-brand{font-size:20px}.tm-green-site .tm-layout{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.tm-green-site .tm-card-header{padding:16px}.tm-green-site .tm-report-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:950px){.tm-green-site .tm-green-primary{display:none}.tm-green-site .tm-layout{grid-template-columns:1fr}.tm-green-site .tm-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tm-green-site .tm-green-nav-panel.is-open{grid-template-columns:1fr}.tm-green-site .tm-green-search{max-width:500px}}
@media(max-width:640px){.tm-green-site .tm-green-topbar{height:65px;padding:0 5%;gap:10px}.tm-green-site .tm-green-brand{font-size:16px;gap:8px;white-space:normal;line-height:1.3}.tm-green-site .tm-green-brand svg{width:30px;height:30px}.tm-green-site .tm-green-header-actions{gap:8px}.tm-green-site .tm-green-signup{font-size:10px}.tm-green-site .tm-green-header-actions button{font-size:18px;padding:6px}.tm-green-site .tm-green-menu-links{grid-template-columns:1fr 1fr;gap:15px}.tm-green-site .tm-green-nav-panel{padding:20px 5%}.tm-green-site .tm-main{padding:24px 4% 28px}.tm-green-site .tm-page-title h1,.tm-green-site .tm-page-title.tm-detail-title h1{font-size:28px;letter-spacing:-1px}.tm-green-site .tm-page-title p{font-size:12px}.tm-green-site .tm-sidebar{display:flex}.tm-green-site .tm-guide-grid{grid-template-columns:1fr}.tm-green-site .tm-storm-grid,.tm-green-site .tm-alert-grid{grid-template-columns:1fr;padding:14px}.tm-green-site .tm-source-list-expanded{grid-template-columns:1fr!important}.tm-green-site .tm-alert-signup-card{padding:20px}.tm-green-site .tm-signup-intro h1{font-size:28px}.tm-green-site .tm-region-picker :is(summary,label,span){font-size:12px}.tm-green-site .tm-report-card-grid{grid-template-columns:1fr!important}.tm-green-site .tm-about-brand-card{padding:19px;gap:13px}.tm-green-site .tm-about-brand-card strong{font-size:20px}.tm-green-site .tm-about-copy-card{padding:20px}.tm-green-site .tm-about-copy h2{font-size:21px}.tm-green-site .tm-about-card-grid{grid-template-columns:1fr}.tm-green-site .tm-detail-kpis{grid-template-columns:1fr 1fr}.tm-green-site .tm-detail-kpis strong{font-size:12px;overflow-wrap:anywhere}.tm-green-site .tm-footer{padding:25px 5%}body .tm-landing-wrap{padding:16px}body .tm-landing-card{padding:22px}}
@media(max-width:370px){.tm-green-site .tm-green-brand{font-size:14px}.tm-green-site .tm-green-signup{font-size:9px}.tm-green-site .tm-green-header-actions{gap:3px}}
@media(prefers-reduced-motion:reduce){.tm-green-site *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Older CTA rules used their own blue variables and more specific selectors. */
div.typhoonmap-app.tm-green-site{--tm-cta-blue:#087d75!important;--tm-cta-blue-hover:#066d65!important;--tm-cta-text:#fff!important}
div.typhoonmap-app.tm-green-site :is(.tm-btn,button.tm-signup-submit,button.tm-report-submit,.tm-alert-btn){background:#087d75!important;border-color:#087d75!important;color:#fff!important;box-shadow:none!important}
div.typhoonmap-app.tm-green-site :is(.tm-btn,button.tm-signup-submit,button.tm-report-submit,.tm-alert-btn):hover{background:#066d65!important;border-color:#066d65!important;color:#fff!important;box-shadow:none!important}
div.typhoonmap-app.tm-green-site .tm-card :is(.tm-btn-secondary,.tm-btn-soft){background:#edf5f1!important;border-color:#d7e8e0!important;color:#087d75!important}
.tm-green-site .tm-alert-signup-form{padding:0}
/* Severity badges remain semantic; green is the navigation/action brand color. */
.tm-green-site .tm-sev-danger .tm-alert-top>span{background:#fee2e2;color:#991b1b}
.tm-green-site .tm-sev-warning .tm-alert-top>span{background:#ffedd5;color:#9a3412}
.tm-green-site .tm-sev-watch .tm-alert-top>span{background:#f3e8ff;color:#6b21a8}
.tm-green-site .tm-sev-flood .tm-alert-top>span{background:#e0f2fe;color:#075985}
.tm-green-site .tm-sev-info .tm-alert-top>span{background:#e0f2fe;color:#075985}
.tm-green-site .tm-sev-calm .tm-alert-top>span{background:#dcfce7;color:#166534}
body .tm-landing-card .tm-danger-btn{background:#b91c1c;color:#fff}
body .tm-landing-card .tm-pref-grid label{border-color:#e2e7e7;border-radius:7px;background:#fafcfb;font-size:13px}
body .tm-landing-card .tm-pref-grid input{accent-color:#087d75}

.tm-green-site .tm-about-brand-icon{width:58px;height:58px;flex-shrink:0;color:#087d75}