.unified-home { display:grid; gap:18px; color:#f5f7f6; }
.unified-home .surface-card,.unified-training-gate { background:linear-gradient(140deg,#192722,#101b19); border:1px solid #39514a; box-shadow:0 18px 46px #06120d55; color:#f5f7f6; border-radius:22px; padding:24px; }
.unified-home .eyebrow,.unified-training-gate .eyebrow { color:#b9e2c5; font-size:.8rem; letter-spacing:.12em; }
.unified-bonus { order:0; }
.unified-bonus-main,.unified-home .surface-card header { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.unified-bonus h1 { color:#fff; font-size:clamp(2.3rem,5vw,4rem); letter-spacing:-.055em; margin:10px 0 0; }
.unified-bonus h1 small { display:block; font-size:.9rem; letter-spacing:0; font-weight:500; color:#b8cac1; }
.unified-bonus p { color:#d2ded7; margin:8px 0; }
.unified-progress { height:8px; border-radius:20px; background:#40544a; overflow:hidden; margin:20px 0 4px; }
.unified-progress span { display:block; height:100%; background:linear-gradient(90deg,#a9df8a,#e5bd71); }
.unified-home h2 { color:#fff; font-size:1.45rem; margin:4px 0 16px; }
.unified-home h2 b { color:#b9e2c5; margin-left:8px; }
.home-bonus-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:14px; }
.home-bonus-facts>div { background:#21342d; border:1px solid #3f584d; border-radius:12px; padding:10px 12px; }
.home-bonus-facts small,.home-bonus-facts strong { display:block; }
.home-bonus-facts small { color:#aebfb6; font-size:.7rem; letter-spacing:.08em; }
.home-bonus-facts strong { color:#fff; margin-top:3px; font-size:1rem; }
.home-today-summary,.home-onsite { width:100%; }
.home-status-counts { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 16px; }
.home-status-count { display:inline-flex; align-items:center; gap:7px; min-height:36px; border:1px solid currentColor; border-radius:999px; padding:6px 11px; background:#172520; color:#e9f1ec; cursor:pointer; }
.home-status-count strong { font-size:1rem; }
.home-status-count span { font-size:.79rem; font-weight:700; }
.home-service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.home-service-count { display:grid; grid-template-columns:minmax(0,1fr) auto 18px; align-items:center; gap:8px; min-height:44px; border:1px solid #3f584d; border-radius:11px; padding:8px 11px; background:#21342d; color:#f3f6f4; text-align:left; cursor:pointer; }
.home-service-count>span:first-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.86rem; font-weight:650; }
.home-service-count>strong { color:#fff; font-size:1.05rem; }
.home-service-count:hover,.home-service-count:focus-visible,.home-dog-row:hover,.home-dog-row:focus-visible,.home-status-count:hover,.home-status-count:focus-visible { background:#2c493c; outline:2px solid #b5dda9; outline-offset:1px; }
.home-status-legend { display:flex; flex-wrap:wrap; gap:7px 14px; list-style:none; padding:0; margin:0 0 12px; color:#cedad3; font-size:.76rem; }
.home-status-legend li { display:inline-flex; align-items:center; gap:6px; }
.legend-swatch { width:9px; height:9px; border-radius:3px; background:currentColor; }
.home-dog-list { display:grid; gap:6px; }
.home-dog-row { display:grid; grid-template-columns:auto minmax(170px,1fr) minmax(220px,auto) 18px; align-items:center; gap:10px; width:100%; min-height:58px; border:1px solid #3f584d; border-radius:12px; padding:8px 11px; background:#21342d; color:#f3f6f4; text-align:left; cursor:pointer; }
.home-dog-row>.pet-avatar { width:40px; height:40px; flex:0 0 40px; font-size:.8rem; }
.home-dog-identity strong,.home-dog-identity small,.home-dog-identity em { display:block; }
.home-dog-identity strong { color:#fff; font-size:.98rem; }
.home-dog-identity small { color:#c6d6cc; font-size:.78rem; margin-top:1px; }
.home-dog-identity em { color:#aebfb6; font-size:.75rem; font-style:normal; margin-top:2px; }
.home-dog-statuses { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:5px; }
.home-status-tag { display:inline-flex; align-items:center; min-height:24px; border:1px solid currentColor; border-radius:999px; padding:3px 8px; font-size:.68rem; font-weight:800; line-height:1.15; background:#172520; white-space:nowrap; }
.status-arrival { color:#8fd4ff; }
.status-departure { color:#ffc07b; }
.status-grooming { color:#d8a8ff; }
.status-training { color:#86e0bd; }
.status-attention { color:#ff9c9c; }
.home-row-arrow { color:#aebfb6; display:inline-flex; }
.home-row-arrow>svg { width:18px; height:18px; }
.unified-training-gate { margin-bottom:20px; }.unified-training-gate h1 { color:#fff; font-size:2rem; }.unified-training-gate p { max-width:65ch; color:#d7e3db; }.unified-training-gate .button { display:inline-flex; min-height:48px; align-items:center; margin-top:10px; }
.unified-demo-content>h2 { margin:20px 0; }
@media(max-width:820px){.unified-bonus-main{align-items:flex-start;flex-direction:column}.unified-home .surface-card{padding:18px}.home-bonus-facts{grid-template-columns:1fr 1fr}.home-service-grid{grid-template-columns:1fr 1fr}.home-dog-row{grid-template-columns:auto minmax(0,1fr) 18px}.home-dog-statuses{grid-column:2/4;justify-content:flex-start}.home-status-count{flex:1 1 calc(50% - 8px);justify-content:center}}
@media(max-width:430px){.unified-home{gap:12px}.unified-home .surface-card{padding:14px;border-radius:16px}.unified-bonus h1{font-size:2.15rem}.home-bonus-facts{gap:6px}.home-bonus-facts>div{padding:8px}.home-service-grid{gap:5px}.home-service-count{padding:7px 8px}.home-service-count>span:first-child{font-size:.79rem}.home-dog-row{padding:8px;gap:8px}.home-status-tag{white-space:normal}.home-row-arrow{align-self:center}}