/* HomeRun website colors: wall green #4B777B; foul-pole yellow #FFCD09. */
:root{--green:#4b777b;--yellow:#ffcd09;--cream:#f6f1e5;--navy:#152b38;--red:#b3323c;--border:#ded8ca;--muted:#697479;--paper:#fffdf7}*{box-sizing:border-box}body{margin:0;color:var(--navy);background:var(--cream);font:16px/1.55 'Segoe UI',Arial,sans-serif}a{color:#285e64;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a53742;outline-offset:4px}.masthead{background:var(--green);color:white;display:flex;align-items:center;justify-content:space-between;padding:24px max(5vw,24px);gap:20px}.brand{display:flex;gap:18px;align-items:center;color:white;text-decoration:none;font:700 28px/1.15 Georgia,serif;letter-spacing:4px}.brand small{display:block;font:600 11px/2.4 'Segoe UI',sans-serif;letter-spacing:6px}.plate{width:46px;height:53px;border:3px solid white;clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%);background:#ffffff10;text-align:center;color:var(--yellow);font:34px Georgia}nav{display:flex;align-items:center;gap:28px}nav a,nav button{color:white}.avatar{background:#ffffff20;border:1px solid #ffffff55;border-radius:50%;width:40px;height:40px;display:grid;place-items:center}main{max-width:1160px;margin:auto;padding:36px 32px 0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:1.15;letter-spacing:-.03em}h1{font-size:clamp(38px,4.5vw,58px);margin:12px 0}h2{font-size:30px;margin:0 0 16px}h3{font-size:24px}p{margin:8px 0 16px}.lead{font-size:21px;color:#5b6870;margin-bottom:30px}.lead.small{font-size:18px;margin-bottom:16px}.eyebrow{font-size:11px;letter-spacing:2.7px;font-weight:750;color:#315f62}.breadcrumb{display:flex;gap:16px;color:var(--muted);font-size:14px;margin:0 0 24px}.breadcrumb a{text-decoration:none}.card{background:#fffdf766;border:1px solid var(--border);border-radius:9px;padding:28px 30px;margin-bottom:24px}.backup{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px 30px;padding:32px}.version{font:500 clamp(21px,2.6vw,32px)/1.3 Georgia,serif;overflow-wrap:anywhere;margin:10px 0}.backup-caption{grid-column:1/-1;font-size:14px;color:var(--muted);border-top:1px solid var(--border);padding-top:18px;margin:12px 0 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:0;border-radius:5px;padding:14px 23px;font-size:15px;font-weight:650;text-decoration:none;cursor:pointer;min-height:48px}.button:hover{filter:brightness(.96)}.yellow{background:var(--yellow);color:var(--navy)}.green{background:var(--green);color:white}.outline{border:1px solid var(--green);background:transparent;color:#285e64}.muted{color:var(--muted);font-size:13px}.section-heading,.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.count{font:700 11px/1.5 'Segoe UI',sans-serif;letter-spacing:1.5px;color:#586b70;white-space:nowrap}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}th{background:#e9e7df;color:#52616a;font-weight:600;padding:14px 16px}td{padding:18px 16px;border-bottom:1px solid var(--border)}td:first-child{min-width:230px}td .file-icon{vertical-align:middle}tr:last-child td{border-bottom:0}.file-icon{display:inline-grid;place-items:center;margin-right:16px;border-radius:4px;background:var(--red);color:white;font-size:10px;font-weight:bold;width:38px;height:44px}.file-icon.sheet{background:#397651}.actions{white-space:nowrap}.actions a{margin-right:20px;font-weight:600}.file-path{display:block;color:var(--muted);font-size:12px}.document-foot{border-top:1px solid var(--border);padding-top:16px;margin:14px 0 0}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.change{display:flex;align-items:baseline;gap:14px;padding:15px 0;border-bottom:1px solid var(--border);font-size:14px}.change p{margin:0;overflow-wrap:anywhere}.change time{white-space:nowrap;font-weight:650}.red-dot{width:6px;height:6px;background:var(--red);border-radius:50%;flex-shrink:0}.badge{display:inline-block;padding:5px 10px;background:#e5e9e6;border-radius:4px;font-size:12px;margin-bottom:12px}.login{max-width:520px;margin:45px auto 90px}.login h1{font-size:52px}.login form{margin-top:30px}.login .button{width:100%;justify-content:space-between;margin-top:12px}label{display:block;font-size:14px;font-weight:650;margin-bottom:16px}input,select{display:block;width:100%;border:1px solid #c8cdca;border-radius:5px;background:#fffdfa;padding:12px;margin-top:6px;color:var(--navy)}.text-button{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:0}.danger{color:var(--red)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.form-grid button{align-self:center}.project-card{display:grid;grid-template-columns:85px 1fr auto;align-items:center;gap:28px;border:1px solid var(--border);border-radius:9px;background:#fffdf777;padding:30px;margin-bottom:20px}.project-card h2{margin:5px 0 8px}.project-card h2 a{text-decoration:none;color:var(--navy)}.property-mark{display:grid;place-items:center;width:80px;height:90px;border-radius:8px;background:var(--green);color:var(--yellow);font:60px Georgia}.project-card p{font-size:15px;margin-bottom:8px}.notice,.preview-help{padding:16px 20px;border:1px solid #becdc8;background:#e6eee8;border-radius:6px;margin-bottom:24px}.preview-help{font-size:13px;margin-top:24px}.demo-banner{text-align:center;background:#f6dc80;padding:8px;font-size:12px;font-weight:650;color:#463d21}.empty{padding:25px 0;color:var(--muted)}footer{position:relative;margin-top:50px;border-top:1px solid var(--border);padding:24px 0 35px;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:2px;color:var(--muted)}.stitch{color:var(--red);font-size:22px;letter-spacing:-3px}nav form{margin:0}@media(max-width:760px){.masthead{padding:20px}.brand{font-size:20px;letter-spacing:2px}.brand small{font-size:9px;letter-spacing:4px}.plate{display:none}nav{gap:12px;font-size:12px}.avatar{display:none}main{padding:25px 18px 0}.two-columns,.backup,.form-grid{grid-template-columns:1fr}.card{padding:22px 18px}.backup .button{width:100%}.project-card{grid-template-columns:1fr;gap:14px;padding:24px}.property-mark{display:none}.project-card .button{justify-self:start}.login{margin:32px auto}.login h1{font-size:42px}.two-columns{gap:0}footer{flex-wrap:wrap}.section-heading{align-items:start}h2{font-size:27px}.lead{font-size:18px}}

.download-settings{border-top:1px solid #ddd5c6;padding:18px 0}.download-settings summary{cursor:pointer;font-weight:bold;padding:8px 0}.download-settings textarea{display:block;width:100%;box-sizing:border-box;padding:12px;border:1px solid #ccc;border-radius:6px;font:inherit;margin:8px 0 18px}.download-settings form{margin-top:16px}
/* Client experience: cream paper, wall green, yellow accents and curved red stitching. */
body{background:radial-gradient(ellipse at 85% 0,#fffdf7 0,transparent 55%),var(--cream)}
.masthead{border-bottom:4px solid var(--yellow);padding-top:22px;padding-bottom:22px}.brand{font-size:25px}.plate{clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%);border:0;background:var(--cream);color:var(--green);font:bold 30px/46px Georgia;width:42px;height:49px}.masthead nav>a{text-decoration:none;font-weight:600}.masthead nav>a:hover{text-decoration:underline}
main{max-width:1220px;padding-top:42px}.client-heading{position:relative;padding:24px 0 36px;margin-bottom:28px;border-bottom:1px solid var(--border);overflow:hidden}.client-heading:after{content:"";position:absolute;right:0;top:-55px;width:240px;height:170px;background:url('/assets/baseball-seam.svg') center/contain no-repeat;opacity:.3;pointer-events:none}.client-heading>div,.client-heading>h1,.client-heading>p{position:relative;z-index:1}.client-heading h1{font-size:clamp(42px,5vw,64px);margin:12px 0 18px}.client-heading .lead{margin:0;max-width:740px}.client-heading .count{align-self:flex-end;background:var(--paper);border:1px solid var(--border);border-radius:30px;padding:9px 16px;z-index:1}.project-heading{margin-bottom:32px}.project-heading:after{opacity:.2}
.project-card{grid-template-columns:125px minmax(0,1fr) 210px;gap:28px;padding:30px;background:var(--paper);border-radius:14px;box-shadow:0 5px 18px #152b3805;overflow:hidden}.property-mark{display:flex;flex-direction:column;justify-content:center;width:125px;height:154px;border-radius:8px;background:linear-gradient(150deg,#4b777b,#345b60);color:var(--cream);border:1px solid #ffffff44;outline:1px solid #ffffff30;outline-offset:-9px;font:12px Georgia;letter-spacing:2px}.property-mark strong{font:italic 64px/1.2 Georgia;color:var(--yellow)}.property-mark span,.property-mark small{font:600 8px/2 'Segoe UI',sans-serif;letter-spacing:2px}.property-content h2{font-size:34px;margin:12px 0}.property-content p{color:var(--muted);max-width:480px}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.project-tags span{font-size:11px;color:#3a6164;background:#edf1ec;padding:5px 9px;border-radius:4px}.property-action{border-left:1px solid var(--border);padding-left:26px}.property-action .eyebrow{font-size:9px;letter-spacing:1.4px}.saved-date{font:22px Georgia;margin:10px 0 20px}.property-action .button{width:100%;padding:12px 15px;justify-content:space-between}.property-action small{display:block;font-size:11px;color:var(--muted);margin-top:10px;text-align:center}.client-note{display:flex;gap:18px;margin:38px 0 16px;padding:24px 28px;background:#e9ece4;border-radius:10px}.client-note strong{font-size:15px}.client-note p{font-size:14px;color:#526568;margin:5px 0 0;max-width:760px}.note-ball{color:var(--green);font-size:25px}
.card{background:var(--paper);border-radius:12px}.backup{background:var(--green);color:var(--cream);position:relative;border:0;padding:36px 38px;border-top:5px solid var(--yellow)}.backup .eyebrow{color:#f5d970}.archive-title{font-size:36px;margin:12px 0 18px}.backup .version{display:inline-block;font:12px/1.5 Consolas,monospace;letter-spacing:.5px;border:1px solid #ffffff35;background:#ffffff0d;border-radius:5px;padding:7px 10px;margin:0 0 10px}.backup p{color:#f0f2e8;font-size:14px}.backup .button{box-shadow:0 4px 0 #203e4422}.backup .backup-caption{color:#e0e9e2;border-color:#ffffff30;font-size:12px}.documents{margin-top:32px;padding:30px}.documents h2{font-size:32px}.documents .count{background:#edf1ec;padding:8px 12px;border-radius:24px}.documents th{background:#f2f0e7;font-size:11px;text-transform:uppercase;letter-spacing:1px}.documents td{padding-top:22px;padding-bottom:22px}.file-icon{background:#edf1ec;color:#345f64;border:1px solid #cad7cf;border-radius:5px}.file-icon.sheet{background:#edf1ec;color:#345f64}.actions a{font-size:13px}.change{padding:18px 0}.change time{font-size:12px;color:var(--muted)}.two-columns>.card h2{font-size:27px}footer{align-items:center;min-height:100px;overflow:hidden;margin-top:55px}.stitch{width:175px;height:65px;object-fit:cover;object-position:center 28%;opacity:.85}
@media(max-width:900px){.project-card{grid-template-columns:90px minmax(0,1fr);gap:22px}.property-mark{width:90px;height:120px}.property-mark strong{font-size:48px}.property-action{grid-column:2;border:0;padding:0;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.property-action .eyebrow,.property-action small{display:none}.property-action .button{width:auto}.saved-date{font-size:16px;margin:0}.backup{grid-template-columns:1fr}.backup .button{justify-self:start}}
@media(max-width:600px){.masthead{flex-wrap:wrap;gap:15px}.brand{font-size:22px}.masthead nav{width:100%;justify-content:space-between;border-top:1px solid #ffffff30;padding-top:12px;font-size:13px}main{padding-top:20px}.client-heading{padding-top:16px;padding-bottom:25px;display:block}.client-heading .count{display:inline-block;margin-top:20px}.client-heading:after{right:-90px;opacity:.18}.project-card{padding:23px;grid-template-columns:1fr}.property-mark{display:none}.property-action{grid-column:auto;border-top:1px solid var(--border);padding-top:18px;justify-content:space-between}.property-content h2{font-size:30px}.backup{padding:26px 22px}.archive-title{font-size:30px}.backup .button{width:100%}.client-note{padding:20px}.documents{padding:23px 16px}.documents th,.documents td{padding-left:10px;padding-right:10px}.documents td:first-child{min-width:180px}.documents .section-heading{gap:12px}.documents h2{font-size:28px}footer{gap:12px;font-size:9px;letter-spacing:1px}.stitch{width:130px;height:50px}.client-heading h1{font-size:42px}}

/* Broad baseball seams frame the full page instead of small isolated accents. */
body{position:relative;isolation:isolate;min-height:100vh}
body:before,body:after{content:"";position:absolute;z-index:-1;pointer-events:none;top:160px;bottom:0;width:clamp(120px,13vw,235px);background:url('/assets/baseball-edge.svg') center top/100% 1100px repeat-y;opacity:.75}
body:before{left:-18px}
body:after{right:-18px;transform:scaleX(-1)}
.client-heading:after{display:none}
footer .stitch{display:none}
@media(max-width:1450px){body:before,body:after{width:105px;opacity:.48}body:before{left:-50px}body:after{right:-50px}body{overflow-x:clip}}
@media(max-width:760px){body:before,body:after{width:75px;top:190px;background-size:100% 780px;opacity:.35}body:before{left:-43px}body:after{right:-43px}}

.company-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:26px}.company-card{text-decoration:none;color:var(--navy)}.company-card:hover{border-color:var(--green)}.company-card h2{font-size:28px}.company-card span{color:var(--green);font-weight:600}.admin-tabs{display:flex;gap:8px;margin:28px 0;border-bottom:1px solid var(--border);padding-bottom:14px}.admin-tabs a{color:var(--green);text-decoration:none;padding:10px 24px;border-radius:6px}.admin-tabs a[aria-current]{background:var(--green);color:white}.admin-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;padding-bottom:20px}.admin-row+.admin-row{border-top:1px solid var(--border)}.admin-row h2{margin-bottom:8px}.admin-row form{display:flex;flex-wrap:wrap;gap:20px}details>summary{cursor:pointer;font-weight:650}details>form{margin-top:24px}@media(max-width:650px){.admin-row{align-items:flex-start;flex-direction:column}.section-heading{flex-wrap:wrap}.company-grid{grid-template-columns:1fr}}
/* Approved concept style: dimensional thread on cream baseball leather. */
body{background:var(--cream);overflow-x:clip}
body:before{position:fixed;inset:0;width:100%;height:100vh;opacity:1;transform:none;background:linear-gradient(90deg,transparent 9%,#f6f1e5d9 19%,#f6f1e5e8 50%,#f6f1e5d9 81%,transparent 91%),url('/assets/baseball-leather.png') center/100% 100% no-repeat;z-index:-1}
body:after{display:none}
.masthead{width:84%;max-width:1420px;margin:0 auto;padding:23px 34px;background:linear-gradient(115deg,#4b777b,#385f64);border-bottom:3px solid var(--yellow);box-shadow:0 3px 15px #152b380a}
main{width:82%;max-width:1220px;padding-left:18px;padding-right:18px}
.client-heading{margin-bottom:28px;padding-bottom:30px}.client-heading h1{letter-spacing:-.035em}.client-heading .lead{color:#3c5a65}
.project-card,.card{background:#fffdf7f5;box-shadow:0 4px 16px #1c343809;border:1px solid #ded8ca;border-radius:10px}
.project-card{padding:28px;gap:26px}.property-mark{background:linear-gradient(145deg,#4b777b,#385f64);box-shadow:inset 0 0 0 7px #ffffff08}.project-tags span{background:#eaf0e9}.yellow{background:linear-gradient(#ffd523,#ffcd09);border:1px solid #e6bc13;color:#152b38;border-radius:7px}.button{transition:filter .15s,box-shadow .15s}.button:hover{box-shadow:0 3px 10px #152b3814}
.backup{background:linear-gradient(110deg,#4b777b,#3b6267);color:var(--cream);border-top:4px solid var(--yellow)}.documents th{background:#efeee6}.client-note{background:#f6f4ebcc;border:1px solid var(--border)}
footer{justify-content:center;flex-direction:column;gap:10px;padding:32px 0 42px;text-align:center}footer>span:first-child{font-weight:700;color:var(--navy);font-size:13px;letter-spacing:4px}footer>span:nth-child(2){font:italic 16px Georgia;letter-spacing:0;color:#3b5964}
@media(max-width:1000px){.masthead{width:87%;padding:20px 24px}main{width:86%}.brand{font-size:21px;letter-spacing:2px}.masthead nav{gap:16px}.project-card{gap:20px;padding:23px}}
@media(max-width:650px){.masthead{width:90%;padding:20px 18px}main{width:89%;padding:22px 8px 0}.masthead nav{font-size:12px;gap:10px}.brand{font-size:22px}.client-heading h1{font-size:38px}.client-heading .lead{font-size:17px}.property-content h2{font-size:29px}.card,.project-card{padding:22px 16px}.property-action{gap:12px}.property-action .button{padding:12px}.backup .archive-title{font-size:29px}.documents{padding:23px 12px}body:before{background-image:linear-gradient(90deg,transparent 3%,#f6f1e5eb 10%,#f6f1e5ed 90%,transparent 97%),url('/assets/baseball-leather.png')}footer>span:first-child{font-size:11px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}}
/* Wide-screen balance: grow the interface and bound the decorative frame. */
:root{--portal-edge:clamp(26px,5vw,150px)}
body:before{background-size:100% 100%,100% auto;background-position:center,center top;background-repeat:no-repeat,repeat-y}
.masthead{width:calc(100% - var(--portal-edge)*2);max-width:none;padding:clamp(20px,1.6vw,44px) clamp(24px,3vw,90px)}
main{width:calc(100% - var(--portal-edge)*2);max-width:none;padding:clamp(28px,3vw,72px) clamp(24px,3vw,90px) 0}
@media(min-width:1800px){body{font-size:clamp(17px,.75vw,26px)}.brand{font-size:clamp(25px,1.15vw,40px)}.brand small{font-size:clamp(11px,.48vw,16px)}nav{font-size:clamp(15px,.65vw,23px)}.client-heading h1{font-size:clamp(60px,2.7vw,96px)}.client-heading .lead{font-size:clamp(21px,1vw,32px);max-width:none}.eyebrow{font-size:clamp(11px,.48vw,16px)}.project-card{grid-template-columns:clamp(125px,6vw,200px) minmax(0,1fr) clamp(240px,16vw,450px);padding:clamp(30px,2vw,60px);gap:clamp(28px,2vw,64px)}.property-mark{width:100%;height:clamp(154px,8vw,250px)}.property-mark strong{font-size:clamp(64px,3vw,100px)}.property-content h2{font-size:clamp(34px,1.7vw,56px)}.property-content p{font-size:clamp(16px,.75vw,25px);max-width:none}.button{font-size:clamp(15px,.7vw,24px);padding:18px 26px}.property-action .eyebrow,.count{font-size:clamp(11px,.48vw,16px)}.saved-date{font-size:clamp(22px,1vw,34px)}.property-action small,.project-tags span,.client-note p{font-size:clamp(13px,.6vw,20px)}.client-note strong{font-size:clamp(16px,.75vw,24px)}table{font-size:clamp(14px,.7vw,23px)}.documents th,.actions a,.file-path,.muted{font-size:clamp(12px,.6vw,20px)}.archive-title{font-size:clamp(36px,1.8vw,60px)}.backup p,.backup .version{font-size:clamp(14px,.7vw,23px)}}
@media(max-width:650px){:root{--portal-edge:16px}.masthead{padding:20px 18px}main{padding:22px 10px 0}}

/* Properties grouped by their assigned portal company. */
.property-group{margin:0 0 22px;border:1px solid var(--border);border-radius:10px;background:#fffdf7eb;overflow:hidden}
.property-group>summary{display:flex;align-items:center;gap:18px;list-style:none;cursor:pointer;background:var(--green);color:var(--cream);padding:22px 26px}
.property-group>summary::-webkit-details-marker{display:none}
.property-group>summary:focus-visible{outline:3px solid var(--yellow);outline-offset:-5px}
.group-name{font:700 clamp(22px,1.2vw,36px)/1.25 Georgia,serif;overflow-wrap:anywhere}
.group-count{margin-left:auto;white-space:nowrap;font-size:14px;background:#ffffff18;border:1px solid #ffffff35;padding:5px 12px;border-radius:24px}
.group-chevron{width:10px;height:10px;border-right:2px solid var(--yellow);border-bottom:2px solid var(--yellow);transform:rotate(-45deg);flex-shrink:0}
.property-group[open] .group-chevron{transform:rotate(45deg)}
.property-group>.project-list{padding:22px}.property-group .project-card:last-child{margin-bottom:0}
@media(max-width:650px){.property-group>summary{padding:18px 14px;gap:12px}.group-name{font-size:21px}.group-count{font-size:11px;padding:4px 8px}.property-group>.project-list{padding:10px}}
/* Soften the existing leather and red stitching against the cream base. */
body:before{opacity:.22}
/* Temporary project telemetry preview: shares the portal palette and responsive layout. */
.live-status{border-top:4px solid #ffcd09}.bench-notice{background:#f6f1e5;border-left:3px solid #4b777b;padding:14px 18px;border-radius:6px}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0}.status-grid>div{padding:20px;background:#eef3ef;border-radius:10px}.status-grid h3{font-size:1.5rem;margin:12px 0;color:#274f45}.live-status[data-health=stale] .status-grid h3{color:#805825}.status-details{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.status-details dt{font-size:.85rem;color:#586d76}.status-details dd{margin:8px 0;overflow-wrap:anywhere}@media(max-width:700px){.status-grid,.status-details{grid-template-columns:1fr}.live-status .section-heading{align-items:flex-start;flex-direction:column;gap:12px}}