/* Sales dialogue: an optional task brief alongside direct communication channels. */
#manager-dialog {
  --manager-space:clamp(24px,2.75vw,60px);
  width:min(74vw,1780px); min-width:min(900px,calc(100% - 40px));
  max-width:calc(100% - 40px); max-height:calc(100dvh - 40px); overflow:auto; padding:0;
  background:#14242e; color:#eef3f5; border:1px solid #4b606d; border-radius:9px;
  box-shadow:0 24px 100px #0008; overscroll-behavior:contain;
}
#manager-dialog::backdrop { background:#050b0fc7; backdrop-filter:blur(5px); }
.manager-layout { display:grid; grid-template-columns:minmax(0,1.38fr) minmax(0,1fr); min-height:min(69dvh,890px); }
.manager-main,.manager-connect { min-width:0; padding:var(--manager-space); overflow-wrap:anywhere; }
.manager-main { background:linear-gradient(155deg,#1d323d,#14242e 70%); display:flex; flex-direction:column; }
.manager-connect { background:#0e1b22; border-left:1px solid #435763; display:flex;flex-direction:column; justify-content:center; }
#manager-dialog .manager-close { position:absolute; right:10px; top:10px; z-index:1; height:44px; width:44px; min-width:44px; min-height:44px; --button-border:transparent; --button-surface:transparent; --button-ink:#d1dce2; box-shadow:none; font-size:24px; }
.manager-kicker { margin:0 0 12px; color:#f3ae82; font:600 clamp(11px,.75vw,13px)/1.4 var(--font-mono); letter-spacing:.10em; text-transform:uppercase; }
#manager-title { max-width:15ch; margin:0; font-size:clamp(34px,3.45vw,66px); line-height:1.04; letter-spacing:-.025em; }
.manager-selection { margin:12px 0 0; color:#d8e6ed; font-size:14px; }
.manager-topics { display:flex; flex-wrap:wrap; gap:8px; margin:clamp(18px,2vw,34px) 0; }
.manager-topics .ui-button { min-height:44px; --button-padding:8px 13px; --button-font:clamp(13px,.9vw,16px); --button-surface:#14242e; }
.manager-topics [aria-pressed="true"] { color:#ffd3b4; background:#3c322d; border-color:#d29b75; }
@media (forced-colors:active) {
  .manager-topics [aria-pressed="true"] { text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:3px; }
}
.manager-advice { margin-top:auto; border-top:1px solid #405863; padding-top:clamp(16px,1.35vw,28px); }
.manager-advice h3,.manager-connect h3 { font:550 clamp(23px,1.9vw,34px)/1.15 var(--font-display); margin:0; }
.manager-advice dl { margin:12px 0; }
.manager-advice dl>div { display:grid; grid-template-columns:70px minmax(0,1fr); column-gap:10px; padding:7px 0; }
.manager-advice dt { color:#e7b898; font-size:13px; }
.manager-advice dd { margin:0; font-size:clamp(14px,1vw,17px); line-height:1.5; color:#d2dee4; }
.manager-message { margin-top:8px; border-top:1px solid #364953; }
.manager-message summary { width:fit-content; display:list-item; min-height:44px; padding:12px 0; color:#b9cbd4; cursor:pointer; font-size:14px; }
.manager-message p { color:#d4e1e7; margin:0 0 9px; font-size:15px; user-select:all; }
.manager-message small { display:block; color:#c4d9cc; }
.manager-message small:empty { display:none; }
.manager-hours { margin:7px 0 0; font-size:14px; color:#b0c3ce; }
.manager-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin:clamp(16px,2.1vw,32px) 0 10px; }
.manager-channel { min-height:50px; justify-content:center; gap:8px; --button-padding:10px; --button-font:clamp(14px,1vw,17px); overflow-wrap:anywhere; }
.manager-max { grid-column:1/-1; }
.manager-max .contact-icon { filter:brightness(0); }
.manager-direct { display:grid; border-top:1px solid #354b57; }
.manager-direct a { display:flex; align-items:center; gap:14px; min-height:44px; padding-block:12px; width:fit-content; max-width:100%; color:#e8eff3; text-decoration:none; }
.manager-direct a:hover strong { text-decoration:underline; text-underline-offset:3px; }
.manager-direct small,.manager-direct strong { display:block; }
.manager-direct small { margin-bottom:3px; color:#aabdc8; font-size:12px; }
.manager-direct strong { font-size:clamp(16px,1.25vw,22px); font-weight:550; }
@media(max-width:820px){
  #manager-dialog { width:min(600px,calc(100% - 20px)); min-width:0; max-width:none; max-height:calc(100dvh - 20px); }
  .manager-layout { display:block; min-height:0; }
  .manager-main,.manager-connect { padding:18px 20px; }
  .manager-kicker { margin-bottom:6px; }
  #manager-title { max-width:none; padding-right:28px; font-size:clamp(26px,5vw,34px); }
  .manager-topics { gap:5px; margin:12px 0; }
  .manager-topics .ui-button { --button-padding:6px 8px; --button-font:13px; }
  .manager-advice { padding-top:11px; }
  .manager-advice h3,.manager-connect h3 { font-size:21px; }
  .manager-advice dl { margin:5px 0; }
  .manager-advice dl>div { grid-template-columns:60px minmax(0,1fr); padding:3px 0; }
  .manager-advice dd { line-height:1.35; }
  .manager-message { margin-top:4px; }
  .manager-message summary { padding-block:10px; }
  .manager-connect { border-left:0; border-top:1px solid #435763; }
  .manager-connect .manager-kicker { display:none; }
  .manager-hours { margin-top:3px; font-size:12px; }
  .manager-actions { margin:12px 0 6px; gap:6px; }
  .manager-channel { min-height:44px; }
  .manager-direct { grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr)); gap:2px 10px; }
  .manager-direct a { gap:7px; padding-block:7px; }
  .manager-direct .contact-icon { width:16px; height:16px; }
  .manager-direct strong { font-size:13px; }
}
@media(max-height:540px) and (min-width:821px){
  .manager-layout { min-height:0; }
  .manager-main,.manager-connect { padding-block:22px; }
}