/* SIMURBAN v0.9.73 — hotfix de entrada das configurações gráficas */
.quality-settings-screen.hidden{display:none!important}
.quality-settings-screen{
  position:fixed;inset:0;z-index:980;display:grid;place-items:center;padding:18px;
  background:rgba(3,8,9,.78);backdrop-filter:blur(10px)
}
.quality-settings-card{
  width:min(820px,calc(100vw - 28px));border:1px solid rgba(209,235,229,.22);border-radius:22px;
  background:linear-gradient(160deg,rgba(24,40,39,.98),rgba(8,16,18,.98));
  box-shadow:0 32px 110px rgba(0,0,0,.58);padding:24px;color:#eef7f3
}
.quality-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.quality-settings-head h2{margin:5px 0 4px;font-size:28px}
.quality-settings-head p{margin:0;max-width:610px;color:#aebfba;font-size:13px;line-height:1.45}
#qualitySettingsClose{width:38px;height:38px;flex:0 0 auto;border-radius:11px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#fff;font-size:23px;cursor:pointer}
#qualitySettingsClose:hover{background:rgba(255,255,255,.12)}
.quality-profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}
.quality-profile-grid button{min-width:0;min-height:150px;padding:16px;text-align:left;border-radius:15px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);color:#eef7f3;cursor:pointer;transition:.16s ease}
.quality-profile-grid button:hover{transform:translateY(-2px);background:rgba(255,255,255,.09)}
.quality-profile-grid button.active{border-color:#7fca77;background:linear-gradient(160deg,rgba(84,143,82,.42),rgba(39,80,55,.24));box-shadow:inset 0 0 0 1px rgba(126,205,116,.24),0 12px 30px rgba(0,0,0,.18)}
.quality-profile-grid b{display:block;font-size:19px;margin-bottom:5px}
.quality-profile-grid span{display:block;color:#cfe1db;font-size:12px;font-weight:800;margin-bottom:13px}
.quality-profile-grid small{display:block;color:#8fa49e;font-size:10px;line-height:1.45}
.quality-current-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;margin-top:16px;padding:13px 14px;border-radius:13px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.15)}
.quality-current-row>div:first-child{display:grid;grid-template-columns:auto auto 1fr;gap:8px;align-items:baseline}
.quality-current-row span{font-size:11px;color:#9fb2ac}.quality-current-row b{font-size:13px}.quality-current-row small{color:#829790;font-size:10px}
.quality-photo-hint{display:flex;align-items:center;gap:8px;white-space:nowrap}
.quality-photo-hint kbd{padding:5px 8px;border-radius:7px;background:#dbe9e3;color:#14201d;font-weight:950;box-shadow:0 2px 0 #8ca29a;font-size:11px}
.quality-menu-icon{font-size:17px;line-height:1;width:20px;text-align:center;color:#b8d7cb}
.start-actions #openQualityFromStart{background:rgba(65,95,91,.78)}
body.photo-capturing{cursor:progress}
@media(max-width:760px){
  .quality-settings-card{padding:18px;max-height:calc(100vh - 22px);overflow:auto}
  .quality-profile-grid{grid-template-columns:1fr 1fr}
  .quality-current-row{grid-template-columns:1fr}
  .quality-photo-hint{white-space:normal}
}
@media(max-width:430px){.quality-profile-grid{grid-template-columns:1fr}.quality-profile-grid button{min-height:116px}}

/* v0.9.77 — seis categorias de zoneamento em grade 3x2. */
body.city-mode #toolPanel[data-active-tool="zone"] .zone-buttons:not(.zone-grid-toggle-row){
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:100%!important;
  max-width:246px!important;
}
body.city-mode #toolPanel[data-active-tool="zone"] .zone-buttons:not(.zone-grid-toggle-row) button{
  width:76px!important;
  aspect-ratio:1/1!important;
  padding:6px!important;
  gap:5px!important;
  font-size:11px!important;
}
body.city-mode #toolPanel[data-active-tool="zone"] .zone-buttons:not(.zone-grid-toggle-row) button .ui-ico{
  width:21px!important;height:21px!important;
}
body.city-mode #toolPanel[data-active-tool="zone"] [data-zone-density]:disabled{
  opacity:.34!important;cursor:not-allowed!important;
}

/* v0.9.81 — direção manual e correção definitiva do ocultar UI. */
body.city-mode.ui-collapsed #tnInfoDock,
body.city-mode.ui-collapsed #classicLeftPanel{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.city-mode #driveRandomVehicle.drive-random-vehicle{
  color:#d9f0e2;
  border-color:rgba(125,205,135,.24);
}
body.city-mode #driveRandomVehicle.drive-random-vehicle:hover{
  color:#fff;
  background:linear-gradient(180deg,rgba(70,135,81,.78),rgba(34,75,48,.78))!important;
  border-color:rgba(133,222,145,.52)!important;
}

body.city-mode .sim-inspect-actions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

/* v0.9.185 — painel de inspeção dimensionado pelo conteúdo. */
body.city-mode .sim-inspect-panel{
  left:62px!important;
  right:auto!important;
  top:72px!important;
  bottom:auto!important;
  height:auto!important;
  min-width:286px!important;
  max-width:min(440px,calc(100vw - 92px))!important;
  max-height:calc(100vh - 166px)!important;
  overflow:auto!important;
  padding:11px!important;
}
body.city-mode .sim-inspect-panel.inspect-compact{width:min(310px,calc(100vw - 92px))!important}
body.city-mode .sim-inspect-panel.inspect-medium{width:min(360px,calc(100vw - 92px))!important}
body.city-mode .sim-inspect-panel.inspect-tall{width:min(410px,calc(100vw - 92px))!important}
body.city-mode .sim-inspect-grid div{
  grid-template-columns:minmax(84px,auto) minmax(118px,1fr)!important;
  align-items:start!important;
}
body.city-mode .sim-inspect-actions{justify-content:flex-start!important}
body.city-mode .sim-inspect-actions button{flex:1 1 auto;min-width:88px;padding-inline:10px}
@media(max-width:900px){
  body.city-mode .sim-inspect-panel,
  body.city-mode .sim-inspect-panel.inspect-compact,
  body.city-mode .sim-inspect-panel.inspect-medium,
  body.city-mode .sim-inspect-panel.inspect-tall{
    left:10px!important;right:10px!important;top:62px!important;bottom:auto!important;width:auto!important;max-width:none!important;max-height:calc(100vh - 146px)!important
  }
}