/* Global Deal Bridge — dashboard visual alignment */
:root{
  --dash-navy:#15356f;
  --dash-accent:#31527f;
  --dash-silver:#8a94a3;
  --dash-pearl:#f4f5f7;
  --dash-line:rgba(21,53,111,.1);
  --dash-shadow:0 24px 55px -42px rgba(18,38,78,.58);
}

body.dashboard-neutral{
  background:#f4f5f7!important;
}
body.dashboard-neutral .dashboard{
  max-width:1480px;
  grid-template-columns:285px minmax(0,1fr);
  gap:1.4rem;
  padding-top:1.35rem;
}
body.dashboard-neutral .side-col{gap:1.15rem;min-height:calc(100vh - 112px)}

/* Navigation becomes a quiet account rail, not a second website. */
body.dashboard-neutral .sidebar{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  min-height:0;
  padding:1.35rem 1rem 1.1rem;
  border:1px solid rgba(21,53,111,.08);
  border-radius:22px;
  background:rgba(255,255,255,.9);
  box-shadow:var(--dash-shadow);
  backdrop-filter:blur(16px);
}
body.dashboard-neutral .side-user{padding:.35rem .45rem 1.15rem}
body.dashboard-neutral .side-avatar{
  width:48px;height:48px;
  background:linear-gradient(145deg,#234675,var(--dash-navy));
  box-shadow:0 12px 24px -16px rgba(21,53,111,.72);
}
body.dashboard-neutral .side-name{font-size:.98rem;font-weight:650;color:var(--dash-navy)}
body.dashboard-neutral .side-email{font-size:.74rem;color:#7a8496}
body.dashboard-neutral .view-toggle{
  margin:.15rem 0 1.25rem;
  width:100%;
  padding:6px;
  gap:6px;
  border:1px solid rgba(21,53,111,.12);
  border-radius:17px;
  background:#eef0f3;
  box-shadow:inset 0 1px 2px rgba(21,53,111,.05);
}
body.dashboard-neutral .view-toggle .vt-btn{
  min-height:58px;
  padding:.8rem .55rem;
  border-radius:12px;
  font-size:.78rem;
  font-weight:750;
  letter-spacing:.075em;
  color:#697487;
}
body.dashboard-neutral .view-toggle .vt-btn svg{width:20px;height:20px}
body.dashboard-neutral .view-toggle .vt-btn.active{background:var(--dash-navy);color:#fff;box-shadow:0 10px 22px -15px rgba(21,53,111,.82)}
body.dashboard-neutral .side-nav{flex:1;gap:.22rem}
body.dashboard-neutral .side-nav .side-link.signout{margin-top:auto}
body.dashboard-neutral .side-nav .side-link{
  min-height:45px;
  padding:.72rem .85rem;
  border-radius:12px;
  font-size:.86rem;
  color:#5d687a;
}
body.dashboard-neutral .side-nav .side-link svg{width:18px;height:18px}
body.dashboard-neutral .side-nav .side-link:hover{background:#f2f4f7;color:var(--dash-navy)}
body.dashboard-neutral .side-nav .side-link.active{
  background:linear-gradient(90deg,#edf1f6,#fff);
  color:var(--dash-navy);
  font-weight:650;
  box-shadow:inset 3px 0 0 var(--dash-navy);
}
body.dashboard-neutral.view-seller .side-nav .side-link.active{
  background:linear-gradient(90deg,#edf1f6,#fff);
  color:var(--dash-navy);
  box-shadow:inset 3px 0 0 var(--dash-navy);
}
body.dashboard-neutral .side-nav .side-link .badge{background:#66768c;height:20px;min-width:20px;font-size:.65rem}
body.dashboard-neutral .sidebar-collapse-btn,
body.dashboard-neutral .sidebar-expand-btn{border-radius:50%;background:#fff;border-color:var(--dash-line);color:var(--dash-navy)}
body.dashboard-neutral .sidebar-expand-btn{width:42px;height:42px;box-shadow:0 12px 28px -18px rgba(21,53,111,.75)}
body.dashboard-neutral .sidebar-expand-btn svg{width:18px;height:18px}

/* The assistant remains distinct without introducing a marketing colour. */
body.dashboard-neutral .ask-sophia{
  min-height:72px;
  padding:.9rem 1rem;
  border:1px solid rgba(21,53,111,.18);
  border-radius:18px;
  background:linear-gradient(135deg,#274d7d,var(--dash-navy));
  box-shadow:0 22px 40px -28px rgba(21,53,111,.78);
}
body.dashboard-neutral .ask-sophia .as-glow{opacity:.45;animation-duration:10s}
body.dashboard-neutral .ask-sophia .as-name{font-size:.9rem;font-weight:650}
body.dashboard-neutral .ask-sophia .as-tag{font-size:.56rem}

/* Page rhythm and headings */
body.dashboard-neutral .dash-main{padding:.45rem .2rem 1.5rem}
body.dashboard-neutral .dash-header{margin-bottom:1.35rem}
body.dashboard-neutral .dash-title{
  font-size:clamp(1.8rem,2.4vw,2.45rem);
  font-weight:620;
  letter-spacing:-.045em;
  color:var(--dash-navy);
}
body.dashboard-neutral .dash-title em{
  color:var(--dash-navy);
  background:none;
  -webkit-text-fill-color:currentColor;
}
body.dashboard-neutral.view-seller .dash-title em{color:var(--dash-navy)}
body.dashboard-neutral .dash-sub{max-width:720px;font-size:.86rem;line-height:1.55;color:#717c8e}
body.dashboard-neutral .view-pill{background:#edf1f6;color:var(--dash-navy);font-weight:750}
body.dashboard-neutral.view-seller .view-pill{background:#edf1f6;color:var(--dash-navy)}

/* Reusable surfaces */
body.dashboard-neutral .kpi-grid{
  gap:10px;
  padding:0;
  border:0;
  background:transparent;
  overflow:visible;
}
body.dashboard-neutral .kpi-card{
  position:relative;
  min-height:126px;
  padding:1.3rem 1.35rem;
  border:1px solid var(--dash-line)!important;
  border-radius:18px!important;
  background:#fff;
  box-shadow:var(--dash-shadow)!important;
  overflow:hidden;
}
body.dashboard-neutral .kpi-card::before{content:'';position:absolute;top:0;left:1.35rem;width:32px;height:2px;border-radius:0 0 2px 2px;background:#8b98aa}
body.dashboard-neutral .kpi-card:nth-child(2)::before{background:#748398}
body.dashboard-neutral .kpi-card:nth-child(3)::before{background:#5d708a}
body.dashboard-neutral .kpi-card:nth-child(4)::before{background:var(--dash-navy)}
body.dashboard-neutral .kpi-label{font-size:.64rem;font-weight:700;color:#778298}
body.dashboard-neutral .kpi-value{font-size:2rem;font-weight:650;color:var(--dash-navy)}
body.dashboard-neutral .kpi-delta{font-size:.72rem;color:#5e7087}

body.dashboard-neutral :is(.wizard-card,.settings-card,.saved-card,.saved-search-card,.templates-card,.docs-upload,.listing-preview,.messenger,.my-listing-card,.ns-step){
  border-color:var(--dash-line)!important;
  border-radius:18px!important;
  box-shadow:var(--dash-shadow)!important;
}
body.dashboard-neutral .empty-tab,
body.dashboard-neutral .dashboard-state{border:1px solid var(--dash-line);border-radius:18px;background:#fff;box-shadow:var(--dash-shadow)}
body.dashboard-neutral .dashboard-state{display:grid;place-items:center;min-height:220px;padding:2rem;text-align:center;color:#717c8e}
body.dashboard-neutral .dashboard-state strong{display:block;margin-bottom:.35rem;color:var(--dash-navy)}
body.dashboard-neutral .chat-msg,body.dashboard-neutral .nda-body{overflow-wrap:anywhere;word-break:break-word}
body.dashboard-neutral .ns-step{padding:1rem 1.15rem}
body.dashboard-neutral .ns-step::before{background:var(--dash-navy)}
body.dashboard-neutral .ns-icon{border-radius:13px;background:#edf1f6;color:var(--dash-navy)}
body.dashboard-neutral .ns-step:hover .ns-icon{background:var(--dash-navy)}
body.dashboard-neutral .section-header h3,
body.dashboard-neutral .wizard-h,
body.dashboard-neutral .settings-card h4{font-weight:650;letter-spacing:-.025em;color:var(--dash-navy)}

/* Listing wizard: a calm workspace with an intentional companion rail. */
body.dashboard-neutral.gdb-listing-mode .tab-panel[data-panel="new-listing"]{
  grid-template-columns:minmax(0,1fr) 300px;
  column-gap:1.5rem;
}
body.dashboard-neutral .sub-stepper{
  padding:.75rem 1rem;
  border-color:var(--dash-line);
  border-radius:18px;
  background:rgba(255,255,255,.86);
  box-shadow:var(--dash-shadow);
}
body.dashboard-neutral .step-circle{border-color:rgba(21,53,111,.16);background:#f0f2f5;color:#66768c}
body.dashboard-neutral .step.active .step-circle{border-color:var(--dash-navy);color:var(--dash-navy)}
body.dashboard-neutral .step.done .step-circle{border-color:var(--dash-navy);background:var(--dash-navy)}
body.dashboard-neutral .step.done + .step-line{background:var(--dash-navy)}
body.dashboard-neutral .wizard-card{padding:1.8rem 2rem;background:rgba(255,255,255,.94)}
body.dashboard-neutral .wizard-card::before{content:'';display:block;width:34px;height:2px;margin:-1.8rem 0 1.65rem;border-radius:0 0 2px 2px;background:var(--dash-navy)}
body.dashboard-neutral .settings-field input,
body.dashboard-neutral .settings-field select,
body.dashboard-neutral textarea{border-radius:10px!important;background:#fbfbfc!important}
body.dashboard-neutral .settings-field input:focus,
body.dashboard-neutral .settings-field select:focus,
body.dashboard-neutral textarea:focus{border-color:var(--dash-navy)!important;box-shadow:0 0 0 4px rgba(21,53,111,.09)!important}
body.dashboard-neutral .btn-cta{background:var(--dash-navy)!important;border-color:var(--dash-navy)!important;border-radius:999px!important}
body.dashboard-neutral .btn-ghost-wizard{border-radius:999px;color:var(--dash-navy)}

/* Listing wizard states: one clear workflow, without changing the dashboard shell. */
body.dashboard-neutral .wizard-draftbar{
  grid-column:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin:.8rem 0 1rem;
  padding:.7rem .9rem;
  border:1px solid var(--dash-line);
  border-radius:14px;
  background:rgba(255,255,255,.72);
  color:#707c8e;
  font-size:.74rem;
}
body.dashboard-neutral .wizard-save-state{display:inline-flex;align-items:center;gap:.45rem}
body.dashboard-neutral .wizard-save-state::before{content:'';width:7px;height:7px;border-radius:50%;background:#72829a}
body.dashboard-neutral .wizard-save-state.saving::before{background:#b08a43;animation:wizardPulse 1s infinite}
body.dashboard-neutral .wizard-save-state.saved::before{background:#3d7b60}
body.dashboard-neutral .wizard-save-state.error::before{background:#a84a54}
body.dashboard-neutral .wizard-draft-actions{display:flex;gap:.45rem}
body.dashboard-neutral .wizard-draft-actions button{
  border:1px solid rgba(21,53,111,.15);border-radius:999px;background:#fff;color:var(--dash-navy);
  padding:.48rem .75rem;font-size:.7rem;font-weight:650;cursor:pointer;
}
body.dashboard-neutral .wizard-draft-actions button.danger{color:#98505a}
@keyframes wizardPulse{50%{opacity:.35}}

body.dashboard-neutral .settings-field.has-error :is(input,select,textarea){
  border-color:#a84a54!important;box-shadow:0 0 0 4px rgba(168,74,84,.08)!important;
}
body.dashboard-neutral .field-error{margin-top:.42rem;color:#9d3e4a;font-size:.72rem;line-height:1.35}
body.dashboard-neutral .wizard-plan-error{
  margin:0 0 .9rem;padding:.75rem .9rem;border:1px solid rgba(168,74,84,.25);border-radius:12px;
  background:#fff6f7;color:#923b46;font-size:.78rem;
}
body.dashboard-neutral .plan-card{position:relative;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
body.dashboard-neutral .plan-card.selected{
  transform:translateY(-3px);border-color:var(--dash-navy)!important;
  box-shadow:0 24px 52px -32px rgba(21,53,111,.72)!important;
}
body.dashboard-neutral .plan-card.selected::after{
  content:'Selected';position:absolute;top:12px;right:12px;padding:.35rem .58rem;border-radius:999px;
  background:var(--dash-navy);color:#fff;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
}
body.dashboard-neutral .plan-card.top.selected::after{background:#fff;color:var(--dash-navy)}
body.dashboard-neutral .wizard-photo-drop{cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
body.dashboard-neutral .wizard-photo-drop:hover,
body.dashboard-neutral .wizard-photo-drop.dragover{border-color:var(--dash-navy)!important;background:#f3f6fa!important;transform:translateY(-1px)}
body.dashboard-neutral .wizard-photo-drop:focus-visible{outline:3px solid rgba(21,53,111,.16);outline-offset:3px}
body.dashboard-neutral .wizard-photo-limit{margin:.45rem 0 0!important;color:#65748a!important;font-weight:650}
body.dashboard-neutral .wizard-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:.85rem}
body.dashboard-neutral .wizard-photo-card{position:relative;aspect-ratio:4/3;border:1px solid var(--dash-line);border-radius:14px;overflow:hidden;background:#edf0f4}
body.dashboard-neutral .wizard-photo-card img{width:100%;height:100%;object-fit:cover;display:block}
body.dashboard-neutral .wizard-photo-card:first-child::before{content:'Cover';position:absolute;z-index:2;left:8px;top:8px;padding:.3rem .48rem;border-radius:999px;background:rgba(21,53,111,.9);color:#fff;font-size:.56rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em}
body.dashboard-neutral .wizard-photo-actions{position:absolute;z-index:2;right:7px;bottom:7px;display:flex;gap:4px}
body.dashboard-neutral .wizard-photo-actions button{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:var(--dash-navy);box-shadow:0 4px 14px rgba(21,53,111,.2);cursor:pointer;font-size:.75rem}
body.dashboard-neutral .wizard-notice{margin:0 0 1rem;padding:.8rem 1rem;border-radius:13px;background:#edf6f1;color:#346a51;border:1px solid rgba(52,106,81,.16);font-size:.78rem}
body.dashboard-neutral .preview-photo-strip{display:grid;grid-template-columns:2fr repeat(2,1fr);gap:5px;margin-bottom:1rem;max-height:280px;overflow:hidden;border-radius:14px}
body.dashboard-neutral .preview-photo-strip img{width:100%;height:100%;min-height:130px;object-fit:cover}
body.dashboard-neutral .preview-photo-strip img:first-child{grid-row:span 2}
body.dashboard-neutral .ml-status.pending{background:#f4ead5;color:#795f29}
body.dashboard-neutral .ml-status.paused{background:#eef0f3;color:#657083}
body.dashboard-neutral .ml-no-data{color:#7a8596;font-size:.72rem}

body.dashboard-neutral #gdb-listing-agent{align-self:start;padding-top:0}
body.dashboard-neutral #gdb-listing-agent #gdb-assist-panel.gdb-panel-small{
  min-height:540px!important;
  height:var(--gdb-agent-height,680px)!important;
  border:1px solid rgba(21,53,111,.13)!important;
  border-radius:20px!important;
  box-shadow:0 26px 55px -35px rgba(21,53,111,.62)!important;
  overflow:hidden!important;
}
body.dashboard-neutral #gdb-listing-agent .gdb-assist-head{
  background:linear-gradient(135deg,#274d7d,var(--dash-navy))!important;
}
body.dashboard-neutral #gdb-listing-agent .gdb-quick-wrap{max-height:155px!important;padding:.35rem .7rem .55rem!important}
body.dashboard-neutral #gdb-listing-agent .gdb-quick{padding:.52rem .68rem!important;gap:.55rem!important}
body.dashboard-neutral #gdb-listing-agent .gdb-q-icon{width:28px!important;height:28px!important}
body.dashboard-neutral #gdb-listing-agent .gdb-assist-input input:focus{border-color:var(--dash-navy)!important;box-shadow:0 0 0 3px rgba(21,53,111,.09)!important}
body.dashboard-neutral #gdb-listing-agent .gdb-send{background:var(--dash-navy)!important}

@media(max-width:1320px){
  body.dashboard-neutral.gdb-listing-mode .tab-panel[data-panel="new-listing"]{grid-template-columns:minmax(0,1fr)}
  body.dashboard-neutral.gdb-listing-mode #gdb-listing-agent{grid-column:1;grid-row:3;position:static;margin:0 0 1.25rem}
  body.dashboard-neutral #gdb-listing-agent #gdb-assist-panel.gdb-panel-small{height:560px!important;min-height:500px!important}
}
@media(max-width:900px){
  body.dashboard-neutral .dashboard{grid-template-columns:minmax(0,1fr);padding:1rem}
  body.dashboard-neutral .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.dashboard-neutral .side-col{width:min(360px,calc(100vw - 1rem));height:calc(100dvh - 76px);padding:1rem;background:#f4f5f7}
  body.dashboard-neutral .sidebar{min-height:calc(100dvh - 96px);border-radius:0 22px 22px 0}
  body.dashboard-neutral .side-nav{flex-direction:column;overflow:visible;padding-bottom:0}
  body.dashboard-neutral .side-nav .side-link{width:100%;flex:0 0 auto;white-space:normal}
  body.dashboard-neutral .side-nav .side-divider{display:block}
  body.dashboard-neutral .side-nav .side-link.signout{margin-top:auto;margin-left:0}
}
@media(max-width:600px){
  body.dashboard-neutral .dashboard{padding:.75rem}
  body.dashboard-neutral .dash-main{padding:0}
  body.dashboard-neutral .kpi-grid{grid-template-columns:1fr}
  body.dashboard-neutral .kpi-card{min-height:112px}
  body.dashboard-neutral .wizard-card{padding:1.35rem 1.15rem}
  body.dashboard-neutral .wizard-card::before{margin:-1.35rem 0 1.35rem}
  body.dashboard-neutral .view-toggle .vt-btn{min-height:54px}
  body.dashboard-neutral .wizard-draftbar{align-items:flex-start;flex-direction:column}
  body.dashboard-neutral .wizard-draft-actions{width:100%}
  body.dashboard-neutral .wizard-draft-actions button{flex:1}
  body.dashboard-neutral .wizard-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.dashboard-neutral .preview-photo-strip{grid-template-columns:1fr 1fr;max-height:none}
  body.dashboard-neutral .preview-photo-strip img:first-child{grid-column:span 2;grid-row:auto}
}

/* Collapse contract: only the complete left rail is removed. The currently
   active dashboard panel always remains rendered and claims the released room. */
body.dashboard-neutral.sidebar-collapsed .side-col{display:none!important}
body.dashboard-neutral.sidebar-collapsed .dashboard{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
}
body.dashboard-neutral.sidebar-collapsed .dash-main{
  display:block!important;
  grid-column:1!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
}