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

.feature-pulse { position:relative; display:grid; grid-template-columns:minmax(335px,.9fr) minmax(430px,1.08fr) minmax(250px,.64fr); 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); }
.feature-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%); }
.feature-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); }
.feature-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); }
.feature-pulse-primary > .member-eyebrow,.feature-pulse-note .member-eyebrow { color:#50d9d2; }
.feature-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; }
.feature-pulse-primary > strong small { color:#6ce4d7; font-size:.55rem; font-weight:720; letter-spacing:0; }
.feature-pulse-primary h2 { margin:2px 0 5px; color:#eaf2ff; font-size:.72rem; font-weight:730; }
.feature-pulse-primary p { max-width:410px; margin:0; color:#95adcc; font-size:.55rem; line-height:1.52; }
.feature-pulse-signals { position:relative; z-index:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:13px; }
.feature-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); }
.feature-pulse-signals article:nth-child(2n) { border-right:0; }
.feature-pulse-signals article:nth-child(n+3) { border-bottom:0; }
.feature-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; }
.feature-pulse-signals article > span.is-green { color:#4cdda8; background:rgba(48,196,143,.13); }
.feature-pulse-signals article > span.is-violet { color:#b5a1ff; background:rgba(130,101,233,.14); }
.feature-pulse-signals article > span.is-amber { color:#ffd177; background:rgba(239,174,57,.13); }
.feature-pulse-signals article > div { min-width:0; display:grid; grid-template-columns:1fr auto; grid-template-rows:auto auto; align-items:center; }
.feature-pulse-signals small { color:#8fa8c9; font-size:.51rem; }
.feature-pulse-signals strong { grid-row:1/3; grid-column:2; color:#fff; font-size:.9rem; letter-spacing:-.03em; }
.feature-pulse-signals em { overflow:hidden; max-width:130px; color:#b0c2da; font-size:.49rem; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.feature-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); }
.feature-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); }
.feature-pulse-note > span.has-attention { color:#ffd178; background:rgba(239,174,57,.1); }
.feature-pulse-note h2 { overflow:hidden; max-width:190px; margin:6px 0 4px; color:#fff; font-size:.81rem; font-weight:770; text-overflow:ellipsis; white-space:nowrap; }
.feature-pulse-note p { margin:0; color:#93aac9; font-size:.53rem; line-height:1.5; }

.feature-command-panel,.feature-preset-panel,.feature-matrix-panel { overflow:hidden; border:1px solid #dfe7f1; border-radius:15px; background:#fff; box-shadow:0 8px 25px rgba(28,48,74,.055); }
.feature-command-heading { display:flex; align-items:center; gap:11px; padding:17px 20px 13px; }
.feature-command-icon { width:36px; height:36px; display:grid; flex:0 0 36px; place-items:center; border-radius:10px; color:#3169f5; background:#eaf1ff; font-size:.66rem; }
.feature-command-heading h2,.feature-matrix-heading h2,.feature-preset-copy h2 { margin:3px 0 2px; color:#172b46; font-size:.88rem; font-weight:790; letter-spacing:-.022em; }
.feature-command-heading p,.feature-matrix-heading p,.feature-preset-copy p { margin:0; color:#7c8b9f; font-size:.54rem; }
.feature-filter-form { display:grid; grid-template-columns:minmax(190px,.75fr) minmax(180px,.65fr) minmax(280px,1.1fr) minmax(145px,.5fr) auto 37px; align-items:end; gap:8px; padding:0 20px 17px; }
.feature-filter-form label { min-width:0; margin:0; }
.feature-filter-form label > span { display:block; margin:0 0 5px 2px; color:#60728a; font-size:.5rem; font-weight:730; }
.feature-filter-form label > div { position:relative; display:flex; align-items:center; }
.feature-filter-form label > div > i { position:absolute; z-index:2; left:10px; color:#8ca0b7; font-size:.56rem; pointer-events:none; }
.feature-filter-form .form-control,.feature-filter-form .form-select { min-height:36px; padding:7px 9px 7px 29px; border-color:#dce5ef; border-radius:8px; color:#496079; background-color:#fff; font-size:.54rem; box-shadow:none; }
.feature-filter-form .form-control:focus,.feature-filter-form .form-select:focus { border-color:#91aff5; box-shadow:0 0 0 3px rgba(49,105,245,.08); }
.feature-search input { padding-right:50px!important; }
.feature-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; }
.feature-filter-form > .btn { min-height:36px; display:inline-flex; align-items:center; justify-content:center; gap:6px; padding-inline:12px; border-radius:8px; font-size:.53rem; font-weight:750; }
.feature-filter-form > a { width:37px; height:36px; display:grid; place-items:center; border:1px solid #dce5ef; border-radius:8px; color:#74869c; background:#fff; font-size:.54rem; text-decoration:none; }
.feature-filter-form > a:hover { color:#3169f5; border-color:#b7caf8; background:#f5f8ff; }

.feature-preset-panel { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 16px; }
.feature-preset-copy { min-width:250px; display:flex; align-items:center; gap:10px; }
.feature-preset-copy > span { width:38px; height:38px; display:grid; flex:0 0 38px; place-items:center; border-radius:11px; color:#7557d5; background:#f0edff; font-size:.67rem; }
.feature-preset-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:6px; }
.feature-preset-actions form { margin:0; }
.feature-preset-actions button,.feature-custom-state { min-height:32px; display:inline-flex; align-items:center; gap:6px; padding:6px 9px; border:1px solid #d9e3ee; border-radius:8px; color:#536d8b; background:#fff; font-size:.48rem; font-weight:710; }
.feature-preset-actions button:hover:not(:disabled) { color:#2d63df; border-color:#b8caf6; background:#f4f7ff; }
.feature-preset-actions button:disabled { color:#a0abb8; background:#f7f8fa; cursor:not-allowed; opacity:.68; }
.feature-custom-state { color:#795abb; border-color:#ded6f7; background:#f6f3ff; }

.feature-matrix-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px 20px 15px; border-bottom:1px solid #e7edf4; }
.feature-result-count { display:flex; align-items:baseline; gap:5px; padding:8px 11px; border:1px solid #dce5ef; border-radius:10px; background:#fafcff; }
.feature-result-count strong { color:#285eda; font-size:.82rem; font-weight:820; }
.feature-result-count span { color:#8391a3; font-size:.48rem; }
.feature-category-stack { display:grid; gap:12px; padding:14px 18px 18px; background:#f8fafd; }
.feature-category-card { overflow:hidden; border:1px solid #dfe6ef; border-radius:12px; background:#fff; box-shadow:0 5px 16px rgba(28,48,74,.035); }
.feature-category-card > header { display:grid; grid-template-columns:minmax(240px,1fr) minmax(130px,.36fr) auto; align-items:center; gap:18px; padding:12px 14px; border-bottom:1px solid #e8edf3; background:linear-gradient(90deg,#fbfcff,#f7f9fd); }
.feature-category-identity { min-width:0; display:flex; align-items:center; gap:9px; }
.feature-category-identity > span { width:34px; height:34px; display:grid; flex:0 0 34px; place-items:center; border-radius:9px; color:#3169f5; background:#eaf1ff; font-size:.6rem; }
.feature-category-identity h3 { margin:0 0 2px; color:#314760; font-size:.67rem; font-weight:780; }
.feature-category-identity p { margin:0; color:#8795a7; font-size:.44rem; }
.feature-category-identity p strong { color:#536a85; }
.feature-category-progress { display:flex; align-items:center; gap:8px; }
.feature-category-progress > span { height:6px; flex:1; overflow:hidden; border-radius:99px; background:#e8edf3; }
.feature-category-progress > span i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#2fc28b,#47d0b8); }
.feature-category-progress > strong { color:#3d5b79; font-size:.49rem; }
.feature-category-actions { display:flex; gap:6px; }
.feature-category-actions form { margin:0; }
.feature-category-actions button { min-height:29px; display:inline-flex; align-items:center; gap:5px; padding:5px 8px; border:1px solid #dce4ed; border-radius:7px; background:#fff; font-size:.45rem; font-weight:710; }
.feature-category-actions button.is-enable { color:#17815c; border-color:#c1e6d6; }
.feature-category-actions button.is-disable { color:#c44750; border-color:#f0ced1; }
.feature-tile-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:10px; }
.feature-policy-tile { min-width:0; display:grid; grid-template-columns:34px minmax(0,1fr) auto; grid-template-rows:auto auto; align-items:center; column-gap:9px; padding:9px; border:1px solid #e1e7ef; border-radius:10px; background:#fff; transition:border-color .15s,box-shadow .15s,transform .15s; }
.feature-policy-tile:hover { transform:translateY(-1px); border-color:#c9d8eb; box-shadow:0 6px 14px rgba(30,52,79,.055); }
.feature-policy-tile.is-enabled { box-shadow:inset 3px 0 0 #28ae7b; }
.feature-policy-tile.is-disabled { box-shadow:inset 3px 0 0 #a6b0bd; background:#fafbfc; }
.feature-tile-icon { grid-row:1/3; width:34px; height:34px; display:grid; place-items:center; border-radius:9px; color:#3169f5; background:#eaf1ff; font-size:.59rem; }
.feature-policy-tile.is-disabled .feature-tile-icon { color:#7e8b9b; background:#eef1f4; }
.feature-tile-copy { min-width:0; display:grid; gap:1px; }
.feature-tile-copy > span { overflow:hidden; color:#8a98a9; font-size:.4rem; text-overflow:ellipsis; white-space:nowrap; }
.feature-tile-copy h4 { overflow:hidden; margin:0; color:#354b65; font-size:.54rem; font-weight:740; text-overflow:ellipsis; white-space:nowrap; }
.feature-tile-copy code { overflow:hidden; color:#7a5ac4; font-size:.4rem; text-overflow:ellipsis; white-space:nowrap; }
.feature-tile-state { align-self:start; }
.feature-tile-state > span { display:inline-flex; align-items:center; gap:4px; padding:3px 5px; border-radius:99px; color:#16825d; background:#eaf9f2; font-size:.39rem; font-weight:720; }
.feature-tile-state i { width:4px; height:4px; border-radius:50%; background:#22ab78; }
.feature-policy-tile.is-disabled .feature-tile-state > span { color:#758293; background:#eef1f4; }
.feature-policy-tile.is-disabled .feature-tile-state i { background:#919dac; }
.feature-policy-tile > form { grid-column:3; grid-row:2; justify-self:end; margin:0; }
.feature-policy-tile > form button { display:inline-flex; align-items:center; gap:5px; padding:0; border:0; color:#73869c; background:transparent; font-size:.42rem; font-weight:690; }
.feature-policy-tile > form button > span { width:25px; height:14px; position:relative; border-radius:99px; background:#30b983; }
.feature-policy-tile > form button > span i { position:absolute; top:2px; right:2px; width:10px; height:10px; border-radius:50%; background:#fff; }
.feature-policy-tile.is-disabled > form button > span { background:#cbd4df; }
.feature-policy-tile.is-disabled > form button > span i { right:auto; left:2px; }
.feature-policy-tile > form button:hover { color:#3169f5; }

.feature-filter-empty,.feature-matrix-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; }
.feature-filter-empty > span,.feature-matrix-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; }
.feature-filter-empty h3,.feature-matrix-empty h3 { margin:3px 0; color:#2c425d; font-size:.76rem; }
.feature-filter-empty p,.feature-matrix-empty p { margin:0; color:#8391a4; font-size:.54rem; }
.feature-filter-empty .btn,.feature-matrix-empty .btn { margin-left:12px; border-radius:8px; font-size:.53rem; font-weight:720; }
.feature-matrix-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; }
.feature-matrix-footer span { display:inline-flex; align-items:center; gap:6px; }
.feature-matrix-footer i { color:#6286ce; }
.feature-matrix-footer strong { color:#3a526e; }

@media (max-width:1399.98px) {
  .feature-pulse { grid-template-columns:minmax(320px,.88fr) minmax(405px,1.06fr) 230px; }
  .feature-filter-form { grid-template-columns:repeat(4,minmax(145px,1fr)) auto 37px; }
  .feature-tile-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:1099.98px) {
  .feature-pulse { grid-template-columns:minmax(330px,.9fr) minmax(390px,1.1fr); }
  .feature-pulse-note { grid-column:1/-1; border-top:1px solid rgba(255,255,255,.1); border-left:0; }
  .feature-filter-form { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .feature-filter-form > .btn,.feature-filter-form > a { width:100%; }
  .feature-preset-panel { align-items:flex-start; flex-direction:column; }
  .feature-preset-actions { justify-content:flex-start; }
}
@media (max-width:767.98px) {
  .feature-control-page { padding:18px 14px 28px; }
  .feature-control-header { align-items:flex-start; flex-direction:column; }
  .feature-pulse { grid-template-columns:1fr; }
  .feature-pulse-primary { border-right:0; border-bottom:1px solid rgba(255,255,255,.1); }
  .feature-pulse-note { grid-column:auto; }
  .feature-category-card > header { grid-template-columns:1fr; }
  .feature-category-actions { flex-wrap:wrap; }
  .feature-tile-grid { grid-template-columns:1fr; }
  .feature-matrix-heading,.feature-matrix-footer { align-items:flex-start; flex-direction:column; }
}
@media (max-width:575.98px) {
  .feature-control-header .btn { width:100%; justify-content:center; }
  .feature-pulse-signals,.feature-filter-form { grid-template-columns:1fr; }
  .feature-pulse-signals article { border-right:0; border-bottom:1px solid rgba(255,255,255,.09); }
  .feature-pulse-signals article:nth-child(3) { border-bottom:1px solid rgba(255,255,255,.09); }
  .feature-preset-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }
  .feature-preset-actions button,.feature-custom-state { width:100%; justify-content:center; }
  .feature-filter-empty,.feature-matrix-empty { align-items:flex-start; flex-direction:column; }
  .feature-filter-empty .btn,.feature-matrix-empty .btn { width:100%; margin-left:0; }
}