/* Premium client company workspace */
.tenant-workspace-page { --tenant-blue:#3169f5; --tenant-ink:#162b46; --tenant-muted:#77889e; display:grid; gap:14px; padding:25px 28px 34px; }
.tenant-workspace-header { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; }
.tenant-workspace-header h1 { margin:4px 0 3px; color:#11263f; font-size:1.53rem; font-weight:840; letter-spacing:-.045em; }
.tenant-workspace-header p { margin:0; color:#71829a; font-size:.65rem; }
.tenant-workspace-header .btn { min-height:38px; display:inline-flex; align-items:center; gap:8px; padding:8px 14px; border:0; border-radius:10px; font-size:.58rem; font-weight:760; box-shadow:0 8px 18px rgba(49,105,245,.2); }
.tenant-workspace-page .member-eyebrow { color:#2e64df; font-size:.48rem; font-weight:820; letter-spacing:.105em; }

.tenant-pulse { position:relative; display:grid; grid-template-columns:minmax(330px,.88fr) minmax(425px,1.08fr) minmax(245px,.62fr); overflow:hidden; border:1px solid rgba(255,255,255,.07); border-radius:18px; color:#fff; background:radial-gradient(circle at 5% 0%,rgba(35,210,196,.18),transparent 32%),radial-gradient(circle at 100% 100%,rgba(101,76,232,.23),transparent 38%),linear-gradient(125deg,#081d38,#102d57 57%,#183f76); box-shadow:0 18px 38px rgba(23,48,88,.14); }
.tenant-pulse::before { content:""; position:absolute; inset:0; opacity:.1; background-image:linear-gradient(rgba(255,255,255,.17) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px); background-size:41px 41px; mask-image:linear-gradient(90deg,#000,transparent 76%); }
.tenant-pulse-primary { position:relative; z-index:1; display:flex; flex-direction:column; justify-content:center; padding:23px 25px; border-right:1px solid rgba(255,255,255,.1); }
.tenant-pulse-primary .member-live-label { align-self:flex-start; margin-bottom:18px; color:#d9fdf8; background:rgba(27,190,154,.13); border-color:rgba(65,222,191,.2); }
.tenant-pulse-primary > .member-eyebrow,.tenant-pulse-note .member-eyebrow { color:#50d9d2; }
.tenant-pulse-primary > strong { display:flex; align-items:baseline; gap:7px; margin:5px 0 2px; color:#fff; font-size:1.78rem; font-weight:840; letter-spacing:-.055em; }
.tenant-pulse-primary > strong small { color:#6ce4d7; font-size:.55rem; font-weight:720; letter-spacing:0; }
.tenant-pulse-primary h2 { margin:2px 0 5px; color:#eaf2ff; font-size:.72rem; font-weight:730; }
.tenant-pulse-primary p { max-width:395px; margin:0; color:#95adcc; font-size:.55rem; line-height:1.52; }
.tenant-pulse-signals { position:relative; z-index:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:13px; }
.tenant-pulse-signals article { display:grid; grid-template-columns:35px 1fr; align-items:center; gap:9px; min-width:0; padding:13px; border-right:1px solid rgba(255,255,255,.09); border-bottom:1px solid rgba(255,255,255,.09); }
.tenant-pulse-signals article:nth-child(2n) { border-right:0; }
.tenant-pulse-signals article:nth-child(n+3) { border-bottom:0; }
.tenant-pulse-signals article > span { width:35px; height:35px; display:grid; place-items:center; border-radius:10px; color:#82abff; background:rgba(80,133,240,.14); font-size:.7rem; }
.tenant-pulse-signals article > span.is-green { color:#4cdda8; background:rgba(48,196,143,.13); }
.tenant-pulse-signals article > span.is-violet { color:#b5a1ff; background:rgba(130,101,233,.14); }
.tenant-pulse-signals article > span.is-amber { color:#ffd177; background:rgba(239,174,57,.13); }
.tenant-pulse-signals article > div { min-width:0; display:grid; grid-template-columns:1fr auto; grid-template-rows:auto auto; align-items:center; }
.tenant-pulse-signals small { color:#8fa8c9; font-size:.51rem; }
.tenant-pulse-signals strong { grid-row:1/3; grid-column:2; color:#fff; font-size:.9rem; letter-spacing:-.03em; }
.tenant-pulse-signals em { overflow:hidden; color:#b0c2da; font-size:.49rem; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.tenant-pulse-note { position:relative; z-index:1; display:flex; align-items:center; gap:12px; padding:20px; border-left:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.035); }
.tenant-pulse-note > span { width:42px; height:42px; display:grid; flex:0 0 42px; place-items:center; border:1px solid rgba(255,255,255,.1); border-radius:12px; color:#52d9d2; background:rgba(255,255,255,.055); }
.tenant-pulse-note > span.has-attention { color:#ffd178; background:rgba(239,174,57,.1); }
.tenant-pulse-note h2 { margin:6px 0 4px; color:#fff; font-size:.81rem; font-weight:770; }
.tenant-pulse-note p { margin:0; color:#93aac9; font-size:.53rem; line-height:1.5; }

.tenant-create-panel,.tenant-directory-panel { overflow:hidden; border:1px solid #dfe7f1; border-radius:15px; background:#fff; box-shadow:0 8px 25px rgba(28,48,74,.055); }
.tenant-section-heading,.tenant-directory-heading { display:flex; align-items:center; gap:12px; padding:18px 20px 15px; border-bottom:1px solid #e7edf4; }
.tenant-section-icon,.tenant-card-section-title > span { width:38px; height:38px; display:grid; flex:0 0 38px; place-items:center; border-radius:11px; color:#3268e9; background:#eaf1ff; font-size:.72rem; }
.tenant-section-heading h2,.tenant-directory-heading h2 { margin:3px 0 2px; color:#172b46; font-size:.94rem; font-weight:790; letter-spacing:-.023em; }
.tenant-section-heading p,.tenant-directory-heading p { margin:0; color:#7c8b9f; font-size:.57rem; }
.tenant-secure-badge { display:inline-flex; align-items:center; gap:6px; margin-left:auto; padding:7px 10px; border:1px solid #ccebdd; border-radius:99px; color:#16825d; background:#f1fbf6; font-size:.5rem; font-weight:730; }
.tenant-validation-summary:empty { display:none; }
.tenant-validation-summary { margin:14px 18px 0; padding:10px 12px; border:1px solid #f4c9cd; border-radius:9px; color:#b73d46; background:#fff4f5; font-size:.55rem; }
.tenant-form-section { padding:17px 20px; border-bottom:1px solid #e9eef4; }
.tenant-form-section-title { display:flex; align-items:center; gap:9px; margin-bottom:13px; }
.tenant-form-section-title > span { width:31px; height:31px; display:grid; flex:0 0 31px; place-items:center; border-radius:9px; color:#3169f5; background:#ebf2ff; font-size:.61rem; }
.tenant-form-section-title > span.is-violet { color:#7655d9; background:#f1edff; }
.tenant-form-section-title > span.is-green { color:#16946a; background:#ebfaf3; }
.tenant-form-section-title > div { display:grid; gap:1px; }
.tenant-form-section-title strong { color:#263b56; font-size:.63rem; }
.tenant-form-section-title small { color:#8a97a8; font-size:.49rem; }
.tenant-form-grid { display:grid; gap:11px; }
.tenant-form-grid.is-four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.tenant-form-grid.is-six { grid-template-columns:repeat(6,minmax(0,1fr)); }
.tenant-form-grid.is-admin { grid-template-columns:minmax(240px,1fr) minmax(240px,1fr) minmax(300px,.9fr); align-items:end; }
.tenant-form-grid label,.tenant-currency-form label,.tenant-domain-manager label { min-width:0; margin:0; }
.tenant-form-grid label > span,.tenant-currency-form label > span,.tenant-domain-manager label > span { display:block; margin:0 0 5px 2px; color:#5e7188; font-size:.51rem; font-weight:730; }
.tenant-form-grid label > span b { color:#df5962; }
.tenant-form-grid label > div,.tenant-currency-form label > div,.tenant-domain-manager label > div { position:relative; display:flex; align-items:center; }
.tenant-form-grid label > div > i,.tenant-currency-form label > div > i,.tenant-domain-manager label > div > i { position:absolute; z-index:2; left:10px; color:#8ba0b8; font-size:.57rem; pointer-events:none; }
.tenant-form-grid .form-control,.tenant-form-grid .form-select,.tenant-currency-form .form-select,.tenant-domain-manager .form-control { min-height:36px; padding:7px 9px 7px 29px; border-color:#dce5ef; border-radius:8px; color:#38506d; background-color:#fff; font-size:.56rem; box-shadow:none; }
.tenant-form-grid .form-control:focus,.tenant-form-grid .form-select:focus,.tenant-currency-form .form-select:focus,.tenant-domain-manager .form-control:focus { border-color:#91aff5; box-shadow:0 0 0 3px rgba(49,105,245,.08); }
.tenant-form-grid label > small { display:block; overflow:hidden; margin:5px 2px 0; color:#8a98aa; font-size:.47rem; text-overflow:ellipsis; white-space:nowrap; }
.tenant-form-grid [data-password-toggle] { position:absolute; z-index:3; right:4px; width:29px; height:28px; display:grid; place-items:center; border:0; border-radius:7px; color:#71849a; background:#f3f6fa; font-size:.52rem; }
.tenant-form-grid [data-tenant-password] { padding-right:38px; }
.tenant-form-grid.is-admin aside { min-height:54px; display:flex; align-items:flex-start; gap:9px; padding:10px 11px; border:1px solid #d8e6fb; border-radius:9px; color:#3970dd; background:#f5f8ff; }
.tenant-form-grid.is-admin aside > i { margin-top:2px; }
.tenant-form-grid.is-admin aside span { display:grid; gap:2px; }
.tenant-form-grid.is-admin aside strong { color:#3a5578; font-size:.52rem; }
.tenant-form-grid.is-admin aside small { color:#798ba2; font-size:.47rem; line-height:1.45; }

.tenant-feature-section { padding:18px 20px; background:linear-gradient(135deg,#fbfcff,#f5f8fd); }
.tenant-feature-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.tenant-feature-heading h3 { margin:4px 0 2px; color:#1e3450; font-size:.84rem; font-weight:790; }
.tenant-feature-heading p { margin:0; color:#7d8da2; font-size:.54rem; }
.tenant-feature-count { display:flex; align-items:baseline; gap:5px; padding:8px 11px; border:1px solid #dae4f0; border-radius:10px; background:#fff; }
.tenant-feature-count strong { color:#3169f5; font-size:.82rem; }
.tenant-feature-count span { color:#8492a4; font-size:.47rem; }
.tenant-feature-presets { display:flex; flex-wrap:wrap; gap:6px; margin:13px 0; }
.tenant-feature-presets button { min-height:31px; display:inline-flex; align-items:center; gap:6px; padding:6px 9px; border:1px solid #dbe4ee; border-radius:8px; color:#5d718a; background:#fff; font-size:.49rem; font-weight:700; }
.tenant-feature-presets button:hover { border-color:#b5caf8; color:#2e64df; background:#f3f7ff; }
.tenant-feature-groups { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.tenant-feature-groups section { overflow:hidden; border:1px solid #e0e7ef; border-radius:11px; background:#fff; }
.tenant-feature-groups section > header { display:flex; align-items:center; gap:8px; padding:10px 11px; border-bottom:1px solid #edf1f5; background:#fbfcfe; }
.tenant-feature-groups section > header > span { width:28px; height:28px; display:grid; flex:0 0 28px; place-items:center; border-radius:8px; color:#3569df; background:#eaf1ff; font-size:.54rem; }
.tenant-feature-groups section > header > div { display:grid; }
.tenant-feature-groups section > header strong { color:#354a64; font-size:.54rem; }
.tenant-feature-groups section > header small { color:#8e9bab; font-size:.44rem; }
.tenant-feature-groups section > div { display:grid; padding:6px; }
.tenant-feature-groups label { display:flex; align-items:center; gap:7px; margin:0; padding:6px; border-radius:7px; color:#62748a; cursor:pointer; }
.tenant-feature-groups label:hover { background:#f5f8fc; }
.tenant-feature-groups label input { position:absolute; opacity:0; pointer-events:none; }
.tenant-feature-groups label > span { width:17px; height:17px; display:grid; flex:0 0 17px; place-items:center; border:1px solid #ced9e6; border-radius:5px; color:transparent; background:#fff; font-size:.42rem; }
.tenant-feature-groups label input:checked + span { color:#fff; border-color:#3169f5; background:#3169f5; }
.tenant-feature-groups label strong { font-size:.49rem; font-weight:650; }
.tenant-create-form > footer { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:13px 20px; border-top:1px solid #e4eaf2; color:#7d8da0; background:#fff; font-size:.5rem; }
.tenant-create-form > footer > span { display:inline-flex; align-items:center; gap:7px; }
.tenant-create-form > footer > span i { color:#4a74d8; }
.tenant-create-form > footer .btn { min-height:36px; display:inline-flex; align-items:center; gap:7px; border-radius:9px; font-size:.55rem; font-weight:750; }

.tenant-directory-heading > div:first-child { flex:1; }
.tenant-result-count { display:flex; align-items:baseline; gap:5px; padding:8px 11px; border:1px solid #dce5ef; border-radius:10px; background:#fafcff; }
.tenant-result-count span { color:#285eda; font-size:.82rem; font-weight:820; }
.tenant-result-count small { color:#8391a3; font-size:.48rem; }
.tenant-directory-toolbar { display:grid; grid-template-columns:minmax(300px,1fr) 170px 160px 38px; gap:8px; margin:13px 18px; padding:8px; border:1px solid #e0e7ef; border-radius:10px; background:#f8fafd; }
.tenant-directory-toolbar label { position:relative; display:flex; align-items:center; margin:0; }
.tenant-directory-toolbar label > i { position:absolute; z-index:2; left:10px; color:#8ba0b8; font-size:.56rem; pointer-events:none; }
.tenant-directory-toolbar .form-control,.tenant-directory-toolbar .form-select { min-height:35px; padding:7px 9px 7px 29px; border-color:#dce5ef; border-radius:8px; color:#50647b; background-color:#fff; font-size:.54rem; box-shadow:none; }
.tenant-search kbd { position:absolute; right:9px; padding:2px 5px; border:1px solid #d9e2ec; border-radius:5px; color:#8191a6; background:#f7f9fc; font-family:inherit; font-size:.43rem; }
.tenant-search input { padding-right:50px!important; }
.tenant-directory-toolbar > button { width:38px; height:35px; display:grid; place-items:center; border:1px solid #dce5ef; border-radius:8px; color:#74869c; background:#fff; font-size:.55rem; }
.tenant-directory-toolbar > button span { display:none; }
.tenant-directory-toolbar > button:hover { border-color:#b8caf7; color:#3169f5; }
.tenant-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:0 18px 18px; }
.tenant-company-card { min-width:0; overflow:hidden; border:1px solid #dfe7f0; border-radius:13px; background:#fff; box-shadow:0 6px 18px rgba(28,48,74,.045); transition:transform .18s ease,box-shadow .18s ease; }
.tenant-company-card:hover { transform:translateY(-2px); box-shadow:0 13px 27px rgba(28,48,74,.085); }
.tenant-company-card.is-inactive { opacity:.8; }
.tenant-company-card > header { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 15px; color:#fff; background:radial-gradient(circle at 10% 0%,rgba(65,214,195,.14),transparent 38%),linear-gradient(120deg,#102846,#173d6c); }
.tenant-brand-identity { min-width:0; display:flex; align-items:center; gap:10px; }
.tenant-brand-mark { width:39px; height:39px; display:grid; flex:0 0 39px; place-items:center; overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:11px; color:#fff; background:linear-gradient(135deg,#3975ff,#6454dc); font-size:.62rem; font-weight:820; box-shadow:0 7px 16px rgba(15,36,68,.25); }
.tenant-brand-mark img { width:100%; height:100%; object-fit:cover; }
.tenant-brand-identity > div { min-width:0; display:grid; }
.tenant-brand-identity span { color:#77ded5; font-size:.43rem; font-weight:740; letter-spacing:.06em; text-transform:uppercase; }
.tenant-brand-identity h3 { overflow:hidden; margin:2px 0 0; color:#fff; font-size:.75rem; font-weight:780; text-overflow:ellipsis; white-space:nowrap; }
.tenant-brand-identity p { overflow:hidden; margin:0; color:#9cb0ca; font-size:.47rem; text-overflow:ellipsis; white-space:nowrap; }
.tenant-card-statuses { display:flex; align-items:flex-end; flex-direction:column; gap:5px; }
.tenant-portal-status,.tenant-availability { display:inline-flex; align-items:center; gap:5px; padding:4px 7px; border:1px solid rgba(255,255,255,.11); border-radius:99px; color:#c8d5e6; background:rgba(255,255,255,.06); font-size:.43rem; font-weight:720; white-space:nowrap; }
.tenant-portal-status > i { width:5px; height:5px; border-radius:50%; background:#91a3ba; }
.tenant-portal-status.is-active > i,.tenant-availability.is-active { color:#79e0b9; }
.tenant-portal-status.is-active > i { background:#51d59f; box-shadow:0 0 0 3px rgba(81,213,159,.12); }
.tenant-portal-status.is-provisioning > i { background:#f1bf55; }
.tenant-portal-status.is-failed > i,.tenant-portal-status.is-suspended > i,.tenant-availability.is-inactive { color:#ff9ba0; }
.tenant-portal-status.is-failed > i,.tenant-portal-status.is-suspended > i { background:#f26b72; }
.tenant-card-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-bottom:1px solid #e8edf3; background:#f8fafd; }
.tenant-card-metrics > div { min-width:0; display:grid; gap:3px; padding:10px 12px; border-right:1px solid #e5ebf2; }
.tenant-card-metrics > div:last-child { border-right:0; }
.tenant-card-metrics span { display:flex; align-items:center; gap:5px; color:#8694a5; font-size:.43rem; }
.tenant-card-metrics span i { color:#7093d9; }
.tenant-card-metrics strong { overflow:hidden; color:#334961; font-size:.54rem; font-weight:760; text-overflow:ellipsis; white-space:nowrap; }
.tenant-card-body { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); }
.tenant-card-body > section { min-width:0; padding:14px; }
.tenant-card-body > section + section { border-left:1px solid #e9eef4; background:#fbfcfe; }
.tenant-card-section-title { display:flex; align-items:center; gap:8px; margin-bottom:11px; }
.tenant-card-section-title > span { width:29px; height:29px; flex-basis:29px; border-radius:8px; font-size:.52rem; }
.tenant-card-section-title > span.is-violet { color:#7458d6; background:#f0edff; }
.tenant-card-section-title > div { display:grid; }
.tenant-card-section-title strong { color:#344a65; font-size:.56rem; }
.tenant-card-section-title small { color:#8b98aa; font-size:.43rem; }
.tenant-default-domain { display:grid; grid-template-columns:29px minmax(0,1fr) 28px; align-items:center; gap:8px; padding:8px; border:1px solid #dce7f6; border-radius:9px; background:#f5f8ff; }
.tenant-default-domain > span { width:29px; height:29px; display:grid; place-items:center; border-radius:8px; color:#3169f5; background:#e7efff; font-size:.5rem; }
.tenant-default-domain > div { min-width:0; display:grid; }
.tenant-default-domain strong,.tenant-default-domain small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tenant-default-domain strong { color:#365575; font-size:.5rem; }
.tenant-default-domain small { color:#8797aa; font-size:.43rem; }
.tenant-default-domain button { width:28px; height:28px; display:grid; place-items:center; border:0; border-radius:7px; color:#617995; background:#fff; font-size:.48rem; }
.tenant-default-domain button.is-copied { color:#16835c; background:#eaf9f2; }
.tenant-domain-manager { margin-top:9px; padding:9px; border:1px solid #e1e8f0; border-radius:9px; background:#fff; }
.tenant-domain-manager .form-control { padding-right:48px; }
.tenant-domain-manager label > div > button,.tenant-currency-form label > div > button { position:absolute; right:4px; min-height:28px; padding:5px 8px; border:0; border-radius:6px; color:#fff; background:#3169f5; font-size:.46rem; font-weight:720; }
.tenant-domain-actions { display:flex; align-items:center; flex-wrap:wrap; gap:5px; margin:7px 0; }
.tenant-domain-actions form { margin:0; }
.tenant-domain-state,.tenant-primary-state { display:inline-flex; align-items:center; gap:4px; padding:4px 6px; border-radius:99px; color:#a67319; background:#fff6e6; font-size:.42rem; font-weight:710; }
.tenant-domain-state.is-verified { color:#15845e; background:#eaf9f2; }
.tenant-primary-state { color:#6548bb; background:#f1edff; }
.tenant-domain-actions button,.tenant-primary-form > button { min-height:25px; display:inline-flex; align-items:center; gap:4px; padding:4px 7px; border:1px solid #dce4ed; border-radius:7px; color:#62758b; background:#fff; font-size:.42rem; font-weight:680; }
.tenant-domain-actions button:disabled,.tenant-primary-form > button:disabled { opacity:.43; }
.tenant-primary-form { display:flex; align-items:center; justify-content:space-between; gap:8px; padding-top:7px; border-top:1px dashed #e2e8ef; }
.tenant-primary-form label { display:flex; align-items:center; gap:6px; margin:0; color:#61758c; font-size:.45rem; }
.tenant-primary-form label input { position:absolute; opacity:0; }
.tenant-primary-form label > span { width:25px; height:14px; position:relative; margin:0; border-radius:99px; background:#d9e1ea; }
.tenant-primary-form label > span i { position:absolute; top:2px; left:2px; width:10px; height:10px; border-radius:50%; background:#fff; transition:.15s; }
.tenant-primary-form label input:checked + span { background:#3169f5; }
.tenant-primary-form label input:checked + span i { transform:translateX(11px); }
.tenant-dns-note { display:flex; align-items:flex-start; gap:6px; margin-top:7px; padding:6px 7px; border-radius:7px; color:#8593a5; background:#f7f9fb; font-size:.4rem; line-height:1.4; overflow-wrap:anywhere; }
.tenant-dns-note i { margin-top:2px; color:#7193d4; }
.tenant-currency-form { padding:9px; border:1px solid #e2e8ef; border-radius:9px; background:#fff; }
.tenant-currency-form .form-select { padding-right:52px; }
.tenant-currency-form > small { display:block; margin-top:5px; color:#8b98a9; font-size:.42rem; }
.tenant-database-card,.tenant-contact-card { display:grid; grid-template-columns:31px minmax(0,1fr) auto; align-items:center; gap:8px; margin-top:8px; padding:8px; border:1px solid #e1e8ef; border-radius:9px; background:#fff; }
.tenant-database-card > span:first-child,.tenant-contact-card > span:first-child { width:31px; height:31px; display:grid; place-items:center; border-radius:8px; color:#6e57cf; background:#f0edff; font-size:.52rem; }
.tenant-contact-card > span:first-child { color:#258367; background:#eaf8f2; }
.tenant-database-card > div,.tenant-contact-card > div { min-width:0; display:grid; gap:1px; }
.tenant-database-card small,.tenant-contact-card small { color:#8a97a8; font-size:.4rem; }
.tenant-database-card strong,.tenant-contact-card strong,.tenant-database-card em,.tenant-contact-card em { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tenant-database-card strong,.tenant-contact-card strong { color:#40566f; font-size:.49rem; }
.tenant-database-card em,.tenant-contact-card em { color:#8a98aa; font-size:.4rem; font-style:normal; }
.tenant-db-state { display:inline-flex; align-items:center; gap:4px; padding:4px 6px; border-radius:99px; color:#17825d; background:#eaf9f2; font-size:.4rem; font-weight:720; }
.tenant-db-state i { width:4px; height:4px; border-radius:50%; background:#21aa78; }
.tenant-company-card > footer { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 14px; border-top:1px solid #e8edf3; color:#8996a7; background:#fbfcfd; font-size:.43rem; }
.tenant-company-card > footer > span { display:inline-flex; align-items:center; gap:5px; }
.tenant-company-card > footer > div { display:flex; align-items:center; gap:6px; }
.tenant-company-card > footer form { margin:0; }
.tenant-company-card > footer a,.tenant-company-card > footer button { min-height:28px; display:inline-flex; align-items:center; gap:5px; padding:5px 8px; border:1px solid #dce4ed; border-radius:7px; color:#526b86; background:#fff; font-size:.45rem; font-weight:710; text-decoration:none; }
.tenant-company-card > footer button.is-danger { color:#c44750; border-color:#f1ced1; }
.tenant-company-card > footer button.is-success { color:#16825d; border-color:#bfe6d5; }
.tenant-filter-empty,.tenant-directory-empty { min-height:175px; display:flex; align-items:center; justify-content:center; gap:15px; margin:0 18px 18px; padding:26px; border:1px dashed #d6e0ec; border-radius:12px; background:radial-gradient(circle at 5% 50%,rgba(49,105,245,.05),transparent 31%),#fafcff; }
.tenant-filter-empty > span,.tenant-directory-empty > span { width:53px; height:53px; display:grid; flex:0 0 53px; place-items:center; border-radius:15px; color:#3169f5; background:#eaf1ff; font-size:.95rem; }
.tenant-filter-empty h3,.tenant-directory-empty h3 { margin:3px 0; color:#2c425d; font-size:.76rem; }
.tenant-filter-empty p,.tenant-directory-empty p { margin:0; color:#8391a4; font-size:.54rem; }
.tenant-filter-empty .btn,.tenant-directory-empty .btn { margin-left:12px; border-radius:8px; font-size:.53rem; font-weight:720; }
.tenant-directory-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 18px; border-top:1px solid #e7edf4; color:#8391a3; background:#fbfcfe; font-size:.48rem; }
.tenant-directory-footer span { display:inline-flex; align-items:center; gap:6px; }
.tenant-directory-footer i { color:#6286ce; }
.tenant-directory-footer strong { color:#3a526e; }

@media (max-width:1399.98px) {
  .tenant-pulse { grid-template-columns:minmax(315px,.86fr) minmax(390px,1.04fr) 230px; }
  .tenant-form-grid.is-six { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .tenant-feature-groups { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .tenant-card-grid { grid-template-columns:1fr; }
}
@media (max-width:1099.98px) {
  .tenant-pulse { grid-template-columns:minmax(330px,.9fr) minmax(390px,1.1fr); }
  .tenant-pulse-note { grid-column:1/-1; border-top:1px solid rgba(255,255,255,.1); border-left:0; }
  .tenant-form-grid.is-four,.tenant-form-grid.is-admin { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tenant-form-grid.is-admin aside { grid-column:1/-1; }
  .tenant-feature-groups { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:767.98px) {
  .tenant-workspace-page { padding:18px 14px 28px; }
  .tenant-workspace-header { align-items:flex-start; flex-direction:column; }
  .tenant-pulse { grid-template-columns:1fr; }
  .tenant-pulse-primary { border-right:0; border-bottom:1px solid rgba(255,255,255,.1); }
  .tenant-pulse-note { grid-column:auto; }
  .tenant-form-grid.is-four,.tenant-form-grid.is-six,.tenant-form-grid.is-admin { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tenant-form-grid.is-admin aside { grid-column:1/-1; }
  .tenant-directory-toolbar { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tenant-search { grid-column:1/-1; }
  .tenant-directory-toolbar > button { width:100%; }
  .tenant-directory-toolbar > button span { display:inline; margin-left:6px; }
  .tenant-card-body { grid-template-columns:1fr; }
  .tenant-card-body > section + section { border-top:1px solid #e9eef4; border-left:0; }
}
@media (max-width:575.98px) {
  .tenant-workspace-header .btn { width:100%; justify-content:center; }
  .tenant-pulse-signals,.tenant-form-grid.is-four,.tenant-form-grid.is-six,.tenant-form-grid.is-admin,.tenant-feature-groups,.tenant-directory-toolbar { grid-template-columns:1fr; }
  .tenant-pulse-signals article { border-right:0; border-bottom:1px solid rgba(255,255,255,.09); }
  .tenant-pulse-signals article:nth-child(3) { border-bottom:1px solid rgba(255,255,255,.09); }
  .tenant-form-grid.is-admin aside,.tenant-search { grid-column:auto; }
  .tenant-section-heading,.tenant-directory-heading,.tenant-feature-heading,.tenant-create-form > footer,.tenant-company-card > header,.tenant-company-card > footer,.tenant-directory-footer { align-items:flex-start; flex-direction:column; }
  .tenant-secure-badge { margin-left:0; }
  .tenant-feature-count { align-self:flex-start; }
  .tenant-card-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tenant-card-metrics > div:nth-child(2) { border-right:0; }
  .tenant-card-metrics > div:nth-child(-n+2) { border-bottom:1px solid #e5ebf2; }
  .tenant-card-statuses { align-items:flex-start; flex-direction:row; }
  .tenant-filter-empty,.tenant-directory-empty { align-items:flex-start; flex-direction:column; }
  .tenant-filter-empty .btn,.tenant-directory-empty .btn { width:100%; margin-left:0; }
}