/* Shared surfaces for larger workspaces and subscription management. */
@media (max-width:600px) {
  .topbar { gap:10px; }
  .topbar-left { min-width:0; flex:1; }
  .topbar-left .mobile-menu,.topbar-right { flex-shrink:0; }
  .breadcrumb { min-width:0; gap:6px; }
  .breadcrumb strong { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .topbar-right .live-status { display:none; }
}
.multi-bot-picker { margin: 18px 0; }
.multi-bot-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }
.multi-bot-heading > label { font-size:11px; font-weight:650; color:#526445; }
.selection-count { color:#82986d; font-size:9px; white-space:nowrap; }
.bot-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.bot-choice { display:flex; align-items:center; gap:8px; min-height:37px; padding:9px 10px; background:#fff; border:1px solid #e4e9dd; border-radius:8px; cursor:pointer; transition:background .15s; }
.bot-choice.chosen { background:#edf4e4; border-color:#d1dfbc; }
.bot-choice.is-unavailable { background:#f5f6f1; border-color:#e5e8df; cursor:not-allowed; }
.bot-choice.is-unavailable > span { color:#727d66; }
.bot-choice.is-unavailable small { display:block; margin:3px 0 0; color:#727d66; }
.bot-plan-notice { display:flex; align-items:flex-start; gap:10px; padding:13px 14px; margin:12px 0 0; border-radius:10px; background:#f0f4e8; color:#657653; font-size:11px; line-height:1.7; }
.bot-plan-notice > svg { width:16px; height:16px; flex-shrink:0; margin-top:2px; }
.bot-plan-notice > div { min-width:0; }
.bot-plan-notice p { margin:0 0 7px; }
.bot-plan-notice .text-link { display:inline-flex; flex-wrap:wrap; font-size:11px; }
.monitor-bot-notice { margin:-6px 0 20px; }
.bot-choice > input,.bot-all-choice > input,.admin-checkbox > input { width:13px; height:13px; padding:0; margin:0; flex-shrink:0; accent-color:#194f3c; box-shadow:none; }
.bot-choice > span { min-width:0; font-size:10px; font-weight:600; color:#536447; }
.bot-choice small { color:#879975; font-size:8px; margin-left:5px; font-weight:450; }
.bot-all-choice { display:flex; align-items:center; gap:9px; padding:12px 1px 4px; font-size:10px; color:#738364; cursor:pointer; }
.multi-bot-picker .bot-picker-help { margin:8px 0 0; font-size:9px; line-height:1.8; }
.multi-bot-picker .bot-custom-fields { margin-top:12px; }
.multi-bot-picker .bot-custom-fields small { display:block; font-size:9px; line-height:1.6; color:#8b997e; }
.workspace-limit-banner { display:flex; align-items:center; gap:15px; padding:18px 22px; border:1px solid #ead9bc; background:#fbf5e9; border-radius:12px; margin-bottom:25px; }
.workspace-limit-banner > svg { width:24px; height:24px; color:#ad8451; flex-shrink:0; }
.workspace-limit-banner > div { flex:1; }
.workspace-limit-banner strong { font-size:12px; color:#7b643f; }
.workspace-limit-banner p { margin-top:5px; font-size:10px; color:#9a8664; line-height:1.8; }
.billing-current { display:flex; justify-content:space-between; align-items:center; gap:24px; background:#194e3b; color:#fff; border-radius:16px; padding:29px 32px; margin-bottom:22px; position:relative; overflow:hidden; }
.billing-current::after { content:""; position:absolute; width:300px; height:300px; border:1px solid #cce5a80d; border-radius:50%; right:-70px; bottom:-230px; box-shadow:0 0 0 28px #cce5a805,0 0 0 55px #cce5a805; pointer-events:none; }
.billing-current .eyebrow { color:#b1ce8e; font-size:9px; margin-bottom:12px; }
.billing-current h2 { display:flex; align-items:center; flex-wrap:wrap; gap:14px; font-size:29px; letter-spacing:-1px; margin-bottom:10px; }
.billing-current p { color:#bccfbd; font-size:11px; line-height:1.8; }
.billing-current-note { display:flex; align-items:center; gap:11px; font-size:11px; color:#dfebd8; position:relative; z-index:1; }
.billing-current-note > svg { width:27px; height:27px; color:#c8de9e; }
.billing-current-note small { display:block; color:#a6bfac; margin-top:5px; font-size:9px; }
.private-plan { display:inline-flex; align-items:center; gap:5px; padding:5px 8px; border-radius:6px; background:#ede8f4; color:#88779d; font-size:9px; font-weight:650; letter-spacing:0; white-space:nowrap; }
.private-plan svg { width:11px; height:11px; }
.billing-current .private-plan { background:#ffffff16; color:#d7e6c7; }
.billing-usage { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.billing-usage-card { background:white; border:1px solid #e4e9dd; padding:21px 22px; border-radius:12px; }
.billing-usage-card > div:first-child { display:flex; align-items:center; gap:7px; color:#8b987f; font-size:10px; }
.billing-usage-card svg { width:15px; height:15px; color:#93a77e; }
.billing-usage-card p { display:flex; align-items:baseline; gap:7px; margin:17px 0 14px; }
.billing-usage-card strong { font-size:29px; font-weight:650; letter-spacing:-1px; color:#395033; }
.billing-usage-card p > span { color:#9eaa93; font-size:10px; }
.usage-track { height:5px; background:#f0f3e9; border-radius:5px; overflow:hidden; }
.usage-track > span { display:block; height:100%; background:#99b876; border-radius:5px; }
.usage-track > span.full { background:#c19a6c; }
.billing-usage-note,.billing-footer-note { font-size:9px; line-height:1.9; color:#99a38d; margin:13px 0 28px; }
.billing-info { display:flex; align-items:center; gap:8px; background:#edf2e5; color:#7c8e69; padding:13px 17px; border-radius:9px; font-size:10px; margin-bottom:26px; }
.billing-info svg { width:15px; height:15px; flex-shrink:0; }
.billing-section-heading { margin:34px 0 20px; }
.billing-section-heading h2 { font-size:18px; letter-spacing:-.4px; color:#3f5338; margin-bottom:7px; }
.billing-section-heading p { font-size:10px; color:#98a38c; line-height:1.8; }
.plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
@media (min-width:901px) { .plan-grid:has(> :nth-child(4)):not(:has(> :nth-child(5))) { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.plan-card { border:1px solid #e2e8d9; background:#fff; border-radius:14px; padding:25px 23px; display:flex; flex-direction:column; min-width:0; }
.plan-card.current { border-color:#abc18d; background:#fcfef8; }
.plan-card.is-selected { border-color:#217b72; box-shadow:0 0 0 2px #217b721a; scroll-margin-top:28px; }
.billing-selection { display:flex; align-items:center; gap:15px; padding:20px; margin:0 0 23px; border:1px solid #d1e3dc; border-radius:12px; background:#f0f7f2; }
.billing-selection-icon { width:36px; height:36px; display:grid; place-items:center; background:#deeee4; border-radius:10px; color:#247063; flex-shrink:0; }
.billing-selection > div { flex:1; }
.billing-selection strong { font-size:13px; color:#244b43; }
.billing-selection p { font-size:11px; line-height:1.7; color:#72847a; margin:5px 0 0; }
.billing-selection > .text-link { white-space:nowrap; font-size:11px; }
@media(max-width:600px) { .billing-selection { flex-wrap:wrap; padding:17px; } .billing-selection > div { flex-basis:calc(100% - 55px); } .billing-selection > .btn,.billing-selection > .text-link { margin-left:51px; white-space:normal; } }
.plan-card-top { display:flex; justify-content:space-between; align-items:center; gap:8px; min-height:25px; }
.plan-card-top h3 { font-size:16px; font-weight:700; color:#3a5132; }
.current-plan-tag { font-size:8px; font-weight:600; padding:5px 7px; background:#edf4df; color:#859e68; border-radius:5px; }
.plan-description { color:#97a18c; font-size:10px; line-height:1.8; min-height:54px; margin:12px 0 20px; }
.plan-price { display:flex; flex-direction:column; gap:7px; min-height:68px; margin-bottom:21px; }
.plan-price strong { font-size:34px; letter-spacing:-1.5px; color:#2e4b35; font-weight:700; }
.plan-price .price-request { font-size:19px; letter-spacing:-.5px; line-height:1.6; }
.plan-price > span { font-size:10px; color:#a1ab94; }
.plan-features { padding:0; list-style:none; margin:0 0 28px; display:flex; flex-direction:column; gap:12px; flex:1; }
.plan-features li { display:flex; align-items:center; gap:7px; color:#81916f; font-size:10px; line-height:1.6; }
.plan-features strong { color:#61794e; font-weight:650; }
.plan-features svg { width:14px; height:14px; flex-shrink:0; color:#91ac74; }
.plan-features .feature-unavailable,.plan-features .feature-unavailable svg { color:#889080; }
.plan-card > .btn { width:100%; font-size:10px; padding:12px 7px; }
.plan-card .btn:disabled { opacity:.7; cursor:default; }
.custom-plan-card { display:flex; gap:19px; align-items:center; background:#f0f3e7; border:1px solid #e2e8d6; border-radius:13px; padding:24px; margin-top:23px; }
.custom-plan-icon { height:46px; width:46px; display:grid; place-items:center; background:#e4eccf; color:#789854; border-radius:12px; flex-shrink:0; }
.custom-plan-icon svg { width:24px; height:24px; }
.custom-plan-card > div:nth-child(2) { flex:1; }
.custom-plan-card h3 { font-size:14px; color:#526a42; margin-bottom:7px; }
.custom-plan-card p { color:#95a183; font-size:10px; line-height:1.8; max-width:480px; }
.detail-frequency { font-size:18px!important; }
.page-heading > div > .text-link { font-size:10px; margin-bottom:13px; }
#pages-body .page-path { background:transparent; padding:0; text-align:left; }
#page-status { padding:9px 11px; background:#fafcf6; border:1px solid #e0e7d6; border-radius:7px; color:#849372; font:inherit; font-size:10px; outline:none; }
.page-queue-state { display:block; margin-top:5px; font-size:9px; color:#9bad87; }
.plan-limited { background:#f4eadb; color:#a88b5b; }
.pages-empty { padding:32px 24px; color:#98a18b; text-align:center; font-size:11px; }
.monitoring-footnote { display:flex; align-items:flex-start; gap:8px; font-size:10px; color:#94a085; line-height:1.9; margin-top:22px; }
.monitoring-footnote svg { width:14px; height:14px; margin-top:3px; flex-shrink:0; }
.import-history { margin:22px 0; }
.import-history h3 { display:flex; align-items:center; gap:7px; font-size:11px; color:#81946d; margin-bottom:11px; font-weight:600; }
.import-history h3 svg { width:14px; height:14px; }
.import-job { display:flex; align-items:center; gap:12px; padding:15px 18px; background:#f0f5e9; border:1px solid #e0e9d4; border-radius:10px; margin-bottom:8px; }
.import-job.rejected { background:#fbf4e9; border-color:#eedfc6; }
.import-job > div { flex:1; min-width:0; }
.import-job-icon svg { width:20px; height:20px; color:#8da670; }
.import-job.rejected svg { color:#b59569; }
.import-job strong { font-size:11px; color:#688251; }
.import-job p { font-size:10px; line-height:1.7; color:#95a284; margin-top:4px; overflow-wrap:anywhere; }
.import-job .text-link { font-size:10px; white-space:nowrap; }
.import-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; background:#eef2e6; padding:5px; border-radius:10px; margin:0 0 24px; }
.import-tabs > button { display:flex; align-items:center; justify-content:center; gap:5px; padding:10px 3px; border:0; border-radius:7px; background:transparent; font:inherit; font-size:10px; color:#8c9d76; cursor:pointer; }
.import-tabs svg { width:13px; height:13px; flex-shrink:0; }
.import-tabs > button.active { background:#fff; color:#537741; box-shadow:0 2px 6px #354b2510; }
.import-upgrade { padding:16px 10px; text-align:center; }
.import-upgrade > svg { width:39px; height:39px; color:#93b473; margin-bottom:19px; }
.import-upgrade h3 { color:#4b6b3c; font-size:19px; letter-spacing:-.4px; margin-bottom:12px; }
.import-upgrade p { font-size:11px; line-height:1.9; color:#99a48c; margin:0 auto 22px; max-width:330px; }
.file-drop { display:flex; flex-direction:column; align-items:center; padding:28px 15px; border:1px dashed #c9d7b5; border-radius:12px; background:#f8fbf2; cursor:pointer; }
.file-drop > span:first-child { width:46px; height:46px; background:#e9f1da; color:#89a864; border-radius:12px; display:grid; place-items:center; margin-bottom:15px; }
.file-drop strong { font-size:12px; color:#65834e; }
.file-drop small { color:#99aa85; font-size:10px; margin:9px 0 18px; }
.file-drop input { max-width:100%; font-size:10px; color:#8d9d79; padding:5px 0; background:transparent; }
.file-drop input::file-selector-button { border:0; background:#e8efd9; color:#6b874f; padding:8px 12px; border-radius:7px; margin-right:8px; font:inherit; cursor:pointer; }
#import-filename { max-width:100%; overflow-wrap:anywhere; font-size:10px; color:#78905f; margin-top:9px; }
.import-assurance { display:flex; gap:9px; margin:19px 0; color:#96a385; font-size:10px; line-height:1.8; }
.import-assurance svg { width:17px; height:17px; flex-shrink:0; color:#8ca56f; margin-top:3px; }
#workspace-import-form > .btn,#add-pages-form > .btn,#custom-plan-request-form > .btn,#admin-plan-form > .btn { width:100%; margin-top:9px; }
.admin-plans-panel,.admin-users-panel { margin-bottom:24px; }
.admin-stripe-connection { display:flex; align-items:flex-start; gap:16px; padding:22px 25px; margin-bottom:22px; border:1px solid #dce7d5; border-radius:13px; background:#f2f7ec; }
.admin-stripe-connection.test { background:#f5f1fa; border-color:#e6ddf0; }
.admin-stripe-connection.unconfigured { background:#fbf6ed; border-color:#eee0c9; }
.admin-stripe-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:11px; background:#e3edd8; color:#608144; flex-shrink:0; }
.test .admin-stripe-icon { background:#ebe2f5; color:#8b73aa; }
.unconfigured .admin-stripe-icon { background:#f4e8d4; color:#a58456; }
.admin-stripe-icon svg { width:21px; height:21px; }
.admin-stripe-connection > div { min-width:0; }
.admin-stripe-heading { display:flex; align-items:center; flex-wrap:wrap; gap:11px; margin:1px 0 8px; }
.admin-stripe-heading h2 { color:#48603c; font-size:14px; letter-spacing:-.2px; }
.admin-checkout-setup { color:#a2865f; font-size:9px; }
.admin-stripe-connection p { max-width:760px; color:#7d8c70; font-size:10px; line-height:1.9; }
.admin-catalog-count { color:#92a180; font-size:10px; white-space:nowrap; }
.admin-catalog-table { min-width:710px; table-layout:fixed; }
.admin-catalog-table th:nth-child(1) { width:25%; }
.admin-catalog-table th:nth-child(2) { width:19%; }
.admin-catalog-table th:nth-child(3) { width:36%; }
.admin-catalog-table th:nth-child(4) { width:20%; }
.admin-catalog-table td { vertical-align:top; padding-top:21px; padding-bottom:21px; white-space:normal; }
.admin-catalog-table td:first-child > strong { display:block; font-size:12px; color:#536b44; overflow-wrap:anywhere; }
.admin-plan-price { display:block; margin-top:7px; font-size:10px; color:#7f916e; }
.admin-plan-labels { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:12px 0 8px; }
.admin-plan-labels .badge { font-size:8px; }
.admin-plan-inactive { color:#a09075; font-size:8px; }
.admin-plan-coverage { display:block; line-height:1.9; font-size:10px; color:#8d9b7c; }
.admin-plan-coverage strong { color:#687e55; font-weight:600; }
.admin-sync-badge { display:inline-flex; align-items:center; gap:6px; max-width:100%; border-radius:6px; padding:6px 8px; color:#89977a; background:#f0f3e9; font-size:9px; font-weight:600; line-height:1.5; }
.admin-sync-badge svg { width:12px; height:12px; flex-shrink:0; }
.admin-sync-badge.ready { background:#edf5e4; color:#628a45; }
.admin-sync-badge.pending { background:#eef1fa; color:#7386ad; }
.admin-sync-badge.error { background:#f9eae2; color:#ae7559; }
.admin-sync-badge.draft { background:#f3ecde; color:#a28a60; }
.admin-sync-note { font-size:9px; color:#98a389; line-height:1.8; margin-top:8px; overflow-wrap:anywhere; }
.admin-sync-note.error { color:#ab8069; }
.admin-sync-retry-note { display:block; font-size:8px; color:#a79b84; margin-top:5px; line-height:1.7; }
.admin-plan-actions { display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.admin-plan-actions .btn { min-height:32px; padding:7px 10px; font-size:9px; }
.admin-plan-actions .btn svg { width:12px; height:12px; }
.admin-plan-actions .btn:disabled { opacity:.55; cursor:default; }
.admin-plan-actions > .muted { font-size:9px; }
.admin-remove-plan { display:inline-flex; align-items:center; gap:6px; padding:6px 3px; background:transparent; border:0; font:inherit; font-size:9px; color:#b28c75; cursor:pointer; }
.admin-remove-plan:hover { color:#9d6246; }
.admin-remove-plan svg { width:12px; height:12px; }
.admin-plan-removing { background:#fcfbf8; }
.admin-stripe-details { margin-top:12px; }
.admin-stripe-details summary { width:fit-content; color:#91a07f; font-size:9px; cursor:pointer; }
.admin-stripe-details dl { padding:10px 11px; margin:8px 0 0; background:#f6f8f1; border-radius:7px; }
.admin-stripe-details dl > div + div { margin-top:9px; }
.admin-stripe-details dt { font-size:8px; color:#a2ac96; margin-bottom:3px; }
.admin-stripe-details dd { margin:0; font-size:9px; line-height:1.7; color:#7a8d68; overflow-wrap:anywhere; }
.admin-stripe-details code { font:inherit; font-family:var(--font-mono,monospace); font-size:8px; }
#admin-plan-form > .admin-stripe-details { margin:18px 0; }
.admin-archived-note,.admin-catalog-notice { display:flex; align-items:flex-start; gap:8px; color:#98a28b; font-size:9px; line-height:1.8; padding:16px 23px; border-top:1px solid #edf0e5; }
.admin-archived-note svg,.admin-catalog-notice svg { width:13px; height:13px; margin-top:2px; flex-shrink:0; }
.admin-catalog-notice { margin:0 22px 15px; padding:11px 13px; background:#fcf4e9; border:0; border-radius:7px; color:#aa8a5c; }
.admin-removal-explanation { display:grid; gap:13px; padding:17px; margin-bottom:22px; background:#f5f8ef; border-radius:10px; }
.admin-removal-explanation p { display:flex; align-items:flex-start; gap:10px; color:#8b9b7b; font-size:11px; line-height:1.8; }
.admin-removal-explanation svg { width:17px; height:17px; flex-shrink:0; color:#87a368; margin-top:2px; }
@media (max-width:600px) {
  .admin-stripe-connection { padding:18px; gap:12px; }
  .admin-stripe-icon { width:35px; height:35px; border-radius:9px; }
  .admin-stripe-icon svg { width:18px; height:18px; }
  .admin-stripe-heading { gap:8px; }
  .admin-stripe-connection p { font-size:9px; }
  .admin-plans-panel .panel-heading { gap:12px; padding:21px 18px; }
  .admin-plans-panel .panel-subtitle { font-size:9px; line-height:1.9; }
  .admin-catalog-table { display:block; min-width:0; table-layout:auto; }
  .admin-catalog-table thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .admin-catalog-table tbody { display:block; }
  .admin-catalog-table tr { display:grid; grid-template-columns:minmax(0,1fr) auto; padding:19px 18px; gap:15px 12px; border-top:1px solid #edf0e5; }
  .admin-catalog-table td { display:block; min-width:0; padding:0; border:0; }
  .admin-catalog-table td:nth-child(2) { text-align:right; }
  .admin-catalog-table td:nth-child(3),.admin-catalog-table td:nth-child(4) { grid-column:1 / -1; }
  .admin-catalog-table td:first-child > strong { font-size:13px; }
  .admin-plan-actions { flex-direction:row; flex-wrap:wrap; align-items:center; gap:9px; }
  .admin-plan-actions .btn { padding:8px 11px; }
  .admin-plan-actions > .admin-remove-plan { margin-left:auto; }
  .admin-plan-labels { margin:9px 0 6px; }
  .admin-stripe-details { margin-top:10px; }
  .admin-sync-note { max-width:100%; }
  .admin-removal-explanation { padding:14px; }
  .admin-removal-explanation p { font-size:10px; }
  #admin-remove-plan-form .form-actions { flex-wrap:wrap; }
  #admin-remove-plan-form .form-actions .btn { flex:1; white-space:nowrap; }
}
@media (max-width:380px) { #admin-plan-form .plan-editor-grid { grid-template-columns:1fr; } }
.admin-plan-slug { display:block; margin-top:5px; font-size:9px; color:#9da78f; overflow-wrap:anywhere; }
.admin-user-search { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:0 22px 20px; }
.admin-user-search .table-search { flex:1; min-width:220px; }
.admin-user-search .table-search input { width:100%; }
.admin-user-search .form-error { flex-basis:100%; }
.admin-search-empty { padding:0 24px 22px; font-size:10px; color:#a0aa93; }
.custom-requests { padding:0 23px 15px; }
.custom-request { border-top:1px solid #edf0e5; padding:18px 0; }
.custom-request > div { display:flex; gap:10px; align-items:center; }
.custom-request strong { font-size:12px; color:#566b48; }
.custom-request p { font-size:10px; color:#8c9c7b; margin-top:8px; line-height:1.8; }
.custom-request .request-email { color:#a2ac95; margin-top:5px; }
.custom-request blockquote { margin:12px 0; padding:11px 15px; background:#f7f9f1; border-radius:8px; font-size:11px; color:#8f9e7b; line-height:1.8; white-space:pre-wrap; overflow-wrap:anywhere; }
.custom-request .text-link { font-size:10px; }
.plan-editor-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px; }
.plan-editor-grid input,.plan-editor-grid select { min-width:0; }
.admin-form-help { color:#97a38a; font-size:10px; line-height:1.8; margin:-5px 0 22px; }
.admin-checkbox { display:flex; align-items:center; gap:9px; color:#859773; font-size:11px; margin:15px 0; }
.admin-default-plan { display:inline-flex; padding:4px 7px; border-radius:5px; background:#eaf2df; color:#536e40; font-size:9px; font-weight:650; white-space:nowrap; }
.admin-default-protected { display:block; color:#758669; font-size:10px; line-height:1.5; }
.admin-default-note { display:flex; gap:11px; padding:15px; margin:0 0 20px; border-radius:10px; background:#eff4e7; color:#63784d; font-size:11px; line-height:1.7; }
.admin-default-note > svg { width:20px; height:20px; flex-shrink:0; margin-top:2px; }
.admin-default-note p { margin:5px 0 0; }
.admin-permission-help { margin:-6px 0 18px 22px; color:#7b896e; font-size:10px; line-height:1.8; }
#admin-plan-form input:disabled,#admin-plan-form select:disabled { color:#78856c; background:#f3f5ef; opacity:1; cursor:not-allowed; }
.complimentary-details { margin-top:24px; padding-top:18px; border-top:1px solid #e7eddf; }
.complimentary-details summary { font-size:11px; color:#8e9e7d; cursor:pointer; }
.complimentary-details > p { font-size:10px; color:#a2ad94; line-height:1.8; margin:12px 0 18px; }
.complimentary-details .signup-text-button { display:block; margin-top:16px; }
.modal:has(.plan-editor-grid) { width:min(640px,calc(100vw - 40px)); }
@media (max-width:1100px) { .plan-grid { gap:12px; } .plan-card { padding:21px 17px; } .plan-features li { font-size:9px; } .custom-plan-card { flex-wrap:wrap; } .custom-plan-card > .btn { margin-left:65px; } }
@media (max-width:900px) { .plan-grid { grid-template-columns:1fr; } .plan-card { display:grid; grid-template-columns:1fr 1fr; gap:0 20px; } .plan-description { min-height:0; } .plan-price { grid-column:1; } .plan-features { grid-column:2; grid-row:1 / span 3; justify-content:center; margin:0; } .plan-card > .btn { grid-column:1 / -1; margin-top:12px; } .billing-current { padding:25px; } .billing-current-note { max-width:170px; } }
@media (max-width:600px) { .billing-current { display:block; padding:24px; } .billing-current-note { margin-top:22px; max-width:none; font-size:10px; } .billing-current h2 { font-size:26px; } .billing-usage { grid-template-columns:1fr; gap:10px; } .billing-usage-card { padding:16px 19px; } .billing-usage-card p { margin:9px 0 12px; } .billing-usage-card strong { font-size:26px; } .billing-usage-note { font-size:9px; } .billing-section-heading { margin-top:27px; } .custom-plan-card { padding:21px; gap:14px; } .custom-plan-card > div:nth-child(2) { min-width:calc(100% - 60px); } .custom-plan-card > .btn { margin:0; width:100%; font-size:10px; } .workspace-limit-banner { flex-wrap:wrap; padding:17px; } .workspace-limit-banner > .btn { margin-left:39px; } .workspace-limit-banner strong { font-size:11px; } .import-job { flex-wrap:wrap; padding:14px; } .import-job .text-link { margin-left:32px; } .plan-editor-grid { gap:0 10px; } .plan-editor-grid .form-field label { font-size:10px; } .plan-editor-grid .form-field > input,.plan-editor-grid .form-field > select { font-size:12px; padding:11px; } .admin-user-search .table-search { min-width:100%; } .admin-user-search > .btn { width:100%; } .bot-choice { padding:9px 7px; gap:6px; } .bot-choice > span { font-size:9px; } .bot-choice small { font-size:7px; margin-left:3px; } }
@media (max-width:380px) { .plan-card { display:flex; } .plan-features { margin-top:8px; } .plan-price { margin-bottom:8px; min-height:55px; } .plan-card > .btn { margin-top:21px; } .import-tabs > button { font-size:9px; } .import-tabs svg { width:11px; } .billing-current { padding:20px; } .billing-current h2 { gap:8px; } }