/* v0.6.0 – real city detail dialog with server-side rename command. */
.planet-selected-city-actions { display:grid; grid-template-columns:1fr 1.2fr; gap:7px; }
.planet-selected-city-actions .ref-primary-button,.planet-selected-city-actions .ref-secondary-button { min-height:34px; padding:6px 8px; font-size:9px; }
.planet-city-dialog-backdrop { position:fixed; inset:0; z-index:120; display:grid; place-items:center; padding:26px; background:rgba(1,6,12,.78); backdrop-filter:blur(9px); }
.planet-city-dialog { width:min(1080px,calc(100vw - 40px)); max-height:calc(100dvh - 52px); display:grid; grid-template-rows:auto minmax(0,1fr); overflow:hidden; border:1px solid rgba(94,203,255,.34); border-radius:16px; background:linear-gradient(180deg,#081726,#040d18); box-shadow:0 30px 90px rgba(0,0,0,.62),inset 0 0 45px rgba(94,203,255,.035); }
.planet-city-dialog>header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:16px 18px; border-bottom:1px solid rgba(105,184,239,.16); background:radial-gradient(circle at 15% 10%,rgba(94,203,255,.12),transparent 32%); }
.planet-city-dialog>header h2 { margin:4px 0 3px; font-size:27px; }
.planet-city-dialog>header p { margin:0; color:#8fa5b8; font-size:11px; }
.planet-city-dialog>header>button { width:36px; height:36px; display:grid; place-items:center; border:1px solid rgba(94,203,255,.2); border-radius:9px; background:#091a2b; color:#d9edfb; font-size:24px; cursor:pointer; }
.planet-city-dialog-body { min-height:0; overflow-y:auto; display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:12px; scrollbar-width:thin; scrollbar-color:rgba(94,203,255,.25) transparent; }
.planet-dialog-section { min-width:0; padding:12px; border:1px solid rgba(105,184,239,.15); border-radius:12px; background:rgba(9,22,37,.78); }
.planet-dialog-section h3 { margin:3px 0 0; font-size:16px; }
.planet-dialog-section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:9px; }
.planet-dialog-section-head>small { color:#70889d; font-size:9px; }
.planet-dialog-identity { grid-column:1/-1; display:grid; grid-template-columns:330px minmax(0,1fr); gap:14px; align-items:center; }
.planet-dialog-city-art { height:150px; overflow:hidden; border:1px solid rgba(105,184,239,.18); border-radius:10px; background:#06101c; }
.planet-dialog-city-art picture,.planet-dialog-city-art img { width:100%; height:100%; display:block; object-fit:cover; }
.planet-dialog-identity label small,.planet-dialog-identity label input { display:block; }
.planet-dialog-identity label small { margin:8px 0 5px; color:#7f98ad; font-size:9px; text-transform:uppercase; letter-spacing:.08em; }
.planet-dialog-identity input { width:100%; height:40px; padding:0 11px; border:1px solid rgba(94,203,255,.28); border-radius:9px; background:#06131f; color:#eff8ff; font:600 14px/1 inherit; }
.planet-dialog-identity .ref-primary-button { margin-top:8px; }
.planet-dialog-identity p { margin:8px 0 0; color:#7d93a6; font-size:9px; line-height:1.4; }
.planet-dialog-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
.planet-dialog-metrics>span { padding:9px; border:1px solid rgba(105,184,239,.12); border-radius:9px; background:rgba(5,15,27,.72); }
.planet-dialog-metrics small,.planet-dialog-metrics strong { display:block; }
.planet-dialog-metrics small { color:#718ba1; font-size:8px; text-transform:uppercase; letter-spacing:.06em; }
.planet-dialog-metrics strong { margin-top:4px; font-size:15px; }
.planet-dialog-economy-head,.planet-dialog-economy-row { display:grid; grid-template-columns:minmax(130px,1fr) repeat(3,90px); gap:8px; align-items:center; }
.planet-dialog-economy-head { padding:0 8px 5px; color:#6f879b; font-size:8px; text-transform:uppercase; letter-spacing:.08em; }
.planet-dialog-economy { display:grid; gap:4px; }
.planet-dialog-economy-row { padding:7px 8px; border:1px solid rgba(105,184,239,.1); border-radius:8px; background:rgba(5,15,27,.65); font-size:9px; }
.planet-dialog-economy-row strong { font-size:10px; }
.planet-dialog-buildings { display:grid; gap:4px; }
.planet-dialog-buildings>div { display:grid; grid-template-columns:minmax(0,1fr) 86px 54px; gap:8px; padding:7px 8px; border:1px solid rgba(105,184,239,.1); border-radius:8px; background:rgba(5,15,27,.65); font-size:9px; }
.planet-dialog-buildings span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.planet-dialog-buildings em { color:var(--green); font-style:normal; text-align:right; }
.planet-dialog-future { grid-column:1/-1; }
.planet-dialog-future p { margin:0; color:#8da2b4; font-size:10px; line-height:1.45; }
.planet-dialog-future>div:last-child { display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; }
@media(max-width:850px){
  .planet-city-dialog-backdrop{padding:8px}.planet-city-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}
  .planet-city-dialog-body{grid-template-columns:1fr}.planet-dialog-identity,.planet-dialog-future{grid-column:auto}.planet-dialog-identity{grid-template-columns:1fr}.planet-dialog-city-art{height:130px}
  .planet-dialog-economy-head,.planet-dialog-economy-row{grid-template-columns:minmax(100px,1fr) repeat(3,70px)}
}