/* GSM UI V14 — mobile fit and order design refinement.
   Keeps all business logic intact; visual layer only. */
html[data-page="tools-rent"] .rent-copy{display:grid!important;align-content:start!important;min-height:0!important}
html[data-page="tools-rent"] .duration-compact{max-width:100%!important}
html[data-page="tools-rent"] .duration-compact span{overflow:hidden!important;text-overflow:ellipsis!important}
html[data-page="tools-rent"] .rent-row{contain:layout paint style!important}
html[data-page="tools-rent"] .rent-row::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px rgba(255,255,255,.05)}
html[data-page="wallet-history"] .wallet-history-card .table-wrap{overflow:visible!important}
html[data-page="wallet-history"] .wallet-history-table td .icon-copy-btn{margin-top:0!important}
html[data-page="wallet-history"] .wallet-history-table .status-badge,html[data-page="wallet-history"] .wallet-history-table .badge{display:inline-flex!important;justify-content:center!important;min-width:76px}
html[data-page="wallet-history"] .wallet-history-method,html[data-page="wallet-history"] .wallet-history-amount{white-space:normal!important}
@media(max-width:700px){
  html[data-page="tools-rent"] .rent-row{grid-template-columns:102px minmax(0,1fr)!important;align-items:start!important;min-height:146px!important;padding:11px 11px 44px!important;gap:10px!important}
  html[data-page="tools-rent"] .rent-image{width:102px!important;height:76px!important;align-self:start!important}
  html[data-page="tools-rent"] .rent-copy{align-self:start!important}
  html[data-page="tools-rent"] .rent-name{font-size:12.5px!important;line-height:1.33!important}
  html[data-page="tools-rent"] .rent-group{margin-bottom:3px!important}
  html[data-page="tools-rent"] .rent-meta{left:11px!important;right:11px!important;bottom:9px!important}
  html[data-page="wallet-history"] .wallet-history-tabs{grid-template-columns:1fr!important;gap:8px!important}
  html[data-page="wallet-history"] .wallet-history-head-actions{width:100%!important}
  html[data-page="wallet-history"] .wallet-history-head-actions .btn{width:100%!important;justify-content:center!important}
  html[data-page="wallet-history"] .responsive-table.wallet-history-table tbody{gap:10px!important}
  html[data-page="wallet-history"] .responsive-table.wallet-history-table tr{padding:8px 12px!important;border-radius:14px!important;background:var(--ur12-paper)!important;border:1px solid var(--ur12-border)!important;box-shadow:0 10px 26px rgba(1,10,28,.12)!important}
  html[data-page="wallet-history"] .responsive-table.wallet-history-table td{grid-template-columns:minmax(88px,31%) minmax(0,1fr)!important;gap:10px!important;padding:8px 0!important;border-bottom:1px dashed rgba(154,177,205,.24)!important;color:var(--ur12-text)!important}
  html[data-page="wallet-history"] .responsive-table.wallet-history-table td::before{color:var(--ur12-muted)!important}
}
@media(max-width:480px){
  html[data-page="tools-rent"] .rent-row{grid-template-columns:94px minmax(0,1fr)!important;min-height:142px!important}
  html[data-page="tools-rent"] .rent-image{width:94px!important;height:72px!important}
  html[data-page="tools-rent"] .rent-price{font-size:11px!important;padding:4px 6px!important}
  html[data-page="tools-rent"] .rent-time{font-size:9.5px!important}
  html[data-page="wallet-history"] .responsive-table.wallet-history-table td{grid-template-columns:1fr!important;gap:4px!important}
  html[data-page="wallet-history"] .responsive-table.wallet-history-table td::before{margin-bottom:2px!important}
}
@media(prefers-reduced-motion:reduce){html[data-page="tools-rent"] .rent-row{transition:none!important}}