/* Additions for real data in the new shell (v0.10.0). */
.src-tag{margin-left:auto;font:600 .66rem var(--f-mono);letter-spacing:.02em;background:var(--leaf-soft);color:#1f4d22;border-radius:6px;padding:2px 7px;white-space:nowrap}
.src-tag.sim,.src-tag:empty{background:var(--turmeric-soft);color:#5c4400}
.src-tag:empty{display:none}
.lab .pill+.src-tag,.lab .src-tag+.pill{margin-left:6px}
.emptybox{border:2px dashed var(--line);border-radius:14px;padding:16px;text-align:center;color:var(--muted);font-size:.92rem}
.growlist{display:flex;flex-direction:column;gap:8px}
.growrow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;border:2px solid var(--line);border-radius:14px;padding:10px 12px;background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;min-height:56px}
.growrow:first-child{border-color:var(--leaf);background:var(--leaf-soft)}
.growrow .gname{font-family:var(--f-display);font-weight:800;font-size:1.08rem}
.growrow .gwhen{font-size:.82rem;color:var(--muted);text-align:right}
.growrow .gwhen small{font-size:.74rem}
.growrow .gp{font-family:var(--f-display);font-weight:800;color:var(--leaf);text-align:right;white-space:nowrap}
.growrow .gp small{display:block;font:500 .66rem var(--f-body);color:var(--muted)}
.growrow:focus-visible,.zc:focus-visible,.pchip:focus-visible,.fitem:focus-visible,.crop:focus-visible{outline:3px solid var(--sky-ink);outline-offset:2px}
.growlist .btn{align-self:center}
.maploading{position:absolute;inset:auto 10px 10px auto;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.62);color:#fff;border-radius:999px;padding:6px 12px;font:500 .78rem var(--f-mono);z-index:3}
.maploading .spin{width:16px;height:16px;border-width:2px;border-color:rgba(255,255,255,.35);border-top-color:#fff}
.maploading[hidden]{display:none}
.pchip.next{border-style:dashed;cursor:default}
.msg .meta{display:block;margin-top:6px;font:500 .7rem var(--f-mono);color:var(--muted);white-space:normal}
.msg.speaking{box-shadow:0 0 0 2px var(--leaf)}
.panel.soon{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:28px 18px}
.panel.soon>[data-icon]{width:56px;color:var(--leaf)}
.panel.soon h3{margin:0;font-family:var(--f-display)}
.passbox{max-width:460px;margin:24px auto;display:flex;flex-direction:column;gap:10px}
.passbox h2{margin:0;font-family:var(--f-display)}
.passbox input{font-size:16px}
.anmap{position:relative;height:100%}
.anmap img{width:100%;height:100%;object-fit:cover;display:block}
.anmap .mono{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.62);color:#fff;border-radius:8px;padding:3px 8px;font-size:.75rem}
.anrow.fail{border-color:var(--alert)}
.anrow .st svg{width:24px;height:24px}
.anrow.fail .st svg{color:var(--alert)}
.dotx{width:12px;height:12px;border-radius:50%;background:var(--line);display:block}
.pt .ptic{width:28px;color:var(--leaf);flex:none}
.pt .ptic svg{width:28px;height:28px}
.crop .cic{width:40px;color:var(--leaf)}
.crop .cic svg{width:40px;height:40px}
.zc[disabled]{opacity:.45;cursor:default}
.sb i{transition:width .8s cubic-bezier(.3,1,.4,1)}
.sb i.leaf{background:var(--leaf)}.sb i.sky{background:var(--sky-ink)}.sb i.warn{background:var(--turmeric)}
.muted{color:var(--muted)}.small{font-size:.82rem}
.lang button{min-width:40px}
@media (max-width:420px){.growrow{grid-template-columns:minmax(0,1fr) auto}.growrow .gwhen{grid-column:1/-1;text-align:left;order:3}}
.brand{white-space:nowrap}
@media (max-width:440px){.brand{font-size:1.15rem}.lang button{padding:6px 7px;min-width:34px}}
.addbtn{color:var(--ink)}
/* v0.10.2: season plan sits in the dashboard (full row; next to the satellite card on wide screens). Wide screens use the full width. */
.c-season{grid-column:1/-1}
@media (min-width:761px) and (max-width:1199px){.c-pass{grid-column:1/-1}}
.journey>.emptybox{grid-column:1/-1}
.journey>.btn{grid-column:1/-1;justify-self:center}
@media (min-width:1200px){.wrap{max-width:none;padding-left:32px;padding-right:32px}.dash{grid-template-columns:repeat(6,minmax(0,1fr))}.c-score{grid-column:span 2}.c-kpi{grid-column:span 4}.grid2{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}
.zones .zc{min-height:28px}
.zones{grid-auto-rows:44px}
.zones .zc{aspect-ratio:auto;height:100%;min-height:0}
.shedgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.shedgrid .tile{background:var(--bg);border-radius:12px;padding:8px 10px}
.shedgrid .tile .k{font-size:.72rem;color:var(--muted);font-weight:700}
.shedgrid .tile .v{font-family:var(--f-display);font-weight:800;font-size:1.15rem}
.shedgrid .tile.warn{background:var(--turmeric-soft)}
#shedCard .btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.panel.soon .shedgrid{width:100%;max-width:520px;text-align:left}
.panel.soon .btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
/* ===== v0.11.0: field / poultry places, desktop top tabs, shed camera wall, market, demo calls ===== */
.mchip{font:700 .7rem var(--f-body);border-radius:999px;padding:1px 8px;flex:none}
.mchip.field{background:var(--leaf-soft);color:#1f4d22}.mchip.shed{background:var(--turmeric-soft);color:#5c4400}
.farmbtn{gap:6px}
.toptabs{display:none}
@media (min-width:1000px){
  .toptabs{display:block;margin-left:28px}
  .toptabs .row{display:flex;gap:4px}
  .toptabs button{border:0;background:none;color:var(--muted);font:600 .95rem var(--f-body);padding:10px 14px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:44px;position:relative}
  .toptabs button svg{width:22px;height:22px}
  .toptabs button[aria-selected="true"]{background:var(--leaf-soft);color:var(--leaf)}
  .toptabs button:focus-visible{outline:3px solid var(--sky-ink);outline-offset:2px}
  .toptabs .badge{position:absolute;top:2px;right:2px}
  nav.bottom{display:none}
  main{padding-bottom:32px}
}
nav.bottom .row{grid-template-columns:repeat(5,1fr)!important}
nav.bottom button[hidden],.toptabs button[hidden]{display:none}
/* poultry home grid */
#dashShed .sh-kit,#dashShed .sh-eggs{grid-column:span 2}
#dashShed .sh-cam,#dashShed .sh-vet,#dashShed .sh-sales{grid-column:span 4}
@media (min-width:1200px){#dashShed .sh-kit,#dashShed .sh-eggs{grid-column:span 3}#dashShed .sh-cam{grid-column:span 4}#dashShed .sh-vet{grid-column:span 2}#dashShed .sh-sales{grid-column:1/-1}}
@media (max-width:760px){#dashShed .card{grid-column:auto!important}}
.btn.turm,.cta.turm{background:var(--turmeric);color:var(--ink)}
.btn.bad{background:var(--alert);color:#fff}
.clipthumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.clipthumbs .emptybox{grid-column:1/-1}
.thumb{border:0;padding:0;background:#3b3a33;border-radius:12px;overflow:hidden;position:relative;aspect-ratio:16/10;cursor:pointer}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.thumb span{position:absolute;left:6px;bottom:5px;right:6px;color:#fff;font:600 .72rem var(--f-body);text-shadow:0 1px 2px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.salesrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}
/* shed camera wall */
.shedview{position:relative;background:#1b1d18;border-radius:14px;overflow:hidden;aspect-ratio:16/9;margin-top:6px;display:grid;place-items:center}
.shedview video,.shedview img{width:100%;height:100%;object-fit:contain;display:block;grid-area:1/1}
.shedview svg{position:absolute;inset:0;width:100%;height:100%}
.shedview .still{fill:none;stroke:var(--turmeric);stroke-width:4}
.shedview .emptybox{grid-area:1/1;color:#d8dccf;border-color:#4a4d44;margin:16px}
.camov{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;gap:8px;padding:8px 10px;color:#fff;font:600 .78rem var(--f-body);background:linear-gradient(#000a,#0000);pointer-events:none}
.camname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cliprow{display:flex;gap:8px;overflow-x:auto;padding:10px 0 2px}
.clipb{flex:none;display:flex;flex-direction:column;align-items:flex-start;border:2px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:6px 30px 6px 10px;font:inherit;font-size:.8rem;cursor:pointer;position:relative;min-height:44px}
.clipb b{font-size:.72rem;color:var(--muted)}
.clipb.on{border-color:var(--leaf);background:var(--leaf-soft)}
.clipb .del{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);font-size:1rem}
#cctvBtn{margin:4px 0 0}
.savebox{border:2px dashed var(--line);border-radius:14px;padding:12px;margin-top:10px}
.savebox label,.field{display:flex;flex-direction:column;gap:4px;font-weight:600;margin:10px 0}
.savebox input,.field input{font:16px var(--f-body);padding:10px 12px;border:2px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);min-height:44px}
#shStillBox.warn{background:var(--turmeric-soft)}
/* place check */
.check{display:flex;flex-direction:column;margin:8px 0 12px}
.check .ln{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--line)}
.check .ln:last-child{border-bottom:0}
.check .ln b{display:block}.check .ln small{color:var(--muted)}
.dot{width:24px;height:24px;border-radius:50%;flex:none;display:grid;place-items:center;font:800 .8rem var(--f-body);color:#fff;background:var(--leaf)}
.dot svg{width:15px;height:15px}
.dot.warn{background:var(--turmeric);color:var(--ink)}.dot.bad{background:var(--alert)}
.blocked{background:var(--alert-soft);border-radius:14px;padding:12px 14px;margin:8px 0}
.blocked b{font-family:var(--f-display);font-size:1.08rem}
.blocked p{margin:4px 0}
.why{display:block;font:500 .78rem var(--f-body);color:var(--muted);margin-top:2px}
/* farm sheet */
.secl{font:700 .75rem var(--f-body);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-top:14px}
.fitem.shed .th{background:var(--turmeric-soft);color:#7a5600}
.two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.two .cta{justify-content:center;margin:0}
.narrowsh{max-width:640px}
/* vet, rule, offers */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.chips .chip{min-height:44px}
.chips .src{font:500 .66rem var(--f-mono);color:var(--leaf)}
.stepper{display:flex;align-items:center;gap:10px;margin:8px 0}
.stepper b{font-family:var(--f-display);font-size:1.3rem;min-width:70px;text-align:center}
.say{background:var(--leaf-soft);border-radius:14px;padding:12px;margin:8px 0;white-space:pre-line}
.consent{display:flex;gap:10px;align-items:flex-start;margin:10px 0}
.consent input,.ruleopt input[type=checkbox],.need input,.ruleshops input{width:22px;height:22px;flex:none;accent-color:var(--leaf)}
.ruleopt{border:2px solid var(--line);border-radius:14px;padding:10px 12px;margin:10px 0;display:block}
.ruleopt>label{display:flex;gap:10px;align-items:center;font-weight:600}
.ruleshops{display:flex;flex-direction:column;gap:8px;margin:8px 0}
.ruleshops label{display:flex;gap:10px;align-items:center;min-height:44px}
.offers{display:flex;flex-direction:column;gap:8px}
.offer{display:flex;justify-content:space-between;gap:10px;align-items:center;border:2px solid var(--line);border-radius:14px;padding:12px;background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;min-height:56px}
.offer[aria-checked="true"]{border-color:var(--leaf);background:var(--leaf-soft)}
.offer:disabled{opacity:.6;cursor:default}
.mktotal{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0;font-size:1rem}
.mktotal b{font-family:var(--f-display);font-size:1.4rem}
/* demo call */
.callhead{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.cav{width:52px;height:52px;border-radius:50%;background:var(--turmeric-soft);color:#5c4400;display:grid;place-items:center;font:800 1.2rem var(--f-display);flex:none}
.callhead b{font-family:var(--f-display);font-size:1.15rem}
.callstate{font:500 .8rem var(--f-mono);color:var(--muted)}
.callstate.live{color:var(--leaf)}
.callprog{display:flex;gap:6px;margin:6px 0}
.callprog span{height:6px;flex:1;border-radius:3px;background:var(--line)}
.callprog .done{background:var(--leaf)}.callprog .now{background:var(--turmeric)}
.calllines{display:flex;flex-direction:column;gap:8px;margin:10px 0;max-height:52vh;overflow-y:auto}
.cl{display:flex}.cl .b{max-width:86%;padding:10px 13px;border-radius:16px;white-space:pre-line}
.cl.me .b{background:var(--leaf-soft)}
.cl.them{justify-content:flex-end}.cl.them .b{background:var(--turmeric-soft)}
.cl.now .b{box-shadow:0 0 0 2px var(--leaf)}
.cl .src{display:block;font:500 .66rem var(--f-mono);color:var(--muted);margin-top:4px}
.callsaid{background:var(--bg);border-radius:14px;padding:10px 14px}
.callsaid ol{margin:6px 0 0;padding-left:20px}
/* market */
.need{display:flex;gap:12px;align-items:center;border:2px solid var(--line);border-radius:14px;padding:10px 12px;margin:8px 0;cursor:pointer;min-height:56px}
.need .nm{flex:1;min-width:0}.need .nm small{display:block;color:var(--muted)}
.need .pr{font-family:var(--f-display)}
.shopb{display:flex;gap:10px;align-items:center;width:100%;border:2px solid var(--line);border-radius:14px;padding:10px 12px;margin:6px 0;background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;min-height:56px}
.shopb.on{border-color:var(--leaf);background:var(--leaf-soft)}
.shopb svg{width:22px;height:22px;color:var(--leaf);flex:none}
.shopb .nm small{display:block;color:var(--muted)}
.bigstat{display:flex;flex-direction:column;gap:2px;margin:6px 0}
.bigstat b{font-family:var(--f-display);font-size:1.8rem}
.rulebox{color:var(--muted);font-size:.9rem;margin:6px 0}
.soonbox{text-align:center;padding:20px 8px}
.soonic svg{width:56px;height:56px;color:var(--leaf)}
.soonbox h2{font-family:var(--f-display);margin:10px 0 6px}
.soonbox p{color:var(--muted)}
.sh-eggs .chart{max-height:220px;width:100%}
#dashShed .sh-kit .zinfo{margin-top:8px}
header .top>div:nth-child(2){min-width:0;flex:1 1 auto}
.farmbtn{max-width:100%}
/* v0.11.3: shop sources kept apart; Google Maps text attribution per its rules (Roboto/sans, 400, 12-16px, #5E5E5E) */
.shopbox{border-radius:14px;margin:6px 0}
.shopbox.real{background:var(--bg);padding:6px 8px 4px}
.gattr{font:400 12px Roboto,ui-sans-serif,system-ui,sans-serif;color:#5E5E5E;text-align:right;padding:2px 4px 4px;letter-spacing:normal}
.credits{font-size:.72rem;color:var(--muted);margin:18px 0 0;line-height:1.5}
/* v0.12.0: a growing crop, harvest and sale */
.growpick{display:flex;gap:12px;align-items:center;width:100%;margin:12px 0 4px;padding:14px;border:2px solid var(--leaf);border-radius:16px;background:var(--leaf-soft);color:var(--ink);font:inherit;text-align:left;cursor:pointer;min-height:56px}
.growpick>span:first-child{width:36px;height:36px;flex:none;color:var(--leaf)}.growpick b{display:block}.growpick small{color:var(--muted)}
.cropdash{margin-bottom:0}
.hvready{display:flex;gap:14px;align-items:center}.hvready .ringwrap{width:118px;flex:none}.hvready .pill{margin-bottom:6px;display:inline-block}
.rfg.hv{stroke:var(--leaf);transition:stroke-dasharray .8s ease}
.hvcurve{height:74px;margin-top:8px}
.linkbtn{background:none;border:0;padding:6px 0;color:var(--leaf);font:600 .9rem var(--f-body,inherit);text-decoration:underline;cursor:pointer;min-height:36px}
.bookrow{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.bookrow:last-of-type{border-bottom:0}
.bookrow .bic{width:34px;height:34px;flex:none;color:var(--soil)}.bookrow .nm{flex:1;min-width:0}.bookrow .nm b{display:block}.bookrow .nm small{color:var(--muted)}
.floorin{display:flex;align-items:center;gap:6px;margin:8px 0}.floorin span{font-weight:700}.floorin input{flex:1;min-width:0;font:700 1.2rem var(--f-display,inherit);padding:8px 10px;border:2px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink)}
#mkCrop .ruleopt>span:first-child{font-weight:600;display:block}
#growDateBox input{width:100%}
.demo.real{background:var(--leaf-soft);color:#1f4d22}
/* v0.13.0: sign in by email code, the account menu */
body[data-auth="out"] #farmBtn,body[data-auth="out"] #topTabs,body[data-auth="out"] #addBtn,body[data-auth="out"] nav.bottom,body[data-auth="out"] #demoBar,body[data-auth="out"] footer .credits{display:none!important}
.login{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:16px 0 40px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--surface)}
.login-side{display:none;position:relative;overflow:hidden;padding:40px;background:linear-gradient(160deg,#e7f1de,#dcebf2);flex-direction:column;justify-content:center;gap:18px}
.login-h{font:800 2.2rem/1.12 var(--f-display);margin:0;max-width:440px;color:var(--ink)}
.login-side ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.login-side li{display:flex;gap:10px;align-items:center}.login-side li::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--leaf);flex:none}
.login-rows{position:absolute;left:-20px;right:-20px;bottom:-40px;height:180px;background:repeating-linear-gradient(100deg,rgba(47,122,42,.16) 0 10px,transparent 10px 26px);transform:perspective(300px) rotateX(55deg);transform-origin:bottom;pointer-events:none}
.login-box{padding:28px 20px 30px;display:flex;flex-direction:column;justify-content:center}
.login-box h2{font:800 1.8rem/1.15 var(--f-display);margin:0 0 6px}.login-box .sub{color:var(--muted);margin:0 0 6px}
.login-box form{display:flex;flex-direction:column;gap:10px;max-width:440px;width:100%}
.login-box .field input{font-size:17px;min-height:52px}
.codein{letter-spacing:.45em;font:800 1.6rem var(--f-display)!important;text-align:center}
.btn.wide{width:100%;min-height:48px;justify-content:center}
@media (min-width:1000px){.login{grid-template-columns:1.1fr 1fr;min-height:560px}.login-side{display:flex}.login-box{padding:56px 64px}}
.avatar-btn{width:42px;height:42px;border-radius:50%;border:2px solid var(--turmeric);background:var(--turmeric-soft);color:#5c4400;font:800 1rem var(--f-display);cursor:pointer;flex:none}
.memenu{position:absolute;right:16px;top:calc(100% + 6px);width:260px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px rgba(29,36,25,.16);padding:8px;z-index:40;display:flex;flex-direction:column}
.memenu .em{font-size:.78rem;color:var(--muted);padding:6px 10px 8px;border-bottom:1px solid var(--line);margin-bottom:4px;overflow-wrap:anywhere}
.memenu button{background:none;border:0;text-align:left;padding:12px 10px;border-radius:10px;font:600 .95rem var(--f-body);color:var(--ink);cursor:pointer;min-height:44px}
.memenu button:hover{background:var(--leaf-soft)}
header{position:sticky}header .wrap.top{position:relative}
.memenu .menu-lang{display:none;margin:4px 6px 6px;align-self:flex-start}
@media (max-width:560px){body[data-auth="in"] .hbtns>.lang{display:none}.memenu .menu-lang{display:inline-flex}.memenu button[data-lang]{padding:8px 14px;min-height:40px}}
/* v0.14.0: demo farm / farm view bar, demo card, admin Settings */
.viewbar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#123320;color:#fff;border-radius:12px;padding:10px 14px;margin:12px 0 0;font-size:.9rem}
.viewbar button{background:#fff;color:#123320;border:0;border-radius:999px;padding:8px 16px;font:700 .85rem var(--f-body);cursor:pointer;min-height:40px;white-space:nowrap}
body[data-view="farm"] .viewbar{background:var(--turmeric-soft);color:#5c4400}body[data-view="farm"] .viewbar button{background:#5c4400;color:#fff}
.demopick{display:flex;gap:12px;align-items:center;width:100%;margin:12px 0 4px;padding:12px 14px;border:2px solid var(--turmeric);border-radius:16px;background:var(--turmeric-soft);color:var(--ink);font:inherit;text-align:left;cursor:pointer;min-height:56px}
.demopick>span:first-child{width:34px;height:34px;flex:none;color:var(--leaf)}.demopick b{display:block}.demopick small{color:#5c4400}
.demopick .tag{margin-left:auto;font:500 .7rem var(--f-mono);background:var(--surface);color:#5c4400;border-radius:6px;padding:2px 7px}
.adt{width:100%;border-collapse:collapse;font-size:.9rem}.adt td,.adt th{padding:9px 6px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.adt th{font:700 .7rem var(--f-body);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.st{font-weight:700}.st.ok{color:#1f6b1c}.st.fail{color:#a33024}.st.off{color:var(--muted)}
.adbar{height:8px;border-radius:5px;background:var(--line);overflow:hidden;margin-top:6px}.adbar i{display:block;height:100%;background:var(--leaf)}
.small-btn{min-height:36px;padding:6px 12px;font-size:.82rem;margin-left:auto}
#settings .panel{margin-bottom:16px}#settings .lab{display:flex;align-items:center;gap:8px}
body[data-page="landing"]>header,body[data-page="landing"]>main,body[data-page="landing"] nav.bottom{display:none!important}
/* v0.15.0: home yard and agriculture office help */
.ydframe{position:relative;width:100%;max-height:360px;border-radius:14px;overflow:hidden;background:var(--bg)}
.ydframe img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block}
.ydframe svg{position:absolute;inset:0;width:100%;height:100%}
.ydmask{fill:rgba(47,122,42,.32);stroke:#f3e7b5;stroke-width:3;vector-effect:non-scaling-stroke}
.ydbadge{position:absolute;left:8px;top:8px;background:rgba(255,255,255,.94);color:#276a23;border-radius:999px;padding:2px 10px;font-weight:700;font-size:.8rem}
#ydPic2 .ydframe{margin-bottom:6px}
#ydStats{grid-template-columns:repeat(2,minmax(0,1fr));height:auto}
.ydkv{font-family:var(--f-display);font-weight:800;font-size:1rem;line-height:1.25}
.ydpicks{display:grid;gap:8px}
.ydpick{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:start;border:1px solid var(--line);border-radius:14px;padding:10px 12px;animation:rise .4s both}
.ydpick .ic{width:40px;height:40px;border-radius:10px;background:var(--leaf-soft);color:var(--leaf);display:grid;place-items:center}
.ydpick .ic svg{width:24px;height:24px}
.ydpick b{font-family:var(--f-display);font-weight:800}
.ydlines{display:grid;gap:4px;font-size:.94rem;margin-bottom:10px}
.ydlines>div{display:flex;justify-content:space-between;gap:10px}
.ydlines .tot{border-top:1px solid var(--line);padding-top:6px;font-weight:700}
.ydshops,.offices{display:grid;gap:8px}
.ydshop,.office{border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:var(--surface)}
.ydshop{display:grid;grid-template-columns:1fr auto;gap:2px 10px}.ydshop .muted{grid-column:1/-1}
.office .top2{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.km{font-family:var(--f-display);font-weight:800;color:var(--leaf);white-space:nowrap}
.msg.offices{max-width:min(520px,94%);white-space:normal}
.office .btns,.hot .btn{margin-top:8px}
.office .btns a,.hot a.btn{text-decoration:none;min-height:44px;justify-content:center}
.office .btns a svg,.hot a.btn svg{width:18px;height:18px}
.hot{background:var(--sky);color:var(--ink);border-radius:14px;padding:10px 12px;display:grid;gap:4px}
.hot .num{font-family:var(--f-display);font-weight:800;font-size:1.5rem;color:var(--sky-ink);line-height:1.1}
.ydsize{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:end;margin:8px 0}
.ydsize label{display:grid;gap:4px;font-size:.88rem;color:var(--muted)}
.ydsize input,#ydN{font-size:16px;min-height:44px;border:2px solid var(--line);border-radius:12px;padding:8px 12px;background:var(--surface);color:var(--ink);width:100%}
.ydsize .x{font-family:var(--f-display);font-weight:800;padding-bottom:10px}
#ydQ{max-width:100%;margin:8px 0}
.ydhelp .btn{margin-top:6px}