/* Moja okolica — local situation briefing. Uses shared subpage tokens. */
.moja-okolica{max-width:1120px;margin:0 auto;padding:4px 0 28px}
.moja-hero{padding:18px 0 12px}
.moja-hero .sg-kicker{margin:0 0 4px;color:var(--ng-color-accent-soft);font:700 10px/1.2 var(--ng-font-sans);letter-spacing:.14em;text-transform:uppercase}
.moja-hero h1{margin:0;color:var(--ng-color-text-strong);font-size:clamp(24px,4vw,38px);line-height:1.12}
.moja-hero p{max-width:760px;margin:8px 0 0;color:var(--ng-color-muted)}
.moja-location{display:grid;gap:10px;padding:12px;margin:12px 0;border:1px solid var(--ng-airspace-line);border-radius:var(--ng-card-radius);background:var(--ng-airspace-panel)}
.moja-location-row{display:flex;gap:8px;align-items:end;flex-wrap:wrap}
.moja-location label{display:grid;gap:4px;min-width:210px;flex:1;color:var(--ng-color-muted);font-size:10px}
.moja-location select,.moja-location input{min-height:38px;box-sizing:border-box;width:100%;border:1px solid var(--ng-airspace-line-strong);border-radius:8px;background:#08111f;color:var(--ng-color-text);padding:6px 8px;font:12px var(--ng-font-sans)}
.moja-location button,.moja-briefing button,.moja-card button,.moja-details a{border:1px solid var(--ng-airspace-line-strong);border-radius:8px;background:#101c30;color:var(--ng-color-text);min-height:38px;padding:6px 10px;font:700 11px var(--ng-font-sans);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.moja-location button:hover,.moja-briefing button:hover{border-color:var(--ng-color-accent)}
.moja-location button.primary,.moja-briefing button.primary{background:var(--ng-color-accent);color:#07101d;border-color:var(--ng-color-accent)}
.moja-location-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:var(--ng-color-muted);font-size:10px}
.moja-location-meta strong{color:var(--ng-color-text)}
.moja-coords{display:flex;gap:6px;flex-wrap:wrap}
.moja-coords input{max-width:130px}
.moja-briefing{margin:12px 0;padding:14px;border:1px solid rgba(255,176,32,.35);border-radius:var(--ng-card-radius);background:linear-gradient(145deg,rgba(28,24,17,.9),rgba(10,17,31,.96))}
.moja-brief-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}
.moja-brief-head h2{margin:0;color:var(--ng-color-text-strong);font-size:18px}
.moja-brief-actions{display:flex;gap:5px;flex-wrap:wrap}
.moja-summary{margin:10px 0 0;color:var(--ng-color-text);font-size:14px;line-height:1.55}
.moja-summary strong{color:var(--ng-color-accent-soft)}
.moja-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;color:var(--ng-color-muted);font-size:10px}
.moja-meta span{border:1px solid var(--ng-airspace-line);border-radius:999px;padding:2px 7px}
.moja-more{margin-top:8px}
.moja-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px;margin:12px 0}
.moja-card{padding:11px;border:1px solid var(--ng-airspace-line);border-radius:12px;background:var(--ng-airspace-panel);min-width:0}
.moja-card h3{display:flex;justify-content:space-between;gap:6px;margin:0 0 6px;color:var(--ng-color-text-strong);font-size:13px}
.moja-card h3 span{color:var(--ng-color-muted);font-size:10px;font-weight:500;text-align:right}
.moja-card .moja-number{display:block;margin:3px 0;color:var(--ng-color-accent-soft);font-size:22px;font-weight:800;line-height:1.1}
.moja-card p{margin:5px 0;color:var(--ng-color-muted);font-size:10.5px;line-height:1.45}
.moja-card ul{margin:5px 0;padding-left:16px;color:var(--ng-color-text);font-size:10.5px;line-height:1.45}
.moja-card li{margin:2px 0}
.moja-card .moja-source{color:var(--ng-color-muted);font-size:9px}
.moja-details{margin:12px 0;padding:12px;border:1px solid var(--ng-airspace-line);border-radius:12px;background:#0b1423}
.moja-details h2{margin:0 0 7px;font-size:16px}
.moja-details section{margin:10px 0;padding-top:8px;border-top:1px solid var(--ng-airspace-line)}
.moja-details h3{margin:0 0 4px;font-size:12px;color:var(--ng-color-text-strong)}
.moja-details p,.moja-details li{color:var(--ng-color-muted);font-size:11px;line-height:1.45}
.moja-details ul{padding-left:17px;margin:4px 0}
.moja-details a{color:var(--ng-color-info);padding:0;min-height:0;border:0;background:none;text-decoration:underline;font-size:11px}
.moja-status{margin:6px 0 0;color:var(--ng-color-muted);font-size:10px}
.moja-error{color:var(--ng-color-danger)}
.moja-loading{opacity:.6}
.moja-empty{border-style:dashed!important}
.moja-noscript{padding:10px;border:1px solid var(--ng-airspace-line);border-radius:9px;color:var(--ng-color-muted)}
@media(max-width:700px){
  .moja-okolica{padding-bottom:88px}
  .moja-hero{padding-top:12px}
  .moja-briefing{padding:11px}
  .moja-brief-head h2{font-size:16px}
  .moja-cards{grid-template-columns:1fr 1fr;gap:7px}
  .moja-card{padding:9px}
  .moja-card h3{font-size:11.5px}
  .moja-location label{min-width:0}
  .moja-location-row>*{flex:1 1 100%}
  .moja-location-row button{min-height:44px}
  .moja-coords input{max-width:none}
  .moja-brief-actions button{min-height:44px}
}
@media(max-width:420px){.moja-cards{grid-template-columns:1fr}}
.moja-okolica [hidden]{display:none!important}

.moja-location-row .moja-map-link,.moja-map-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:6px 10px;border:1px solid var(--ng-airspace-line-strong);border-radius:8px;color:var(--ng-color-info);background:#101c30;text-decoration:none;font:700 11px var(--ng-font-sans)}
.moja-map-link:hover{border-color:var(--ng-color-accent);color:var(--ng-color-accent-soft)}
.moja-tts-status:empty{display:none}
.moja-tts-status{margin:8px 0 0;color:var(--ng-color-muted);font-size:10px;line-height:1.4}
.moja-tts-status.moja-error{color:var(--ng-color-danger)}