/* D2b: page-level hierarchy fixes (loaded after layout.css). One header + one primary action,
   content first, grown-up detail tucked into <details>. Presentation only. */

/* ---- Wishlist ---- */
#app .wishlist-hero p{display:block;margin:2px 0 0;color:#aec6d8;font-size:15px}
#app .wishlist-page .wishlist-add{margin:0 0 12px;border:0;background:none;padding:0}
#app .wishlist-page .wishlist-add summary{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;background:#0b756f;border:1px solid #27e1d1;color:#e6fffb;font-weight:700;cursor:pointer;list-style:none;box-shadow:0 0 14px #27e1d144}
#app .wishlist-page .wishlist-add summary::-webkit-details-marker{display:none}
#app .wishlist-page .wishlist-add[open]{padding:12px 14px;border:1px solid #43d7f433;border-radius:12px;background:#061a2ced}
#app .wishlist-page .wishlist-add[open] summary{margin-bottom:10px}
#app .wishlist-page.is-empty .wishlist-tools,#app .wishlist-page.is-empty #rarity-row{display:none}
#app .wishlist-grid>.empty{grid-column:1/-1;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;min-height:180px;padding:24px;border:1px dashed #43d7f466;border-radius:14px;background:#061a2c99;text-align:center;font-size:16px}
#app .wishlist-grid>.empty strong{font-size:20px}
#app .wishlist-grid>.empty span{color:#aec6d8}
#app .wishlist-note{margin-top:14px;font-size:13px;color:#8fb4c6}

/* ---- Friends / Messages ---- */
#app .chat-top .chat-sub{margin:2px 0 0;color:#aec6d8;font-size:15px}
#app .chat-list-head{padding:0 0 10px}
#app .chat-list-head button{flex:1;min-height:44px;font-size:14px;font-weight:700}
#app .chat-collection h2{font-size:21px;line-height:1.2;margin:2px 0 8px}
#app .chat-collection .chat-links{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
#app .chat-collection .chat-links .button{flex:1 1 auto;text-align:center;font-size:13px;padding-inline:10px}
#app .chat-match .compact-value,#app .chat-match .tile-value{color:#c9fff7;background:#0a2d3dcc;border:1px solid #27e1d155}
#app .chat-match-info .compact-value *{color:#c9fff7}
#app .chat-people #friend-search{margin-bottom:8px}

/* ---- Search results ---- */
#app .search-heading{display:block}
#app .search-heading .search-summary{margin:2px 0 6px;color:#aec6d8;font-size:16px}
#app .link-button{display:inline;min-height:0;padding:2px 0;border:0;background:none;box-shadow:none;color:#7fe0d2;font-weight:600;font-size:14px;text-decoration:underline;cursor:pointer}
#app .link-button:disabled{color:#6f8ea0;text-decoration:none}
#app #interpreted-search:empty{display:none}
#app [data-search-group]:has(.search-results:empty),#app [data-search-group]:has(.search-copy-list:empty){display:none}
#app .search-filters{margin:10px 0 12px}
#app .search-view-switch{margin-bottom:10px}
#app .search-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;align-items:start}
#app .search-result{display:flex;flex-direction:column;gap:3px;padding:8px;font-size:13px;border-radius:12px}
#app .search-result img,#app .search-result picture{width:100%}
#app .search-result>strong{font-size:14px}
#app .search-result>a{font-size:13px;font-weight:600}
#app .search-result button[data-wish]{margin-top:4px;min-height:40px}

/* ---- Collections ---- */
#app .analysis-heading .page-sub,#app .hero .page-sub{margin:2px 0 0;color:#aec6d8;font-size:15px}
#app .page-people .people-row{display:grid;grid-template-columns:minmax(190px,1.5fr) minmax(90px,.8fr) minmax(130px,1fr) minmax(110px,.9fr) minmax(0,auto) auto;gap:10px 18px;align-items:center;padding:14px 18px}
#app .page-people .people-previews{display:flex;gap:6px}
#app .page-people .people-previews img{height:64px;width:auto;border-radius:6px}
#app .page-people .people-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
#app .page-people .people-prices small,#app .page-people .people-counts small{display:block}
#app .people-note{margin:12px 0}
#app .people-note summary{cursor:pointer;color:#7fe0d2;font-size:14px}
@media(max-width:1000px){#app .page-people .people-row{grid-template-columns:1fr 1fr;align-items:start}#app .page-people .people-person{grid-column:1/-1}#app .page-people .people-previews{grid-column:1/-1}#app .page-people .people-actions{grid-column:1/-1;justify-content:flex-start}}

/* ---- Copy inventory ---- */
#app .inventory-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:10px 18px}
#app .inventory-copy h2{margin:2px 0 4px}
#app .inventory-value .inv-label{font-size:13px;font-weight:600;color:#9bd9d1}
#app .inventory-value .flex{margin-top:12px;gap:8px;flex-wrap:wrap}
#app .inventory-value .flex .button.primary{order:-1}
#app .inventory-value .flex button,#app .inventory-value .flex .button{min-height:40px;font-size:13px}
#app .inv-why{margin-top:6px}
#app .inv-why summary{cursor:pointer;font-size:13px;color:#7fe0d2}
#app .inv-why small{display:block;margin-top:3px}
@media(max-width:700px){#app .inventory-copy{grid-template-columns:1fr}}

/* ---- Explore home ---- */
#app .xp-hint{margin:-4px 0 8px;color:#aec6d8;font-size:14px}
#app .xp-home .xp-sets{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
#app .xp-home .xp-set{border-radius:12px}
#app .xp-home .xp-set .xp-art{aspect-ratio:1/1;padding:8px 8px 2px}
#app .xp-home .xp-set .xp-meta{padding:4px 8px 8px}
#app .xp-home .xp-era{margin:8px 0}