/* Temporary header simplification; plan access remains in sidebar and dashboard. */
body.has-crm-navigation .topbar .header-subscription-pill {
 display: none !important;
}
/* Native disclosure: compact on first paint, no JavaScript or deferred layout. */
.dashboard-page .subscription-dashboard-compact {
 display: block;
 padding: 0;
 min-height: 0;
}
.subscription-dashboard-compact > .subscription-compact-toggle {
 display: grid;
 grid-template-columns: 44px minmax(0, 1fr) auto;
 align-items: center;
 gap: 12px;
 padding: 12px 16px;
 margin: 0;
 cursor: pointer;
 list-style: none;
 color: #0f172a;
}
.subscription-compact-toggle::-webkit-details-marker { display: none; }
.subscription-compact-toggle::marker { content: ""; }
.subscription-compact-toggle:focus-visible {
 outline: 2px solid var(--subscription-tone);
 outline-offset: -3px;
 border-radius: inherit;
}
.subscription-dashboard-compact .subscription-plan-icon {
 width: 44px;
 height: 44px;
 border-radius: 14px;
 font-size: 23px;
}
.subscription-dashboard-compact .subscription-plan-icon svg,
.subscription-dashboard-compact .subscription-plan-icon img {
 width: 28px;
 height: 28px;
}
.subscription-compact-copy { display: block; min-width: 0; }
.subscription-compact-title {
 display: flex;
 align-items: baseline;
 gap: 7px;
 flex-wrap: wrap;
 line-height: 1.2;
}
.subscription-compact-title small { color: #64748b; font-size: 11px; }
.subscription-compact-title strong { font-size: 17px; }
.subscription-compact-credit-label {
 display: flex;
 justify-content: space-between;
 gap: 8px;
 margin-top: 5px;
 color: #64748b;
 font-size: 11px;
 line-height: 1.35;
}
.subscription-compact-credit-label b { color: var(--subscription-tone); }
.subscription-dashboard-compact .subscription-credit-progress {
 display: block;
 height: 6px;
 margin: 5px 0 0;
}
.subscription-compact-button {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 6px;
 min-height: 38px;
 padding: 7px 10px;
 border: 1px solid color-mix(in srgb, var(--subscription-tone) 24%, #e2e8f0);
 border-radius: 12px;
 background: rgba(255,255,255,.75);
 color: #334155;
 font-size: 11px;
 font-weight: 800;
}
.subscription-compact-chevron { font-size: 18px; line-height: 1; }
.subscription-dashboard-compact:not([open]) .when-open,
.subscription-dashboard-compact[open] .when-closed { display: none; }
.subscription-dashboard-compact[open] .subscription-compact-chevron { transform: rotate(180deg); }
.subscription-compact-details {
 padding: 14px 16px;
 border-top: 1px solid #e2e8f0;
}
.subscription-compact-description { margin: 0 0 7px; color: #475569; font-size: 13px; }
.subscription-compact-cycle { margin: 0 0 14px; color: #64748b; font-size: 11px; }
.subscription-compact-details .subscription-inline-action { display: inline-flex; margin-top: 12px; }
.subscription-compact-details .subscription-impact-details { margin-top: 12px; }
@media (max-width: 480px) {
 .subscription-dashboard-compact > .subscription-compact-toggle {
  grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: 8px;
  padding: 11px 10px;
 }
 .subscription-dashboard-compact .subscription-plan-icon { width: 36px; height: 40px; border-radius: 11px; }
 .subscription-compact-title strong { font-size: 15px; }
 .subscription-compact-title small { font-size: 10px; }
 .subscription-compact-credit-label { flex-wrap: wrap; gap: 2px 6px; font-size: 10px; }
 .subscription-compact-button { padding: 6px; gap: 4px; font-size: 10px; }
 .subscription-compact-details { padding: 12px; }
}