/* e-OCI Wallet — Consulate / Indian Mission finder */
#consulateScreen{ position:fixed; inset:0; z-index:9270; display:none; flex-direction:column;
  background:radial-gradient(1200px 700px at 50% -12%, #0d2043 0%, transparent 60%), var(--app-bg,#060F22);
  font-family:"Space Grotesk",system-ui,sans-serif; color:var(--txt,#EAF0FA); }
body.con-open #consulateScreen{ display:flex; }
body.con-open .app{ filter:blur(3px); pointer-events:none; }

.con-top{ display:flex; align-items:center; gap:10px; padding:calc(env(safe-area-inset-top) + 16px) 16px 10px; position:sticky; top:0;
  background:linear-gradient(180deg, rgba(8,17,38,.96) 62%, rgba(8,17,38,0)); backdrop-filter:blur(8px); z-index:2; }
.con-top .con-back{ display:flex; align-items:center; gap:7px; font-size:15px; font-weight:500; padding:9px 13px 9px 10px; border-radius:12px;
  background:var(--surface,rgba(255,255,255,.06)); border:1px solid var(--line,rgba(255,255,255,.1)); }
.con-top .con-title{ flex:1; font-size:18px; font-weight:600; }
.con-body{ flex:1; overflow-y:auto; -webkit-overflow-scrolling:touch; padding:4px 18px 40px; }

.con-loc{ width:100%; padding:13px; border-radius:13px; font-weight:600; font-size:14.5px; color:#241200; border:none; margin:8px 0 10px;
  background:linear-gradient(135deg,var(--saffron-soft,#FFB865),var(--saffron,#FF9933)); display:flex; align-items:center; justify-content:center; gap:9px; }
.con-loc svg{ width:18px; height:18px; }
.con-search{ width:100%; padding:12px 14px; border-radius:13px; background:var(--surface); border:1px solid var(--line); color:var(--txt); font-size:16px; margin-bottom:8px; }
.con-search:focus{ outline:none; border-color:var(--saffron); }
.con-note{ font-size:12px; color:var(--muted,#7C8BA5); margin:4px 2px 14px; line-height:1.55; }
.con-note a{ color:var(--saffron-soft,#FFB865); }

.con-list{ display:flex; flex-direction:column; gap:10px; }
.con-item{ display:flex; align-items:center; gap:12px; padding:15px 16px; border-radius:16px; background:var(--panel,#0C1A34); border:1px solid var(--line,rgba(255,255,255,.1)); }
.con-item .meta{ flex:1; min-width:0; }
.con-item .meta b{ display:block; font-size:14.5px; font-weight:600; line-height:1.25; }
.con-item .meta span{ font-size:12.5px; color:var(--muted); }
.con-item .meta .dist{ font-family:"IBM Plex Mono",monospace; font-size:11px; color:var(--saffron-soft); margin-top:2px; display:inline-block; }
.con-item .dir{ display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:600; color:var(--saffron-soft); text-decoration:none;
  padding:9px 13px; border-radius:12px; background:var(--surface); border:1px solid var(--line); flex:0 0 auto; }
.con-item .dir svg{ width:15px; height:15px; }
.con-empty{ text-align:center; color:var(--muted); padding:40px 20px; font-size:14px; }