/* Apex Mater — Phone Input Internacional · estilos */
.apex-phone{
  position:relative;display:flex;align-items:stretch;width:100%;
  border:1px solid var(--line, #d9cfc1);
  border-radius:var(--radius-sm, 10px);
  background:#fff;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.apex-phone:focus-within{
  border-color:var(--oliva, #6f7f5b);
  box-shadow:0 0 0 3px rgba(111,127,91,.12);
}
.apex-phone-flag{
  display:inline-flex;align-items:center;gap:6px;
  padding:0 10px 0 12px;border:0;background:transparent;cursor:pointer;
  border-right:1px solid var(--line, #d9cfc1);
  font:inherit;color:var(--ink, #3e3a37);
  min-width:0;flex-shrink:0;
}
.apex-phone-flag:hover{background:rgba(0,0,0,.02)}
.apex-phone-flag-emoji{font-size:18px;line-height:1}
.apex-phone-dial{
  font-family:'Montserrat', system-ui, sans-serif;
  font-size:13px;font-weight:600;letter-spacing:.3px;
}
.apex-phone-chev{
  font-size:9px;color:var(--muted, #6b635c);margin-left:2px;
  transition:transform .15s ease;
}
.apex-phone-flag[aria-expanded="true"] .apex-phone-chev{transform:rotate(180deg)}
.apex-phone-input{
  flex:1;min-width:0;border:0;outline:none;background:transparent;
  padding:10px 12px;font:inherit;color:inherit;border-radius:0;
}

/* Dropdown */
.apex-phone-dropdown{
  position:absolute;top:calc(100% + 4px);left:0;right:auto;z-index:50;
  width:min(320px, 90vw);
  background:#fff;border:1px solid var(--line, #d9cfc1);
  border-radius:var(--radius-sm, 10px);
  box-shadow:0 10px 30px -10px rgba(0,0,0,.18), 0 0 0 1px rgba(0,0,0,.02);
  overflow:hidden;
  display:flex;flex-direction:column;
  max-height:280px;
}
.apex-phone-dropdown.flip-up{top:auto;bottom:calc(100% + 4px)}
.apex-phone-dropdown[hidden]{display:none}
.apex-phone-search{
  border:0;outline:none;border-bottom:1px solid var(--line, #d9cfc1);
  padding:10px 12px;font:inherit;color:inherit;background:transparent;
  flex-shrink:0;
}
.apex-phone-list{
  flex:1;overflow-y:auto;padding:4px 0;
}
.apex-phone-opt{
  display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;
  font:inherit;color:var(--ink, #3e3a37);
  transition:background .12s ease;
}
.apex-phone-opt:hover, .apex-phone-opt:focus{
  background:rgba(111,127,91,.08);outline:none;
}
.apex-phone-opt-flag{font-size:18px;line-height:1;flex-shrink:0}
.apex-phone-opt-name{flex:1;font-size:14px}
.apex-phone-opt-dial{
  font-family:'Montserrat', system-ui, sans-serif;
  font-size:12px;color:var(--muted, #6b635c);font-weight:600;
}

/* Tema admin/superadmin (sans-serif, mais denso) */
.admin-theme .apex-phone, body.admin-shell .apex-phone{
  border-radius:8px;
}
.admin-theme .apex-phone-input, body.admin-shell .apex-phone-input{
  padding:8px 10px;font-size:13px;
}
.admin-theme .apex-phone-flag, body.admin-shell .apex-phone-flag{
  padding:0 8px 0 10px;
}
.admin-theme .apex-phone-dial, body.admin-shell .apex-phone-dial{
  font-size:12px;
}