/* az-gps-home.css — AgriZameen GPS: Home and Site visit (L89, 22 Oct 2026). Brand colours through the shell's
   tokens (--azs-*), so dark mode follows the rest of the app. Touch targets 44 px and up. */
#home-screen,#visit-screen{overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--azs-page,#F5F0E6);color:var(--azs-text,#1F2A22);font-family:var(--azs-sans,'DM Sans',system-ui,sans-serif)}
#home-screen [lang="hi"],#visit-screen [lang="hi"]{font-family:var(--azs-hi,'Noto Sans Devanagari',sans-serif)}
.gh-in,.gv-in{max-width:760px;margin:0 auto;padding:14px 16px 104px;box-sizing:border-box;display:flex;flex-direction:column;gap:14px}
.gh-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* the honest line: what is on this phone, and what waits for a connection */
.gh-status{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px 12px;border-radius:14px;background:var(--azs-card,#FFFDF8);border:1px solid var(--azs-card-b,#E4DAC4);font-size:13px;line-height:1.4}
.gh-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#1A3C2A;color:#F5F0E6;font-weight:700;font-size:12.5px}
.gh-status.is-off .gh-pill{background:#6B4F3A}
.gh-saved{color:var(--azs-muted,#5A6157)}.gh-saved b{color:var(--azs-strong,#1A3C2A)}
.gh-offnote{flex-basis:100%;color:var(--azs-label,#6B4F3A);font-weight:600}

/* one main action */
.gh-main{display:flex;align-items:center;gap:14px;width:100%;min-height:88px;padding:0 18px;border:0;border-radius:20px;cursor:pointer;text-align:left;
  background:#1A3C2A;color:#F5F0E6;box-shadow:0 12px 26px rgba(15,36,25,.24);font:inherit}
.gh-main svg{color:#C8A951;flex:none}
.gh-main b{display:block;font:700 19px/1.2 var(--azs-serif,'Playfair Display',Georgia,serif)}
.gh-main span[lang="hi"]{display:block;font-size:14px;color:#E8D48B}
.gh-main small{display:block;font-size:13px;color:rgba(245,240,230,.86)}
.gh-main:active{transform:scale(.99)}

/* six tiles */
.gh-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:600px){.gh-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
.gh-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:112px;padding:14px;border-radius:16px;cursor:pointer;text-align:left;font:inherit;
  background:var(--azs-card,#FFFDF8);color:var(--azs-text,#1F2A22);border:1.5px solid var(--azs-card-b,#E4DAC4)}
.gh-tile svg{color:var(--azs-strong,#1A3C2A);margin-bottom:4px}
.gh-tile b{font-size:15.5px;color:var(--azs-strong,#1A3C2A)}
.gh-tile span[lang="hi"]{font-size:13px;color:var(--azs-label,#6B4F3A)}
.gh-tile small{font-size:12.5px;line-height:1.35;color:var(--azs-muted,#5A6157)}
.gh-new{position:absolute;top:10px;right:10px;font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.04em;padding:3px 7px;border-radius:6px;background:#C8A951;color:#0F2419}
.gh-tile:focus-visible,.gh-main:focus-visible,.gh-list button:focus-visible,.gv-btn:focus-visible,.gv-chip:focus-visible,.gv-back:focus-visible,.gv-vlist button:focus-visible,.gv-step summary:focus-visible{outline:3px solid #C8A951;outline-offset:2px}

.gh-h{margin:6px 0 0;font:800 12.5px/1.3 var(--azs-sans,'DM Sans',sans-serif);letter-spacing:.1em;text-transform:uppercase;color:var(--azs-label,#6B4F3A)}
.gh-h span{letter-spacing:0;text-transform:none}
.gh-list{list-style:none;margin:0;padding:0;border-radius:14px;overflow:hidden;background:var(--azs-card,#FFFDF8);border:1px solid var(--azs-card-b,#E4DAC4)}
.gh-list li+li{border-top:1px solid var(--azs-div,#EFE7D5)}
.gh-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:8px 14px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.gh-ln{display:flex;flex-direction:column;min-width:0}.gh-ln b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gh-ln small{font-size:12.5px;color:var(--azs-muted,#5A6157)}
.gh-area{flex:none;font-weight:800;color:var(--azs-strong,#1A3C2A)}
.gh-empty{text-align:center;padding:16px;border-radius:16px;border:1.5px dashed var(--azs-card-b,#E4DAC4);color:var(--azs-label,#6B4F3A)}
.gh-empty svg{display:block;margin:0 auto 6px;color:#9A8B67}
.gh-empty p{margin:4px 0 0;font-size:14px;color:var(--azs-muted,#5A6157)}.gh-empty p b{color:var(--azs-strong,#1A3C2A)}
.gh-ind{margin:4px 0 0;font-size:12.5px;line-height:1.5;color:var(--azs-muted,#5A6157)}

/* site visit */
.gv-top h2{margin:0;font:700 24px/1.2 var(--azs-serif,'Playfair Display',Georgia,serif);color:var(--azs-strong,#1A3C2A)}
.gv-top p{margin:6px 0 12px;font-size:14.5px;line-height:1.5;color:var(--azs-muted,#5A6157)}
.gv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 16px;border-radius:999px;cursor:pointer;font:700 14.5px/1.2 var(--azs-sans,'DM Sans',sans-serif);
  background:var(--azs-card,#FFFDF8);color:var(--azs-strong,#1A3C2A);border:1.5px solid var(--azs-strong,#1A3C2A)}
.gv-pri{background:#1A3C2A;color:#F5F0E6;border-color:#1A3C2A}
.gv-big{width:100%;min-height:54px;font-size:16px}
.gv-del{border-color:#C6543F;color:#A3402E;background:transparent}
.gv-vlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.gv-vlist button{display:grid;grid-template-columns:minmax(0,1fr) 70px auto;align-items:center;gap:10px;width:100%;min-height:64px;padding:10px 14px;border-radius:14px;cursor:pointer;
  background:var(--azs-card,#FFFDF8);border:1px solid var(--azs-card-b,#E4DAC4);color:inherit;font:inherit;text-align:left}
.gv-vn{display:flex;flex-direction:column;min-width:0}.gv-vn b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gv-vn small{font-size:12.5px;color:var(--azs-muted,#5A6157)}
.gv-vp{height:6px;border-radius:3px;background:var(--azs-div,#EFE7D5);overflow:hidden}.gv-vp i{display:block;height:100%;background:#C8A951}
.gv-vc{font-weight:800;font-size:13px;color:var(--azs-strong,#1A3C2A)}
.gv-head{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:16px;background:#1A3C2A;color:#F5F0E6}
.gv-back{flex:none;width:44px;height:44px;border-radius:22px;border:0;background:rgba(245,240,230,.14);color:#F5F0E6;display:flex;align-items:center;justify-content:center;cursor:pointer}
.gv-ht{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.gv-name{width:100%;box-sizing:border-box;min-height:42px;border-radius:10px;border:1px solid rgba(245,240,230,.35);background:rgba(245,240,230,.08);color:#F5F0E6;
  font:700 18px/1.2 var(--azs-serif,'Playfair Display',Georgia,serif);padding:0 10px}
.gv-prog{height:6px;border-radius:3px;background:rgba(245,240,230,.2);overflow:hidden}.gv-prog i{display:block;height:100%;background:#C8A951}
.gv-ht small{font-size:12.5px;color:rgba(245,240,230,.86)}
.gv-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.gv-step details{border-radius:14px;background:var(--azs-card,#FFFDF8);border:1px solid var(--azs-card-b,#E4DAC4)}
.gv-step.is-done details{border-color:rgba(26,60,42,.35)}
.gv-step summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 12px;cursor:pointer}
.gv-step summary::-webkit-details-marker{display:none}
.gv-n{flex:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;box-sizing:border-box;
  border:2px solid var(--azs-strong,#1A3C2A);color:var(--azs-strong,#1A3C2A)}
.gv-step.is-done .gv-n{background:#1A3C2A;border-color:#1A3C2A;color:#F5F0E6}
.gv-st{display:flex;flex-direction:column;min-width:0}.gv-st b{font-size:15px}.gv-st span[lang="hi"]{font-size:13px;color:var(--azs-label,#6B4F3A)}
.gv-st small{font-size:12.5px;color:var(--azs-muted,#5A6157)}
.gv-body{padding:0 12px 14px 52px;display:flex;flex-direction:column;gap:10px}
.gv-help{margin:0;font-size:13.5px;line-height:1.45;color:var(--azs-muted,#5A6157)}
.gv-lab{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--azs-label,#6B4F3A)}
.gv-sel,.gv-note{width:100%;box-sizing:border-box;border:1px solid var(--azs-input-b,#CFC3A8);border-radius:10px;background:var(--azs-input,#fff);color:var(--azs-text,#1F2A22);font:500 15px/1.4 var(--azs-sans,'DM Sans',sans-serif)}
.gv-sel{min-height:44px;padding:0 10px}.gv-note{padding:10px;resize:vertical;min-height:64px}
.gv-ind{margin:0;font-size:13px;color:var(--azs-muted,#5A6157)}
.gv-chips{display:flex;flex-wrap:wrap;gap:8px}
.gv-chip{min-height:44px;padding:0 14px;border-radius:999px;cursor:pointer;font:700 14px/1 var(--azs-sans,'DM Sans',sans-serif);
  background:var(--azs-card,#FFFDF8);color:var(--azs-strong,#1A3C2A);border:1.5px solid var(--azs-card-b,#E4DAC4)}
.gv-chip[aria-pressed="true"]{background:#1A3C2A;color:#F5F0E6;border-color:#1A3C2A}
.gv-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.gv-photos figure{position:relative;margin:0;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--azs-div,#EFE7D5)}
.gv-photos img{width:100%;height:100%;object-fit:cover;display:block}
.gv-px{position:absolute;top:4px;right:4px;width:32px;height:32px;border-radius:16px;border:0;background:rgba(15,36,25,.8);color:#F5F0E6;font-size:18px;line-height:1;cursor:pointer}
.gv-addph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;aspect-ratio:1;border-radius:10px;cursor:pointer;
  border:1.5px dashed var(--azs-strong,#1A3C2A);color:var(--azs-strong,#1A3C2A);font-size:12.5px;font-weight:700;text-align:center;padding:4px}
.gv-done[aria-pressed="true"]{background:#1A3C2A;color:#F5F0E6}
.gv-foot{display:flex;flex-direction:column;gap:10px;align-items:stretch;padding:4px 0}
.gv-foot p{margin:0;font-size:13px;line-height:1.5;color:var(--azs-muted,#5A6157);text-align:center}
@media(max-width:380px){.gv-body{padding-left:12px}}
@media(prefers-reduced-motion:reduce){.gh-main:active{transform:none}}