/* v28 subscription workspace: ordinary document flow, no virtualized focus or
   essential hover-only actions. All [hidden] states retain the global rule. */
.subscription-tools{display:flex;flex-wrap:wrap;gap:.8rem;align-items:end;margin:1rem 0;min-width:0}
.subscription-tools>div{flex:1 1 12rem;min-width:0}
.subscription-tools label{display:block;font-weight:600;margin-bottom:.4rem}
.subscription-tools input,.subscription-tools select{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.subscription-records,.subscription-timeline{padding:0;list-style:none}
.subscription-records{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:1rem}
.subscription-record{padding:1rem;border:1px solid var(--border,#ddd);border-radius:.75rem;min-width:0;overflow-wrap:anywhere}
.subscription-record h4{font-size:1.05rem;margin:0 0 .6rem}.subscription-state{font-weight:600}
.subscription-reference{display:block;overflow-wrap:anywhere;white-space:normal;font-size:.8rem;margin:.5rem 0}
.subscription-details{margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--border,#ddd)}
.subscription-facts{display:grid;grid-template-columns:minmax(8rem,1fr) minmax(0,2fr);gap:.6rem 1rem}
.subscription-facts dt{font-weight:600}.subscription-facts dd{margin:0;overflow-wrap:anywhere}
.subscription-transition{border-inline-start:3px solid var(--border,#ddd);padding:.6rem 1rem;margin:.5rem 0}
#subscriptions-results-title:focus,#subscriptions-detail-title:focus,#subscriptions-history-title:focus{outline:2px solid currentColor;outline-offset:.35rem}
@media(max-width:480px){.subscription-facts{grid-template-columns:minmax(0,1fr)}.subscription-facts dd{margin-bottom:.7rem}.subscription-tools{display:block}.subscription-tools>div,.subscription-tools>button{margin-bottom:.75rem}}
@media print{
  html.printing-subscriptions body>*:not(.shell){display:none!important}
  html.printing-subscriptions .shell>header,html.printing-subscriptions .shell>footer,
  html.printing-subscriptions main>*:not(#account-content),html.printing-subscriptions #account-content>*:not(#subscriptions-section){display:none!important}
  html.printing-subscriptions #subscriptions-section .actions,html.printing-subscriptions #subscriptions-section button,
  html.printing-subscriptions #subscriptions-controls,html.printing-subscriptions #subscriptions-status,
  html.printing-subscriptions .subscription-tools,html.printing-subscriptions #subscriptions-details{display:none!important}
  html.printing-subscriptions .subscription-records{display:block}html.printing-subscriptions .subscription-record{break-inside:avoid;margin-bottom:.5rem}
}
/* Native selects retain platform keyboard/forced-colors behavior while matching
   text inputs and meeting a 44px pointer target (including narrow screens). */
.subscription-tools input,.subscription-tools select{font:inherit;min-height:44px;padding:.65rem .75rem;border:1px solid var(--border,#c8d5ee);border-radius:.5rem;background:var(--surface,#fff);color:inherit}