.pollen-link-drawer.el-drawer { max-width: 100vw; color: #25334a; }
.pollen-link-drawer .el-drawer__header { margin: 0; padding: 27px 30px 23px; border-bottom: 1px solid #e9edf3; align-items: center; }
.pollen-link-heading h2 { margin: 7px 0 0; color: #16283f; font-size: 21px; font-weight: 650; letter-spacing: -.4px; }
.pollen-link-eyebrow { font-size: 12px; color: #8390a2; }
.pollen-link-drawer .el-drawer__body { padding: 0 30px; overscroll-behavior: contain; }
.pollen-link-drawer .el-drawer__footer { padding: 0; text-align: left; }
.pollen-link-owner { display: flex; align-items: center; gap: 13px; padding: 25px 0; border-bottom: 1px solid #e9edf3; }
.pollen-link-avatar { display: flex; align-items: center; justify-content: center; flex: 0 0 44px; height: 44px; background: #edf3ff; color: #3775e9; border-radius: 10px; font-size: 19px; font-weight: 600; }
.pollen-link-owner h3 { margin: 0 0 5px; font-size: 17px; font-weight: 650; color: #1c304c; }
.pollen-link-owner p { margin: 0; font-size: 12px; color: #8490a2; overflow-wrap: anywhere; }
.pollen-link-owner p span { margin-left: 6px; color: #64748b; }
.pollen-link-owner > .el-tag { margin-left: auto; flex-shrink: 0; }
.pollen-link-section { padding: 25px 0; border-bottom: 1px solid #e9edf3; }
.pollen-link-section-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; gap: 12px; }
.pollen-link-section-title h3 { margin: 0; color: #263b55; font-size: 14px; font-weight: 650; }
.pollen-link-section-title > span { color: #929caf; font-size: 12px; }
.pollen-link-details { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 17px 14px; margin: 0; font-size: 13px; line-height: 1.5; }
.pollen-link-details dt { color: #8190a4; }
.pollen-link-details dd { margin: 0; overflow-wrap: anywhere; }
.pollen-link-details .pollen-link-account-name { font-weight: 600; }
.pollen-link-environment { display: inline-block; color: #58749b; background: #edf2f8; border-radius: 4px; padding: 1px 7px; font-size: 12px; }
.pollen-link-environment.is-production { color: #2469ba; background: #ecf4ff; }
.pollen-link-muted { color: #8390a2; }
.pollen-link-form .el-form-item { margin-bottom: 21px; }
.pollen-link-form .el-form-item__label { color: #53677f; font-size: 13px; padding-bottom: 8px; line-height: 1.5; }
.pollen-link-form .el-select { width: 100%; }
.pollen-link-form .el-select__wrapper { min-height: 41px; border-radius: 6px; }
.pollen-link-account-option { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.pollen-link-account-option small { color: #8e99a9; font-size: 12px; }
.pollen-link-search-error { width: 100%; margin-top: 7px; font-size: 12px; color: #c55748; line-height: 1.6; }
.pollen-link-selection { padding: 13px 15px; background: #f6f9ff; border-left: 3px solid #6698fa; border-radius: 0 5px 5px 0; }
.pollen-link-selection > span { display: block; margin-bottom: 7px; color: #8494ac; font-size: 12px; }
.pollen-link-selection strong { display: block; font-size: 13px; color: #305883; line-height: 1.6; }
.pollen-link-selection small { font-size: 12px; color: #7e91aa; }
.pollen-link-help { margin: 17px 0 0; color: #8794a5; font-size: 12px; line-height: 1.8; }
.pollen-link-usage { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pollen-link-usage > div { padding: 0 10px 0 0; }
.pollen-link-usage > div + div { padding-left: 16px; border-left: 1px solid #edf0f6; }
.pollen-link-usage strong { display: block; color: #294160; font-size: 25px; font-weight: 600; line-height: 1.3; font-variant-numeric: tabular-nums; }
.pollen-link-usage strong small { font-size: 11px; margin-left: 4px; font-weight: 400; color: #8390a2; }
.pollen-link-usage > div > span { display: block; font-size: 11px; color: #8390a2; margin-top: 7px; white-space: nowrap; }
.pollen-link-usage .is-running strong { color: #199981; }
.pollen-link-history ol { margin: 0; padding: 0; list-style: none; }
.pollen-link-history li { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; font-size: 12px; padding: 7px 0; }
.pollen-link-history li:first-child { padding-top: 0; }
.pollen-link-history li > div { display: flex; gap: 10px; flex-wrap: wrap; }
.pollen-link-history small, .pollen-link-history time { color: #95a0af; font-size: 11px; }
.pollen-link-history time { white-space: nowrap; font-variant-numeric: tabular-nums; }
.pollen-link-billing-note { margin: 21px 0 24px; color: #9aa4b2; font-size: 11px; line-height: 1.8; }
.pollen-link-banner { margin: 17px 0 0; padding: 12px 14px; border-radius: 6px; font-size: 12px; line-height: 1.7; }
.pollen-link-banner strong, .pollen-link-banner span { display: block; }
.pollen-link-banner strong { margin-bottom: 3px; font-weight: 600; }
.pollen-link-banner-neutral { background: #f3f5f8; color: #758296; }
.pollen-link-banner-warn { background: #fff7e9; color: #967135; }
.pollen-link-banner-error { background: #fff1ee; color: #b05240; }
.pollen-link-banner-success { background: #eef8f3; color: #368369; }
.pollen-link-footer { background: #fff; padding: 18px 30px 20px; border-top: 1px solid #e9edf3; }
.pollen-link-footer-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; }
.pollen-link-footer-actions .el-button + .el-button { margin-left: 0; }
.pollen-link-footer-actions .el-button { min-height: 36px; border-radius: 6px; padding-left: 17px; padding-right: 17px; font-size: 13px; }
.pollen-link-footer-actions .pollen-link-unlink-button { padding-left: 0; padding-right: 0; min-height: auto; }
.pollen-link-footer-spacer { flex: 1; }
.pollen-link-action-error { margin: 0 0 12px; font-size: 12px; line-height: 1.6; color: #c25248; overflow-wrap: anywhere; }
.pollen-link-state { padding: 58px 10px; text-align: center; }
.pollen-link-state h3 { font-size: 15px; color: #566a83; font-weight: 500; }
.pollen-link-state p { color: #93a0b2; font-size: 13px; line-height: 1.7; }
.pollen-link-state .el-button { margin-top: 10px; }
.pollen-link-loading { padding: 30px 0; }
.pollen-link-loading > p { color: #8c99ac; font-size: 12px; margin-top: 25px; }
.pollen-link-empty p { margin: 0 0 8px; color: #536780; font-size: 14px; }
.pollen-link-empty span { color: #8b99ac; font-size: 12px; }
.pollen-link-unlink > p { font-size: 13px; line-height: 1.9; color: #64748b; }
.pollen-link-unlink > p strong { color: #354b66; font-weight: 500; }
@media (max-width: 560px) {
  .pollen-link-drawer .el-drawer__header { padding: 22px 20px; }
  .pollen-link-drawer .el-drawer__body { padding: 0 20px; }
  .pollen-link-footer { padding: 16px 20px; }
  .pollen-link-owner { gap: 10px; }
  .pollen-link-owner h3 { font-size: 16px; }
  .pollen-link-avatar { flex-basis: 38px; height: 38px; }
  .pollen-link-usage > div + div { padding-left: 10px; }
  .pollen-link-usage strong { font-size: 23px; }
  .pollen-link-section-title > span { font-size: 11px; }
}

.pollen-link-readiness { margin-top: 20px; padding: 13px 15px; background: #f6f8fb; border-radius: 6px; font-size: 12px; color: #728198; line-height: 1.7; }
.pollen-link-readiness strong { color: #53677f; font-weight: 600; }
.pollen-link-readiness p { margin: 5px 0 7px; }
.pollen-link-readiness > span { display: block; font-variant-numeric: tabular-nums; }
.pollen-link-action-error > strong { display: block; margin-bottom: 3px; font-weight: 600; }

.pollen-link-setup-steps { margin: 18px 0 12px; padding-left: 21px; font-size: 13px; line-height: 1.8; color: #53677f; }
.pollen-link-setup-steps li + li { margin-top: 10px; }
.pollen-link-test-entry { margin-top: 6px; font-size: 12px; }
.pollen-link-environment-states > div { display: grid; gap: 5px; padding: 12px 0; font-size: 13px; border-bottom: 1px solid #e9edf3; }
.pollen-link-environment-states > div:last-child { border-bottom: 0; }
.pollen-link-environment-states small { color: #8490a2; }