/* Premium tenant database fleet */
.database-fleet-page { display:grid; gap:14px; padding:25px 28px 34px; }
.database-fleet-header { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; }
.database-fleet-header h1 { margin:4px 0 3px; color:#11263f; font-size:1.53rem; font-weight:840; letter-spacing:-.045em; }
.database-fleet-header p { margin:0; color:#71829a; font-size:.65rem; }
.database-header-actions { display:flex; align-items:center; gap:7px; }
.database-header-actions .btn { min-height:38px; display:inline-flex; align-items:center; gap:8px; padding:8px 13px; border-radius:10px; font-size:.55rem; font-weight:750; background:#fff; }
.database-header-actions .database-cleanup-action { color:#ae7418; border:1px solid #ebca8d; background:#fffaf0; }
.database-header-actions .database-cleanup-action:hover { color:#fff; border-color:#d99a28; background:#d99a28; }
.database-fleet-page .member-eyebrow { color:#2e64df; font-size:.48rem; font-weight:820; letter-spacing:.105em; }

.database-pulse { position:relative; display:grid; grid-template-columns:minmax(335px,.9fr) minmax(430px,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(38,207,188,.18),transparent 33%),radial-gradient(circle at 100% 100%,rgba(109,77,232,.23),transparent 38%),linear-gradient(125deg,#081d38,#102d57 57%,#183f76); box-shadow:0 18px 38px rgba(23,48,88,.14); }
.database-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%); }
.database-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); }
.database-pulse-primary .member-live-label { align-self:flex-start; margin-bottom:18px; color:#d9fdf8; border-color:rgba(65,222,191,.2); background:rgba(27,190,154,.13); }
.database-pulse-primary > .member-eyebrow,.database-pulse-note .member-eyebrow { color:#50d9d2; }
.database-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; }
.database-pulse-primary > strong small { color:#6ce4d7; font-size:.55rem; font-weight:720; letter-spacing:0; }
.database-pulse-primary h2 { margin:2px 0 5px; color:#eaf2ff; font-size:.72rem; font-weight:730; }
.database-pulse-primary p { max-width:415px; margin:0; color:#95adcc; font-size:.55rem; line-height:1.52; }
.database-pulse-signals { position:relative; z-index:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:13px; }
.database-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); }
.database-pulse-signals article:nth-child(2n) { border-right:0; }
.database-pulse-signals article:nth-child(n+3) { border-bottom:0; }
.database-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; }
.database-pulse-signals article > span.is-green { color:#4cdda8; background:rgba(48,196,143,.13); }
.database-pulse-signals article > span.is-violet { color:#b5a1ff; background:rgba(130,101,233,.14); }
.database-pulse-signals article > span.is-amber { color:#ffd177; background:rgba(239,174,57,.13); }
.database-pulse-signals article > div { min-width:0; display:grid; grid-template-columns:1fr auto; grid-template-rows:auto auto; align-items:center; }
.database-pulse-signals small { color:#8fa8c9; font-size:.51rem; }
.database-pulse-signals strong { grid-row:1/3; grid-column:2; color:#fff; font-size:.9rem; letter-spacing:-.03em; }
.database-pulse-signals em { overflow:hidden; color:#b0c2da; font-size:.49rem; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.database-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); }
.database-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); }
.database-pulse-note > span.has-attention { color:#ffd178; background:rgba(239,174,57,.1); }
.database-pulse-note h2 { margin:6px 0 4px; color:#fff; font-size:.81rem; font-weight:770; }
.database-pulse-note p { margin:0; color:#93aac9; font-size:.53rem; line-height:1.5; }

.database-registry-panel { overflow:hidden; border:1px solid #dfe7f1; border-radius:15px; background:#fff; box-shadow:0 8px 25px rgba(28,48,74,.055); }
.database-registry-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px 20px 15px; }
.database-registry-heading h2 { margin:4px 0 2px; color:#172b46; font-size:.94rem; font-weight:790; letter-spacing:-.023em; }
.database-registry-heading p { margin:0; color:#7c8b9f; font-size:.57rem; }
.database-result-count { display:flex; align-items:baseline; gap:5px; padding:8px 11px; border:1px solid #dce5ef; border-radius:10px; background:#fafcff; }
.database-result-count strong { color:#285eda; font-size:.82rem; font-weight:820; }
.database-result-count span { color:#8391a3; font-size:.48rem; }
.database-toolbar { display:grid; grid-template-columns:minmax(320px,1fr) 190px 170px 38px; gap:8px; margin:0 18px 15px; padding:8px; border:1px solid #e0e7ef; border-radius:10px; background:#f8fafd; }
.database-toolbar label { position:relative; display:flex; align-items:center; margin:0; }
.database-toolbar label > i { position:absolute; z-index:2; left:10px; color:#8ba0b8; font-size:.56rem; pointer-events:none; }
.database-toolbar .form-control,.database-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; }
.database-toolbar .form-control:focus,.database-toolbar .form-select:focus { border-color:#91aff5; box-shadow:0 0 0 3px rgba(49,105,245,.08); }
.database-search input { padding-right:50px!important; }
.database-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; }
.database-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; }
.database-toolbar > button span { display:none; }
.database-toolbar > button:hover { border-color:#b8caf7; color:#3169f5; background:#f5f8ff; }
.database-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:0 18px 18px; }
.database-environment-card { min-width:0; overflow:hidden; border:1px solid #dfe7f0; border-radius:13px; background:#fff; box-shadow:inset 0 3px 0 #9aa6b5,0 6px 18px rgba(28,48,74,.045); transition:transform .18s ease,box-shadow .18s ease; }
.database-environment-card:hover { transform:translateY(-2px); box-shadow:inset 0 3px 0 #9aa6b5,0 13px 27px rgba(28,48,74,.085); }
.database-environment-card.is-ready { box-shadow:inset 0 3px 0 #2db080,0 6px 18px rgba(28,48,74,.045); }
.database-environment-card.has-warning { box-shadow:inset 0 3px 0 #e9a52d,0 6px 18px rgba(28,48,74,.045); }
.database-environment-card.has-risk { box-shadow:inset 0 3px 0 #df5860,0 6px 18px rgba(28,48,74,.045); }
.database-environment-card > header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px; color:#fff; background:radial-gradient(circle at 10% 0%,rgba(65,214,195,.14),transparent 38%),linear-gradient(120deg,#102846,#173d6c); }
.database-company-identity { min-width:0; display:flex; align-items:center; gap:9px; }
.database-company-identity > span { width:38px; height:38px; display:grid; flex:0 0 38px; place-items:center; border:1px solid rgba(255,255,255,.12); border-radius:10px; color:#fff; background:linear-gradient(135deg,#3975ff,#6454dc); font-size:.51rem; font-weight:820; box-shadow:0 7px 15px rgba(15,36,68,.24); }
.database-company-identity > div { min-width:0; display:grid; }
.database-company-identity small { color:#72d9d1; font-size:.4rem; font-weight:750; letter-spacing:.07em; }
.database-company-identity h3 { overflow:hidden; margin:2px 0 0; color:#fff; font-size:.67rem; font-weight:760; text-overflow:ellipsis; white-space:nowrap; }
.database-card-statuses { display:flex; align-items:flex-end; flex-direction:column; gap:5px; }
.database-portal-status,.database-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:.41rem; font-weight:720; white-space:nowrap; }
.database-portal-status > i { width:5px; height:5px; border-radius:50%; background:#91a3ba; }
.database-portal-status.is-active > i,.database-availability.is-active { color:#79e0b9; }
.database-portal-status.is-active > i { background:#51d59f; box-shadow:0 0 0 3px rgba(81,213,159,.12); }
.database-portal-status.is-provisioning > i { background:#f1bf55; }
.database-portal-status.is-failed > i,.database-portal-status.is-suspended > i,.database-availability.is-inactive { color:#ff9ba0; }
.database-portal-status.is-failed > i,.database-portal-status.is-suspended > i { background:#f26b72; }
.database-card-body { display:grid; gap:9px; padding:12px; background:linear-gradient(145deg,#fff,#fbfcff); }
.database-resource-block { display:grid; grid-template-columns:34px minmax(0,1fr) 29px; align-items:center; gap:9px; padding:10px; border:1px solid #dee8f6; border-radius:10px; background:#f5f8ff; }
.database-resource-block.is-key { border-color:#e4e0f2; background:#faf8ff; }
.database-resource-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:9px; color:#3169f5; background:#e6efff; font-size:.58rem; }
.database-resource-block.is-key .database-resource-icon { color:#7256d0; background:#eeeaff; }
.database-resource-block > div:nth-child(2) { min-width:0; display:grid; gap:2px; }
.database-resource-block span { color:#8090a3; font-size:.39rem; font-weight:780; letter-spacing:.055em; }
.database-resource-block strong,.database-resource-block small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.database-resource-block strong { color:#334e6b; font-family:"SFMono-Regular",Consolas,monospace; font-size:.51rem; font-weight:740; }
.database-resource-block small { color:#8b99a9; font-size:.41rem; }
.database-resource-block > button { width:29px; height:29px; display:grid; place-items:center; border:1px solid #d8e3f0; border-radius:8px; color:#69809a; background:#fff; font-size:.47rem; }
.database-resource-block > button:hover,.database-resource-block > button.is-copied { color:#16835c; border-color:#bde4d3; background:#ebf9f3; }
.database-isolation-strip { display:grid; grid-template-columns:31px minmax(0,1fr) auto; align-items:center; gap:8px; padding:8px 9px; border:1px solid #e3e9f0; border-radius:9px; background:#fff; }
.database-isolation-strip > span { width:31px; height:31px; display:grid; place-items:center; border-radius:8px; color:#1d8a66; background:#eaf9f2; font-size:.53rem; }
.database-isolation-strip > div { min-width:0; display:grid; gap:1px; }
.database-isolation-strip strong { color:#41566f; font-size:.48rem; }
.database-isolation-strip small { overflow:hidden; color:#8a98a9; font-size:.39rem; text-overflow:ellipsis; white-space:nowrap; }
.database-isolation-strip em { display:inline-flex; align-items:center; gap:4px; padding:4px 6px; border-radius:99px; color:#16825d; background:#eaf9f2; font-size:.39rem; font-style:normal; font-weight:720; }
.database-isolation-strip em i { width:4px; height:4px; border-radius:50%; background:#22aa78; }
.database-environment-card > footer { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 13px; border-top:1px solid #e8edf3; color:#8996a7; background:#fbfcfd; font-size:.41rem; }
.database-environment-card > footer span,.database-environment-card > footer a { display:inline-flex; align-items:center; gap:5px; }
.database-environment-card > footer a { color:#5270a1; font-weight:690; text-decoration:none; }
.database-environment-card > footer a:hover { color:#3169f5; }
.database-filter-empty,.database-registry-empty { min-height:185px; display:flex; align-items:center; justify-content:center; gap:16px; margin:0 18px 18px; padding:28px; border:1px dashed #d6e0ec; border-radius:12px; background:radial-gradient(circle at 5% 50%,rgba(49,105,245,.05),transparent 31%),#fafcff; }
.database-filter-empty > span,.database-registry-empty > span { width:55px; height:55px; display:grid; flex:0 0 55px; place-items:center; border-radius:15px; color:#3169f5; background:#eaf1ff; font-size:.98rem; }
.database-filter-empty h3,.database-registry-empty h3 { margin:3px 0; color:#2c425d; font-size:.76rem; }
.database-filter-empty p,.database-registry-empty p { margin:0; color:#8391a4; font-size:.54rem; }
.database-filter-empty .btn,.database-registry-empty .btn { margin-left:12px; border-radius:8px; font-size:.53rem; font-weight:720; }
.database-registry-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; }
.database-registry-footer span { display:inline-flex; align-items:center; gap:6px; }
.database-registry-footer i { color:#6286ce; }
.database-registry-footer strong { color:#3a526e; }

@media (max-width:1299.98px) {
  .database-pulse { grid-template-columns:minmax(320px,.88fr) minmax(405px,1.06fr) 225px; }
  .database-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:991.98px) {
  .database-pulse { grid-template-columns:minmax(330px,.9fr) minmax(390px,1.1fr); }
  .database-pulse-note { grid-column:1/-1; border-top:1px solid rgba(255,255,255,.1); border-left:0; }
  .database-toolbar { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .database-search { grid-column:1/-1; }
  .database-toolbar > button { width:100%; }
  .database-toolbar > button span { display:inline; margin-left:6px; }
}
@media (max-width:767.98px) {
  .database-fleet-page { padding:18px 14px 28px; }
  .database-fleet-header { align-items:flex-start; flex-direction:column; }
  .database-pulse { grid-template-columns:1fr; }
  .database-pulse-primary { border-right:0; border-bottom:1px solid rgba(255,255,255,.1); }
  .database-pulse-note { grid-column:auto; }
  .database-card-grid { grid-template-columns:1fr; }
  .database-registry-heading,.database-registry-footer { align-items:flex-start; flex-direction:column; }
}
@media (max-width:575.98px) {
  .database-header-actions { width:100%; flex-direction:column; }
  .database-header-actions .btn { width:100%; justify-content:center; }
  .database-pulse-signals,.database-toolbar { grid-template-columns:1fr; }
  .database-pulse-signals article { border-right:0; border-bottom:1px solid rgba(255,255,255,.09); }
  .database-pulse-signals article:nth-child(3) { border-bottom:1px solid rgba(255,255,255,.09); }
  .database-search { grid-column:auto; }
  .database-environment-card > header { align-items:flex-start; flex-direction:column; }
  .database-card-statuses { align-items:flex-start; flex-direction:row; }
  .database-filter-empty,.database-registry-empty { align-items:flex-start; flex-direction:column; }
  .database-filter-empty .btn,.database-registry-empty .btn { width:100%; margin-left:0; }
}