@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --night-950: #0A0E1A;
  --night-900: #0F1526;
  --night-800: #161D33;
  --night-700: #212B47;
  --night-600: #2E3A5C;
  --star: #E8B84B;
  --star-soft: #F2D08A;
  --mist: #B8C0D9;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  background: var(--night-950);
  color: var(--mist);
  font-family: 'Inter', system-ui, sans-serif;
}

h1, h2, .display { font-family: 'Fraunces', serif; color: #fff; }

a { color: inherit; text-decoration: none; }

.wrap {
  max-width: 480px;
  margin: 0 auto;
  padding: 0 20px 100px;
}

.center-screen {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.logo { text-align: center; margin-bottom: 40px; }
.logo .star { color: var(--star); font-size: 30px; }
.logo h1 { font-size: 24px; margin: 6px 0 4px; }
.logo p { color: rgba(184,192,217,0.6); font-size: 14px; margin: 0; }

form { width: 100%; max-width: 340px; }

label {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: rgba(184,192,217,0.5);
  margin-bottom: 6px;
}

input, select, textarea {
  width: 100%;
  background: var(--night-800);
  border: 1px solid var(--night-600);
  border-radius: 10px;
  padding: 12px 14px;
  color: #fff;
  font-size: 15px;
  font-family: inherit;
  margin-bottom: 16px;
}

input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: var(--star);
}

.btn {
  display: inline-block;
  width: 100%;
  text-align: center;
  background: var(--star);
  color: var(--night-950);
  font-weight: 600;
  border: none;
  border-radius: 10px;
  padding: 14px;
  font-size: 15px;
  cursor: pointer;
}

.btn-sm {
  width: auto;
  padding: 9px 16px;
  font-size: 13px;
  border-radius: 8px;
}

.btn-outline {
  background: transparent;
  border: 1px solid var(--night-600);
  color: var(--mist);
}

.error-box {
  background: rgba(120,20,20,0.3);
  border: 1px solid #7a1f1f;
  color: #ffb4b4;
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 14px;
  margin-bottom: 16px;
}

.muted { color: rgba(184,192,217,0.5); font-size: 14px; }
.center { text-align: center; }

/* top bar */
.topbar {
  max-width: 480px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
  padding: 16px 20px 0;
}
.topbar a { font-size: 12px; color: rgba(184,192,217,0.3); }

/* dashboard cards */
.grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 20px;
}

.card {
  background: var(--night-800);
  border: 1px solid var(--night-600);
  border-radius: 14px;
  padding: 16px;
}

.card .icon { font-size: 22px; }
.card .num { font-family: 'Fraunces', serif; font-size: 26px; color: #fff; margin-top: 8px; }
.card .lbl { font-size: 12px; color: rgba(184,192,217,0.5); margin-top: 2px; }

.card-link { display: block; transition: border-color 0.15s; }
.card-link:hover { border-color: rgba(232,184,75,0.4); }

/* lead list rows */
.lead-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--night-800);
  border: 1px solid var(--night-600);
  border-radius: 10px;
  padding: 12px 16px;
  margin-bottom: 8px;
}

.lead-row .name { color: #fff; font-size: 14px; font-weight: 500; }
.lead-row .sub { color: rgba(184,192,217,0.4); font-size: 12px; margin-top: 2px; }

/* badges */
.badge {
  font-size: 11px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid;
  white-space: nowrap;
}
.badge-blue { background: #0a1a33; color: #7fb3ff; border-color: #1e3a66; }
.badge-green { background: #06251a; color: #6fe0a8; border-color: #16452f; }
.badge-gray { background: var(--night-800); color: rgba(184,192,217,0.4); border-color: var(--night-600); }
.badge-amber { background: #2b1d05; color: #e8b84b; border-color: #4a3510; }
.badge-gold { background: rgba(232,184,75,0.08); color: var(--star); border-color: rgba(232,184,75,0.3); }
.badge-purple { background: #1e0a33; color: #c78fff; border-color: #3a1e66; }

/* quick action grid */
.qa-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-top: 20px;
}
.qa-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  background: var(--night-800);
  border: 1px solid var(--night-600);
  border-radius: 12px;
  padding: 12px 0;
  font-size: 11px;
  color: rgba(184,192,217,0.6);
}
.qa-btn .qi { font-size: 18px; }
.qa-btn.disabled { opacity: 0.3; pointer-events: none; }

/* detail rows */
.detail-box {
  background: var(--night-800);
  border: 1px solid var(--night-600);
  border-radius: 14px;
  margin-top: 20px;
}
.detail-row {
  display: flex;
  justify-content: space-between;
  padding: 12px 16px;
  font-size: 14px;
  border-bottom: 1px solid var(--night-700);
}
.detail-row:last-child { border-bottom: none; }
.detail-row .k { color: rgba(184,192,217,0.4); }
.detail-row .v { color: #fff; text-transform: capitalize; }

/* status picker */
.status-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  background: var(--night-800);
  border: 1px solid var(--night-600);
  border-radius: 10px;
  padding: 8px;
  margin-top: 10px;
}
.status-opt {
  text-align: left;
  font-size: 12px;
  padding: 8px 10px;
  border-radius: 6px;
  color: rgba(184,192,217,0.7);
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: inherit;
}
.status-opt:hover { background: var(--night-700); }
.status-opt.active { background: var(--star); color: var(--night-950); font-weight: 600; }
.status-opt.muted-opt { color: rgba(184,192,217,0.35); }

/* timeline */
.timeline-item { display: flex; gap: 12px; margin-bottom: 14px; }
.timeline-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--star); margin-top: 7px; flex-shrink: 0; }
.timeline-text { font-size: 14px; color: rgba(184,192,217,0.85); }
.timeline-time { font-size: 12px; color: rgba(184,192,217,0.3); margin-top: 2px; }

/* bottom nav */
.bottom-nav {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  background: rgba(15,21,38,0.97);
  backdrop-filter: blur(8px);
  border-top: 1px solid var(--night-700);
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 64px;
  z-index: 40;
}
.nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  font-size: 11px;
  color: rgba(184,192,217,0.5);
  width: 64px;
}
.nav-item.active { color: var(--star); }
.nav-item .ni { font-size: 17px; }
.nav-add {
  background: var(--star);
  color: var(--night-950) !important;
  border-radius: 50%;
  width: 44px; height: 44px;
  display: flex; align-items: center; justify-content: center;
  font-size: 20px;
  margin-top: -24px;
  box-shadow: 0 4px 14px rgba(232,184,75,0.25);
}

.search-input { margin-top: 16px; margin-bottom: 0; }
.filter-row { display: flex; gap: 8px; margin: 12px 0 16px; }
.filter-chip {
  font-size: 12px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid var(--night-600);
  color: rgba(184,192,217,0.5);
  background: transparent;
  cursor: pointer;
  font-family: inherit;
}
.filter-chip.active { background: var(--star); color: var(--night-950); border-color: var(--star); font-weight: 600; }

.note-row { display: flex; gap: 8px; }
.note-row input { margin-bottom: 0; flex: 1; }

.page-title { display: flex; align-items: center; justify-content: space-between; margin-top: 4px; }

/* v2 completed CRM */
.topbar-inner{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:rgba(184,192,217,.35)}
.topbar-inner>div{display:flex;gap:14px}.flash{max-width:440px;margin:10px auto 0;padding:10px 14px;border-radius:10px;font-size:13px}.flash.success{background:#06251a;color:#6fe0a8;border:1px solid #16452f}.flash.error{background:rgba(120,20,20,.3);color:#ffb4b4;border:1px solid #7a1f1f}
.section-gap{margin-top:16px}.page-h1{font-size:24px;margin:0}.back-link{display:inline-block;margin-top:16px;font-size:13px}.section-title{font-family:Inter,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:rgba(184,192,217,.45);margin:0 0 12px}.list-heading{margin-top:24px}.full-form{max-width:none}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.link-btn,.link-danger{background:none;border:0;color:var(--star);font:inherit;font-size:12px;cursor:pointer;padding:0}.link-danger{color:#ff8f8f}.inline-form{width:auto;max-width:none;margin:0}.inline-form select{width:auto;margin:0;padding:7px 9px;font-size:12px}.empty-state{padding:22px 16px;border:1px dashed var(--night-600);border-radius:12px;color:rgba(184,192,217,.45);font-size:13px;text-align:center}
.month-nav{display:flex;align-items:center;justify-content:space-between;margin:16px 0;background:var(--night-800);border:1px solid var(--night-600);border-radius:12px;padding:10px 14px}.month-nav a{color:var(--star);font-size:20px}.month-nav strong{color:#fff}.booking-card{margin-bottom:22px}.event-card{display:flex;gap:13px;align-items:center;background:var(--night-800);border:1px solid var(--night-600);border-radius:12px;padding:12px 14px;margin-bottom:9px}.event-date{width:46px;flex:0 0 46px;text-align:center;border-right:1px solid var(--night-700);padding-right:12px}.event-date strong{display:block;color:#fff;font-size:20px}.event-date span{font-size:10px;text-transform:uppercase;color:var(--star)}.event-main .name{color:#fff;font-size:14px;font-weight:600}.event-main .sub{font-size:12px;color:rgba(184,192,217,.45);margin-top:3px}
.range-form{max-width:none;margin:16px 0}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{background:var(--night-800);border:1px solid var(--night-600);border-radius:12px;padding:14px}.metric span{display:block;font-size:11px;color:rgba(184,192,217,.45)}.metric strong{display:block;color:#fff;font-family:Fraunces,serif;font-size:24px;margin-top:5px}.report-section{margin-top:24px;background:var(--night-800);border:1px solid var(--night-600);border-radius:14px;padding:16px}.bar-row{margin-bottom:13px}.bar-row:last-child{margin-bottom:0}.bar-row>div:first-child{display:flex;justify-content:space-between;font-size:12px}.bar-row strong{color:#fff}.bar{height:6px;background:var(--night-700);border-radius:999px;overflow:hidden;margin-top:6px}.bar i{display:block;height:100%;background:var(--star);border-radius:999px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--night-700);font-size:13px}.stat-row:last-child{border-bottom:0}.stat-row strong{color:#fff}.admin-user{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--night-700)}.admin-user:last-child{border-bottom:0}.admin-user strong{display:block;color:#fff;font-size:13px}.admin-user span{display:block;font-size:11px;color:rgba(184,192,217,.4);margin-top:2px}
@media(max-width:380px){.two-col{grid-template-columns:1fr}.qa-grid{grid-template-columns:repeat(2,1fr)}.report-grid{grid-template-columns:1fr 1fr}.admin-user{align-items:flex-start;flex-direction:column}}
/* v3 integrations */
.settings-card{margin-top:18px;background:var(--night-800);border:1px solid var(--night-600);border-radius:14px;padding:16px}.settings-card+.settings-card{margin-top:12px}.connection-ok{display:inline-block;background:#06251a;color:#6fe0a8;border:1px solid #16452f;border-radius:999px;padding:6px 11px;font-size:12px;margin-bottom:8px}.google-btn{display:inline-block;width:auto;margin-top:8px}.callback-box{margin-top:14px;background:var(--night-900);border:1px solid var(--night-700);border-radius:10px;padding:10px 12px}.callback-box span{display:block;font-size:10px;text-transform:uppercase;color:rgba(184,192,217,.4);margin-bottom:5px}.callback-box code{display:block;color:var(--star);font-size:11px;overflow-wrap:anywhere}.field-help{font-size:11px;color:rgba(184,192,217,.4);margin:-8px 0 14px}.messenger-btn{border-color:#3867d6}.qa-grid.qa-five{grid-template-columns:repeat(5,1fr)}@media(max-width:430px){.qa-grid.qa-five{grid-template-columns:repeat(3,1fr)}}
.check-line{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(184,192,217,.7);margin:4px 0 16px}.check-line input{width:auto;margin:0}

/* v4 - one-click calendar connection */
.connection-row{display:flex;align-items:center;gap:16px;padding:6px 0}.connection-icon{font-size:30px;line-height:1}.connection-copy{flex:1;min-width:0}.connection-title{margin:0 0 5px}.connection-action{margin-left:auto}.calendar-connect-card .connection-ok{display:inline-block;margin:2px 0 5px;font-weight:700;color:#15803d}.setup-note{margin-top:16px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;background:#f8fafc;font-size:14px}.setup-note details{margin-top:8px}.setup-note code{display:block;margin-top:8px;overflow-wrap:anywhere}.connection-action .btn[disabled]{opacity:.55;cursor:not-allowed}@media(max-width:640px){.connection-row{align-items:flex-start;flex-wrap:wrap}.connection-action{width:100%;margin-left:46px}.connection-action .btn{width:100%;text-align:center}}

/* =========================================================
   TEAM STELLAR CRM v6 readability + feature additions
   ========================================================= */
html,body{color:#fff;font-size:16px;line-height:1.55}
body,.muted,label,.card .lbl,.lead-row .sub,.detail-row .k,.timeline-time,.qa-btn,.topbar a,.admin-user span,.settings-card p,.empty-state,.metric span,.bar-row span,.stat-row span,.section-title,.connection-copy p,.topbar-brand-mini{color:#fff!important}
.muted{font-size:15px}.lead-row .sub,.timeline-time{font-size:13px}.card .lbl,.metric span{font-size:13px}label{font-size:12px;font-weight:600}input,select,textarea{font-size:16px}.topbar a{font-size:13px}.section-title{font-size:14px}.page-h1{font-size:26px!important}
.auth-logo{
  display:block;
  width:200px;
  height:200px;
  max-width:200px;
  max-height:200px;
  object-fit:contain;
  margin:0 auto 10px;
}
.modal-logo{
  display:block;
  width:64px;
  height:64px;
  max-width:64px;
  max-height:64px;
  object-fit:contain;
  margin:0 auto 10px;
}
.logo{
  text-align:center;
  margin-bottom:28px;
}
.logo .star{display:none}
.logo h1{font-size:24px;margin:6px 0 4px}
.logo p{color:#fff!important;font-size:15px;margin:0}
.auth-bottom{margin-top:24px}
.gold-link{color:var(--star)!important;font-weight:700}
.success-box{background:#083824;border:1px solid #1c8258;color:#fff;border-radius:10px;padding:14px;margin-bottom:18px}
.auth-message{max-width:340px;width:100%;text-align:center}
.topbar{max-width:100%;padding:14px 20px 0}.topbar-inner{width:min(920px,100%);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:12px}.top-actions{display:flex;align-items:center;gap:14px}.topbar-brand-mini{font-size:13px;font-weight:700}.notification-bell{position:relative;background:transparent;border:0;color:#fff;font-size:21px;cursor:pointer;padding:4px 7px}.notification-badge{position:absolute;top:-4px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#e31b23;color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--night-950)}
.notification-modal{position:fixed;inset:0;background:rgba(3,6,14,.9);z-index:1000;display:none;padding:20px}.notification-modal.open{display:block}.notification-panel{width:min(760px,100%);height:calc(100vh - 40px);margin:0 auto;background:var(--night-900);border:1px solid var(--night-600);border-radius:18px;display:flex;flex-direction:column;overflow:hidden}.notification-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid var(--night-600)}.notification-head h2{margin:0;font-size:22px}.notification-head p{margin:3px 0 0;color:#fff}.modal-close{background:transparent;border:0;color:#fff;font-size:34px;cursor:pointer;line-height:1}.notification-list{padding:16px;overflow:auto}.notification-item{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;background:var(--night-800);border:1px solid var(--night-600);border-radius:12px;padding:14px;margin-bottom:10px}.notification-item.unread{border-color:var(--star);box-shadow:inset 3px 0 0 var(--star)}.notification-copy strong{color:#fff;font-size:15px}.notification-copy p{margin:5px 0;color:#fff}.notification-copy small{color:#fff}.notification-toggle{background:transparent;border:1px solid var(--star);color:var(--star);border-radius:8px;padding:8px 10px;cursor:pointer;white-space:nowrap}
.simple-modal{position:fixed;inset:0;background:rgba(3,6,14,.88);z-index:1100;display:none;padding:20px;align-items:center;justify-content:center}.simple-modal.open{display:flex}.simple-modal-card,.lead-search-card{width:min(720px,100%);max-height:90vh;overflow:auto;background:var(--night-900);border:1px solid var(--night-600);border-radius:18px;padding:22px}.simple-modal-card{max-width:480px;text-align:center}.admin-contact-box{text-align:left;background:var(--night-800);border:1px solid var(--night-600);border-radius:12px;padding:14px;margin:16px 0}.admin-contact-box div{margin:6px 0;color:#fff}
.lead-picker-row{display:grid;grid-template-columns:1fr 52px;gap:8px;align-items:start}.lead-picker-row select{margin-bottom:16px}.search-icon-btn{height:48px;border:1px solid var(--night-600);background:var(--night-800);color:#fff;border-radius:10px;font-size:24px;cursor:pointer}.conditional-field{display:none}.check-row{display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0;font-size:14px;margin:4px 0 16px}.check-row input{width:auto;margin:0}.search-box-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:16px 0}.search-box-row input{margin:0}.lead-search-results{max-height:58vh;overflow:auto}.lead-search-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px solid var(--night-600);border-radius:10px;background:var(--night-800);margin-bottom:8px;cursor:pointer}.lead-search-row:hover{border-color:var(--star)}.lead-search-row strong,.lead-search-row span,.lead-search-row small{display:block;color:#fff}.lead-search-row span{font-size:13px;margin-top:3px}.lead-search-row small{font-size:12px;margin-top:3px}.section-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.activity-sort-form{max-width:none;width:auto;display:flex;gap:8px;align-items:end}.activity-sort-form input,.activity-sort-form select{margin:0;width:auto}.schedule-row{display:flex;justify-content:space-between;gap:12px;background:var(--night-800);border:1px solid var(--night-600);border-radius:11px;padding:13px;margin-bottom:9px}.schedule-row strong,.schedule-row span,.schedule-row small{display:block;color:#fff}.schedule-row span,.schedule-row small{font-size:13px;margin-top:3px}.task-status{border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;height:max-content;white-space:nowrap}.task-status.done{background:#0a6840;color:#fff}.task-status.pending{background:#9b5a00;color:#fff}
.congrats-card{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;background:var(--night-800);border:1px solid var(--night-600);border-radius:14px;padding:18px;margin:16px 0}.congrats-line{font-weight:800;color:#fff;letter-spacing:.04em}.prospect-count{width:64px;height:64px;border-radius:50%;background:#f08a24;color:#fff;font-size:28px;font-weight:900;display:grid;place-items:center;box-shadow:0 8px 20px rgba(240,138,36,.25)}.pending-task-card{background:var(--night-800);border:1px solid var(--night-600);border-radius:12px;padding:14px;margin-bottom:10px}.task-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.task-top strong,.task-top span{display:block;color:#fff}.task-top span{font-size:13px;margin-top:3px}.task-update-form{max-width:none;display:grid;grid-template-columns:160px 1fr auto;gap:8px}.task-update-form select,.task-update-form input{margin:0}
.wide-wrap{max-width:920px}.account-card{background:var(--night-800);border:1px solid var(--night-600);border-radius:13px;padding:14px;margin-bottom:12px}.account-card.deleted-account{opacity:.55}.account-form{max-width:none}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.account-grid input,.account-grid select{margin-bottom:4px}.account-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}.account-actions .check-row{margin:0}.account-state{font-weight:800;color:#fff}.delete-account-form{max-width:none;margin-top:8px}.link-danger{color:#ff8e8e;background:transparent;border:0;cursor:pointer;font-weight:700}.link-btn{color:var(--star);background:transparent;border:0;cursor:pointer;font-weight:700}
@media(max-width:680px){.topbar-inner{align-items:flex-start}.topbar-brand-mini{display:none}.top-actions{width:100%;justify-content:flex-end}.account-grid{grid-template-columns:1fr}.task-update-form{grid-template-columns:1fr}.activity-sort-form{width:100%;display:grid;grid-template-columns:1fr 1fr auto}.activity-sort-form input,.activity-sort-form select{width:100%}.schedule-row,.notification-item{flex-direction:column}.notification-toggle{align-self:flex-start}.lead-search-row{align-items:flex-start}.wrap{padding-left:16px;padding-right:16px}}

/* v6 login logo size refinement */
@media(max-width:480px){
  .auth-logo{
    width:200px;
    height:200px;
    max-width:200px;
    max-height:200px;
  }
  .logo{margin-bottom:24px}
}


/* =========================================================
   TEAM STELLAR CRM v7 — modal reliability + layout polish
   ========================================================= */
body.modal-open{overflow:hidden!important}

/* Wider working pages on desktop while retaining mobile layout */
.calendar-wrap,.reports-wrap{max-width:900px}
.calendar-wrap .settings-card{max-width:620px;margin-left:auto;margin-right:auto}
.calendar-wrap .calendar-activity-card,.reports-wrap .report-section,.reports-wrap .congrats-card,.reports-wrap .report-grid,.reports-wrap .range-form{width:100%}

/* Strong modal rules so stale/partial styles cannot place dialogs in page flow */
.notification-modal,.simple-modal{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  z-index:9999!important;
  background:rgba(5,9,20,.88)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  padding:20px!important;
  overflow:auto!important;
}
.notification-modal{display:none!important;align-items:center!important;justify-content:center!important}
.notification-modal.open{display:flex!important}
.simple-modal{display:none!important;align-items:center!important;justify-content:center!important}
.simple-modal.open{display:flex!important}

.notification-panel{
  width:min(820px,100%)!important;
  max-height:calc(100vh - 40px)!important;
  height:auto!important;
  min-height:340px;
  margin:auto!important;
  background:var(--night-900)!important;
  border:1px solid var(--night-600)!important;
  border-radius:18px!important;
  box-shadow:0 28px 80px rgba(0,0,0,.5);
  overflow:hidden!important;
}
.lead-search-card{
  width:min(820px,100%)!important;
  max-height:calc(100vh - 40px)!important;
  margin:auto!important;
  background:var(--night-900)!important;
  border:1px solid var(--night-600)!important;
  border-radius:18px!important;
  box-shadow:0 28px 80px rgba(0,0,0,.5);
  overflow:hidden!important;
  padding:0!important;
}
.notification-head{padding:18px 20px!important;background:var(--night-800);border-bottom:1px solid var(--night-600)}
.notification-head h2{font-size:22px!important;margin:0!important;color:#fff!important}
.notification-head p{font-size:13px!important;margin:3px 0 0!important;color:#fff!important;opacity:.8}
.modal-close{
  width:40px;height:40px;display:grid;place-items:center;
  border:1px solid var(--night-600)!important;border-radius:10px!important;
  background:var(--night-900)!important;color:#fff!important;font-size:26px!important
}
.modal-close:hover{border-color:var(--star)!important;color:var(--star)!important}
.notification-list{max-height:calc(100vh - 145px);overflow:auto;padding:16px!important}
.notification-item{background:var(--night-800)!important;border-radius:12px!important;padding:14px!important}
.notification-item.unread{border-color:var(--star)!important}
.notification-copy strong{font-size:15px!important}.notification-copy p{font-size:14px!important;line-height:1.5}.notification-copy small{font-size:12px!important;opacity:.75}

.search-box-row{padding:16px 20px!important;background:var(--night-900);border-bottom:1px solid var(--night-700)}
.search-box-row input{height:48px!important;margin:0!important}
.search-box-row .btn{height:48px!important;padding:0 20px!important}
.lead-search-results{max-height:calc(100vh - 190px)!important;overflow:auto!important;padding:0 20px 20px!important}
.lead-search-row{padding:14px!important;margin-top:10px!important;border-radius:12px!important}
.lead-search-row:hover{background:var(--night-700)!important}
.select-lead-btn{width:auto!important;min-width:86px}

/* Calendar form */
.calendar-wrap .page-title{margin-bottom:20px}
.calendar-wrap .settings-card{padding:22px!important}
.lead-picker-row{grid-template-columns:minmax(0,1fr) 50px!important;gap:10px!important}
.search-icon-btn{height:48px!important;width:50px!important;font-size:23px!important;border-color:var(--star)!important;color:var(--star)!important}
.search-icon-btn:hover{background:rgba(232,184,75,.12)!important}
.check-row{padding:10px 12px;background:rgba(232,184,75,.07);border:1px solid rgba(232,184,75,.22);border-radius:10px;color:#fff!important}

/* Calendar activity */
.calendar-activity-card{padding:20px!important}
.section-subtext{margin:3px 0 0;color:#fff;opacity:.72;font-size:13px}
.section-title-row{align-items:flex-start!important;margin-bottom:14px}
.activity-sort-form{display:grid!important;grid-template-columns:180px 150px auto!important;gap:9px!important;align-items:center!important}
.activity-sort-form input,.activity-sort-form select{height:44px!important;margin:0!important}
.activity-sort-form .btn{height:44px!important;padding:0 18px!important}
.schedule-row{padding:15px 16px!important;margin-bottom:10px!important;border-radius:12px!important;align-items:center!important}
.schedule-row>div{min-width:0;flex:1}
.schedule-row strong{font-size:15px!important;margin-bottom:4px}
.schedule-row span{line-height:1.45!important}
.schedule-row small{opacity:.82!important}
.task-status{flex:0 0 auto}

/* Reports */
.reports-wrap .range-form{margin:18px 0!important}
.reports-wrap .range-form select{max-width:300px;margin:0!important}
.congrats-card{
  justify-content:space-between!important;
  padding:20px 22px!important;
  background:linear-gradient(135deg,var(--night-800),#202a45)!important;
  border-color:rgba(232,184,75,.35)!important;
}
.congrats-copy{display:flex;flex-direction:column;gap:3px;color:#fff}
.congrats-copy span{font-size:13px;font-weight:700;letter-spacing:.08em}
.congrats-copy strong{font-family:'Fraunces',serif;font-size:24px;color:#fff;letter-spacing:.03em}
.prospect-count{width:72px!important;height:72px!important;flex:0 0 72px;font-size:30px!important;background:#f08a24!important}
.report-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;margin-top:12px}
.metric{min-height:104px;display:flex;flex-direction:column;justify-content:center}
.metric span{font-size:12px!important;opacity:.8}.metric strong{font-size:26px!important}
.report-section{padding:20px!important}
.pending-task-card{padding:16px!important}
.task-update-form{grid-template-columns:170px minmax(180px,1fr) auto!important}

/* Top bar refinements */
.topbar{padding-top:12px!important}
.topbar-inner{width:min(900px,calc(100% - 24px))!important}
.notification-bell{width:42px;height:42px;border:1px solid var(--night-600)!important;border-radius:11px!important;display:grid!important;place-items:center!important;padding:0!important}
.notification-bell:hover{border-color:var(--star)!important;background:rgba(232,184,75,.08)!important}
.notification-badge{top:-7px!important;right:-7px!important}

@media(max-width:760px){
  .calendar-wrap,.reports-wrap{max-width:100%}
  .calendar-wrap .settings-card{max-width:none}
  .activity-sort-form{grid-template-columns:1fr!important;width:100%!important}
  .activity-sort-form input,.activity-sort-form select,.activity-sort-form .btn{width:100%!important}
  .report-grid{grid-template-columns:1fr 1fr!important}
  .task-update-form{grid-template-columns:1fr!important}
  .congrats-card{align-items:center!important}
}
@media(max-width:480px){
  .notification-modal,.simple-modal{padding:10px!important}
  .notification-panel,.lead-search-card{max-height:calc(100vh - 20px)!important;border-radius:14px!important}
  .search-box-row{grid-template-columns:1fr!important}
  .search-box-row .btn{width:100%!important}
  .lead-search-row{flex-direction:column!important;align-items:stretch!important}
  .select-lead-btn{width:100%!important}
  .report-grid{grid-template-columns:1fr 1fr!important}
  .prospect-count{width:64px!important;height:64px!important;flex-basis:64px;font-size:27px!important}
}

/* =========================================================
   TEAM STELLAR CRM v8 - Admin accounts + centered greeting
   ========================================================= */
.admin-wide-wrap{max-width:1240px!important;padding-bottom:110px}
.accounts-section{overflow:visible}
.account-result-count{display:inline-flex;align-items:center;justify-content:center;min-width:90px;padding:7px 11px;border-radius:999px;background:rgba(232,184,75,.12);border:1px solid rgba(232,184,75,.3);color:#fff;font-size:12px;font-weight:800}
.account-filter-bar{max-width:none!important;display:grid;grid-template-columns:minmax(260px,2fr) repeat(5,minmax(120px,1fr)) auto auto;gap:8px;align-items:center;margin:18px 0}
.account-filter-bar input,.account-filter-bar select{margin:0!important;height:44px;padding:9px 10px!important;font-size:13px!important}
.account-filter-bar .btn{height:44px!important;padding:0 14px!important;display:flex;align-items:center;justify-content:center;white-space:nowrap}
.account-table-wrap{width:100%;overflow:auto;border:1px solid var(--night-600);border-radius:13px;background:var(--night-900)}
.account-table{width:100%;min-width:1380px;border-collapse:collapse;font-size:13px}
.account-table th{position:sticky;top:0;background:var(--night-700);color:#fff;text-align:left;padding:12px 10px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;z-index:1}
.account-table td{padding:12px 10px;border-top:1px solid var(--night-700);color:#fff;vertical-align:top;max-width:190px;overflow-wrap:anywhere}
.account-table tbody tr:hover{background:rgba(232,184,75,.04)}
.account-table .email-cell{min-width:200px}.account-table .notes-cell{min-width:180px;max-width:260px}
.table-empty{text-align:center!important;padding:30px!important;color:#fff!important;opacity:.72}
.account-status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.account-status-pill.active{background:#0a6840;color:#fff}.account-status-pill.inactive{background:#7b2d2d;color:#fff}
.row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-width:170px}.row-actions .inline-form{display:inline!important}
.table-action{border:1px solid var(--night-600);background:var(--night-900);color:#fff;border-radius:7px;padding:6px 9px;font-size:11px;font-weight:800;cursor:pointer}.table-action.edit{border-color:#6887d7}.table-action.activate{border-color:#45bb7d;color:#9aefbc}.table-action.delete{border-color:#a64949;color:#ffaaaa}.table-action:hover{border-color:var(--star);color:var(--star)}
.account-edit-modal{width:min(760px,100%)!important;max-width:760px!important;text-align:left!important}.modal-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.modal-title-row h2{margin:0}.modal-title-row p{margin:4px 0 0;color:#fff;opacity:.75}.account-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.account-modal-grid input,.account-modal-grid select,.account-modal-grid textarea{margin-bottom:4px}.account-modal-grid .span-2{grid-column:1/-1}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.modal-actions .btn{width:auto;min-width:130px}.danger-btn{background:#b33a3a!important;color:#fff!important}.danger-icon,.success-check{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;font-size:30px;font-weight:900}.danger-icon{background:#6b2020;color:#fff;border:1px solid #b94b4b}.success-check{background:#0a6840;color:#fff;border:1px solid #28a66a}.delete-confirm-modal,.success-confirm-modal{max-width:500px!important}.delete-record-details{background:var(--night-800);border:1px solid var(--night-600);border-radius:10px;padding:13px;margin:14px 0;text-align:left}.delete-record-details strong,.delete-record-details span{display:block;color:#fff}.delete-record-details span{font-size:13px;margin-top:4px;opacity:.86}
.compact-admin-form{max-width:700px!important}
.morning-mentor-hero{text-align:center;margin:28px auto 20px;padding:18px 12px}.morning-mentor-hero h1{font-size:30px;margin:0;color:#fff}.morning-mentor-hero p{margin:7px 0 0;color:#fff;opacity:.82;font-size:15px}
body.modal-open{overflow:hidden!important}
@media(max-width:1100px){.account-filter-bar{grid-template-columns:repeat(3,1fr)}.account-filter-bar input{grid-column:1/-1}}
@media(max-width:700px){.account-filter-bar{grid-template-columns:1fr 1fr}.account-filter-bar input{grid-column:1/-1}.account-filter-bar .btn{width:100%!important}.account-modal-grid{grid-template-columns:1fr}.account-modal-grid .span-2{grid-column:auto}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}.morning-mentor-hero h1{font-size:25px}}
@media(max-width:430px){.account-filter-bar{grid-template-columns:1fr}.account-filter-bar input{grid-column:auto}}

/* =========================================================
   TEAM STELLAR CRM v9 - compact account list + action visibility
   ========================================================= */
.account-table-wrap{overflow:hidden!important}
.account-table.account-table-compact{width:100%!important;min-width:0!important;table-layout:fixed!important}
.account-table-compact th,.account-table-compact td{padding:12px 10px!important;max-width:none!important;overflow-wrap:anywhere!important}
.account-table-compact .col-first{width:20%}
.account-table-compact .col-last{width:22%}
.account-table-compact .col-status{width:18%}
.account-table-compact .col-type{width:16%}
.account-table-compact .col-action{width:24%}
.account-table-compact .name-cell{font-weight:650;color:#fff}
.account-table-compact .row-actions{min-width:0!important;display:flex;flex-wrap:wrap;gap:5px}
.account-table-compact .row-actions .inline-form{width:auto!important;max-width:none!important;margin:0!important}
.account-table-compact .table-action{padding:6px 8px!important;font-size:10px!important;line-height:1.1;white-space:nowrap}
.success-email-note{color:#9aefbc!important;font-size:13px!important}.success-email-note.warning{color:#ffb4b4!important}
@media(max-width:600px){
  .admin-wide-wrap{padding-left:10px!important;padding-right:10px!important}
  .account-table-compact th{padding:10px 5px!important;font-size:9px!important;letter-spacing:.01em!important}
  .account-table-compact td{padding:10px 5px!important;font-size:12px!important}
  .account-table-compact .col-first{width:20%}.account-table-compact .col-last{width:22%}.account-table-compact .col-status{width:18%}.account-table-compact .col-type{width:16%}.account-table-compact .col-action{width:24%}
  .account-table-compact .account-status-pill{font-size:9px!important;padding:4px 6px!important;white-space:normal!important;text-align:center!important;justify-content:center}
  .account-table-compact .row-actions{display:grid!important;grid-template-columns:1fr!important;gap:4px!important}
  .account-table-compact .row-actions .inline-form{width:100%!important}
  .account-table-compact .table-action{display:block!important;width:100%!important;padding:5px 4px!important;font-size:9px!important}
}

/* =========================================================
   TEAM STELLAR CRM v11 — registration + admin activation UX
   ========================================================= */
.signup-screen{padding-top:34px;padding-bottom:34px}
.signup-logo-block{max-width:430px;margin-bottom:26px}
.signup-activation-note{color:#fff!important;font-size:15px!important;line-height:1.55;margin:8px auto 8px!important;max-width:400px}
.contact-admin-link{display:inline-block;background:transparent;border:0;color:var(--star);font:inherit;font-size:14px;font-weight:800;cursor:pointer;padding:4px 8px;text-decoration:underline;text-underline-offset:3px}
.contact-admin-link:hover{color:var(--star-soft)}
.signup-form{max-width:360px}
.signup-contact-modal{text-align:left!important;max-width:560px!important}
.signup-contact-modal .admin-contact-box a{color:var(--star)!important}
.registration-success-modal{max-width:520px!important}
.registration-success-modal h2{margin:0 0 10px}
.registration-success-modal p{color:#fff!important;line-height:1.55}
.pending-account-email{display:inline-block;margin:4px 0 12px;padding:8px 12px;border:1px solid var(--night-600);border-radius:9px;background:var(--night-800);color:var(--star);font-weight:700;overflow-wrap:anywhere}
.registration-success-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.registration-success-actions .btn{width:100%;margin:0}
@media(max-width:520px){
  .signup-screen{justify-content:flex-start;padding-top:28px}
  .signup-activation-note{font-size:14px!important}
  .registration-success-actions{grid-template-columns:1fr}
}

/* v12 admin registration review deep-link */
.account-row-focus{outline:2px solid var(--star);outline-offset:-2px;background:rgba(232,184,75,.08)!important}

.account-type-pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--night-600);background:var(--night-800);color:#fff;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700;white-space:nowrap}
@media(max-width:680px){.account-table-compact .account-type-pill{font-size:9px;padding:4px 6px;white-space:normal;text-align:center}}


/* =========================================================
   v20 — Admin record-view switcher (compact top-menu style)
   ========================================================= */
.admin-view-form{display:inline-flex;margin:0;padding:0;width:auto;align-items:center}
.admin-view-select{
  appearance:auto!important;
  width:auto!important;
  min-width:120px;
  max-width:180px;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0 2px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  font:inherit!important;
  font-size:13px!important;
  line-height:1.3!important;
  cursor:pointer;
  box-shadow:none!important
}
.admin-view-select option{background:#11182b;color:#fff}
.admin-view-link{
  appearance:none;border:0!important;background:transparent!important;
  color:#fff!important;padding:0!important;margin:0!important;
  width:auto!important;min-height:0!important;height:auto!important;
  font:inherit!important;font-size:13px!important;font-weight:400!important;
  line-height:1.3!important;cursor:pointer;box-shadow:none!important
}
.admin-view-link:hover,.admin-view-select:hover{color:var(--star)!important}
.admin-view-link.active{color:var(--star)!important;font-weight:700!important}
.admin-view-current{color:rgba(255,255,255,.72);font-size:12px;white-space:nowrap}
.admin-view-current strong{color:var(--star);font-weight:700}
@media(max-width:900px){
  .top-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px}
  .admin-view-current{width:auto}
}
@media(max-width:600px){
  .topbar-inner{display:flex!important;align-items:center!important}
  .topbar-brand-mini{display:none!important}
  .top-actions{width:100%;justify-content:center;gap:10px 14px}
  .admin-view-form{flex:0 0 auto}
  .admin-view-select{max-width:145px;font-size:12px!important}
  .admin-view-link{font-size:12px!important}
  .admin-view-current{flex-basis:100%;text-align:center;font-size:11px}
}

/* =========================================================
   v21 — Responsive Admin record-view modal
   ========================================================= */
.admin-view-inline-form{display:inline-flex;align-items:center;margin:0;padding:0;width:auto}
.top-menu-text{
  appearance:none;border:0!important;background:transparent!important;box-shadow:none!important;
  color:#fff!important;font:inherit!important;font-size:13px!important;font-weight:400!important;
  line-height:1.35!important;padding:0!important;margin:0!important;width:auto!important;min-height:0!important;
  cursor:pointer;text-decoration:none;white-space:nowrap
}
.top-menu-text:hover,.top-menu-text:focus{color:var(--star)!important;outline:none}
.top-menu-text.active{color:var(--star)!important;font-weight:700!important}
.admin-view-current{color:rgba(255,255,255,.68);font-size:11px;white-space:nowrap}
.admin-view-current strong{color:var(--star);font-weight:700}

.admin-view-modal{
  position:fixed;inset:0;z-index:10050;display:none;align-items:center;justify-content:center;
  padding:24px;background:rgba(3,7,18,.82);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)
}
.admin-view-modal.open{display:flex}
.admin-view-panel{
  width:min(520px,100%);max-height:calc(100vh - 48px);overflow:auto;
  background:var(--night-850,#11182b);border:1px solid var(--night-600,#33415f);
  border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.45)
}
.admin-view-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 22px 18px;border-bottom:1px solid var(--night-600,#33415f)}
.admin-view-head h2{margin:0 0 5px;color:#fff;font-size:22px}
.admin-view-head p{margin:0;color:rgba(255,255,255,.72);font-size:13px;line-height:1.5}
.admin-view-modal-form{padding:22px}
.admin-view-choice{padding:16px;border:1px solid var(--night-600,#33415f);border-radius:14px;background:rgba(255,255,255,.025);margin-bottom:14px}
.admin-view-radio-row{display:flex;align-items:flex-start;gap:10px;color:#fff;font-size:14px;line-height:1.45;cursor:pointer}
.admin-view-radio-row input[type="radio"]{width:18px!important;height:18px!important;min-width:18px;margin:2px 0 0!important;accent-color:var(--star)}
.admin-view-radio-row span{display:block;min-width:0}
.admin-view-radio-row small{display:block;margin-top:4px;color:rgba(255,255,255,.65);font-size:12px;font-weight:400}
.admin-view-choice .field-label{display:block;margin:15px 0 7px;color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.admin-view-user-select{width:100%!important;margin:0!important;background:var(--night-800,#18213a)!important;color:#fff!important;border:1px solid var(--night-600,#33415f)!important;border-radius:11px!important;padding:12px 14px!important;min-height:46px!important;font-size:14px!important}
.admin-view-user-select option{background:#11182b;color:#fff}
.admin-view-radio-row.own-option{padding:16px;border:1px solid var(--night-600,#33415f);border-radius:14px;background:rgba(255,255,255,.025)}
.admin-view-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.admin-view-modal-actions .btn{width:100%;margin:0}
body.modal-open{overflow:hidden}

@media(max-width:900px){
  .top-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px 13px}
  .admin-view-current{font-size:10px}
}
@media(max-width:600px){
  .topbar-inner{display:flex!important;align-items:center!important}
  .topbar-brand-mini{display:none!important}
  .top-actions{width:100%;justify-content:center;gap:10px 14px}
  .top-menu-text{font-size:12px!important}
  .admin-view-current{flex-basis:100%;text-align:center;font-size:10px}
  .admin-view-modal{align-items:flex-end;padding:10px}
  .admin-view-panel{width:100%;max-height:88vh;border-radius:18px 18px 12px 12px}
  .admin-view-head{padding:18px 17px 14px}
  .admin-view-head h2{font-size:20px}
  .admin-view-modal-form{padding:17px}
  .admin-view-choice,.admin-view-radio-row.own-option{padding:14px}
  .admin-view-modal-actions{grid-template-columns:1fr 1fr;position:sticky;bottom:0;background:var(--night-850,#11182b);padding-top:10px}
}
@media(max-width:390px){
  .top-actions{gap:9px 11px}
  .top-menu-text{font-size:11px!important}
  .admin-view-modal-actions{grid-template-columns:1fr}
}


/* v23 - Lead owner edit/delete controls */
.lead-row-manage{display:block!important;padding:0!important;overflow:hidden}
.lead-row-main{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;color:inherit;text-decoration:none}
.lead-actions{display:flex;gap:8px;padding:0 16px 14px;justify-content:flex-end}
.lead-action-btn{appearance:none;border:1px solid rgba(239,190,69,.55);background:transparent;color:#fff;border-radius:9px;padding:7px 13px;font:inherit;font-size:13px;cursor:pointer;text-decoration:none}
.lead-action-btn.danger,.danger-link{border-color:rgba(239,68,68,.55)!important;color:#ff8b8b!important}
.lead-view-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center}
.lead-view-actions button{background:none;cursor:pointer;font:inherit}
.lead-delete-modal{position:fixed;inset:0;z-index:9999;background:rgba(3,8,20,.82);display:none;align-items:center;justify-content:center;padding:18px}
.lead-delete-modal.open{display:flex}
.lead-delete-card{position:relative;width:min(460px,100%);background:var(--night-900,#11182b);border:1px solid rgba(184,192,217,.25);border-radius:18px;padding:24px;box-shadow:0 24px 70px rgba(0,0,0,.45)}
.lead-delete-card h2{margin:0 44px 8px 0}.lead-delete-card p{color:#fff;margin:0 0 16px}
.lead-delete-close{position:absolute;right:18px;top:18px;width:38px;height:38px;border-radius:10px;border:1px solid rgba(184,192,217,.25);background:transparent;color:#fff;font-size:24px;cursor:pointer}
.lead-delete-details{padding:14px;border:1px solid rgba(184,192,217,.2);border-radius:12px;background:rgba(255,255,255,.03);margin-bottom:18px;color:#fff}
.lead-delete-details span{color:rgba(255,255,255,.72)}
.lead-delete-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.danger-btn{background:#b91c1c!important;color:#fff!important;border-color:#ef4444!important}.btn-secondary{background:transparent!important;color:#fff!important}
@media(max-width:480px){.lead-row-main{padding:13px 14px}.lead-actions{padding:0 14px 13px}.lead-delete-card{padding:20px}.lead-delete-buttons{grid-template-columns:1fr}.lead-view-actions{justify-content:stretch}.lead-view-actions>*{flex:1;text-align:center}}

/* v24 - Switch Record View modal: always centered + full-width user dropdown */
.admin-view-modal{
  align-items:center!important;
  justify-content:center!important;
  padding:16px!important;
  overflow-y:auto;
}
.admin-view-panel{
  width:min(520px,100%)!important;
  max-width:520px!important;
  margin:auto!important;
}
.admin-view-choice{
  width:100%!important;
}
.admin-view-choice .field-label{
  width:100%!important;
}
.admin-view-user-select,
.admin-view-choice select.admin-view-user-select{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
@media(max-width:600px){
  .admin-view-modal{
    align-items:center!important;
    justify-content:center!important;
    padding:12px!important;
  }
  .admin-view-panel{
    width:100%!important;
    max-width:520px!important;
    max-height:calc(100dvh - 24px)!important;
    margin:auto!important;
    border-radius:18px!important;
  }
  .admin-view-user-select,
  .admin-view-choice select.admin-view-user-select{
    width:100%!important;
    max-width:none!important;
  }
}

/* v25 lead modal fixes */
.lead-edit-card{max-height:min(88vh,820px);overflow:auto}.lead-edit-form{margin-top:14px}.lead-edit-form label{display:block;margin-top:12px}.lead-edit-form input,.lead-edit-form select,.lead-edit-form textarea{width:100%;max-width:none}.lead-delete-modal{visibility:hidden;opacity:0;pointer-events:none}.lead-delete-modal.open{display:flex!important;visibility:visible;opacity:1;pointer-events:auto}.lead-delete-modal:not(.open){display:none!important}.lead-actions button{width:auto}.lead-actions{align-items:center}.lead-row-main{width:100%}

/* =========================================================
   v26 — Switch Record View modal final responsive layout
   ========================================================= */
.admin-view-modal,
.admin-view-modal.open{
  position:fixed!important;
  inset:0!important;
  z-index:10050!important;
  align-items:center!important;
  justify-content:center!important;
  padding:16px!important;
  overflow:auto!important;
}
.admin-view-modal.open{display:flex!important}
.admin-view-panel{
  width:min(560px,calc(100vw - 32px))!important;
  max-width:560px!important;
  max-height:calc(100vh - 32px)!important;
  max-height:calc(100dvh - 32px)!important;
  margin:auto!important;
  border-radius:18px!important;
  overflow:auto!important;
}
.admin-view-modal-form{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
.admin-view-choice,
.admin-view-radio-row.own-option{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
.admin-view-choice .admin-view-radio-row,
.admin-view-radio-row.own-option{
  width:100%!important;
}
.admin-view-user-select,
.admin-view-choice select,
#adminViewUserSelect{
  display:block!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
@media(max-width:600px){
  .admin-view-modal,
  .admin-view-modal.open{
    align-items:center!important;
    justify-content:center!important;
    padding:12px!important;
  }
  .admin-view-panel{
    width:calc(100vw - 24px)!important;
    max-width:none!important;
    max-height:calc(100vh - 24px)!important;
    max-height:calc(100dvh - 24px)!important;
    margin:auto!important;
    border-radius:16px!important;
  }
  .admin-view-head{padding:18px 16px 14px!important}
  .admin-view-modal-form{padding:16px!important}
  .admin-view-choice,
  .admin-view-radio-row.own-option{width:100%!important;padding:14px!important}
  .admin-view-modal-actions{
    position:static!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
    background:transparent!important;
    padding-top:0!important;
  }
}
@media(max-width:360px){
  .admin-view-modal-actions{grid-template-columns:1fr!important}
}

/* v27 Agent attribution and login version */
.agent-by-label{font-size:12px;margin-top:5px;color:#d5dced!important;line-height:1.4}.system-version{font-size:12px;opacity:.75;margin:18px auto 0;letter-spacing:.03em}

/* v28 — responsive refinements: phone, tablet, laptop, desktop */
.top-actions .switch-action-btn, .topbar .switch-action-btn {
  appearance:none!important;background:#61cbf2!important;color:#080e19!important;
  border:1px solid #61cbf2!important;border-radius:999px!important;
  padding:9px 18px!important;font-size:14px!important;font-weight:800!important;
  line-height:1.25!important;min-height:38px;cursor:pointer;
  white-space:nowrap;box-shadow:0 3px 12px rgba(97,203,242,.16);
}
.top-actions .switch-action-btn:hover,.top-actions .switch-action-btn:focus-visible{background:#8adcf8!important;outline:2px solid #fff;outline-offset:2px}
.lead-row .name{font-size:18px!important;font-weight:750!important;line-height:1.4!important;overflow-wrap:anywhere}
.lead-row .sub{font-size:15px!important;line-height:1.5!important;color:#fff!important;overflow-wrap:anywhere}
.lead-row .agent-by-label{font-size:15px!important;font-weight:650!important;margin-top:5px}
.lead-row .badge{font-size:12px!important;white-space:normal;text-align:center}
.lead-row-main>div{min-width:0;flex:1}
.lead-action-btn{font-size:15px!important;min-height:40px}
@media(min-width:1200px){.lead-row-main{padding:18px 20px}.lead-row .name{font-size:19px!important}}
@media(min-width:768px) and (max-width:1199px){.lead-row-main{padding:16px 18px}.topbar-inner{max-width:100%;padding-inline:20px}}
@media(min-width:481px) and (max-width:767px){.topbar-inner{flex-wrap:wrap;gap:10px;padding:12px 16px}.top-actions{flex-wrap:wrap;gap:9px}.lead-row-main{padding:15px}.lead-row .name{font-size:18px!important}}
@media(max-width:480px){
  .topbar-inner{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px}
  .top-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;width:100%}
  .top-actions .switch-action-btn{padding:9px 14px!important;font-size:14px!important}
  .admin-view-current{max-width:100%;overflow-wrap:anywhere}
  .lead-row-main{gap:8px;padding:15px 13px;align-items:flex-start}
  .lead-row .name{font-size:18px!important}
  .lead-row .sub{font-size:15px!important}
  .lead-actions{justify-content:stretch;flex-wrap:wrap;gap:10px;padding:0 13px 14px}
  .lead-actions .lead-action-btn{flex:1;min-width:100px;text-align:center}
  .lead-row .badge{max-width:38%;flex-shrink:0}
  .admin-view-modal.open{align-items:center!important;justify-content:center!important}
  .admin-view-panel{width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important}
}
@media(max-width:360px){.top-actions{gap:6px}.lead-row .name{font-size:17px!important}.lead-row .sub{font-size:14px!important}}

/* v29 — distinct desktop workspace, tablet workspace and mobile application */
.desktop-nav{display:none}
@media(min-width:1024px){
  body{background:var(--night-950)}
  .topbar{padding:0 30px!important;border-bottom:1px solid var(--night-700);background:var(--night-900);position:sticky;top:0;z-index:80}
  .topbar-inner{width:100%!important;max-width:1600px!important;min-height:76px;margin:auto;display:flex!important;flex-wrap:nowrap!important;gap:22px}
  .topbar-brand-mini{display:block!important;font-size:17px!important;white-space:nowrap}
  .desktop-nav{display:flex;align-items:center;gap:5px;flex:1;justify-content:center}
  .desktop-nav a{padding:11px 14px;border-radius:9px;font-size:15px;font-weight:650;color:#fff}
  .desktop-nav a:hover,.desktop-nav a:focus-visible{background:#27334f;color:#61cbf2}
  .desktop-nav a[href="lead_add.php"]{color:#eab849}
  .top-actions{width:auto!important;flex-wrap:nowrap!important;gap:12px!important}
  .top-actions a{white-space:nowrap}
  .admin-view-current{max-width:155px;font-size:11px}
  .bottom-nav{display:none!important}
  .wrap,.wide-wrap,.calendar-wrap,.reports-wrap{width:calc(100% - 64px)!important;max-width:1440px!important;margin-left:auto!important;margin-right:auto!important;padding:35px 20px 65px!important}
  .grid-2{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .lead-row .name{font-size:20px!important}
  .lead-row .sub{font-size:16px!important}
  .lead-row-main{padding:20px 24px!important}
  .lead-actions{gap:12px}
  .page-h1{font-size:34px!important}
  .flash{max-width:1000px}
}
@media(min-width:1024px) and (max-width:1250px){
 .topbar{padding-inline:15px!important}.topbar-inner{gap:9px!important}
 .desktop-nav a{padding:9px 7px;font-size:13px}.top-actions{gap:7px!important}
 .admin-view-current{display:none}
}
@media(min-width:768px) and (max-width:1023px){
 .wrap,.wide-wrap,.calendar-wrap,.reports-wrap{width:calc(100% - 48px)!important;max-width:900px!important;margin:auto!important;padding:25px 20px 100px!important}
 .topbar-inner{width:100%!important;max-width:900px!important}
 .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .lead-row .name{font-size:19px!important}
 .bottom-nav{height:72px}
 .nav-item{font-size:13px}
}
@media(max-width:767px){
 .desktop-nav{display:none!important}
 .wrap,.wide-wrap,.calendar-wrap,.reports-wrap{width:100%!important;max-width:100%!important}
}

/* v30 reports date filter actions */
.reports-wrap .report-range-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.reports-wrap .report-range-actions select{flex:1 1 220px;width:auto;max-width:340px}
.reports-wrap .report-view-all{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;text-decoration:none;white-space:nowrap;border-radius:12px}
.reports-wrap .report-view-all[aria-current="page"]{background:#61cbf2;color:#000;border-color:#61cbf2;font-weight:700}
@media(max-width:480px){.reports-wrap .report-range-actions{display:grid;grid-template-columns:minmax(0,1fr) auto}.reports-wrap .report-range-actions select{width:100%;min-width:0}.reports-wrap .report-view-all{padding:10px 13px}}