/* MAYCARES — Account, My Trip & Community Reviews (Sprint 01)
   Loaded in addition to /maycares-explore.css, which owns the app shell. */

.acc-loading{padding-top:64px;font-size:15px;color:var(--blue-gray)}

/* ===== Auth ===== */
.acc-auth{text-align:center}
.acc-auth .page-title{padding-top:20px}
.acc-auth .page-sub{margin-left:auto;margin-right:auto;max-width:460px}

.btn-google{
  margin-top:28px;width:100%;min-height:var(--control-h);
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  border:1px solid var(--hairline-strong);border-radius:999px;background:var(--white);
  font-family:inherit;font-size:15px;font-weight:var(--fw-micro);color:var(--text);cursor:pointer;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.btn-google:hover{border-color:var(--navy)}
/* Google is the fastest onboarding path: stronger edge, no colour change. */
.btn-google-primary{margin-top:14px;border-color:var(--navy);box-shadow:0 1px 3px rgba(29,71,107,.12)}
.btn-google-primary:hover{box-shadow:0 2px 8px rgba(29,71,107,.18)}
.acc-fast{margin-top:24px;text-align:center}
.acc-fast-title{font-size:14px;font-weight:600;color:var(--text)}
.acc-fast-note{margin:6px auto 0;max-width:420px;font-size:13px;line-height:1.5;color:var(--blue-gray)}
.btn-google svg{width:18px;height:18px;flex:0 0 18px}

.acc-divider{
  margin:22px 0;display:flex;align-items:center;gap:12px;
  font-size:12px;color:var(--blue-gray);
}
.acc-divider::before,.acc-divider::after{content:"";height:1px;flex:1;background:var(--hairline-strong)}

.acc-form{margin-top:18px;text-align:left;display:grid;gap:14px}
.acc-block{width:100%}
.acc-switch{margin-top:18px;font-size:14px;color:var(--blue-gray)}
.acc-switch button{
  background:none;border:0;padding:0;font:inherit;color:var(--navy);cursor:pointer;
  border-bottom:1px solid var(--hairline-strong);
}
.acc-legal{margin-top:26px;font-size:12px;line-height:var(--lh-body);color:var(--blue-gray)}

/* ===== Fields ===== */
.acc-field{display:grid;gap:6px;text-align:left}
.acc-field label,.acc-label{font-size:13px;font-weight:var(--fw-micro);color:var(--blue-gray)}
.acc-field input,.acc-field select,.acc-field textarea{
  width:100%;min-height:var(--control-h);border:1px solid var(--hairline-strong);border-radius:12px;
  padding:10px 14px;font-family:inherit;font-size:16px;line-height:var(--lh-body);color:var(--text);
  background:var(--white);outline:0;
}
.acc-field textarea{min-height:auto;resize:vertical}
.acc-field input:focus,.acc-field select:focus,.acc-field textarea:focus{border-color:var(--navy)}
.acc-grid-2{display:grid;gap:14px}
.acc-ok{margin-top:4px;font-size:13px;color:#1E6B3A}
.acc-input-error{border-color:#B3261E !important}
.acc-error{margin-top:4px;font-size:13px;color:#B3261E}
.acc-private-note{margin-top:6px;font-size:12px;color:var(--blue-gray)}
.acc-account-email{margin-top:12px;font-size:15px;color:var(--text)}

/* ===== Modal ===== */
.acc-modal{
  position:fixed;inset:0;z-index:60;background:rgba(16,24,32,.4);
  display:flex;align-items:flex-end;justify-content:center;padding:0;
}
.acc-modal-panel{
  width:100%;max-width:520px;background:var(--white);
  border-radius:20px 20px 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom));
  display:grid;gap:14px;max-height:88vh;overflow:auto;
}
.acc-modal-kicker{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-gray)}
.acc-modal-title{font-size:20px;font-weight:var(--fw-title);line-height:1.3;color:var(--text)}
.acc-modal-actions{display:grid;gap:10px;margin-top:4px}

/* ===== Profile ===== */
.profile-card{
  margin-top:18px;border:1px solid var(--hairline-strong);border-radius:20px;padding:16px;
  display:grid;gap:16px;box-shadow:0 8px 28px rgba(29,71,107,.07);
}
.profile-identity-row{display:flex;align-items:center;gap:16px;min-width:0;padding:2px 2px 0}
.profile-avatar{
  width:74px;height:74px;flex:0 0 74px;border-radius:999px;overflow:hidden;background:#F3F5F7;
  display:flex;align-items:center;justify-content:center;
  font-size:24px;font-weight:var(--fw-title);color:var(--navy);
}
.profile-avatar img{width:100%;height:100%;object-fit:cover}
.profile-identity{min-width:0;flex:1}
.profile-name{font-size:20px;font-weight:var(--fw-title);line-height:1.2;color:var(--text)}
.profile-sub{margin-top:2px;font-size:13px;color:var(--blue-gray)}
.profile-photo-btn{
  display:inline-block;font-size:13px;color:var(--navy);cursor:pointer;
  border-bottom:1px solid var(--hairline-strong);
}
.profile-photo-btn input{display:none}
.acc-photo-field{display:flex;align-items:center;gap:12px;margin-bottom:4px}
.acc-photo-preview{
  width:52px;height:52px;flex:0 0 52px;border-radius:999px;overflow:hidden;background:#F3F5F7;
  display:grid;place-items:center;font-weight:var(--fw-title);color:var(--navy)
}
.acc-photo-preview img{width:100%;height:100%;object-fit:cover}
.profile-edit-shortcut{
  margin-top:9px;display:inline-flex;align-items:center;gap:6px;
  border:1px solid var(--navy);border-radius:999px;background:#fff;padding:7px 14px;
  font:inherit;font-size:13px;font-weight:700;color:var(--navy);cursor:pointer;
}
.profile-edit-shortcut:hover{background:rgba(29,71,107,.06)}
.profile-edit-shortcut:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.profile-stats{
  width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  border-radius:16px;background:rgba(232,118,143,.09);padding:12px 4px;
}
.profile-stats li{display:grid;gap:2px}
.profile-stats li + li{border-left:1px solid rgba(232,118,143,.24)}
.profile-stats b{font-size:20px;font-weight:var(--fw-title);color:var(--text)}
.profile-stats span{font-size:12px;color:var(--blue-gray)}


.profile-trip-cta{
  margin-top:18px;display:flex;align-items:center;gap:14px;
  padding:16px 18px;border:1px solid var(--hairline-strong);border-radius:16px;
  background:#fff;color:inherit;text-decoration:none;box-shadow:var(--shadow-card);
  transition:border-color .15s ease,box-shadow .15s ease;
}
.profile-trip-cta:hover{border-color:var(--navy);box-shadow:0 2px 8px rgba(29,71,107,.08)}
.profile-trip-cta:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.profile-trip-cta-icon{font-size:24px;line-height:1;flex:0 0 auto}
.profile-trip-cta-body{flex:1 1 auto;display:grid;gap:2px}
.profile-trip-cta-title{font-size:16px;font-weight:var(--fw-title);color:var(--text)}
.profile-trip-cta-sub{font-size:13px;color:var(--blue-gray)}
.profile-trip-cta-arrow{width:20px;height:20px;color:var(--navy);flex:0 0 auto}

.profile-completion{
  margin-top:18px;padding:18px;border:1px solid rgba(232,118,143,.24);border-radius:18px;
  background:linear-gradient(135deg,#fff7f9 0%,#fff 78%);box-shadow:0 8px 24px rgba(89,50,63,.06)
}
.profile-completion-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.profile-completion-kicker{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a64e66}
.profile-completion h2{margin-top:3px;font-size:19px;line-height:1.25;color:var(--text)}
.profile-completion-head>span{flex:none;border-radius:999px;background:#fff;padding:5px 9px;font-size:12px;font-weight:700;color:#a64e66}
.profile-completion>p{margin-top:8px;font-size:13px;line-height:1.5;color:var(--blue-gray)}
.profile-completion-track{height:5px;margin-top:14px;border-radius:999px;background:rgba(232,118,143,.16);overflow:hidden}
.profile-completion-track span{display:block;height:100%;border-radius:inherit;background:#E8768F}
.profile-completion-action{margin-top:14px;border:0;background:transparent;padding:0;color:var(--navy);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.profile-completion-action:hover{text-decoration:underline}

.profile-action-grid{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.profile-action{
  position:relative;min-width:0;min-height:82px;padding:10px 5px;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:7px;border:1px solid var(--hairline);border-radius:14px;background:#F7F9FB;
  color:var(--text);text-decoration:none;font-size:11.5px;font-weight:700;line-height:1.2;text-align:center
}
.profile-action>span:last-child{max-width:100%;overflow-wrap:anywhere}
.profile-action:hover{border-color:rgba(29,71,107,.5);box-shadow:0 5px 16px rgba(29,71,107,.06)}
.profile-action-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--navy)}
.profile-action-icon svg{width:18px;height:18px}
.profile-action .cm-entry-badge{position:absolute;top:6px;right:6px}
@media (max-width:430px){
  .profile-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .profile-action{min-height:84px;padding:10px 8px;font-size:12px}
}
.profile-community-callout{
  position:relative;margin-top:16px;padding:20px;display:grid;align-items:center;
  grid-template-columns:1fr;gap:16px;border:1px solid rgba(232,118,143,.14);
  border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#FDE9EE 0%,#FFF5F7 64%,#fff 100%);
  color:var(--text);box-shadow:0 10px 28px rgba(113,60,76,.08)
}
.profile-community-copy{position:relative;z-index:2;min-width:0}
.profile-community-icon{width:36px;height:36px;margin-bottom:10px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#E8768F;box-shadow:0 4px 12px rgba(119,56,72,.08)}
.profile-community-icon svg{width:19px;height:19px}
.profile-community-callout h2{font-size:20px;line-height:1.14;color:var(--text);text-wrap:balance}
.profile-community-callout p{margin-top:7px;font-size:12.5px;line-height:1.45;color:var(--blue-gray)}
.profile-community-link{
  display:inline-flex;align-items:center;gap:8px;margin-top:12px;border-radius:999px;
  background:var(--navy);color:#fff;text-decoration:none;font-size:13px;font-weight:700;padding:10px 16px;
  box-shadow:0 6px 16px rgba(29,71,107,.17)
}
.profile-community-link:hover{background:#173a58}
.profile-community-visual{position:relative;min-width:0;aspect-ratio:16/9;overflow:hidden;border-radius:16px}
.profile-community-visual img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:center;border-radius:16px;box-shadow:0 8px 24px rgba(29,71,107,.15)
}
.profile-community-visual::after{
  content:"";position:absolute;inset:0;border-radius:16px;
  background:linear-gradient(180deg,transparent 68%,rgba(29,71,107,.18))
}
.profile-community-social{
  position:absolute;z-index:2;right:10px;bottom:10px;display:flex;align-items:center;gap:6px;
  max-width:130px;border-radius:999px;background:#fff;padding:7px 10px;color:var(--navy);
  font-size:9.5px;font-weight:700;line-height:1.15;box-shadow:0 6px 18px rgba(29,71,107,.16)
}
.profile-community-social svg{width:16px;height:16px;flex:0 0 16px;color:#E8768F}
.acc-profile-value{margin:20px 0 2px;padding:16px;border:1px solid rgba(232,118,143,.22);border-radius:16px;background:#fff7f9;text-align:left}
.acc-profile-value strong{font-size:15px;color:var(--text)}
.acc-profile-value p{margin-top:5px;font-size:13px;line-height:1.5;color:var(--blue-gray)}
@media (min-width:640px){
  .profile-action{min-height:88px;font-size:13px}
  .profile-community-callout{grid-template-columns:minmax(0,.78fr) minmax(340px,1.22fr);padding:24px}
  .profile-community-callout h2{font-size:24px}
  .profile-community-callout p{font-size:14px;max-width:31ch}
  .profile-community-social{right:12px;bottom:12px;font-size:11px;max-width:150px}
}



.profile-details{margin-top:16px;display:grid;gap:14px}
.profile-details dt{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--blue-gray)}
.profile-details dd{margin-top:3px;font-size:15px;color:var(--text)}
.profile-details-bio{grid-column:1 / -1}

/* ===== Profile stat destinations ===== */
.profile-stats a{
  display:grid;justify-items:center;gap:3px;padding:4px 6px;
  border:0;border-radius:12px;color:inherit;text-decoration:none;
}
.profile-stats a:hover{background:rgba(255,255,255,.55)}
.profile-stats .stat-icon{width:19px;height:19px;color:var(--navy)}


/* ===== My Trip ===== */
.trip-summary{
  margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;
  border:1px solid var(--hairline-strong);border-radius:16px;padding:16px;text-align:center;
}
.trip-summary > div,
.trip-summary > a{display:grid;justify-items:center;gap:2px;text-decoration:none;color:inherit;border-radius:12px;padding:6px 4px}
.trip-summary > a:hover{background:var(--surface,#f6f7f9)}
.trip-summary > a:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.trip-summary .sum-icon{width:20px;height:20px;color:var(--navy)}
.trip-summary b{display:block;font-size:20px;font-weight:var(--fw-title);color:var(--text)}
.trip-summary span{font-size:12px;color:var(--blue-gray)}

/* ===== Wishlist collections ===== */
.wl-grid{margin-top:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media (min-width:900px){.wl-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.wl-card{color:inherit;text-decoration:none;display:grid;gap:8px}
.wl-cover{
  aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:#F1F3F5;
  display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;
  place-items:center;color:var(--blue-gray);
}
.wl-cover img{width:100%;height:100%;object-fit:cover;display:block}
.wl-cover.is-empty{display:grid;place-items:center}
.wl-cover .wl-empty-icon{width:38px;height:38px;color:#C8CFD6}
.wl-name{font-size:15px;font-weight:var(--fw-title);color:var(--text)}
.wl-count{font-size:13px;color:var(--blue-gray)}
.wl-actions{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}
.wl-item-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--hairline)}
.wl-item-row .wl-thumb{
  width:60px;height:60px;flex:0 0 60px;border-radius:12px;overflow:hidden;
  background:#F1F3F5;display:flex;align-items:center;justify-content:center;
}
.wl-item-row .wl-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.wl-item-row .wl-thumb .cat-icon{width:24px;height:24px;flex:0 0 24px;color:#C8CFD6}


.trip-empty{margin-top:36px;text-align:center;display:grid;gap:12px;justify-items:center}
.trip-empty-title{font-size:19px;font-weight:var(--fw-title);color:var(--text)}
.trip-empty-body{max-width:420px;font-size:15px;line-height:var(--lh-body);color:var(--blue-gray)}

.trip-days{margin-top:32px;display:grid;gap:32px}
.trip-day-title{
  font-size:16px;font-weight:var(--fw-title);color:var(--text);
  padding-bottom:10px;border-bottom:1px solid var(--hairline-strong);
}
.trip-items{margin-top:14px;display:grid;gap:14px}
.trip-item{border:1px solid var(--hairline-strong);border-radius:16px;padding:16px}
.trip-item[data-visited="true"]{background:#FAFBFC}
.trip-item-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.trip-item-time{font-size:13px;font-weight:var(--fw-micro);color:var(--navy)}
.trip-item-source{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--blue-gray)}
.trip-item-title{margin-top:8px;font-size:17px;font-weight:var(--fw-title);line-height:1.3;color:var(--text)}
.trip-item[data-visited="true"] .trip-item-title{color:var(--blue-gray)}
.trip-item-notes{margin-top:6px;font-size:14px;line-height:var(--lh-body);color:var(--blue-gray)}
.trip-item-actions{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.trip-item-remove{
  background:none;border:0;padding:6px 2px;font:inherit;font-size:13px;color:var(--blue-gray);
  cursor:pointer;border-bottom:1px solid transparent;
}
.trip-item-remove:hover{color:#B3261E;border-bottom-color:currentColor}

/* ===== Reviews ===== */
.reviews-summary{margin-top:16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.reviews-avg{font-size:18px;font-weight:var(--fw-title);color:var(--text)}
.reviews-count{font-size:14px;color:var(--blue-gray)}
.stars{display:inline-flex;gap:2px}
.stars svg{width:16px;height:16px;fill:var(--hairline-strong)}
.stars svg.on{fill:var(--gold,#C9A15C)}

.reviews-list{margin-top:18px;display:grid;gap:20px}
.review{display:flex;gap:12px}
.review-avatar{
  width:40px;height:40px;flex:0 0 40px;border-radius:999px;background:#F3F5F7;
  display:flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:var(--fw-title);color:var(--navy);
}
.review-name{font-size:15px;font-weight:var(--fw-micro);color:var(--text)}
.review-meta{margin-top:4px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--blue-gray)}
.review-text{margin-top:8px;font-size:15px;line-height:var(--lh-body);color:var(--text)}
.review-delete{
  margin-top:8px;background:none;border:0;padding:0;font:inherit;font-size:13px;
  color:var(--blue-gray);cursor:pointer;border-bottom:1px solid var(--hairline-strong);
}
.reviews-gate{margin-top:20px;font-size:14px;color:var(--blue-gray)}
.reviews-gate a{color:var(--navy);border-bottom:1px solid var(--hairline-strong)}

.review-form{
  margin-top:24px;border:1px solid var(--hairline-strong);border-radius:16px;padding:18px;
  display:grid;gap:14px;
}
.rating-input{display:flex;gap:4px}
.rating-input .star{background:none;border:0;padding:2px;cursor:pointer;line-height:0}
.rating-input .star svg{width:28px;height:28px;fill:var(--hairline-strong)}
.rating-input .star.on svg{fill:var(--gold,#C9A15C)}

@media (min-width:768px){
  .acc-grid-2{grid-template-columns:1fr 1fr}
  .acc-modal{align-items:center;padding:24px}
  .acc-modal-panel{border-radius:20px;padding:28px}
  .acc-modal-actions{grid-auto-flow:column;justify-content:start}
  .profile-card{padding:20px 22px;gap:16px}

  .profile-details{grid-template-columns:1fr 1fr;gap:18px 24px}
}

/* ===== My Trip timeline (vertical rail) ===== */
.trip-timeline{margin-top:14px;list-style:none;padding:0;display:grid;gap:0}
.tl-item{display:grid;grid-template-columns:20px 1fr;gap:14px;position:relative;padding-bottom:18px}
.tl-rail{position:relative;display:flex;justify-content:center}
.tl-rail::before{
  content:"";position:absolute;top:16px;bottom:-18px;width:1px;background:var(--hairline-strong);
}
.tl-item:last-child .tl-rail::before{display:none}
.tl-dot{
  position:relative;margin-top:9px;width:10px;height:10px;border-radius:999px;
  background:#fff;border:2px solid var(--navy);
}
.tl-item[data-visited="true"] .tl-dot{background:var(--navy)}
.tl-card{
  border:1px solid var(--hairline-strong);border-radius:16px;padding:12px;
  display:grid;grid-template-columns:60px 1fr;gap:12px;align-items:start;
}
.tl-item[data-visited="true"] .tl-card{background:#FAFBFC}
.tl-media{
  width:60px;height:60px;flex:0 0 60px;border-radius:12px;overflow:hidden;background:#F3F5F7;
  display:flex;align-items:center;justify-content:center;
}
.tl-media img{width:100%;height:100%;object-fit:cover;display:block}
.tl-media-icon svg{width:24px;height:24px;stroke:var(--navy);fill:none;stroke-width:1.6}
.tl-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.tl-time{font-size:13px;font-weight:var(--fw-micro);color:var(--navy)}
.tl-source{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--blue-gray)}
.tl-lived{
  font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--navy);
  border:1px solid var(--hairline-strong);border-radius:999px;padding:2px 8px;
}
.tl-title{margin-top:6px;font-size:17px;font-weight:var(--fw-title);line-height:1.3;color:var(--text)}
.tl-area,.tl-notes{margin-top:4px;font-size:14px;line-height:var(--lh-body);color:var(--blue-gray)}
.tl-actions{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}

@media (min-width:768px){
  .tl-card{grid-template-columns:72px 1fr;padding:14px}
  .tl-media{width:72px;height:72px;flex:0 0 72px}
}

/* Wishlist inline save confirmation (Micro-Sprint 05) */
.wl-saved-note{flex-basis:100%;margin:8px 0 0;font-size:13px;color:var(--blue-gray)}
.wl-saved-note a{color:var(--navy);text-decoration:underline}

/* ===== My Trip metric cards — visual parity with Profile stats (MS06) ===== */
.trip-summary{
  border:0;border-radius:0;padding:0;gap:8px;
}
.trip-summary > div,
.trip-summary > a{
  display:grid;justify-items:center;gap:4px;padding:12px 6px;
  border:1px solid var(--hairline-strong);border-radius:14px;
  color:inherit;text-decoration:none;background:#fff;
}
.trip-summary > a:hover{border-color:var(--navy);background:#fff}

/* ===== Wishlist collection picker (Micro-Sprint 06) =====
   The organizer is a real viewport-anchored sheet: the head and the "Listo /
   Done" action never scroll away, only the collection list does, and the
   bottom padding respects the device safe area in both orientations. */
.wl-sheet-backdrop{
  position:fixed;inset:0;z-index:80;background:rgba(16,24,32,.42);
  display:flex;align-items:flex-end;justify-content:center;padding:0;
  overscroll-behavior:contain;
}
.wl-sheet{
  width:100%;max-width:520px;background:#fff;border-radius:20px 20px 0 0;
  display:flex;flex-direction:column;
  max-height:min(88dvh,88vh);overflow:hidden;box-shadow:0 -8px 32px rgba(16,24,32,.18);
}
.wl-sheet-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:16px 20px 10px;border-bottom:1px solid var(--hairline);background:#fff;
}
.wl-sheet-head h2{font-size:18px;font-weight:var(--fw-title);color:var(--text);margin:0}
.wl-sheet-close{
  border:0;background:none;color:var(--navy);font-size:14px;padding:8px;cursor:pointer;
}
.wl-sheet-body{
  flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;padding:14px 20px 18px;
}
.wl-sheet-foot{
  flex:0 0 auto;background:#fff;border-top:1px solid var(--hairline);
  padding:12px 20px calc(12px + env(safe-area-inset-bottom));
}
.wl-sheet-foot .btn-primary{width:100%}
.wl-sheet-place{margin:0 0 14px;font-size:14px;color:var(--blue-gray)}
.wl-sheet-hint{font-size:14px;color:var(--blue-gray)}
.wl-sheet-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.wl-opt{
  width:100%;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;
  border:1px solid var(--hairline-strong);border-radius:14px;padding:12px 14px;background:#fff;
  font-size:15px;color:var(--text);min-height:48px;
}
.wl-opt:hover{border-color:var(--navy)}
.wl-opt[data-active="true"]{border-color:var(--navy)}
.wl-opt-mark{
  width:18px;height:18px;flex:0 0 18px;border-radius:6px;border:1.5px solid var(--hairline-strong);
  display:grid;place-items:center;color:#fff;font-size:12px;line-height:1;
}
.wl-opt[data-active="true"] .wl-opt-mark{background:var(--navy);border-color:var(--navy)}
.wl-opt-label{display:grid;gap:2px}
.wl-opt-label small{font-size:12px;color:var(--blue-gray)}
.wl-opt-state{margin-left:auto;font-size:12px;color:var(--navy);white-space:nowrap}
.wl-sheet-new-btn{
  margin-top:12px;border:0;background:none;color:var(--navy);font-size:15px;padding:10px 0;cursor:pointer;
}
.wl-sheet-new{margin-top:12px;display:grid;gap:8px}
.wl-sheet-new input{
  width:100%;border:1px solid var(--hairline-strong);border-radius:12px;padding:12px 14px;font:inherit;
}
.wl-sheet-note{margin-top:12px;font-size:13px;color:var(--blue-gray)}
.wl-sheet-note a{color:var(--navy);text-decoration:underline}
.wl-sheet-remove{
  margin-top:16px;width:100%;border:1px solid var(--hairline-strong);border-radius:12px;
  background:#fff;padding:12px;font:inherit;color:var(--blue-gray);cursor:pointer;
}
.wl-sheet-remove:hover{border-color:var(--navy);color:var(--navy)}

@media (min-width:768px){
  .wl-sheet-backdrop{align-items:center;padding:24px}
  .wl-sheet{border-radius:20px;max-height:min(80dvh,80vh)}
  .wl-sheet-foot{padding-bottom:16px}
}
@media (max-height:520px){
  .wl-sheet{max-height:96dvh}
}


/* ===== Editorial back office (admin) ===== */
.adm-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.adm-field{display:grid;gap:4px;font-size:13px;color:var(--blue-gray)}
.adm-field.adm-wide{grid-column:1/-1}
.adm-field input[type="text"],.adm-field input:not([type]),.adm-field select,.adm-field textarea{
  border:1px solid var(--hairline-strong);border-radius:12px;padding:10px 12px;font:inherit;
  font-size:15px;color:var(--text);background:#fff;width:100%;
}
.adm-field input[type="checkbox"]{width:20px;height:20px}
.adm-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.adm-list li{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  border:1px solid var(--hairline-strong);border-radius:14px;padding:12px 14px;
}
.adm-list b{display:block;font-size:15px;color:var(--text)}
.adm-meta{font-size:12px;color:var(--blue-gray)}
.adm-row-actions{display:flex;gap:8px;flex-wrap:wrap}
/* Drag reorder affordance (Explore categories) */
.adm-list li[draggable="true"]{cursor:grab}
.adm-list li[data-dragging="true"]{opacity:.55}
.adm-list li[data-dragover="true"]{border-color:var(--navy);box-shadow:inset 0 2px 0 0 var(--navy)}
.adm-drag{color:var(--blue-gray);font-size:14px;letter-spacing:1px}
/* Coverage album rows stay compact and scannable inside the workspace. */
.activity-admin-page .adm-list li{flex-direction:column;align-items:flex-start;gap:4px}
.activity-admin-page .adm-list li[data-active="true"]{border-color:var(--navy);background:var(--surface-soft,#f6f8fa)}
@media (max-width:640px){.adm-form{grid-template-columns:1fr}}

/* Activities editorial workspace: the existing editor lives in one
   viewport-bound panel, while the activity list keeps its own page position. */
.activity-admin-measure{width:100%;max-width:1180px}
.activity-admin-page{width:100%;margin:0 auto}
.activity-admin-main{min-width:0}
.activity-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.activity-list-heading h2{margin:0}
.activity-list-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,240px);gap:12px;margin:16px 0}
.adm-table tr[data-active="true"]{background:var(--surface-soft,#f5f8fa)}
.activity-editor{
  position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;min-width:0;
  background:var(--surface,#fff);color:var(--text);overflow:hidden;
}
.activity-editor-head{
  flex:0 0 auto;display:grid;grid-template-columns:minmax(92px,auto) minmax(0,1fr) auto;
  align-items:center;gap:12px;min-height:64px;padding:10px 16px;
  padding-top:calc(10px + env(safe-area-inset-top));border-bottom:1px solid var(--hairline);
  background:var(--surface,#fff);z-index:2;
}
.activity-editor-head h2{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px}
.activity-editor-head .btn-primary{min-height:40px;padding:0 14px}
.activity-editor-close{min-height:40px;border:0;background:none;color:var(--navy);font:inherit;font-weight:600;cursor:pointer;text-align:left;padding:0}
.activity-editor-close-desktop{display:none;font-size:28px;font-weight:400;line-height:1}
.activity-editor-body{
  flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;padding:20px 18px calc(32px + env(safe-area-inset-bottom));
}
.activity-editor-details{margin:0}
.activity-editor [data-activity-content]{scroll-margin-top:16px}
.activity-confirm-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:rgba(16,24,32,.42)}
.activity-confirm{width:min(100%,460px);background:var(--surface,#fff);border-radius:8px;padding:22px;box-shadow:0 16px 48px rgba(16,24,32,.2)}
.activity-confirm h2{margin:0;font-size:20px}.activity-confirm p{margin:8px 0 18px;color:var(--blue-gray)}
.activity-confirm-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
@media (max-width:640px){
  .activity-list-tools{grid-template-columns:1fr}
  .activity-list-heading{align-items:flex-end}
  .activity-list-heading .btn-primary{padding-left:12px;padding-right:12px}
  .activity-confirm-actions{display:grid}.activity-confirm-actions button{width:100%}
}
@media (min-width:1024px){
  .activity-admin-page.is-editor-open .activity-admin-main{width:calc(100% - min(48vw,640px) - 24px);min-width:400px}
  .activity-editor{left:auto;width:min(48vw,640px);border-left:1px solid var(--hairline);box-shadow:-10px 0 28px rgba(16,24,32,.12)}
  .activity-editor-head{grid-template-columns:44px minmax(0,1fr) auto;padding:10px 20px}
  .activity-editor-close-mobile{display:none}.activity-editor-close-desktop{display:inline}
  .activity-editor-body{padding:24px 28px 40px}
}


/* Candidates CMS — optional advanced settings */
.adm-advanced { margin-top: 16px; }
.adm-advanced > summary { cursor: pointer; font-weight: 600; font-size: 14px; }
.adm-advanced > .adm-meta { margin: 8px 0 12px; display: block; }

.trip-tabs{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin:14px 0 4px;padding-bottom:2px}
.trip-tabs::-webkit-scrollbar{display:none}
.trip-tabs .chip{flex:0 0 auto;white-space:nowrap;min-height:38px;display:inline-flex;align-items:center}

/* ---- Add to calendar (compact, per saved item) ---- */
.tl-cal{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}
.tl-cal-options{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}
.tl-cal-option{
  border:1px solid #dde3e9;background:#fff;color:#1d476b;border-radius:999px;
  padding:4px 10px;font-size:12px;font-family:inherit;line-height:1.3;cursor:pointer;
  display:inline-flex;align-items:center;white-space:nowrap;
}
.tl-cal-option:hover{border-color:#1d476b}

/* Desktop/tablet — center the My Trip itinerary control chips under the
   trip actions. Mobile keeps its approved scrollable row. */
@media (min-width:768px){
  .trip-tabs{justify-content:center;flex-wrap:wrap;overflow:visible;row-gap:8px}
}

/* Saved-place row management (Organizar / Quitar) — subtle, wraps on mobile. */
.wl-item-row{flex-wrap:wrap}
.wl-row-actions{
  margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;
}
.wl-row-actions .btn-secondary{
  padding:7px 14px;font-size:14px;min-height:40px;
}
@media (max-width:479px){
  .wl-item-row .wl-name{flex:1 1 auto;min-width:0}
  .wl-row-actions{margin-left:72px;flex-basis:100%}
}

/* ===== Coverage album admin: batch thumbnails + candidate tagging ===== */
.adm-shots{display:grid;gap:14px;margin-top:12px}
.adm-shot{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:12px;border:1px solid var(--hairline,#e6e6e6);border-radius:12px}
@media (min-width:720px){.adm-shot{grid-template-columns:180px minmax(0,1fr)}}
.adm-shot-media{position:relative;min-width:0}
.adm-shot-media .adm-field input[type="file"]{display:block;width:100%;max-width:100%;min-width:0}
.adm-shot-body{display:grid;gap:8px;min-width:0}
.adm-tagbox{max-height:150px;overflow:auto;display:flex;flex-wrap:wrap;gap:6px 12px;padding:8px;border:1px solid var(--hairline,#e6e6e6);border-radius:10px}
.adm-tag{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text)}
.adm-tag input[type="checkbox"]{width:18px;height:18px}
.adm-tag-all{width:max-content;max-width:100%;min-height:36px}

/* Voluntary public Top 5 module (opt-in). */
.ptop5{margin-top:28px}
.ptop5-sub{margin-top:4px;font-size:13px;color:var(--blue-gray)}
.ptop5-count{margin-top:6px;font-size:12px;letter-spacing:.04em;color:var(--blue-gray)}
.ptop5-grid{
  list-style:none;margin:14px 0 0;padding:0;display:grid;gap:12px;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
@media (min-width:640px){.ptop5-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.ptop5-item{display:block;text-decoration:none;color:inherit}
.ptop5-portrait{
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  aspect-ratio:4/5;border-radius:12px;background:rgba(29,71,107,.06);
}
.ptop5-portrait img{width:100%;height:100%;object-fit:cover}
.ptop5-flag{font-size:28px}
.ptop5-name{display:block;margin-top:8px;font-size:13px;font-weight:600;color:var(--navy)}
.ptop5-country{display:block;font-size:12px;color:var(--blue-gray)}

/* Public Top module: tabs, empty state and daily favourites timeline. */
.ptop5-tabs{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.ptop5-tab{
  appearance:none;border:1px solid var(--hairline,#e6e6e6);background:#fff;color:var(--navy);
  border-radius:999px;padding:9px 16px;font:inherit;font-size:13px;font-weight:600;
  min-height:44px;cursor:pointer;
}
.ptop5-tab.is-on{background:var(--navy,#1D476B);border-color:var(--navy,#1D476B);color:#fff}
.ptop5-empty{
  margin-top:12px;padding:16px;border:1px solid var(--hairline,#e6e6e6);border-radius:12px;
  display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:14px;color:var(--blue-gray);
}
.ptop5-activities{margin-top:14px;display:grid;gap:14px}
.ptop5-activity{border-top:1px solid var(--hairline,#e6e6e6);padding-top:12px}
.ptop5-activity:first-child{border-top:0;padding-top:0}
.ptop5-activity-title{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--navy)}
.ptop5-date{margin:0 0 2px;font-size:11px;letter-spacing:.08em;font-weight:700;color:var(--blue-gray)}
.ptop5-day-list{
  list-style:none;margin:0;padding:0 0 4px;display:flex;gap:12px;
  overflow-x:auto;-webkit-overflow-scrolling:touch;
}
.ptop5-mini{display:block;width:72px;text-decoration:none;color:inherit}
.ptop5-mini-portrait{
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  width:72px;height:72px;border-radius:50%;background:rgba(29,71,107,.06);
}
.ptop5-mini-portrait img{width:100%;height:100%;object-fit:cover}
.ptop5-mini-name{display:block;margin-top:6px;font-size:12px;font-weight:600;text-align:center;color:var(--navy);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ptop5-mini-country{display:block;font-size:11px;text-align:center;color:var(--blue-gray);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------------------------------------------------- Profile Hub (Phase 4) */
.phub{margin-top:22px}
.phub-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:4px}
.phub-heading p{font-size:18px;font-weight:var(--fw-title);color:var(--text)}
.phub-heading span{font-size:12px;color:var(--blue-gray);text-align:right}
.phub-rail{
  display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;
  padding:6px 0;margin:0 0 6px;scrollbar-width:none
}
.phub-rail::-webkit-scrollbar{display:none}
.phub-chip{
  flex:0 0 auto;border:1px solid var(--hairline,#e6e6e6);background:#fff;color:var(--navy,#1D476B);
  border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap
}
.phub-chip.is-on{background:var(--navy,#1D476B);border-color:var(--navy,#1D476B);color:#fff}
.phub-section{margin-top:26px;scroll-margin-top:84px}
.phub-section .section-title{margin-bottom:8px}
.phub-owner-rail{display:flex;gap:8px;overflow-x:auto;padding:10px 0 2px;scrollbar-width:none}
.phub-owner-rail::-webkit-scrollbar{display:none}
.phub-owner-chip{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;text-decoration:none;
  border:1px solid var(--hairline,#e6e6e6);border-radius:999px;padding:9px 14px;
  font-size:13px;font-weight:600;color:var(--navy,#1D476B);background:#fff;white-space:nowrap
}
.phub-owner-chip:hover{border-color:var(--navy,#1D476B)}
.phub-places{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.phub-place-link{
  display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;
  border:1px solid var(--hairline,#e6e6e6);border-radius:14px;padding:10px
}
.phub-place-link:hover{border-color:var(--navy,#1D476B)}
.phub-place-thumb{
  flex:0 0 64px;width:64px;height:64px;border-radius:12px;overflow:hidden;background:#f4f5f7;
  display:flex;align-items:center;justify-content:center
}
.phub-place-thumb img{width:100%;height:100%;object-fit:cover}
.phub-place-name{display:block;font-size:14px;font-weight:600;color:var(--navy,#1D476B)}
.phub-place-meta{display:block;margin-top:2px;font-size:12px;color:var(--blue-gray)}
.wl-share-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--blue-gray)}

/* ---------------------------------- Onboarding admin (Cómo usar GO) ---- */
.gob-adm-shell{max-width:1080px;margin:0 auto}
.gob-adm{display:block}
.gob-adm-head{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:12px;
  align-items:flex-end;justify-content:space-between;padding:12px 0;margin-bottom:12px;
  background:#fff;border-bottom:1px solid #e8ecf1}
.gob-adm-head h2{margin:0;font-size:18px}
.gob-adm-sub{margin:2px 0 0;font-size:12px;color:var(--blue-gray,#6b7c8f)}
.gob-adm-headactions{display:flex;gap:8px;flex-wrap:wrap}
.gob-adm-headactions button{min-height:40px;padding:0 14px;border-radius:10px;border:1px solid #dbe2ea;background:#fff;cursor:pointer}
.gob-adm-headactions .btn-primary{background:#1D476B;border-color:#1D476B;color:#fff}
.gob-adm-error{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#fdf0f2;color:#8a2440;font-size:13px}
.gob-adm-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
.gob-adm-cards{display:grid;gap:14px}
.gob-adm-card{border:1px solid #e8ecf1;border-radius:14px;padding:14px;background:#fff;display:grid;gap:12px}
.gob-adm-card h3{margin:0;font-size:14px;letter-spacing:.02em;text-transform:uppercase;color:var(--blue-gray,#6b7c8f)}
.gob-adm-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gob-adm-card .adm-field small{font-size:11px;color:#8b98a6}
.gob-adm-toggles{display:flex;gap:18px;flex-wrap:wrap}
.gob-adm-toggle{display:flex;align-items:center;gap:8px;font-size:13px}
.gob-adm-toggle input{width:20px;height:20px}
.gob-adm-tabs{display:flex;gap:6px}
.gob-adm-tabs button{flex:1;min-height:38px;border-radius:10px;border:1px solid #dbe2ea;background:#f7f9fb;cursor:pointer;font-size:13px}
.gob-adm-tabs button.on{background:#1D476B;border-color:#1D476B;color:#fff}
.gob-adm-icon{display:grid;gap:8px}
.gob-adm-iconhead{display:flex;gap:8px;align-items:center}
.gob-adm-iconhead input{flex:1;min-height:40px;padding:0 10px;border:1px solid #dbe2ea;border-radius:10px}
.gob-adm-iconpreview{width:44px;height:44px;border-radius:50%;background:#f2f5f8;display:grid;place-items:center;font-size:22px;flex:none}
.gob-adm-iconlist{display:flex;flex-wrap:wrap;gap:6px}
.gob-adm-iconbtn{width:38px;height:38px;border-radius:10px;border:1px solid #e4e9ef;background:#fff;font-size:18px;cursor:pointer}
.gob-adm-iconbtn.on{border-color:#1D476B;box-shadow:0 0 0 2px rgba(29,71,107,.15)}
.gob-adm-hint{margin:0;font-size:12px;color:#8b98a6}
.gob-adm-tag{margin:0;display:inline-block;padding:4px 10px;border-radius:999px;background:#eef3f8;color:#1D476B;font-size:12px}
.gob-adm-tag.ext{background:#fdf1f4;color:#a8375a}
.gob-adm-mediarow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.gob-adm-mediarow button{min-height:38px;padding:0 12px;border-radius:10px;border:1px solid #dbe2ea;background:#fff;cursor:pointer}
.gob-adm-thumb{width:80px;height:52px;object-fit:cover;border-radius:8px}
.gob-adm-medialink{font-size:12px;word-break:break-all;color:#1D476B}
.gob-adm-aside{position:sticky;top:84px}
.gob-adm-preview{border:1px solid #e8ecf1;border-radius:14px;padding:12px;background:#f9fbfc}
.gob-adm-previewtag{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#8b98a6}
.gob-adm-slide{background:#fff;border-radius:14px;padding:18px;text-align:center;box-shadow:0 6px 20px rgba(16,38,58,.08)}
.gob-adm-slideicon{width:56px;height:56px;margin:0 auto 10px;border-radius:50%;background:#f2f5f8;display:grid;place-items:center;font-size:26px}
.gob-adm-slide h4{margin:0 0 6px;font-size:16px}
.gob-adm-slide p{margin:0 0 6px;font-size:13px;color:#5d6b7a}
.gob-adm-slidenote{font-size:12px;color:#8b98a6}
.gob-adm-slidecta{display:inline-block;margin-top:8px;padding:8px 16px;border-radius:999px;background:#1D476B;color:#fff;font-size:13px}
.gob-adm-listhead{margin:22px 0 10px}
.gob-adm-listhead h3{margin:0;font-size:15px}
.gob-adm-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.gob-adm-item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start;
  border:1px solid #e8ecf1;border-radius:14px;padding:12px;background:#fff}
.gob-adm-item.off{opacity:.6}
.gob-adm-itemicon{width:44px;height:44px;border-radius:50%;background:#f2f5f8;display:grid;place-items:center;font-size:20px}
.gob-adm-itembody{display:grid;gap:4px;min-width:0}
.gob-adm-meta{font-size:12px;color:#8b98a6}
.gob-adm-badges{display:flex;gap:6px;flex-wrap:wrap}
.gob-adm-badge{font-size:11px;padding:3px 8px;border-radius:999px;background:#f2f5f8;color:#5d6b7a}
.gob-adm-badge.on{background:#e7f3ec;color:#1e6b41}
.gob-adm-itemactions{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}
.gob-adm-itemactions button{min-height:36px;padding:0 12px;border-radius:9px;border:1px solid #dbe2ea;background:#fff;cursor:pointer;font-size:13px}
@media (max-width:900px){
  .gob-adm-grid{grid-template-columns:minmax(0,1fr)}
  .gob-adm-aside{position:static}
  .gob-adm-two{grid-template-columns:minmax(0,1fr)}
  .gob-adm-head{position:static}
}

/* Admin tools inside the profile */
.admin-tools{display:grid;gap:10px}
.admin-tool{display:grid;gap:4px;padding:14px 16px;border-radius:14px;border:1px solid #E7ECF1;
  background:#fff;text-decoration:none}
.admin-tool:hover{background:#F7F9FB}
.admin-tool-title{font-size:14px;font-weight:700;color:#1D476B}
.admin-tool-text{font-size:13px;line-height:1.5;color:#4B5563}
@media (min-width:768px){.admin-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Mis Tops on member profiles */
.mtops{display:grid;gap:16px}
.mtops-card{border:1px solid #E5E7EB;border-radius:16px;padding:16px;background:#fff}
.mtops-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.mtops-title{margin:0;font-weight:700;color:#1D476B;font-size:15px;min-width:0}
.mtops-private{font-size:12px;font-weight:600;color:#4B5563;background:#F3F4F6;border-radius:999px;padding:3px 10px}
.mtops-list{list-style:none;padding:0;margin:0}
.mtops-list .ptop5-item{position:relative}
.mtops-rank{position:absolute;top:6px;left:6px;z-index:1;background:#fff;color:#1D476B;font-weight:700;font-size:12px;border-radius:999px;padding:2px 8px;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.mtops-list li:first-child .mtops-rank{border:1px solid #C9A15C}
.mtops-vis{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.mtops-toggle{margin:8px 0 16px;padding:12px 14px;border:1px solid #E5E7EB;border-radius:12px;background:#fff}
.mtops-toggle p{margin:0 0 6px;font-size:14px;color:#4B5563}
.mtops-toggle label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#1D476B;cursor:pointer;min-height:32px}
.mtops-toggle input{width:20px;height:20px;accent-color:#1D476B}
.mtops-toggle-row{display:flex;align-items:center;gap:10px;margin:0;font-size:14px;font-weight:600;color:#1D476B;cursor:pointer}