/* MENZİL COMMAND · ana sayfa (komuta ekranı düzeni) — cmd.css üzerine.
   Masaüstü: sol kimlik/saat/kaynak sütunu · ortada büyük harita · sağda durum panelleri · altta modül satırı · en altta durum şeridi.
   Dar ekran: aynı bilgi kartlara bölünür (harita üstte, paneller altında), sayfa normal kayar. */

body.cmd.home{overflow:hidden;background:var(--c-bg)}
#hc{position:fixed;top:var(--cbar-h);left:0;right:0;bottom:0;display:grid;
  grid-template-columns:292px minmax(0,1fr) 400px;grid-template-rows:minmax(0,1fr) auto 28px;
  grid-template-areas:"left map right" "mods mods right" "foot foot foot"}
#h-left{grid-area:left;overflow-y:auto;overscroll-behavior:contain;background:var(--c-p1);border-right:1px solid var(--c-line);min-height:0;scrollbar-width:thin;scrollbar-color:var(--c-line2) transparent}
#h-mapwrap{grid-area:map;position:relative;min-width:0;min-height:0;background:#0B0C10}
#h-mapwrap #map{position:absolute;inset:0;background:#0B0C10}
#h-mods{grid-area:mods;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:var(--c-p1);border-top:1px solid var(--c-line)}
#h-right{grid-area:right;overflow-y:auto;overscroll-behavior:contain;background:var(--c-p1);border-left:1px solid var(--c-line);min-height:0;scrollbar-width:thin;scrollbar-color:var(--c-line2) transparent}
#h-foot{grid-area:foot;display:flex;align-items:center;gap:14px;padding:0 12px;background:var(--c-p0);border-top:1px solid var(--c-line);
  font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--c-t3);white-space:nowrap;overflow:hidden;min-width:0}
#h-foot>span:first-child{overflow:hidden;text-overflow:ellipsis;min-width:0}
#h-foot b{color:var(--c-t2);font-weight:500}
#h-foot a{color:var(--c-t2)}
#h-foot .grow{flex:1}

/* ---------- sol sütun ---------- */
#h-id .cp-b{padding:16px 14px 14px}
#h-title{font-family:var(--disp);font-variation-settings:"wdth" 70,"wght" 800;font-size:27px;line-height:1;letter-spacing:.04em;margin:0 0 10px;color:var(--c-t1)}
.h-sub{font-size:13.5px;line-height:1.45;color:var(--c-t2);margin:0 0 8px}
.h-tag{font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;line-height:1.5;color:var(--c-t3);margin:0 0 10px}
.h-off{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--c-t3);margin:0;padding-top:9px;border-top:1px solid var(--c-line)}
.h-clock{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 8px;font-family:var(--mono);font-variant-numeric:tabular-nums}
.h-clock b{font-weight:500;font-size:26px;line-height:1;letter-spacing:.02em;color:var(--c-t1)}
.h-clock span{font-size:10px;letter-spacing:.14em;color:var(--c-t3)}
.h-clock small{grid-column:1/-1;font-size:10.5px;letter-spacing:.06em;color:var(--c-t2);margin-top:6px}
.h-hl{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:0}
.h-hl li{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--c-line);font-size:12.5px}
.h-hl li:last-child{border-bottom:0}
.h-hl li i{width:7px;height:7px;border-radius:50%;background:var(--c-t3)}
.h-hl li.ok i{background:var(--c-ok)} .h-hl li.deg i{background:var(--c-warn)} .h-hl li.down i{background:var(--c-crit)}
.h-hl li b{font-weight:500;color:var(--c-t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h-hl li span{font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--c-t3)}
.h-hl li.ok span{color:var(--c-okt)} .h-hl li.deg span{color:var(--c-warnt)} .h-hl li.down span{color:var(--c-critt)}
.h-hl .h-hl-wait{display:block;color:var(--c-t3);font-size:12px}
.h-kv{grid-template-columns:auto minmax(0,1fr)}
.h-kv dd{font-family:var(--mono);font-size:12px;font-variant-numeric:tabular-nums}
.h-kv dd b{font-weight:500}
#h-hl-n{font-family:var(--mono)}
.h-cons{display:grid;gap:6px}
.h-cons .cbtn{width:100%;justify-content:space-between}
.h-scen .scenlist{display:grid;gap:0}
.h-scen .scenlist a{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:9px;padding:6px 0;border-bottom:1px solid var(--c-line);text-decoration:none;color:var(--c-t1)}
.h-scen .scenlist a:last-child{border-bottom:0}
.h-scen .scenlist a:hover .sl-t{text-decoration:underline;text-underline-offset:3px}
.h-scen .scenlist a i{font-style:normal;color:var(--c-t3);text-align:center}
.h-scen .sl-x{display:flex;justify-content:space-between;align-items:baseline;gap:8px;min-width:0}
.h-scen .sl-t{font-size:13px;font-weight:600;white-space:nowrap}
.h-scen .sl-d{font-family:var(--mono);font-size:10px;color:var(--c-t3);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h-scen .sl-h{margin:14px 0 2px;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--c-t3)}
.h-scen .scenlist.adv a .sl-t{font-weight:400;color:var(--c-t2)}
.h-cta{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 12px}
.h-cta .cbtn{padding:0 8px}
.h-kit{padding:0}
.h-kit>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-t1)}
.h-kit>summary::-webkit-details-marker{display:none}
.h-kit>summary::before{content:"+";width:12px;color:var(--c-t3)}
.h-kit[open]>summary::before{content:"–"}
.h-kit .prep{padding:0 12px 14px}
.h-kit .kit-p{font-size:12px;line-height:1.5;color:var(--c-t2);margin:0 0 10px}

/* ---------- harita üst şeridi ve lejant ---------- */
.h-mapbar{position:absolute;left:10px;right:10px;top:10px;z-index:3;display:flex;align-items:center;gap:10px;min-height:34px;padding:0 6px 0 8px;
  background:rgba(14,17,21,.94);border:1px solid var(--c-line2);border-radius:2px}
.h-mapt{font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:var(--c-t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.h-sep{color:var(--c-line2);margin:0 4px}
.h-mapbar .grow{flex:1}
.h-view{display:flex;border:1px solid var(--c-line2);border-radius:2px;overflow:hidden;flex:none}
.h-view button{border:0;background:transparent;color:var(--c-t2);font-family:var(--mono);font-size:10px;letter-spacing:.08em;padding:0 10px;height:24px}
.h-view button+button{border-left:1px solid var(--c-line2)}
.h-view button[aria-pressed="true"]{background:var(--c-p3);color:var(--c-t1)}
.h-legend{position:absolute;left:10px;bottom:10px;z-index:3;display:grid;gap:4px;padding:7px 9px;background:rgba(14,17,21,.94);border:1px solid var(--c-line2);border-radius:2px;
  font-family:var(--mono);font-size:9.5px;letter-spacing:.04em;color:var(--c-t2)}
.h-lg-r{display:flex;align-items:center;gap:4px}
.h-lg-t{min-width:64px;color:var(--c-t3);letter-spacing:.1em;text-transform:uppercase}
.h-lg-r i{width:9px;height:9px;border-radius:50%;display:inline-block}
.h-lg-r i.ring{background:transparent;border:2px solid;width:11px;height:11px}
.h-lg-r i.ring.org{border-color:#E07A22} .h-lg-r i.ring.red{border-color:#E23B4C}
.h-lg-s{color:var(--c-t3);margin:0 4px 0 2px}
#h-mapwrap .maplibregl-ctrl-attrib{background:rgba(14,17,21,.9)!important;color:var(--c-t3)!important;font-size:9.5px}
#h-mapwrap .maplibregl-ctrl-attrib a{color:var(--c-t2)!important}
#h-mapwrap .maplibregl-ctrl-group{background:var(--c-p1)!important;border:1px solid var(--c-line2);box-shadow:none!important}
#h-mapwrap .maplibregl-ctrl-group button{background-color:var(--c-p1)!important}
#h-mapwrap .maplibregl-ctrl-group button+button{border-top:1px solid var(--c-line2)}
#h-mapwrap .maplibregl-ctrl-top-right{top:52px}
#h-mapwrap .maplibregl-ctrl-group button .maplibregl-ctrl-icon{filter:invert(.85)}

/* ---------- modül satırı ---------- */
.mod{display:grid;grid-template-rows:auto auto auto auto;align-content:start;gap:7px;padding:10px 12px;border-right:1px solid var(--c-line);text-decoration:none;color:var(--c-t1);min-width:0}
.mod:last-child{border-right:0}
.mod:hover{background:var(--c-p2)}
.mod:focus-visible{outline-offset:-2px}
.mod-h{display:flex;align-items:center;gap:7px;min-width:0}
.mod-h i{font-style:normal;color:var(--c-t3);width:12px;text-align:center;flex:none}
.mod-n{font-size:13px;font-weight:600;line-height:1.25;min-width:0;flex:1;overflow-wrap:anywhere}
.mod-h .cs{flex:none}
.mod-m{display:flex;flex-wrap:wrap;gap:4px;min-width:0}
.mod-m .cs{max-width:100%;white-space:normal;height:auto;min-height:18px;line-height:1.25;padding-top:2px;padding-bottom:2px}
.mod-v{display:flex;align-items:baseline;gap:6px;min-width:0}
.mod-v b{font-family:var(--mono);font-weight:500;font-size:20px;line-height:1;font-variant-numeric:tabular-nums;color:var(--c-t1)}
.mod-v b.mod-vt{font-family:var(--sans);font-size:13px;font-weight:600;line-height:1.2}
.mod-v b[data-state="na"]{color:var(--c-t3)}
.mod-v small{font-size:10.5px;line-height:1.3;color:var(--c-t3);min-width:0}
.mod-src{font-family:var(--mono);font-size:9.5px;line-height:1.4;letter-spacing:.02em;color:var(--c-t3);overflow-wrap:anywhere}

/* ---------- sağ paneller ---------- */
.h-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--c-line)}
.h-kpi{padding:9px 10px;min-width:0;border-right:1px solid var(--c-line)}
.h-kpi:last-child{border-right:0}
.h-kpi b{display:block;font-family:var(--mono);font-weight:500;font-size:26px;line-height:1;color:var(--c-t1);font-variant-numeric:tabular-nums}
.h-kpi b.h-na{color:var(--c-t3)}
.h-kpi span{display:block;font-size:10.5px;line-height:1.35;color:var(--c-t3);margin-top:6px;overflow-wrap:anywhere}
body.home .h-state{margin-top:10px;padding:8px 10px;border:1px solid rgba(201,146,46,.45);border-left:3px solid var(--c-warn);background:transparent;font-size:12px;line-height:1.45;color:var(--c-t1)}
body.home .h-state.h-down{border-color:rgba(212,67,60,.5);border-left-color:var(--c-crit)}
.h-evb{padding-top:2px}
.h-ev{display:grid;gap:0}
.h-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--c-line);color:inherit;text-decoration:none}
.h-row:hover .h-b b{text-decoration:underline;text-underline-offset:3px}
.h-m{font-family:var(--mono);font-size:12.5px;font-weight:500;color:#0B0D11;border-radius:2px;padding:4px 0;text-align:center;font-variant-numeric:tabular-nums}
.h-m.h-al{font-size:9px;letter-spacing:.06em;color:#fff;padding:6px 0}
.h-m.h-red{background:#C8102E} .h-m.h-org{background:#D9631E}
.h-m.h-al.h-org{color:#0B0D11}
.h-b{min-width:0}
.h-b b{display:block;font-size:12.5px;font-weight:600;color:var(--c-t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h-b span{display:block;font-family:var(--mono);font-size:9.5px;color:var(--c-t3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}

.h-row .h-go{color:var(--c-t3)}
.h-empty{font-size:12px;color:var(--c-t3);padding:6px 0}
/* kaynak rozeti (komuta ile aynı anlam: nokta = servis sağlığı, ek metin = akış durumu) */
.h-src{display:flex;flex-wrap:wrap;gap:5px}
.sst{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--c-line2);border-radius:2px;padding:2px 6px;
  font-family:var(--mono);font-size:9.5px;letter-spacing:.03em;color:var(--c-t3);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.sst i{width:6px;height:6px;border-radius:50%;background:var(--c-t3);flex:none}
.sst b{font-weight:400;color:var(--c-t2)}
.sst-ok i{background:var(--c-ok)} .sst-ok b{color:var(--c-okt)}
.sst-deg i,.sst-empty i,.sst-stale i{background:var(--c-warn)} .sst-deg b,.sst-stale b{color:var(--c-warnt)}
.sst-down i{background:var(--c-crit)} body .sst-down b{color:var(--c-critt)}
.sst em.sst-feed{font-style:normal;color:var(--c-t3)}
.sst em.sst-feed::before{content:"· "}
.sst em.sst-feed-old{color:var(--c-warnt)}
.h-cov{margin-top:10px;padding-top:8px;border-top:1px solid var(--c-line);font-size:11.5px;color:var(--c-t2)}
.h-cov dt{white-space:nowrap}
.h-models{list-style:none;margin:0;padding:0}
.h-models li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 12px;border-bottom:1px solid var(--c-line)}
.h-models li:last-child{border-bottom:0}
.hm-n{font-size:12.5px;color:var(--c-t1);min-width:0}
.hm-n small{display:block;font-family:var(--mono);font-size:9.5px;color:var(--c-t3);margin-top:2px}
.h-more{color:var(--c-t2);text-decoration:none;letter-spacing:.1em}
.h-more:hover{color:var(--c-t1);text-decoration:underline}
.h-rec{list-style:none;margin:0;padding:2px 12px 8px}
.h-rec li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;padding:6px 0;border-bottom:1px solid var(--c-line);font-size:12px;align-items:baseline}
.h-rec li:last-child{border-bottom:0}
.h-rec li.h-empty{display:block}
.h-rec time{font-family:var(--mono);font-size:11px;color:var(--c-t2);font-variant-numeric:tabular-nums}
.h-rec .r-t{min-width:0}
.h-rec .r-t b{font-weight:600;color:var(--c-t1)}
.h-rec .r-t span{display:block;font-family:var(--mono);font-size:9.5px;color:var(--c-t3);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h-rec a{color:inherit;text-decoration:none}
.h-rec a:hover b{text-decoration:underline;text-underline-offset:3px}

/* ---------- ara genişlik ---------- */
@media (max-width:1500px){#hc{grid-template-columns:272px minmax(0,1fr) 372px}}
@media (max-width:1320px){#h-mods{grid-template-columns:repeat(3,minmax(0,1fr))}.mod:nth-child(3){border-right:0}.mod:nth-child(-n+3){border-bottom:1px solid var(--c-line)}}

/* ---------- dar ekran: kartlar alt alta, sayfa kayar ---------- */
@media (max-width:1199px){
  html,body.cmd.home{height:auto}
  body.cmd.home{overflow:visible}
  #hc{position:static;display:flex;flex-direction:column;padding-top:var(--cbar-h);min-height:100vh}
  #h-left{display:contents;overflow:visible}
  /* harita ilk ekranda: kimlik → harita → modüller → paneller → saat / kaynaklar → senaryolar → hazırlık */
  #h-id{order:1} #h-mapwrap{order:2} #h-mods{order:3} #h-right{order:4} .hl-clk{order:5}
  .hl-src{order:6} .h-scen{order:7} .h-prep{order:8} #h-foot{order:9}
  #h-left>section{border-bottom:1px solid var(--c-line)}
  #h-mapwrap{height:min(62vh,560px);min-height:320px;border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)}
  #h-right{overflow:visible;border-left:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  #h-right>section{border-right:1px solid var(--c-line)}
  #h-mods{grid-template-columns:repeat(3,minmax(0,1fr))}
  #h-foot{flex-wrap:wrap;white-space:normal;padding:12px 16px;gap:6px 14px;line-height:1.5}
  #h-foot>span:first-child{white-space:normal;flex-basis:100%}
  #h-foot .grow{display:none}
}
@media (max-width:760px){
  #h-id .cp-b{padding:14px 16px 12px}
  #h-title{font-size:22px;margin-bottom:6px}
  .h-tag{display:none}
  .h-sub{font-size:13px;margin-bottom:10px}
  .h-cta{margin-bottom:8px}
  #h-mapwrap .maplibregl-ctrl-top-right{top:78px}
  .cp-b{padding:10px 16px}
  .cp-h{padding:0 16px}
  .h-clock b{font-size:22px}
  #h-mapwrap{height:58vh;min-height:300px}
  .h-mapbar{left:8px;right:8px;top:8px;flex-wrap:wrap;padding:5px 6px;gap:6px}
  .h-mapt{order:5;flex-basis:100%;white-space:normal;font-size:10px}
  .h-legend{left:8px;bottom:8px}
  #h-mods{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mod{border-bottom:1px solid var(--c-line)}
  .mod:nth-child(3){border-right:1px solid var(--c-line)}
  .mod:nth-child(2n){border-right:0}
  #h-right{display:block}
  #h-right>section{border-right:0}
  .h-models li,.h-rec{padding-left:16px;padding-right:16px}
}