/* Layout and palette adapted from the owner's Claude Home1 design. */
:root{--paper:#f4f7fc;--white:#fff;--ink:#101a33;--muted:#5c6684;--line:#dce4f0;--blue:#2f5fdb;--green:#58ba3b;--deep:#347526;--mint:#eef8eb;--h1-alt:#eef2fa;--h1-tint:#eaeffb;--h1-shadow:0 1px 2px #101a330a,0 8px 24px -12px #101a331f}
:root[data-theme=dark]{--h1-alt:var(--surface-alt);--h1-tint:#192c4f;--h1-shadow:0 8px 24px -12px #0008}
body{background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.5}h1,h2,h3{font-family:'Plus Jakarta Sans',system-ui,sans-serif;letter-spacing:-.02em}.card{background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:var(--h1-shadow)}.btn{border-radius:10px;font-weight:700;font-size:14px;min-height:42px}.btn.primary,.btn.on{background:var(--blue);color:#fff}.h1-app{display:flex;min-height:100vh}.h1-sidebar{width:232px;flex:0 0 232px;position:sticky;top:0;height:100vh;overflow-y:auto;padding:24px 14px;background:var(--white);border-right:1px solid var(--line);display:flex;flex-direction:column}.h1-brand{display:flex;align-items:flex-start;flex-direction:column;gap:12px;padding:2px 12px 24px;text-decoration:none}.h1-brand img{width:140px;border-radius:8px}.h1-brand span{font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.08em}.h1-sidebar .live-nav{display:flex;flex-direction:column;gap:3px;margin:0}.h1-sidebar .live-nav .btn{display:flex;align-items:center;gap:10px;width:100%;text-align:left;justify-content:flex-start;padding:11px 12px;background:transparent;color:var(--muted);border:0;white-space:normal}.h1-sidebar .live-nav svg{width:19px;height:19px;flex-shrink:0}.h1-sidebar .live-nav .btn:hover{background:var(--h1-alt);color:var(--ink)}.h1-sidebar .live-nav .btn.primary{background:var(--h1-tint);color:var(--blue)}.h1-tools{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--line);margin-top:18px;padding:16px 12px}.h1-tools a{font-size:14px;color:var(--muted);padding:7px 0;text-decoration:none;font-weight:600}.h1-tools a:hover{color:var(--blue)}.h1-sidebar-foot{color:var(--muted);font-size:13px;margin-top:auto;padding:18px 12px}.h1-app .live-shell{width:100%;min-width:0;max-width:1400px;margin:0;padding:28px 36px 80px;flex:1}.live-top{margin-bottom:4px;align-items:center}.live-top h1{font-size:26px;margin:0}.live-muted{margin:4px 0 24px}.live-grid{gap:16px}.live-grid .card h2{font-size:14px;text-transform:uppercase;letter-spacing:.035em;color:var(--muted);font-family:Inter,system-ui,sans-serif}.live-grid .card{padding:18px 20px}.live-stat{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:30px;font-weight:800;color:var(--blue)}.live-shell h2{font-size:18px}.live-table th{background:var(--h1-alt);color:var(--muted);font-size:14px}.live-table td{font-size:15px}.live-section{margin-top:22px}.live-status:empty{min-height:0;margin:8px}.portal-header{background:var(--white);border-bottom:1px solid var(--line)}.portal-shell{max-width:1180px}.portal-subnav .btn{border:1px solid var(--line)}.homeowner-spotlight{border-radius:14px;background:var(--h1-tint);color:var(--ink);border:1px solid var(--line)}.homeowner-spotlight h2,.homeowner-spotlight p{color:var(--ink)}.homeowner-spotlight-action .btn{background:var(--green);color:#10260b}.login-story{background:var(--h1-tint);color:var(--ink)}.login-story p,.login-story h1{color:var(--ink)}input,select,textarea{font-size:16px!important}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media(max-width:1000px){.h1-sidebar{width:205px;flex-basis:205px}.h1-app .live-shell{padding:24px}.live-grid{grid-template-columns:1fr}}
@media(max-width:700px){.h1-app{display:block}.h1-sidebar{position:relative;width:100%;height:auto;padding:14px;border-right:0;border-bottom:1px solid var(--line)}.h1-brand{padding:0 6px 14px;flex-direction:row;align-items:center}.h1-brand img{width:95px}.h1-sidebar .live-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.h1-sidebar .live-nav .btn{font-size:14px;min-height:44px}.h1-tools{display:grid;grid-template-columns:1fr 1fr;padding:12px;margin-top:12px}.h1-sidebar-foot{display:none}.h1-app .live-shell{padding:20px 16px 80px}.live-top h1{font-size:24px}.portal-header{flex-wrap:wrap}.live-form{grid-template-columns:1fr}}

.homeowner-spotlight .homeowner-voluntary,.homeowner-spotlight-action span{color:var(--muted)}
