/* ניגודיות גבוהה לעבודה בשמש. סטטוס תמיד = צבע + מילה + אייקון. יעד-לחיצה ≥48px. */
:root{
  --ion-color-primary:#0b3a5b; --ion-color-primary-rgb:11,58,91; --ion-color-primary-contrast:#ffffff; --ion-color-primary-contrast-rgb:255,255,255;
  --ion-color-primary-shade:#0a3350; --ion-color-primary-tint:#234e6b;
  --ion-color-secondary:#0f6e3a; --ion-color-secondary-rgb:15,110,58; --ion-color-secondary-contrast:#ffffff; --ion-color-secondary-contrast-rgb:255,255,255;
  --ion-color-secondary-shade:#0d6133; --ion-color-secondary-tint:#277d4e;
  --ion-color-success:#0f6e3a; --ion-color-warning:#8a4b00; --ion-color-danger:#b3121b; --ion-color-medium:#4b5563;
  --ion-font-family:system-ui,'Segoe UI',Arial,sans-serif;
  --st-active-bg:#e3f4e9; --st-active-fg:#0f6e3a;
  --st-review-bg:#fff1dc; --st-review-fg:#8a4b00;
  --st-pending-bg:#fde4e5; --st-pending-fg:#b3121b;
  --st-closed-bg:#eceef1; --st-closed-fg:#374151;
}
.screen{display:flex;flex-direction:column;position:absolute;inset:0;bottom:var(--tabbar-h,0px)}
.screen[hidden]{display:none!important}
body.has-tabs{--tabbar-h:calc(56px + env(safe-area-inset-bottom,0px))}
#tabbar{position:fixed;bottom:0;left:0;right:0;z-index:20}
ion-tab-button{min-height:56px;font-size:14px}
.tab-ico{font-size:22px;line-height:1}
.offline{position:fixed;top:0;left:0;right:0;z-index:30;background:#8a4b00;color:#fff;text-align:center;padding:calc(6px + env(safe-area-inset-top,0px)) 12px 6px;font-weight:600}
.who{font-size:13px;padding-inline:12px;color:#fff;opacity:.95}

.login-card{max-width:420px;margin:24px auto;display:flex;flex-direction:column;gap:16px}
.login-card h1{margin:0;font-size:26px}
.muted{color:#4b5563;margin:0}
.error{color:#b3121b;font-weight:600;margin:0}

.search-row{display:flex;align-items:center;gap:6px;padding-inline-end:8px}
.search-row ion-searchbar{flex:1;padding-block:6px}
.near{--padding-start:16px;--padding-end:16px;min-height:48px;font-weight:700}
#map{height:42vh;min-height:220px;width:100%;background:#dfe6ee}
.summary{padding:10px 16px;font-size:15px;color:#1f2937;background:#f3f5f8;border-bottom:1px solid #d6dbe2}

.st{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-weight:700;font-size:14px;white-space:nowrap}
.st .i{font-size:15px;line-height:1}
.st.active{background:var(--st-active-bg);color:var(--st-active-fg)}
.st.review{background:var(--st-review-bg);color:var(--st-review-fg)}
.st.pending_close{background:var(--st-pending-bg);color:var(--st-pending-fg)}
.st.closed,.st.expired{background:var(--st-closed-bg);color:var(--st-closed-fg)}

ion-item.site{--min-height:72px;cursor:pointer}
.site h2{font-size:17px;font-weight:700;margin:0 0 4px}
.site p{margin:0;color:#374151;font-size:14px}
.site .meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px}
.dist{font-size:13px;color:#4b5563;font-variant-numeric:tabular-nums}
.approx{font-size:12px;color:#8a4b00;font-weight:600}

.detail dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:0 0 18px}
.detail dt{color:#4b5563;font-size:14px}.detail dd{margin:0;font-size:16px;font-weight:600;min-width:0;overflow-wrap:anywhere}
.detail .actions{display:flex;flex-direction:column;gap:10px}
.detail ion-button{min-height:52px;font-weight:700}
.est{display:block;font-size:13px;color:#8a4b00;font-weight:600}

.qsec{padding:12px 16px 0}.qsec h2{font-size:18px;margin:8px 0}
.empty{padding:16px;color:#4b5563}
.filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.filters .wide{grid-column:1 / -1}
.logtable{overflow-x:auto}
.logtable table{border-collapse:collapse;width:100%;font-size:14px}
.logtable th,.logtable td{border-bottom:1px solid #e1e5ea;padding:8px 6px;text-align:start;white-space:nowrap;font-variant-numeric:tabular-nums}
.logtable th{color:#4b5563;font-weight:600}
.leaflet-container{font-family:inherit}
.pin{width:18px;height:18px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1.5px rgba(0,0,0,.45)}
.pin.active{background:#0f6e3a}.pin.review{background:#c26a00}.pin.pending_close{background:#b3121b}.pin.closed,.pin.expired{background:#6b7280}
.me-dot{width:16px;height:16px;border-radius:50%;background:#1d4ed8;border:3px solid #fff;box-shadow:0 0 0 2px #1d4ed8}
ion-badge[hidden]{display:none!important}
