/* ═══ Equipo (#/team) y Ajustes (#/settings) · prefijo .ad- ═══ */
.ad-mono { font-family: ui-monospace, 'SF Mono', 'Cascadia Mono', Consolas, monospace; font-size: 13px; letter-spacing: .01em; }
.ad-inline { display: flex; align-items: center; gap: 8px; }
.ad-inline .input { flex: 1; min-width: 0; }
.ad-inline .btn.icon { height: 44px; width: 44px; flex: none; border-radius: var(--r-md); }
.ad-hint { margin-top: 6px; line-height: 1.45; }
.ad-hint.warn { color: var(--warn); }
.ad-form { gap: 14px; }
.ad-form-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: start; }
.ad-form-row.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 560px) { .ad-form-row { grid-template-columns: minmax(0, 1fr); } .ad-form-row.three { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ad-form-row.three > :last-child { grid-column: 1 / -1; } }

/* ── Equipo ── */
.ad-team { max-width: 1640px; margin: 0; display: flex; flex-direction: column; gap: 16px; }
.ad-toolbar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.ad-toolbar .search { flex: 1 1 260px; max-width: 420px; }
.ad-filters { display: flex; gap: 8px; overflow-x: auto; padding: 2px; scrollbar-width: none; flex: 1 1 300px; }
.ad-filters::-webkit-scrollbar { display: none; }
.ad-filters .chip { flex: none; height: 38px; }
.ad-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 16px; }
.ad-grid-empty { grid-column: 1 / -1; }
.ad-user { display: flex; flex-direction: column; gap: 14px; min-width: 0; border-radius: 26px; transition: transform var(--t) var(--ease), box-shadow var(--t) var(--ease), opacity var(--t) var(--ease); }
.ad-user:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }
.ad-user.inactive { opacity: .62; box-shadow: none; }
.ad-user.inactive .avatar { filter: grayscale(1); }
.ad-user.inactive:hover { opacity: 1; }
.ad-user-top { align-items: flex-start; gap: 12px; }
.ad-user-top h3 { font-size: 15.5px; }
.ad-user-top .pill .icon { width: 13px; height: 13px; }
.ad-lines { display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; border-radius: var(--r-md); background: var(--card-2); }
.ad-line { display: flex; align-items: center; gap: 9px; font-size: 12.5px; color: var(--text-2); min-width: 0; }
.ad-line .icon { width: 15px; height: 15px; color: var(--muted); }
.ad-line.warn, .ad-line.warn .icon { color: var(--warn); }
.ad-user-foot { gap: 8px; margin-top: auto; min-height: 34px; }
.ad-user-foot > .pill { min-width: 0; height: 28px; }
.ad-user-foot > .pill .truncate { max-width: 120px; }
.ad-user-foot > .pill > [data-since], .ad-user-foot > .pill > .dot { flex: none; }
.ad-user-actions { gap: 6px; flex: none; }
.ad-user-actions .btn.icon.sm { width: 38px; height: 38px; }
.ad-user-actions .btn .icon { width: 17px; height: 17px; }
.ad-user-sk { pointer-events: none; } .ad-user-sk .skeleton { height: 14px; } .ad-user-sk > .skeleton { height: 46px; border-radius: var(--r-md); }
.ad-user-sk .ad-sk-av { width: 52px; height: 52px; border-radius: 50%; flex: none; }
.ad-user-sk .col .skeleton:last-child { width: 60%; }
.ad-shift { display: flex; flex-direction: column; border-radius: var(--r-lg); }
.ad-shift-box { display: grid; grid-template-rows: 1fr; opacity: 1; transition: grid-template-rows var(--t) var(--ease), opacity var(--t) var(--ease); }
.ad-shift-box.closed { grid-template-rows: 0fr; opacity: 0; pointer-events: none; }
.ad-shift-inner { overflow: hidden; min-height: 0; gap: 12px; }
.ad-shift-inner > :first-child { margin-top: 14px; }
.ad-shift .input { background: var(--card); }
.ad-days { display: flex; flex-wrap: wrap; gap: 6px; }
.ad-days .chip { min-width: 44px; height: 40px; padding: 0 10px; justify-content: center; background: var(--card); }
.ad-days .chip.active { background: var(--primary); color: #fff; border-color: var(--primary); box-shadow: 0 6px 14px rgba(91, 91, 240, .3); }
.ad-days .chip:active { transform: scale(.92); }
.ad-share { margin: 0; padding: 14px; border-radius: var(--r-md); background: var(--card-2); font: 500 12.5px/1.6 var(--font); white-space: pre-wrap; word-break: break-word; user-select: all; }
@media (max-width: 860px) {
  .ad-grid { grid-template-columns: minmax(0, 1fr); }
  .ad-toolbar .search { max-width: none; flex-basis: 100%; }
  .ad-filters { margin: 0 -16px; padding: 2px 16px; flex-basis: 100%; }
}

/* ── Ajustes: navegación ── */
.ad-set { display: grid; grid-template-columns: 236px minmax(0, 1fr); gap: 26px; max-width: 1020px; margin: 0 auto; align-items: start; }
.ad-set-nav { position: sticky; top: 4px; display: flex; flex-direction: column; gap: 3px; }
.ad-nav-label { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); padding: 14px 12px 6px; }
.ad-nav-label:first-child { padding-top: 2px; }
.ad-nav-btn { display: flex; align-items: center; gap: 11px; min-height: 46px; padding: 6px 12px 6px 7px; border-radius: var(--r-md); font-weight: 700; font-size: 13.5px; color: var(--text-2); text-align: left; white-space: nowrap;
  transition: background var(--t) var(--ease), color var(--t) var(--ease), transform var(--t-fast) var(--ease); }
.ad-nav-ic { width: 34px; height: 34px; border-radius: 12px; display: grid; place-items: center; flex: none; background: var(--card-2); color: var(--muted); transition: all var(--t) var(--ease); }
.ad-nav-ic .icon { width: 17px; height: 17px; }
.ad-nav-btn:hover { background: var(--card-2); color: var(--text); }
.ad-nav-btn:hover .ad-nav-ic { background: var(--card-3); }
.ad-nav-btn:active { transform: scale(.97); }
.ad-nav-btn.active { background: var(--card); color: var(--text); box-shadow: var(--shadow); }
.ad-nav-btn.active .ad-nav-ic { background: linear-gradient(135deg, var(--primary), var(--primary-2)); color: #fff; box-shadow: 0 6px 14px rgba(91, 91, 240, .35); }
.ad-set-pane { min-width: 0; }
.ad-pane { gap: 18px; }
@media (max-width: 860px) {
  .ad-set { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .ad-set-nav { top: -4px; z-index: 5; flex-direction: row; gap: 8px; overflow-x: auto; margin: -4px -16px 0; padding: 8px 16px; scrollbar-width: none;
    background: var(--frame); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
  .ad-set-nav::-webkit-scrollbar { display: none; }
  .ad-nav-label { display: none; }
  .ad-nav-btn { flex: none; min-height: 44px; padding: 0 16px 0 6px; border-radius: var(--r-pill); background: var(--card-2); gap: 8px; }
  .ad-nav-ic { width: 32px; height: 32px; border-radius: 50%; background: var(--card); }
  .ad-nav-btn.active { background: var(--primary); color: #fff; box-shadow: 0 8px 18px rgba(91, 91, 240, .35); }
  .ad-nav-btn.active .ad-nav-ic { background: rgba(255, 255, 255, .22); box-shadow: none; }
}

/* ── Ajustes: secciones ── */
.ad-sec { display: flex; flex-direction: column; gap: 16px; padding: 22px; border-radius: 26px; }
.ad-sec-head h2 { font-size: 18px; }
.ad-sec-head p { margin-top: 4px; font-size: 13px; line-height: 1.5; }
.ad-sec-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-top: 16px; border-top: 1px solid var(--line); }
.ad-sec-foot .btn { margin-left: auto; }
.ad-toggle { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: var(--r-md); background: var(--card-2); min-height: 60px; }
.ad-toggle p { margin-top: 2px; line-height: 1.45; }
.ad-toggle .switch { width: 48px; height: 28px; border-radius: 14px; } .ad-toggle .switch::after { width: 22px; height: 22px; } .ad-toggle .switch.on::after { transform: translateX(20px); }
.ad-note { display: flex; gap: 12px; padding: 14px 16px; border-radius: var(--r-md); background: var(--card-2); color: var(--text-2); }
.ad-note p { margin-top: 3px; line-height: 1.5; }
.ad-note-ic { width: 36px; height: 36px; border-radius: 12px; display: grid; place-items: center; flex: none; background: var(--card); color: var(--primary); }
.ad-note.info { background: var(--primary-soft); } .ad-note.warn { background: var(--warn-soft); } .ad-note.warn .ad-note-ic { color: var(--warn); }
.ad-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.ad-list li { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; color: var(--text-2); line-height: 1.45; }
.ad-list .icon { width: 16px; height: 16px; margin-top: 2px; color: var(--primary); }

/* perfil */
.ad-profile { display: flex; gap: 24px; align-items: flex-start; }
.ad-profile-av { align-items: center; gap: 12px; flex: none; width: 170px; }
.ad-avatar-preview { padding: 5px; border-radius: 50%; background: conic-gradient(from 210deg, var(--primary), var(--blue), var(--primary-2), var(--primary)); }
.ad-avatar-preview .avatar { border: 4px solid var(--card); transition: background var(--t) var(--ease); }
.ad-swatches { display: flex; flex-wrap: wrap; gap: 10px; }
.ad-swatch { --c: var(--primary); width: 38px; height: 38px; border-radius: 50%; background: var(--c); color: #fff; display: grid; place-items: center; border: 0; padding: 0; cursor: pointer;
  transition: transform var(--t) var(--spring), box-shadow var(--t) var(--ease); }
.ad-swatch .icon { width: 17px; height: 17px; stroke-width: 3; opacity: 0; transform: scale(.4); transition: all var(--t) var(--spring); }
.ad-swatch:hover { transform: scale(1.12); }
.ad-swatch.active { box-shadow: 0 0 0 3px var(--card), 0 0 0 5.5px var(--c); }
.ad-swatch.active .icon { opacity: 1; transform: none; }
.ad-swatch.custom { -webkit-appearance: none; appearance: none; overflow: hidden; background: conic-gradient(#ff4757, #f59e0b, #22c55e, #3d8bff, #11121c, #ff4757); }
.ad-swatch.custom::-webkit-color-swatch-wrapper { padding: 0; } .ad-swatch.custom::-webkit-color-swatch { border: 0; opacity: 0; } .ad-swatch.custom::-moz-color-swatch { border: 0; opacity: 0; }
.ad-me-meta { gap: 6px; } .ad-me-meta .pill .icon { width: 13px; height: 13px; }
@media (max-width: 620px) { .ad-profile { flex-direction: column; align-items: stretch; } .ad-profile-av { width: auto; } .ad-sec { padding: 18px 16px; } .ad-sec-foot .btn { flex: 1; } }

/* apariencia */
.ad-themes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.ad-theme { display: flex; flex-direction: column; gap: 12px; padding: 12px; border-radius: var(--r-lg); background: var(--card-2); border: 2px solid transparent; text-align: left; transition: all var(--t) var(--ease); }
.ad-theme:hover { transform: translateY(-3px); }
.ad-theme.active { border-color: var(--primary); background: var(--primary-soft); }
.ad-theme-check { width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; background: var(--primary); color: #fff; transform: scale(0); transition: transform var(--t) var(--spring); }
.ad-theme-check .icon { width: 14px; height: 14px; stroke-width: 3; }
.ad-theme.active .ad-theme-check { transform: none; }
.ad-theme-mock { aspect-ratio: 16 / 10; border-radius: var(--r-md); padding: 10px; display: flex; gap: 8px; overflow: hidden; }
.ad-theme-mock i { width: 16%; border-radius: 8px; } .ad-theme-mock div { flex: 1; display: flex; flex-direction: column; gap: 7px; } .ad-theme-mock b { flex: 1; border-radius: 9px; } .ad-theme-mock b:first-child { flex: 1.6; background: linear-gradient(135deg, #5b5bf0, #8a6cff) !important; }
.ad-theme.is-light .ad-theme-mock { background: linear-gradient(135deg, #cdbfff, #a9ccff); } .ad-theme.is-light i { background: rgba(255, 255, 255, .8); } .ad-theme.is-light b { background: #fff; }
.ad-theme.is-dark .ad-theme-mock { background: radial-gradient(circle at 0 0, #38309a, #090b14 70%); } .ad-theme.is-dark i { background: rgba(255, 255, 255, .08); } .ad-theme.is-dark b { background: #1e2237; }

/* sonidos */
.ad-range-row { gap: 12px; justify-content: flex-end; color: var(--muted); }
.ad-range { -webkit-appearance: none; appearance: none; flex: 1; min-width: 0; max-width: 300px; height: 6px; margin: 12px 0; border-radius: 3px; outline: none; cursor: pointer;
  background: linear-gradient(90deg, var(--primary) var(--p, 60%), var(--card-3) var(--p, 60%)); transition: opacity var(--t) var(--ease); }
.ad-range::-webkit-slider-thumb { -webkit-appearance: none; width: 24px; height: 24px; border-radius: 50%; background: #fff; border: 2.5px solid var(--primary); box-shadow: 0 4px 10px rgba(40, 40, 90, .25); transition: transform var(--t-fast) var(--spring); }
.ad-range::-moz-range-thumb { width: 20px; height: 20px; border-radius: 50%; background: #fff; border: 2.5px solid var(--primary); box-shadow: 0 4px 10px rgba(40, 40, 90, .25); }
.ad-range:active::-webkit-slider-thumb { transform: scale(1.18); }
.ad-range:focus-visible { box-shadow: 0 0 0 4px var(--primary-soft); }
.ad-range:disabled { opacity: .4; cursor: default; }
.ad-range-val { width: 46px; text-align: right; font-weight: 700; font-size: 12.5px; font-variant-numeric: tabular-nums; color: var(--text-2); }
.ad-sounds { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 8px; transition: opacity var(--t) var(--ease); }
.ad-sounds.muted { opacity: .5; }
.ad-sound { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 6px 14px 6px 7px; border-radius: var(--r-pill); background: var(--card-2); font-weight: 600; font-size: 12.5px; text-align: left; min-width: 0;
  transition: background var(--t) var(--ease), transform var(--t-fast) var(--ease); }
.ad-sound:hover { background: var(--card-3); } .ad-sound:active { transform: scale(.96); }
.ad-sound-ic { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; flex: none; background: var(--card); color: var(--primary); box-shadow: var(--shadow); transition: all var(--t) var(--ease); }
.ad-sound-ic .icon { width: 14px; height: 14px; fill: currentColor; } .ad-sound-ic .wave { display: none; height: 14px; }
.ad-sound.playing { background: var(--primary-soft); color: var(--primary); }
.ad-sound.playing .ad-sound-ic { background: var(--primary); color: #fff; } .ad-sound.playing .icon { display: none; } .ad-sound.playing .wave { display: inline-flex; }
@media (max-width: 480px) { .ad-sounds { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ad-toggle { flex-wrap: wrap; } .ad-range { max-width: none; } }

/* escritorio · redes · llamadas */
.ad-desktop { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 16px; border-radius: var(--r-lg); color: #fff; background: linear-gradient(135deg, #4a3fe0, #6f5bff 50%, #3d8bff); box-shadow: 0 16px 32px rgba(84, 72, 240, .3); }
.ad-desktop .muted { color: rgba(255, 255, 255, .85); }
.ad-desktop-ic { width: 52px; height: 52px; border-radius: 18px; display: grid; place-items: center; flex: none; background: rgba(255, 255, 255, .18); }
.ad-desktop .grow { flex: 1 1 200px; }
.ad-desktop .btn.primary { background: #fff; color: #17153d; box-shadow: 0 10px 22px rgba(10, 5, 70, .3); }
.ad-app { display: flex; flex-direction: column; gap: 12px; padding: 16px; border-radius: var(--r-lg); border: 1px solid var(--line); }
.ad-app .platform { width: 34px; height: 34px; border-radius: 11px; font-size: 14px; }
.ad-uri { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 4px 5px 4px 14px; border-radius: var(--r-md); background: var(--card-2); border: 1.5px dashed var(--line); }
.ad-uri code { flex: 1; min-width: 0; font-family: ui-monospace, 'Cascadia Mono', Consolas, monospace; font-size: 12px; color: var(--text-2); }
.ad-code { min-height: 200px; line-height: 1.55; white-space: pre; overflow: auto; tab-size: 2; }
.ad-code.bad { border-color: var(--danger); box-shadow: 0 0 0 4px var(--danger-soft); }
.ad-sec .field > .row .pill { height: auto; min-height: 24px; padding: 3px 10px; white-space: normal; text-align: left; }