/* Component spacing and large-print layout, shared by all current routes. */
.app-shell *, .auth-shell * { box-sizing:border-box; }
.app-shell button, .app-shell input, .app-shell select { max-width:100%; }
.list-row .row-copy { flex:1; min-width:0; }
.list-row .row-copy strong, .list-row .row-copy small { overflow-wrap:anywhere; }
.list-row > .row-icon {
  display:flex!important; align-items:center; justify-content:center;
  flex:0 0 36px!important; width:36px!important; height:36px!important;
  padding:0!important; margin:0!important; background:none!important;
}
.list-row > .row-icon > .ui-icon { width:32px!important; height:32px!important; flex:none; }
.list-row > .ui-icon:last-child { width:18px!important; height:18px!important; flex:none; }
.wealth-link-group > .list-row { gap:14px!important; padding:20px 16px!important; }
.catalog-toolbar { align-items:flex-start; flex-wrap:wrap; gap:12px; }
.catalog-toolbar > button { white-space:normal; text-align:left; }
.catalog-filters {
  display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px!important; overflow:visible!important; margin:4px 0 20px!important;
  padding:0!important; width:100%;
}
.catalog-filters > button {
  min-width:0!important; width:100%; min-height:58px!important;
  padding:12px 8px!important; white-space:normal!important; line-height:1.4;
  border-radius:12px!important; text-align:center; overflow-wrap:anywhere;
}
.product-catalog { display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:20px!important; }
.product-tile { overflow:hidden; }
.product-card-top { display:block!important; padding:0!important; }
.product-card-top .product-card-art {
  display:block!important; width:100%!important; height:auto!important;
  aspect-ratio:1080 / 655; border-radius:0!important; background:#edf3fb!important;
}
.product-card-top .product-card-art img {
  width:100%!important; height:100%!important; display:block;
  padding:0!important; object-fit:contain!important; border-radius:0!important;
}
.product-card-identity { padding:20px 20px 0; }
.product-card-identity h3 { margin-top:8px!important; }
.product-card-body { padding:16px 20px 20px!important; }
.product-summary { display:block!important; min-height:0!important; overflow:visible!important; }
.product-metrics { gap:16px!important; }
.product-card-link { justify-content:flex-end!important; min-height:56px; }
.product-detail-hero > img { object-fit:contain!important; }
.coin-section-heading { display:flex; align-items:flex-start!important; flex-wrap:wrap; gap:10px!important; }
.coin-section-heading h2 { margin:0; line-height:1.5; }
.coin-section-heading > span { line-height:1.6; padding:3px 10px; border-radius:8px; background:#edf4fe; color:#526b89!important; }
.coin-about { padding:22px 20px!important; }
.coin-facts {
  display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px!important; padding:0!important; background:none!important;
}
.coin-facts > div {
  min-width:0; padding:16px 12px!important; border:1px solid #e4eaf2;
  background:#f6f8fb; border-radius:12px;
}
.coin-facts small { display:flex!important; align-items:center; flex-wrap:wrap; gap:8px; line-height:1.5; }
.coin-facts small .ui-icon { width:24px!important; height:24px!important; flex:none; }
.coin-facts b { display:block; font-weight:500; line-height:1.65; margin-top:10px; overflow-wrap:anywhere; }
.coin-contract { border:1px solid #e4eaf2!important; border-radius:12px; padding:0 14px; background:#f6f8fb!important; }
.coin-contract summary { min-height:62px; gap:12px; line-height:1.6; }
.coin-contract summary > span { display:flex; align-items:center; gap:10px; min-width:0; }
.coin-contract summary > span .ui-icon { width:24px!important; height:24px!important; }
.coin-contract > div { padding:0 0 16px; }
.coin-contract[open] > summary > .ui-icon { transform:rotate(90deg); }
.wealth-bill-filter { padding:20px!important; margin-bottom:18px!important; }
.wealth-bill-filter label { margin:0!important; min-width:0; }
.wealth-bill-filter > div { display:grid; grid-template-columns:minmax(0,1fr)!important; gap:18px; margin:18px 0; }
.bill-filter-label { display:flex; align-items:center; gap:8px; margin-bottom:10px; color:#526176; line-height:1.5; }
.bill-filter-label .ui-icon { width:24px; height:24px; flex:none; }
.wealth-bill-filter select { margin:0!important; padding:14px!important; min-height:58px; line-height:1.5; }
.bill-date-control {
  position:relative; display:flex; align-items:center; justify-content:space-between; gap:10px;
  min-height:60px; padding:14px; background:#f6f8fb;
  border:1px solid #dce4ef; border-radius:12px; color:#68768a;
}
.bill-date-control.has-value { color:#233044; }
.bill-date-control > .ui-icon { width:24px; height:24px; flex:none; }
.bill-date-control > input {
  position:absolute!important; inset:0!important; opacity:0; cursor:pointer;
  width:100%!important; height:100%!important; margin:0!important; padding:0!important;
}
.bill-date-control:focus-within { outline:3px solid #1677ff33; border-color:#1677ff; }
.wealth-bill-filter > .primary { min-height:58px; margin:0!important; }
.wealth-pagination { flex-wrap:wrap; justify-content:center!important; gap:12px!important; }
.wealth-pagination button { min-height:50px; padding:10px 14px; }
.wealth-pagination span { text-align:center; line-height:1.6; }
.page-assetsLog > .card:not(form) { padding:16px 20px!important; }
.page-assetsLog .empty { padding:28px 4px!important; }
.about-view { text-align:center; padding:36px 0; }
.about-brand-mark { display:block; width:96px; height:96px; margin:0 auto 24px; object-fit:contain; }
.about-view h2 { font-size:32px; line-height:1.5; margin:0 0 12px; }
.about-view > p { color:#68768a; margin:0 0 30px; }
.about-info { border:1px solid #e0e5eb; border-radius:16px; background:#fcfcfd; padding:4px 18px; text-align:left; }
.about-info > div { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; padding:18px 0; border-bottom:1px solid #e4e9ef; line-height:1.6; }
.about-info > div:last-child { border-bottom:0; }
.about-info dt { color:#68768a; }
.about-info dd { margin:0; color:#233044; }
@media (max-width:350px) {
  .coin-facts { grid-template-columns:minmax(0,1fr); }
  .coin-about,.wealth-bill-filter { padding:18px!important; }
  .product-card-identity { padding:18px 18px 0; }
  .product-card-body { padding:14px 18px 18px!important; }
  .product-metrics { gap:12px!important; }
  .product-metrics strong,.product-metrics b { font-size:28px!important; }
}

.app-shell, .app-shell :is(button,input,select,textarea,dt,dd,label,summary) { font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",sans-serif!important; }