.subscription-overview.subscription-card { display: block; padding: 20px; border: 1px solid #bfe2cf; border-radius: 20px; background: linear-gradient(120deg,#effaf3,#f8fcfa); box-shadow: 0 5px 20px #174e3210; }
.subscription-overview-accordion > summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; cursor: pointer; list-style: none; min-height: 64px; }
.subscription-overview-accordion > summary::-webkit-details-marker { display: none; }
.subscription-overview-accordion > summary strong { display: block; color: #145239; font-size: 1.4rem; margin: 5px 0; }
.subscription-eyebrow { color: #28664b; font-size: .85rem; font-weight: 700; }
.subscription-overview-accordion small { color: #4f6e5d; }
.subscription-chevron { display: grid; place-items: center; width: 36px; height: 36px; flex-shrink: 0; border-radius: 50%; background: #deefe4; margin-left: auto; color: #28664b; }
.subscription-chevron svg { display: block; width: 20px; height: 20px; }
.subscription-overview-accordion { width: 100%; min-width: 0; }
.subscription-overview-accordion[open] .subscription-chevron { transform: rotate(180deg); }
.subscription-overview-content { margin-top: 20px; border-top: 1px solid #cde5d7; padding-top: 18px; }
.subscription-overview-content h3 { font-size: 1rem; }
.subscription-inclusions { display: grid; grid-template-columns: minmax(0,1fr); gap: 8px; margin: 14px 0; }
.subscription-inclusions > div { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; background: #ffffffbf; border-radius: 10px; padding: 12px; }
.subscription-inclusions dt { font-size: .86rem; font-weight: 500; overflow-wrap: anywhere; }
.subscription-inclusions dd { margin: 0; font-weight: 700; color: #145239; text-align: right; overflow-wrap: anywhere; }
.subscription-overview-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 10px; margin-top: 18px; }
.subscription-overview-actions .btn { flex: 0 1 auto; align-self: flex-start; width: auto; height: auto; border-radius: 999px !important; border: 1px solid #a9d1b9; padding: 10px 16px; display: inline-flex; align-items: center; justify-content: center; color: #195d3e; background: #fff; min-height: 44px; white-space: normal; }
.subscription-overview-actions .btn:hover { background: #def2e6; }
.profile-completion-card { margin: 16px 0 24px; padding: 20px; border: 1px solid #dce5ee; border-radius: 20px; background: #fff; }
.profile-completion-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.profile-completion-heading h2 { font-size: 1.05rem; margin: 0; }
.profile-completion-heading strong { font-size: 1.5rem; color: #18774e; }
.profile-completion-card progress { display: block; appearance: none; border: 0; width: 100%; height: 10px; border-radius: 99px; overflow: hidden; margin: 14px 0; background: #edf2f6; }
.profile-completion-card progress::-webkit-progress-bar { background: #edf2f6; border-radius: 99px; }
.profile-completion-card progress::-webkit-progress-value { background: #279365; border-radius: 99px; }
.profile-completion-card progress::-moz-progress-bar { background: #279365; border-radius: 99px; }
.profile-completion-card p { color: #58677a; font-size: .88rem; }
.profile-completion-card a { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-weight: 700; }
.profile-editor [data-profile-field][data-empty="true"] { border: 1.5px solid #d23d49; background-color: #fffafb; }
.profile-editor [data-profile-field][data-empty="true"]:focus { outline: 2px solid #f3bcc1; outline-offset: 2px; }
.account-page :is(.dashboard-main,.admin-content,.dashboard-panel,.editor-form,.admin-section) { min-width: 0; }
.account-page :is(input,select,textarea) { max-width: 100%; min-width: 0; }
.account-page :is(.table-wrap,.admin-table-wrap) { max-width: 100%; overflow-x: auto; }
.account-page :is(.owner-actions,.admin-page-head,.admin-card-head) { flex-wrap: wrap; }
@media (min-width: 700px) { .subscription-inclusions { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 767px) {
  .account-page :is(.dashboard-layout,.admin-shell) { grid-template-columns: minmax(0,1fr); width: 100%; padding-inline: 12px; }
  .account-page :is(.section-heading,.compact-heading,.admin-page-head,.admin-card-head) { gap: 12px; flex-wrap: wrap; }
  .account-page :is(.analytics-range-form,.analytics-grid,.analytics-current-grid,.analytics-chart-grid,.metric-grid,.name-grid,.location-fields,.profile-current-info,.wallet-columns,.workflow-grid) { grid-template-columns: minmax(0,1fr); }
  .account-page :is(.analytics-range-form,.admin-page-head,.admin-card-head) > * { min-width: 0; max-width: 100%; }
  .account-page :is(.btn,button,summary,.dashboard-menu a,.admin-nav a) { min-height: 44px; }
  .account-page :is(input,select,textarea) { font-size: 16px; }
  .account-page :is(h1,h2,h3,p,dd,.owner-listing-row,.analytics-online-list strong) { overflow-wrap: anywhere; }
  .account-page .admin-stat-strip { flex-wrap: wrap; }
  .account-page .analytics-online-list div { flex-wrap: wrap; }
  .subscription-overview.subscription-card,.profile-completion-card { padding: 16px; }
  .subscription-overview-actions .btn { flex: 0 1 auto; }
}
