/* UtiliNexus 2.8.45.34 — Unified Settings + compact Company Trades */

.unx-company-trades-compact{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  border:1px solid #2a4d68;
  border-radius:13px;
  background:linear-gradient(120deg,#091c2c,#081725);
  padding:12px 14px;
  margin-bottom:12px;
}
.unx-company-trades-compact>div{
  display:grid;
  gap:3px;
  min-width:0;
}
.unx-company-trades-compact b{font-size:14px}
.unx-company-trades-compact span{color:#839caf;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.unx-trade-grid-editor{margin:14px 0 18px}

.unx-settings-page{display:grid;gap:14px}
.unx-settings-hero{
  display:flex;justify-content:space-between;gap:15px;align-items:center;
  border:1px solid #285f8f;border-radius:16px;
  background:linear-gradient(120deg,#0b2947,#081827);
  padding:18px 20px;
}
.unx-settings-hero.compact{margin:0 0 12px}
.unx-settings-hero h2{margin:3px 0;font-size:27px}
.unx-settings-hero p{margin:0;color:#8da6b9}
.unx-settings-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:12px;align-items:start}
.unx-settings-nav-list{
  display:grid;gap:6px;padding:8px;border:1px solid #254159;border-radius:13px;background:#071522;
  position:sticky;top:14px;
}
.unx-settings-nav{
  display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:center;
  border:1px solid transparent;border-radius:10px;background:transparent;color:#a5b8c7;text-align:left;padding:10px;cursor:pointer;
}
.unx-settings-nav:hover{border-color:#315672;background:#0a1d2e}
.unx-settings-nav.active{border-color:#2174bf;background:#0c3155;color:#fff;box-shadow:inset 3px 0 0 #2588ff}
.unx-settings-nav>span{text-align:center;font-size:15px}
.unx-settings-nav>div{display:grid;gap:2px}
.unx-settings-nav b{font-size:11px}
.unx-settings-nav small{font-size:9px;color:#7892a6}
.unx-settings-nav.danger{margin-top:7px;border-top-color:#563638}
.unx-settings-nav.danger.active{border-color:#9a4646;background:#341619;box-shadow:inset 3px 0 0 #e45a5a}
.unx-settings-content{min-width:0}
.unx-settings-card{
  display:grid;gap:14px;border:1px solid #27445c;border-radius:15px;background:#081827;padding:17px;
}
.unx-settings-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.unx-settings-card-head h3{font-size:21px;margin:4px 0}
.unx-settings-card-head p{margin:0;color:#859eb1;line-height:1.5}
.unx-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.unx-settings-grid label{display:grid;gap:5px;font-size:11px;font-weight:900}
.unx-settings-grid input,.unx-settings-grid select,.danger-zone>input{
  width:100%;border:1px solid #34516a;border-radius:10px;background:#091a29;color:#eef7ff;padding:10px 11px;font-size:13px
}
.unx-settings-grid small{font-weight:400;color:#718a9f}
.unx-settings-action-grid{display:grid;gap:8px}
.unx-setting-action{
  display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;
  width:100%;border:1px solid #28455d;border-radius:11px;background:#071622;color:#e4eef5;padding:11px;text-align:left;cursor:pointer
}
.unx-setting-action:hover{border-color:#3b709b;background:#0a1f32}
.unx-setting-action>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#0d3154;color:#7abaff}
.unx-setting-action>div{display:grid;gap:2px}
.unx-setting-action b{font-size:12px}
.unx-setting-action small{font-size:9.5px;color:#7f99ad;line-height:1.4}
.unx-setting-action em{font-style:normal;color:#70b4f8;font-size:10px;font-weight:900}
.unx-subscription-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.unx-subscription-summary>div{display:grid;gap:3px;border:1px solid #28465f;border-radius:10px;background:#071622;padding:10px}
.unx-subscription-summary small{color:#7593aa;font-size:9px;font-weight:900}
.unx-subscription-summary b{font-size:15px}
.unx-settings-feature-chips{display:flex;flex-wrap:wrap;gap:6px}
.unx-settings-feature-chips span{border:1px solid #28557a;border-radius:999px;background:#0a2238;color:#9bc7ee;padding:6px 8px;font-size:9px}
.unx-settings-buttons{display:flex;gap:8px;flex-wrap:wrap}
.unx-settings-modal-card{width:min(1000px,100%);max-height:92vh;overflow:auto}
.danger-zone{border-color:#67383b;background:linear-gradient(120deg,#211116,#081827)}
.danger-zone .eyebrow{color:#ff8585}

html[data-unx-density="compact"] .card,
html[data-unx-density="compact"] .unx-settings-card{padding:11px!important}
html[data-unx-density="compact"] .cw-row,
html[data-unx-density="compact"] .record-export-row{padding:7px 9px!important}

@media(max-width:760px){
  .unx-company-trades-compact{display:grid}
  .unx-settings-layout{grid-template-columns:1fr}
  .unx-settings-nav-list{position:static;display:flex;overflow-x:auto}
  .unx-settings-nav{min-width:180px}
  .unx-settings-grid,.unx-subscription-summary{grid-template-columns:1fr}
}


/* 2.8.45.36 — resilient Settings/nav hooks */
#sideNav .settings-owned-nav,
.sidebar .settings-owned-nav{
  display:none!important;
}

.unx-company-trades-runtime{
  margin:0!important;
}

[data-runtime-trades-editor]{
  margin-top:12px;
}

[data-runtime-trades-editor] .unx-company-trades-compact{
  display:none!important;
}

/* Settings is now a modal/control center even if the legacy Settings route
   remains underneath; this avoids the old renderer winning the route race. */
.unx-settings-modal-card{
  width:min(1060px,calc(100vw - 28px))!important;
}


/* ============================================================
   UtiliNexus 2.8.45.37 — Settings Size + Plan Cleanup
   ============================================================ */

/* Legacy plan / upgrade controls are now owned by Settings only. */
#contractorPlansBtn,
#upgradeBtn,
#subscriptionBtn,
#sideNav [data-route="plans"],
#sideNav [data-route="upgrade"],
#sideNav [data-route="subscription"],
.sidebar [data-route="plans"],
.sidebar [data-route="upgrade"],
.sidebar [data-route="subscription"],
.settings-owned-nav{
  display:none!important;
}

/* Settings should visually match the rest of the app, not look miniature. */
.unx-settings-hero{
  padding:22px 24px;
}

.unx-settings-hero .eyebrow{
  font-size:12px;
  letter-spacing:.12em;
}

.unx-settings-hero h2{
  font-size:32px;
  line-height:1.1;
}

.unx-settings-hero p{
  font-size:16px;
  line-height:1.5;
}

.unx-settings-layout{
  grid-template-columns:280px minmax(0,1fr);
  gap:14px;
}

.unx-settings-nav-list{
  padding:10px;
  gap:8px;
}

.unx-settings-nav{
  grid-template-columns:38px minmax(0,1fr);
  padding:14px 12px;
  min-height:70px;
  border-radius:12px;
}

.unx-settings-nav>span{
  font-size:20px;
}

.unx-settings-nav b{
  font-size:15px;
  line-height:1.25;
}

.unx-settings-nav small{
  font-size:11px;
  line-height:1.35;
}

.unx-settings-card{
  padding:22px;
  gap:18px;
}

.unx-settings-card-head .eyebrow{
  font-size:12px;
  letter-spacing:.11em;
}

.unx-settings-card-head h3{
  font-size:27px;
  margin:5px 0 7px;
}

.unx-settings-card-head p{
  font-size:15px;
  line-height:1.55;
}

.unx-settings-grid{
  gap:14px;
}

.unx-settings-grid label,
.unx-settings-full-label{
  font-size:14px;
  gap:7px;
}

.unx-settings-grid input,
.unx-settings-grid select,
.unx-settings-full-label textarea,
.danger-zone>input{
  font-size:15px;
  padding:13px 14px;
  min-height:48px;
}

.unx-settings-grid small{
  font-size:11px;
}

.unx-settings-action-grid{
  gap:10px;
}

.unx-setting-action{
  grid-template-columns:50px minmax(0,1fr) auto;
  gap:13px;
  padding:14px 15px;
  min-height:76px;
  border-radius:13px;
}

.unx-setting-action>span{
  width:42px;
  height:42px;
  font-size:19px;
}

.unx-setting-action b{
  font-size:15px;
}

.unx-setting-action small{
  font-size:11px;
  line-height:1.45;
}

.unx-setting-action em{
  font-size:12px;
}

.unx-subscription-summary{
  gap:10px;
}

.unx-subscription-summary>div{
  padding:14px;
  min-height:88px;
}

.unx-subscription-summary small{
  font-size:10px;
}

.unx-subscription-summary b{
  font-size:19px;
}

.unx-settings-feature-chips{
  gap:8px;
}

.unx-settings-feature-chips span{
  padding:8px 10px;
  font-size:11px;
}

.unx-settings-buttons{
  gap:10px;
}

.unx-settings-buttons button,
.unx-settings-card>button,
#saveSettingsProfile,
#saveCompanyProfile,
#settingsViewPlans,
#settingsManageBilling,
#saveSitePreferences,
#settingsDeleteHomeowner,
#settingsRequestCompanyDelete,
#settingsRequestUserDelete{
  min-height:48px;
  padding:12px 18px;
  font-size:14px;
  border-radius:10px;
}

.unx-company-brand-editor{
  padding:16px;
  gap:16px;
}

.unx-logo-editor b{
  font-size:15px;
}

.unx-logo-editor p{
  font-size:11px;
}

.unx-logo-upload{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  font-size:13px;
}

.notice-box{
  font-size:13px;
  line-height:1.5;
}

@media(max-width:900px){
  .unx-settings-layout{
    grid-template-columns:240px minmax(0,1fr);
  }
}

@media(max-width:760px){
  .unx-settings-layout{
    grid-template-columns:1fr;
  }

  .unx-settings-nav{
    min-width:210px;
    min-height:64px;
  }

  .unx-settings-card-head h3{
    font-size:24px;
  }

  .unx-settings-hero h2{
    font-size:28px;
  }
}


/* 2.8.45.38 — Office-hosted Unified Settings */
.unx-settings-office-host .unx-settings-hero{
  margin-bottom:0;
}

body.contractor-office-mode-active .unx-settings-office-host{
  max-width:none;
}

body.contractor-office-mode-active .unx-settings-office-host .unx-settings-layout{
  grid-template-columns:280px minmax(0,1fr);
}

body.contractor-office-mode-active .unx-settings-office-host .unx-settings-nav{
  min-height:72px;
}

body.contractor-office-mode-active .unx-settings-office-host .unx-settings-nav b{
  font-size:15px;
}

body.contractor-office-mode-active .unx-settings-office-host .unx-settings-nav small{
  font-size:11px;
}

@media(max-width:760px){
  body.contractor-office-mode-active .unx-settings-office-host .unx-settings-layout{
    grid-template-columns:1fr;
  }
}