/* AgriZameen GPS app — Land Map (listings layer, listing card, requests,
   my parcels, my record). 26 Sep 2026. Everything is scoped under .lm-
   so nothing here can restyle the existing app. Brand tokens per the
   AgriZameen brand guide. */
:root{
  --lm-forest:#1A3C2A; --lm-deep:#0F2419; --lm-gold:#C8A951; --lm-goldt:#6F5518;
  --lm-cream:#F5F0E6; --lm-earth:#6B4F3A; --lm-alert:#C6543F; --lm-ink:#1d231f;
  --lm-line:#e3dccb; --lm-top:28px;
}
.lm-layers-btn{position:relative}
.lm-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;
  background:var(--lm-alert);color:#fff;font:700 11px/18px 'DM Sans',system-ui,sans-serif;text-align:center}
.lm-badge[hidden]{display:none}
.lm-menu{position:absolute;right:0;top:48px;width:252px;background:#fff;border-radius:12px;
  box-shadow:0 8px 28px rgba(0,0,0,.25);padding:6px;z-index:1001;font-family:'DM Sans',system-ui,sans-serif}
.lm-menu[hidden]{display:none}
.lm-mi{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 10px;border:0;background:none;
  border-radius:9px;text-align:left;color:var(--lm-ink);font:600 13.5px/1.25 'DM Sans',system-ui,sans-serif;cursor:pointer}
.lm-mi:hover,.lm-mi:focus-visible{background:var(--lm-cream)}
.lm-mi .lm-hi{display:block;font:500 12px/1.3 'Noto Sans Devanagari','DM Sans',system-ui,sans-serif;color:var(--lm-earth)}
.lm-mi input{width:18px;height:18px;accent-color:var(--lm-forest);flex:0 0 auto}
.lm-mi small{display:block;font-weight:500;font-size:11px;color:var(--lm-alert)}
.lm-sep{height:1px;background:var(--lm-line);margin:4px 6px}

/* zone chip at the rounded centre — the only tappable part of a zone, so
   measuring inside a zone still works */
.lm-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:14px;white-space:nowrap;
  background:var(--lm-forest);color:#fff;border:2px solid var(--lm-gold);box-shadow:0 2px 6px rgba(0,0,0,.35);
  font:700 11px/1.1 'DM Sans',system-ui,sans-serif;transform:translate(-50%,-50%);cursor:pointer}
.lm-chip.sold{background:#5b5b5b}

/* bottom sheet — sits below the fixed non-affiliation bar */
.lm-sheet{position:fixed;left:0;right:0;bottom:0;top:var(--lm-top);z-index:1100;display:flex;flex-direction:column;
  background:rgba(15,36,25,.45)}
.lm-sheet[hidden]{display:none}
.lm-panel{margin-top:auto;max-height:100%;overflow-y:auto;background:var(--lm-cream);color:var(--lm-ink);
  border-radius:18px 18px 0 0;padding:0 0 18px;font-family:'DM Sans',system-ui,sans-serif;position:relative}
@media (min-width:768px){
  .lm-sheet{align-items:center;justify-content:center}
  .lm-panel{margin:auto;width:560px;max-width:calc(100vw - 48px);border-radius:18px;max-height:calc(100% - 40px)}
}
.lm-hd{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;gap:10px;padding:14px 16px 12px;
  background:var(--lm-forest);color:#fff;border-radius:18px 18px 0 0}
.lm-hd h2{flex:1;margin:0;font:800 19px/1.25 'Playfair Display',Georgia,serif}
.lm-hd h2 .lm-hi{display:block;font:600 15px/1.35 'Noto Sans Devanagari','DM Sans',system-ui,sans-serif;color:#E8D48B;margin-bottom:2px}
.lm-x{flex:0 0 auto;width:44px;height:44px;border-radius:10px;border:0;background:rgba(255,255,255,.14);color:#fff;
  font-size:20px;cursor:pointer}
.lm-body{padding:12px 16px 0}
.lm-note{font-size:12px;line-height:1.45;color:var(--lm-earth);margin:0 0 10px}
.lm-rows{background:#fff;border:1px solid var(--lm-line);border-radius:12px;overflow:hidden;margin:0 0 12px}
.lm-row{display:flex;gap:10px;justify-content:space-between;align-items:flex-start;padding:11px 12px;border-top:1px solid var(--lm-line)}
.lm-row:first-child{border-top:0}
.lm-k{flex:0 0 42%;font:600 12.5px/1.35 'DM Sans',system-ui,sans-serif;color:var(--lm-goldt)}
.lm-k .lm-hi{display:block;font:500 12px/1.35 'Noto Sans Devanagari','DM Sans',system-ui,sans-serif;color:var(--lm-earth)}
.lm-v{flex:1;min-width:0;text-align:right;font:600 14px/1.4 'DM Sans',system-ui,sans-serif;color:var(--lm-ink);overflow-wrap:anywhere}
.lm-v .lm-hi{display:block;font:500 12.5px/1.4 'Noto Sans Devanagari','DM Sans',system-ui,sans-serif;color:var(--lm-earth)}
.lm-lock{color:var(--lm-earth)}
.lm-lock::before{content:"🔒 "}
.lm-never{color:var(--lm-alert)}
.lm-check{display:block}
.lm-muted{color:#6b6b6b;font-weight:500}
.lm-bigha{display:flex;gap:6px;justify-content:flex-end;align-items:center;flex-wrap:wrap;margin-top:6px}
.lm-bigha select{width:100%}
.lm-bigha select,.lm-bigha input{min-height:36px;border:1px solid var(--lm-line);border-radius:8px;padding:4px 8px;
  font:500 12.5px 'DM Sans',system-ui,sans-serif;background:#fff;color:var(--lm-ink);max-width:100%}
.lm-bigha input{width:110px}
.lm-disc{background:#fff7e0;border:1px solid #ecd9a0;border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.5;
  color:#4a3b17;margin:0 0 12px}
.lm-disc .lm-hi{display:block;font-family:'Noto Sans Devanagari','DM Sans',system-ui,sans-serif;margin-bottom:3px}
.lm-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:52px;padding:10px 14px;
  border:0;border-radius:12px;background:var(--lm-forest);color:#fff;font:800 15px/1.2 'DM Sans',system-ui,sans-serif;
  cursor:pointer;margin:0 0 8px;text-decoration:none;text-align:center}
.lm-btn .lm-hi{font:600 13px/1.3 'Noto Sans Devanagari','DM Sans',system-ui,sans-serif;color:#E8D48B}
.lm-btn.gold{background:var(--lm-gold);color:var(--lm-deep)}
.lm-btn.gold .lm-hi{color:var(--lm-deep)}
.lm-btn.ghost{background:#fff;color:var(--lm-forest);border:1.5px solid var(--lm-forest)}
.lm-btn.ghost .lm-hi{color:var(--lm-earth)}
.lm-btn.red{background:#fff;color:var(--lm-alert);border:1.5px solid var(--lm-alert)}
.lm-btn.red .lm-hi{color:var(--lm-alert)}
.lm-btn[disabled]{opacity:.55;cursor:not-allowed}
.lm-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lm-two .lm-btn{min-height:64px;margin:0}
.lm-link{background:none;border:0;padding:8px 0;color:var(--lm-goldt);font:700 13px 'DM Sans',system-ui,sans-serif;
  text-decoration:underline;cursor:pointer;min-height:44px}
.lm-status{border-radius:10px;padding:11px 12px;font-size:13.5px;line-height:1.45;margin:0 0 10px;background:#fff;border:1px solid var(--lm-line)}
.lm-status .lm-hi{display:block;font-family:'Noto Sans Devanagari','DM Sans',system-ui,sans-serif;color:var(--lm-earth)}
.lm-status.ok{border-color:#9cc7a8;background:#eef7f0}
.lm-status.no{border-color:#e7b3a8;background:#fbefec}
.lm-card{background:#fff;border:1px solid var(--lm-line);border-radius:12px;padding:12px;margin:0 0 10px}
.lm-card h3{margin:0 0 4px;font:700 15px/1.35 'DM Sans',system-ui,sans-serif;color:var(--lm-ink)}
.lm-card h3 .lm-hi{display:block;font:600 14px/1.4 'Noto Sans Devanagari','DM Sans',system-ui,sans-serif;color:var(--lm-forest)}
.lm-card p{margin:0 0 8px;font-size:12.5px;line-height:1.45;color:#4b4b4b}
.lm-q{font:700 15px/1.4 'DM Sans',system-ui,sans-serif;color:var(--lm-ink);margin:6px 0 10px}
.lm-q .lm-hi{display:block;font:600 14px/1.4 'Noto Sans Devanagari','DM Sans',system-ui,sans-serif;color:var(--lm-forest)}
.lm-consent{font-size:11.5px;line-height:1.45;color:var(--lm-earth);margin:0 0 10px}
.lm-steps{margin:6px 0 12px;padding:0;list-style:none;counter-reset:s}
.lm-steps li{counter-increment:s;position:relative;padding:0 0 10px 34px;font-size:12.5px;line-height:1.45}
.lm-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;
  background:var(--lm-forest);color:#fff;font:700 12px/24px 'DM Sans',sans-serif;text-align:center}
.lm-steps[hidden]{display:none}
.lm-h3{font:800 16px/1.3 'Playfair Display',Georgia,serif;color:var(--lm-forest);margin:6px 0 8px}
.lm-empty{font-size:13px;color:#6b6b6b;padding:4px 0 12px}
.lm-field{display:block;margin:0 0 10px}
.lm-field span{display:block;font:600 12.5px 'DM Sans',system-ui,sans-serif;color:var(--lm-goldt);margin-bottom:4px}
.lm-field input,.lm-field select{width:100%;min-height:44px;border:1px solid var(--lm-line);border-radius:10px;padding:8px 10px;
  font:500 15px 'DM Sans',system-ui,sans-serif;background:#fff;color:var(--lm-ink)}
.lm-field input[readonly]{background:#f3efe4}
.lm-save-strip{display:flex;padding:0 12px 10px;background:var(--cardbg,#fff)}
.lm-save-strip[hidden]{display:none}
.lm-save-strip button{flex:1;min-height:44px;border-radius:10px;border:1.5px dashed var(--lm-forest);background:#fff;
  color:var(--lm-forest);font:800 13px 'DM Sans',system-ui,sans-serif;cursor:pointer}
/* the watermark: the buyer's own name across what was shared with them */
.lm-wm{position:relative;overflow:hidden}
.lm-wm::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--lm-wm);background-repeat:repeat;opacity:.18}
.lm-khasra{font:700 22px/1.3 'DM Sans',system-ui,sans-serif;color:var(--lm-deep);letter-spacing:.3px}
.lm-soft{background:#fff;border:1.5px solid var(--lm-gold);border-radius:12px;padding:14px;margin:0 0 12px;font-size:13.5px;line-height:1.5}
.lm-soft b{color:var(--lm-forest)}
.lm-legal{font-size:11px;color:var(--lm-alert);font-weight:700}
.lm-na{margin:10px 16px 0;padding:8px 10px;border-radius:8px;background:var(--lm-deep);color:#e8dfc4;
  font:500 11px/1.4 'DM Sans','Noto Sans Devanagari',system-ui,sans-serif;text-align:center}
/* The non-affiliation line carries its Hindi half now. On a phone it would
   run under the floating help/language dock (top-right) and be cut off, so
   below 700 px it wraps instead, clear of the dock; landmap.js keeps #app's
   top padding equal to the bar's real height. */
@media (max-width:700px){
  .azNonAffil{white-space:normal;padding:5px 58px 5px 10px;text-align:left}
}
/* Hindi line above the English one everywhere inside a sheet, not run on */
.lm-body .lm-hi,.lm-soft .lm-hi{display:block}
/* keep the strip's label clear of the floating WhatsApp button (bottom-right) */
.lm-save-strip{padding-right:76px}
.lm-save-strip button{white-space:normal;line-height:1.25;padding:6px 8px}