.organized-nav{display:grid;gap:7px;overflow:visible;padding:2px 3px 2px 0}.nav-group{position:relative;display:grid}.nav-group-toggle{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) 22px;align-items:center;gap:10px;min-height:48px;padding:7px 8px;border:1px solid transparent;border-radius:12px;color:#8497af;background:transparent;font-size:10px;font-weight:800;letter-spacing:.07em;text-align:left;text-transform:uppercase;cursor:pointer;transition:.22s ease}.nav-section-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(123,145,174,.15);border-radius:9px;background:rgba(20,35,57,.68);color:#8194ad}.nav-section-icon svg,.organized-nav .nav-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-group-toggle:hover{color:#e5edf6;background:rgba(27,39,61,.62)}.nav-group.open .nav-group-toggle{color:#fff;border-color:rgba(247,154,66,.18);background:#182238;box-shadow:0 7px 18px rgba(0,0,0,.13)}.nav-group.open .nav-section-icon{color:#ffad62;border-color:rgba(247,154,66,.5);background:rgba(247,154,66,.12)}.nav-group.has-active:not(.open) .nav-group-toggle{color:#c9d4e1}.nav-group.has-active:not(.open) .nav-section-icon{color:#f79a42;border-color:rgba(247,154,66,.24)}.nav-group-toggle i{position:relative;width:20px;height:20px;color:#91a2b7;font-size:0;transition:.38s cubic-bezier(.22,1,.36,1)}.nav-group-toggle i::before{content:"";position:absolute;left:6px;top:5px;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}.nav-group.open .nav-group-toggle i{color:#ffad62;transform:rotate(180deg)}.nav-group-items{position:relative;display:grid;gap:2px;max-height:0;margin-left:16px;padding:0 5px 0 28px;overflow:hidden;opacity:0;transform:translateY(-5px);transition:max-height .42s cubic-bezier(.22,1,.36,1),opacity .24s ease,transform .38s cubic-bezier(.22,1,.36,1),padding .38s ease}.nav-group-items::before{content:"";position:absolute;left:7px;top:0;bottom:9px;width:1px;background:linear-gradient(#f79a42,rgba(247,154,66,.16))}.nav-group.open .nav-group-items{max-height:260px;padding-top:8px;padding-bottom:7px;opacity:1;transform:translateY(0)}.organized-nav .nav-item{position:relative;display:grid;grid-template-columns:19px minmax(0,1fr);align-items:center;gap:10px;min-height:37px;padding:6px 7px;border-radius:8px;color:#a6b6c9;background:transparent;text-align:left;transition:.2s ease}.organized-nav .nav-item:hover{color:#fff;background:rgba(247,154,66,.07);transform:translateX(2px)}.organized-nav .nav-item.active{color:#ffad62;background:rgba(247,154,66,.1);box-shadow:none}.organized-nav .nav-item .nav-icon{display:grid;place-items:center;width:19px;height:19px;color:#9aabc0}.organized-nav .nav-item .nav-icon svg{width:16px;height:16px}.organized-nav .nav-item:hover .nav-icon,.organized-nav .nav-item.active .nav-icon{color:#f79a42}.organized-nav .nav-item>span:last-child{font-size:12.5px;font-weight:600;line-height:1.2}
.region-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:18px}.region-card{display:flex;flex-direction:column;gap:14px;transition:opacity .18s ease,transform .18s ease,border-color .18s ease}.region-card.dragging{opacity:.48;transform:scale(.985);border-color:#f79a42;box-shadow:0 0 0 2px rgba(247,154,66,.15)}.region-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.region-card h3{margin:3px 0}.region-card-head-actions{display:flex;align-items:center;gap:8px}.region-drag-handle{display:grid;grid-template-columns:repeat(2,3px);gap:3px;padding:7px;border:1px solid rgba(120,145,180,.2);border-radius:8px;background:rgba(120,145,180,.08);cursor:grab;touch-action:none;user-select:none}.region-drag-handle.active,.region-drag-handle:active{cursor:grabbing;border-color:#f79a42;background:rgba(247,154,66,.12)}.sorting-regions,.sorting-regions *{cursor:grabbing!important;user-select:none!important}.region-drag-handle i{width:3px;height:3px;border-radius:50%;background:#8fa0ba;pointer-events:none}.region-drag-handle:hover{border-color:rgba(247,154,66,.45)}.region-drag-handle:hover i,.region-drag-handle.active i{background:#f79a42}.region-count{flex:0 0 auto;padding:6px 9px;border:1px solid rgba(247,154,66,.2);border-radius:999px;background:rgba(247,154,66,.1);color:#ffad62;font-size:11px;font-weight:800}.region-users{margin:0;color:var(--muted,#8fa0ba);font-size:12px}.region-label-field{display:grid;gap:7px}.region-label-field>span{color:var(--muted,#8fa0ba);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.region-label-field>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.region-city-list{display:flex;flex-wrap:wrap;align-content:flex-start;gap:7px;min-height:38px}.region-city-list span{padding:5px 9px;border-radius:999px;background:rgba(247,154,66,.1);color:#ffad62;font-size:11px;font-weight:700}.region-city-list span.more{background:rgba(120,145,180,.12);color:#9badc3}.region-city-list em{color:var(--muted,#8fa0ba);font-size:12px;font-style:normal}.region-card-actions{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:auto}.region-delete{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border:1px solid rgba(245,82,96,.25);border-radius:9px;background:rgba(245,82,96,.08);color:#ff8b94;font-weight:700;cursor:pointer}.region-delete:hover{border-color:rgba(245,82,96,.55);background:rgba(245,82,96,.14)}
.region-cities-dialog{width:min(1040px,95vw);height:min(820px,92vh);overflow:hidden}.region-picker-head{padding-right:40px}.region-picker-head h2{margin:4px 0}.region-picker-head p:last-child{color:var(--muted,#8fa0ba)}.region-picker-tools{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:14px;align-items:center;margin:18px 0 14px}.select-all-cities{display:flex;align-items:center;gap:9px;font-weight:700}.select-all-cities input{width:18px;height:18px;accent-color:#f79a42}.clear-region-cities{padding:10px 14px;border:1px solid rgba(245,82,96,.32);border-radius:9px;background:rgba(245,82,96,.08);color:#ff929a;font-weight:800;white-space:nowrap;cursor:pointer}.clear-region-cities:hover{border-color:rgba(245,82,96,.65);background:rgba(245,82,96,.15)}.region-city-checklist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:52vh;overflow:auto;padding:4px 8px 4px 2px}.region-city-option{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid rgba(120,145,180,.15);border-radius:10px;background:rgba(8,17,34,.34);cursor:pointer}.region-city-option:hover{border-color:rgba(247,154,66,.48)}.region-city-option input{width:18px;height:18px;flex:0 0 18px;accent-color:#f79a42}.region-city-option span{display:grid;min-width:0}.region-city-option b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.region-city-option small{color:#6f86a4;font-size:10px}.region-city-option.pending-removal{border-color:rgba(245,82,96,.28);background:rgba(245,82,96,.06)}.region-city-option.pending-removal small{color:#ff929a}.region-city-option.locked{opacity:.52;cursor:not-allowed;background:rgba(70,80,100,.12)}.region-city-option.locked small{color:#f0a34a}.region-picker-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:15px;border-top:1px solid rgba(120,145,180,.14)}.region-picker-footer span{color:var(--muted,#8fa0ba);font-weight:700}
body.light-theme .nav-group.open .nav-group-toggle{color:#172033;background:#fff3e7}body.light-theme .nav-section-icon{background:#edf1f7}body.light-theme .organized-nav .nav-item{color:#53657b}body.light-theme .organized-nav .nav-item.active{color:#b85a0b;background:#fff0e2}body.light-theme .region-city-option{background:#f8fafc}
@media(max-width:820px){.organized-nav{display:flex!important;gap:7px;overflow-x:auto}.nav-group{display:flex;gap:4px}.nav-group-toggle{white-space:nowrap}.nav-group-items{display:flex}.nav-group.open .nav-group-items{max-height:52px}.nav-group+.nav-group{padding-left:7px;border-left:1px solid rgba(120,145,180,.18)}.region-picker-tools{grid-template-columns:1fr}.region-city-checklist{grid-template-columns:1fr;max-height:50vh}.region-picker-footer{align-items:stretch;flex-direction:column}.region-picker-footer button{width:100%}.region-card-actions,.region-label-field>div{grid-template-columns:1fr}.region-delete{width:100%}}
/* multi-UF */
.region-picker-tools{grid-template-columns:100px minmax(240px,1fr) auto auto}
#region-uf-filter{
  box-sizing:border-box;
  height:44px;
  min-height:44px;
  padding:0 36px 0 16px;
  line-height:normal;
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:13px;
  font-weight:700;
  text-indent:0;
}

/* Mantem o seletor de UF e todo o conteudo dentro da area visivel do modal. */
.region-cities-dialog {
  width: min(1040px, calc(100vw - 24px));
  max-width: calc(100vw - 24px);
  height: min(820px, calc(100dvh - 24px));
  max-height: calc(100dvh - 24px);
  margin: auto;
  padding: clamp(18px, 2.5vw, 30px);
  box-sizing: border-box;
}

.region-cities-dialog[open] {
  display: flex;
  flex-direction: column;
}

.region-city-checklist {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
}

@media (max-width: 820px) {
  .region-cities-dialog {
    width: calc(100vw - 16px);
    max-width: calc(100vw - 16px);
    height: calc(100dvh - 16px);
    max-height: calc(100dvh - 16px);
    padding: 18px 14px;
  }

  .region-picker-head {
    padding-right: 42px;
  }

  .region-picker-tools {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    margin-top: 12px;
  }

  .region-picker-tools > *,
  #region-uf-filter {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .select-all-cities {
    align-items: flex-start;
  }
}