/* S6R — Advisor visual/navigation system. Shared chrome only; no business logic. */
.cemi-surface-advisor,
.cemi-surface-advisor-single{
  --cemi-advisor-bg:#071521;
  --cemi-advisor-panel:#0d2232;
  --cemi-advisor-panel-soft:#10283a;
  --cemi-advisor-line:#29485c;
  --cemi-advisor-line-strong:#3b6077;
  --cemi-advisor-text:#f4f8fb;
  --cemi-advisor-muted:#9fb6c5;
  --cemi-advisor-accent:var(--cemi-private-accent,#ff2f86);
  --cemi-advisor-accent-soft:rgba(200,23,104,.14);
  --cemi-advisor-radius:var(--cemi-private-radius-panel,14px);
  --cemi-advisor-page:min(1380px,calc(100% - 48px));
  color:var(--cemi-advisor-text);
  background:var(--cemi-advisor-bg);
}

/* One header language across Home, inventory, property, expedient and capture. */
.cemi-surface-advisor .cemi-portal-header,
.cemi-surface-advisor-single .cemi-portal-header{
  min-height:62px;
  padding-inline:max(18px,calc((100vw - 1380px)/2));
  gap:18px;
  border-bottom:1px solid var(--cemi-advisor-line);
  background:rgba(7,21,33,.96);
  backdrop-filter:blur(14px);
  box-shadow:0 8px 22px rgba(0,0,0,.14);
}
.cemi-surface-advisor .cemi-portal-brand,
.cemi-surface-advisor-single .cemi-portal-brand{
  color:#fff;
  font-weight:850;
  letter-spacing:-.02em;
}
.cemi-surface-advisor .cemi-portal-nav,
.cemi-surface-advisor-single .cemi-portal-nav{gap:3px;scrollbar-width:none}
.cemi-surface-advisor .cemi-portal-nav::-webkit-scrollbar,
.cemi-surface-advisor-single .cemi-portal-nav::-webkit-scrollbar{display:none}
.cemi-surface-advisor .cemi-portal-nav a,
.cemi-surface-advisor-single .cemi-portal-nav a,
.cemi-surface-advisor .cemi-portal-account,
.cemi-surface-advisor-single .cemi-portal-account{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  padding:8px 11px;
  border-radius:9px;
  color:var(--cemi-advisor-muted);
  font-size:.88rem;
  font-weight:700;
  transition:background .16s ease,color .16s ease,border-color .16s ease;
}
.cemi-surface-advisor .cemi-portal-nav a:hover,
.cemi-surface-advisor-single .cemi-portal-nav a:hover,
.cemi-surface-advisor .cemi-portal-account:hover,
.cemi-surface-advisor-single .cemi-portal-account:hover{
  color:#fff;background:#112b3d;
}
.cemi-surface-advisor .cemi-portal-nav__primary{
  color:#fff!important;background:var(--cemi-advisor-accent)!important;
}

/* Stable working width across advisor surfaces. */
.cemi-surface-advisor .cemi-private-container,
.cemi-surface-advisor .cemi-home-shell,
.cemi-surface-advisor .cemi-create-shell,
#cemi-advisor-native-root .cemi-advisor-workspace__shell,
.cemi-surface-advisor-single .cemi-container{
  width:var(--cemi-advisor-page);
  max-width:1380px;
  margin-inline:auto;
  box-sizing:border-box;
}

/* Consistent page introductions. */
.cemi-surface-advisor .cemi-home-heading,
.cemi-surface-advisor .cemi-advisor-expedient__context,
#cemi-advisor-native-root .cemi-advisor-capture-head{
  border:1px solid var(--cemi-advisor-line);
  border-radius:var(--cemi-advisor-radius);
  background:linear-gradient(135deg,var(--cemi-advisor-panel),var(--cemi-advisor-panel-soft));
  box-shadow:0 12px 28px rgba(0,0,0,.12);
}
.cemi-surface-advisor .cemi-home-heading{padding:20px 22px}
.cemi-surface-advisor .cemi-home-heading h1,
.cemi-surface-advisor .cemi-advisor-expedient__context h1,
#cemi-advisor-native-root .cemi-advisor-capture-head h1{
  margin:.12em 0 .28em;
  font-size:clamp(1.55rem,2.4vw,2.25rem);
  line-height:1.08;
  letter-spacing:-.025em;
}
.cemi-surface-advisor .cemi-eyebrow,
.cemi-surface-advisor .cemi-portal-eyebrow,
.cemi-surface-advisor-single .cemi-eyebrow{
  color:#f0629f;
  letter-spacing:.08em;
}

/* Shared panels/cards. */
.cemi-surface-advisor .cemi-home-section,
.cemi-surface-advisor .cemi-advisor-portfolio-summary,
.cemi-surface-advisor .cemi-advisor-expedient__section,
.cemi-surface-advisor .cemi-advisor-expedient__state,
#cemi-advisor-native-root .cemi-advisor-panel,
#cemi-advisor-native-root .cemi-capture-review-strip{
  border-color:var(--cemi-advisor-line);
  box-shadow:none;
}

/* Buttons share hit target, typography and focus behavior. */
.cemi-surface-advisor .cemi-button,
.cemi-surface-advisor-single .cemi-button,
#cemi-advisor-native-root .cemi-button{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid var(--cemi-advisor-line-strong);
  border-radius:10px;
  padding:8px 14px;
  color:#eef5f9;
  background:#071827;
  text-decoration:none;
  font-size:.86rem;
  font-weight:800;
}
.cemi-surface-advisor .cemi-button--primary,
.cemi-surface-advisor-single .cemi-button--primary,
#cemi-advisor-native-root .cemi-button--primary{
  border-color:var(--cemi-advisor-accent);
  background:var(--cemi-advisor-accent);
  color:#fff;
}
.cemi-surface-advisor a:focus-visible,
.cemi-surface-advisor button:focus-visible,
.cemi-surface-advisor input:focus-visible,
.cemi-surface-advisor select:focus-visible,
.cemi-surface-advisor textarea:focus-visible,
.cemi-surface-advisor-single a:focus-visible{
  outline:3px solid rgba(240,98,159,.42);
  outline-offset:2px;
}

/* Property inventory cards/tables remain compact and task-oriented. */
.cemi-surface-advisor .cemi-advisor-portfolio-summary{border-radius:var(--cemi-advisor-radius)}
.cemi-surface-advisor .cemi-property-card,
.cemi-surface-advisor .cemi-advisor-property-card{
  border-radius:12px;
  border-color:var(--cemi-advisor-line);
  background:var(--cemi-advisor-panel);
}

/* Expedient/capture context navigation should read like the same product. */
.cemi-surface-advisor .cemi-advisor-expedient__index,
#cemi-advisor-native-root .cemi-advisor-workspace__steps{
  border-color:var(--cemi-advisor-line);
  background:rgba(7,21,33,.96);
}
.cemi-surface-advisor .cemi-advisor-expedient__index a,
#cemi-advisor-native-root .cemi-advisor-workspace__steps a{
  color:var(--cemi-advisor-muted);
  border-radius:9px;
}
.cemi-surface-advisor .cemi-advisor-expedient__index a:hover,
#cemi-advisor-native-root .cemi-advisor-workspace__steps a:hover{color:#fff;background:#112b3d}

/* Advisor Single: retain the same portal frame while keeping property content readable. */
.cemi-surface-advisor-single .cemi-public-site-main{background:var(--cemi-advisor-bg);min-height:calc(100vh - 62px)}
.cemi-surface-advisor-single .cemi-advisor-property-surface{padding-bottom:56px}
.cemi-surface-advisor-single .cemi-property-page--advisor .cemi-public-navigation{
  top:62px;
  border-color:var(--cemi-advisor-line);
  background:rgba(7,21,33,.96);
  backdrop-filter:blur(12px);
}
.cemi-surface-advisor-single .cemi-property-page--advisor .cemi-section{
  scroll-margin-top:128px;
}

@media(max-width:980px){
  .cemi-surface-advisor,
  .cemi-surface-advisor-single{--cemi-advisor-page:calc(100% - 32px)}
  .cemi-surface-advisor .cemi-portal-header,
  .cemi-surface-advisor-single .cemi-portal-header{padding-inline:16px;grid-template-columns:1fr auto;gap:8px 12px}
  .cemi-surface-advisor .cemi-portal-nav,
  .cemi-surface-advisor-single .cemi-portal-nav{grid-column:1/-1;justify-content:flex-start;padding-bottom:8px}
}
@media(max-width:620px){
  .cemi-surface-advisor,
  .cemi-surface-advisor-single{--cemi-advisor-page:calc(100% - 20px)}
  .cemi-surface-advisor .cemi-portal-header,
  .cemi-surface-advisor-single .cemi-portal-header{position:sticky;min-height:56px;padding-inline:10px}
  .cemi-surface-advisor .cemi-portal-brand,
  .cemi-surface-advisor-single .cemi-portal-brand{font-size:.94rem}
  .cemi-surface-advisor .cemi-portal-account,
  .cemi-surface-advisor-single .cemi-portal-account{font-size:.8rem;padding-inline:8px}
  .cemi-surface-advisor .cemi-portal-nav a,
  .cemi-surface-advisor-single .cemi-portal-nav a{font-size:.8rem;padding:7px 9px}
  .cemi-surface-advisor .cemi-home-heading{padding:16px}
  .cemi-surface-advisor .cemi-home-heading--actions,
  .cemi-surface-advisor .cemi-advisor-expedient__context,
  #cemi-advisor-native-root .cemi-advisor-capture-head{gap:12px}
  .cemi-surface-advisor .cemi-home-quick-actions,
  .cemi-surface-advisor .cemi-advisor-expedient__actions,
  #cemi-advisor-native-root .cemi-advisor-capture-head__actions{width:100%}
  .cemi-surface-advisor .cemi-home-quick-actions .cemi-button,
  .cemi-surface-advisor .cemi-advisor-expedient__actions .cemi-button,
  #cemi-advisor-native-root .cemi-advisor-capture-head__actions .cemi-button{flex:1 1 100%}
}
