.plan-lock { display: flex; gap: 14px; align-items: flex-start; padding: 18px 20px; border: 1px solid #D0D5DD; border-radius: 14px; background: #F9FAFB; max-width: 720px; }
.plan-lock__icon { width: 40px; height: 40px; border-radius: 50%; background: #EEF4FF; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.plan-lock__icon svg { fill: #1D4ED8; }
.plan-lock__body { display: flex; flex-direction: column; gap: 6px; }
.plan-lock__title { font-size: 16px; color: #101828; }
.plan-lock__text { margin: 0; color: #475467; font-size: 14px; line-height: 1.5; max-width: 62ch; }
.plan-lock__actions { margin-top: 6px; }
.plan-lock__btn { display: inline-flex; align-items: center; min-height: 38px; padding: 0 16px; border-radius: 10px; background: #101828; color: #fff !important; font-weight: 600; font-size: 14px; text-decoration: none; }
.plan-lock--compact { padding: 14px 16px; }
.plan-page { padding: 32px 24px; display: flex; flex-direction: column; gap: 16px; }
.plan-page__title { margin: 0; font-size: 22px; color: #101828; }
.plan-page__note { margin: 0; color: #475467; font-size: 14px; }
.plan-lock-badge { display: inline-flex; vertical-align: middle; margin-left: 6px; opacity: .7; }
.plan-lock-badge svg { fill: currentColor; }
.config-usage { margin: 16px 0 4px; padding: 16px; border: 1px solid #E4E7EC; border-radius: 12px; background: #fff; display: flex; flex-direction: column; gap: 8px; max-width: 640px; }
.config-usage__head { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; color: #101828; }
.config-usage__head span { font-variant-numeric: tabular-nums; font-weight: 600; }
.config-usage__bar { height: 8px; border-radius: 999px; background: #F2F4F7; overflow: hidden; }
.config-usage__bar span { display: block; height: 100%; background: #12B76A; border-radius: 999px; transition: width .3s; }
.config-usage__bar span.is-near { background: #F79009; }
.config-usage__bar span.is-over { background: #D92D20; }
.config-usage__note { margin: 0; font-size: 14px; color: #344054; }
.config-usage__note--warn { color: #B42318; }
.config-usage__note--tip { color: #1D4ED8; }
.config-usage__help { margin: 0; font-size: 12px; color: #667085; }
.config-usage__history summary { cursor: pointer; font-size: 13px; color: #475467; }
.config-usage__history ul { margin: 6px 0 0; padding-left: 18px; font-size: 13px; color: #475467; }