/* Personal lists share the existing ivory, rust and readable type system. */
/* Collection navigation is one shared control row, without stacked tab dividers. */
.wishlist-list-navigation { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:24px 0 22px; min-width:0; position:relative; z-index:3; }
.wishlist-list-navigation[hidden] { display:none; }
.wishlist-picker { position:relative; min-width:0; max-width:min(70%,480px); }
.wishlist-picker-control { display:flex; align-items:stretch; border:1px solid var(--line); border-radius:14px; background:var(--surface,#fffdf9); box-shadow:0 2px 5px #49372903; }
.wishlist-picker button { font:inherit; cursor:pointer; color:var(--ink); }
.wishlist-picker .icon { width:19px; height:19px; flex:none; stroke-linecap:round; stroke-linejoin:round; }
.wishlist-view-trigger { display:flex; align-items:center; gap:10px; min-width:0; min-height:48px; border:0; border-radius:13px 0 0 13px; padding:11px 14px; background:transparent; font-weight:600!important; text-align:left; }
.wishlist-view-trigger > .icon:first-child { color:var(--accent,#a44630); }
#wishlist-view-label { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wishlist-picker-chevron { width:16px!important; height:16px!important; margin-left:8px; color:var(--muted); transition:transform 150ms ease; }
.wishlist-view-trigger[aria-expanded="true"] .wishlist-picker-chevron { transform:rotate(180deg); }
.wishlist-create-shortcut { display:grid; place-items:center; position:relative; flex:none; width:46px; min-height:48px; border:0; border-radius:0 12px 12px 0; background:transparent; color:var(--accent,#a44630)!important; }
.wishlist-create-shortcut::before { content:""; position:absolute; left:0; top:10px; bottom:10px; border-left:1px solid var(--line); }
.wishlist-view-trigger:hover,.wishlist-view-trigger[aria-expanded="true"],.wishlist-create-shortcut:hover { background:#f5eee5; }
.wishlist-view-menu { display:flex; flex-direction:column; position:absolute; z-index:12; left:0; top:calc(100% + 9px); width:360px; max-width:calc(100vw - 64px); max-height:min(460px,55dvh); overflow:hidden; padding:8px; border:1px solid #e4d7c9; border-radius:17px; background:var(--surface,#fffdf9); box-shadow:0 14px 42px #4937291a,0 3px 8px #49372908; }
.wishlist-view-menu[hidden],.wishlist-view-menu button[hidden],#wishlist-view-select[hidden] { display:none; }
.wishlist-menu-heading { flex:none; padding:10px 11px 9px; margin:0; color:var(--muted); font-size:var(--text-caption); font-weight:650; letter-spacing:.09em; text-transform:uppercase; }
#wishlist-view-options { display:grid; gap:3px; min-height:0; overflow-y:auto; overscroll-behavior:contain; }
#wishlist-view-options > button,.wishlist-menu-actions > button { display:flex; align-items:center; gap:11px; width:100%; min-height:48px; padding:11px; border:1px solid transparent; border-radius:10px; background:transparent; text-align:left; line-height:1.5; }
#wishlist-view-options > button > .icon:first-child { color:#927763; }
#wishlist-view-options > button[aria-checked="true"] { background:#f2e6da; color:#913e2d; font-weight:600; }
#wishlist-view-options > button[aria-checked="true"] > .icon { color:#a44630; }
.wishlist-option-name { min-width:0; flex:1; overflow-wrap:anywhere; }
.wishlist-option-count { flex:none; color:#88786b; font-size:var(--text-secondary); font-variant-numeric:tabular-nums; }
#wishlist-view-options > button > .icon:last-child { width:17px; height:17px; visibility:hidden; }
#wishlist-view-options > button[aria-checked="true"] > .icon:last-child { visibility:visible; }
#wishlist-view-options > button:hover,.wishlist-menu-actions > button:hover { background:#f6f0e8; }
.wishlist-menu-actions { display:grid; flex:none; gap:3px; margin-top:7px; padding-top:7px; border-top:1px solid var(--line); }
.wishlist-menu-actions > button { color:var(--accent,#a44630); }
.wishlist-picker button:focus-visible { outline:2px solid var(--accent,#a44630); outline-offset:-3px; }
.wishlist-list-dialog { width:min(470px,calc(100vw - 32px)); box-sizing:border-box; }
.wishlist-list-dialog form { min-width:0; }
.wishlist-list-dialog h2 { overflow-wrap:anywhere; }
.wishlist-list-dialog-copy { color:var(--muted); font-size:var(--text-secondary); line-height:1.65; margin:0 0 22px; }
.wishlist-list-dialog .field { display:flex; flex-direction:column; gap:8px; margin:16px 0; font-size:var(--text-secondary); }
.wishlist-list-dialog .field[hidden] { display:none; }
.wishlist-list-dialog input,.wishlist-list-dialog select { width:100%; box-sizing:border-box; font-size:var(--text-body); min-height:46px; }
.wishlist-list-dialog .modal-actions { flex-wrap:wrap; }
.wishlist-list-dialog .modal-actions button { min-height:46px; }
.wishlist-list-feedback { color:#a13628; font-size:var(--text-secondary); line-height:1.6; }
.wishlist-list-delete { margin:18px 0 0; padding:8px 0; border:0; background:transparent; color:#a13628; font-size:var(--text-secondary); cursor:pointer; min-height:44px; }
.wish-list-tag { display:inline-block; max-width:100%; margin:7px 0 0; padding:2px 8px; border-radius:6px; background:#eee7dc; color:#796651; font-size:var(--text-caption); line-height:1.65; overflow-wrap:anywhere; }
.simple-detail-list { font-size:var(--text-secondary); line-height:1.6; color:var(--muted); margin:10px 0 0; overflow-wrap:anywhere; }
#add-wishlist-field[hidden],#import-list-destination-field[hidden] { display:none; }
#import-list-destination-field { display:flex; flex-direction:column; gap:7px; margin:16px 0 20px; padding:14px 16px; border:1px solid var(--line); border-radius:12px; background:#f6f1ea; }
#import-list-destination-field label { font-size:var(--text-secondary); font-weight:600; }
#import-list-destination-field select { width:100%; min-height:44px; font-size:var(--text-body); }
body[data-experience-mode="simple"] :is(.wishlist-list-dialog,#add-wishlist-field,#import-list-destination-field) select { appearance:none; min-height:48px; padding:11px 42px 11px 14px; border:1px solid #dfd3c7; border-radius:10px; background-color:var(--surface); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23746b64' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; background-size:17px; color:var(--ink); font-size:var(--text-body); font-weight:400; }
body[data-experience-mode="simple"] :is(.wishlist-list-dialog,#add-wishlist-field,#import-list-destination-field) select:focus-visible { outline:2px solid var(--accent); outline-offset:3px; border-color:var(--accent); }
.import-destination-help { margin:0; font-size:var(--text-secondary); color:var(--muted); line-height:1.5; }
.wishlist-empty-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:15px; }
.wishlist-empty-actions button { min-height:44px; }
.welcome-create-list { display:block; margin:0 auto; padding:6px 10px; color:var(--muted); font-size:var(--text-secondary); }
@media(max-width:600px) {
  .wishlist-list-navigation { gap:10px; flex-wrap:wrap; margin:20px 0; }
  .wishlist-picker { max-width:100%; flex:1 1 240px; }
  .wishlist-picker-control { width:100%; }
  .wishlist-view-trigger { flex:1; }
  .wishlist-view-menu { max-width:calc(100vw - 40px); width:360px; }
  .wishlist-list-dialog .modal-actions { flex-direction:column-reverse; align-items:stretch; }
  .wishlist-list-dialog .modal-actions button { width:100%; }
}
@media(prefers-reduced-motion:reduce) { .wishlist-picker-chevron { transition:none; } }
.topbar-copy { min-width:0; }
.topbar-copy h1,.wishlist-list-dialog-copy,#sharing-scope,#confirm-dialog-message { overflow-wrap:anywhere; }
