/* HHD SUPERAGENTS UI01 — strictly visual: no business taxonomy or access policy. */
.hhd-public-hero-grid.has-companion {
    grid-template-columns: minmax(0,.89fr) minmax(0,1.20fr) minmax(0,.94fr);
    gap: clamp(12px,1.7vw,30px);
    min-height: 520px;
    padding-block: clamp(35px,4vw,62px);
}
.hhd-public-hero-grid.has-companion .hhd-public-hero-copy { min-width:0; }
.hhd-public-hero-grid.has-companion .hhd-public-hero-copy h1 { font-size:clamp(29px,3vw,48px); }
.hhd-public-hero-grid.has-companion .hhd-public-hero-copy > p { font-size:clamp(14px,1.2vw,18px); }
.hhd-public-hero-grid.has-companion .hhd-public-hero-visual { min-width:0;max-width:none;width:100%;justify-self:stretch; }
.hhd-public-hero-grid.has-companion .hhd-public-hero-visual img { width:100%;height:auto;object-fit:contain;aspect-ratio:auto; }
.hhd-public-hero-companion { min-width:0;position:relative; }
.hhd-gus-entry { min-width:0;position:relative;display:flex;align-items:center;isolation:isolate;min-height:350px; }
.hhd-gus-portrait { width:58%;max-width:260px;flex:0 0 58%;align-self:flex-end;position:relative;z-index:1; }
.hhd-gus-portrait img { width:100%;height:340px;object-fit:contain;object-position:50% 50%;border-radius:70px 70px 45px 45px;mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 82%,transparent 100%); }
.hhd-gus-message { min-width:0;position:relative;z-index:2;flex:1 0 55%;margin-left:-9%;padding:15px 13px 16px;background:rgba(255,255,255,.91);border:1px solid #cddff7;border-radius:22px;box-shadow:0 12px 30px rgba(39,87,158,.10); }
.hhd-gus-message h2 { margin:0 0 7px;font-size:clamp(17px,1.55vw,22px);line-height:1.2;color:#123c85; }
.hhd-gus-message p { margin:0 0 14px;font-size:clamp(12px,.98vw,14px);line-height:1.45;color:#405572; }
.hhd-gus-cta { min-height:41px;padding:9px 12px;font-size:12px;width:100%;white-space:nowrap; }
.hhd-gus-guide { position:absolute;z-index:6;top:calc(100% - 8px);right:0;width:min(360px,100%);padding:16px;border:1px solid #c7dcf6;border-radius:17px;background:#fff;box-shadow:0 22px 48px rgba(21,58,112,.21);color:#153458; }
.hhd-gus-guide-header { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.hhd-gus-guide-header strong { font-size:15px; }
.hhd-gus-guide-close { appearance:none;background:none;border:0;color:#234f8c;font-size:23px;min-width:36px;min-height:36px;cursor:pointer; }
.hhd-gus-guide p { font-size:13px;line-height:1.5; }
.hhd-gus-guide nav { display:grid;gap:8px; }
.hhd-gus-guide nav a { padding:10px;border-radius:10px;border:1px solid #c7d8f1;text-decoration:none;font-size:13px;font-weight:700;color:#1554bd; }
.hhd-gus-guide nav a:hover { background:#edf5ff; }

.hhd-foundation-personal-presence .hhd-scottie-entry {
    position:relative;isolation:isolate;max-width:1250px;margin-inline:auto;
    min-height:310px;display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.85fr) minmax(160px,.63fr);
    align-items:center;gap:clamp(8px,1.8vw,22px);padding:clamp(16px,2.2vw,26px);
    overflow:visible;background:linear-gradient(114deg,rgba(255,255,255,.98),rgba(238,251,248,.94));
    border:1px solid #d2e2f1;border-radius:22px;box-shadow:0 9px 24px rgba(17,49,92,.09);
}
.hhd-scottie-copy { min-width:0;align-self:center;z-index:2; }
.hhd-scottie-entry .hhd-personal-agent-heading h2 { margin:0 0 4px;font-size:clamp(19px,1.7vw,24px);color:#0c2141; }
.hhd-scottie-entry .hhd-personal-agent-heading p { font-size:clamp(13px,1.15vw,16px);color:#38526f; }
.hhd-scottie-explainer { font-size:clamp(13px,1vw,15px);line-height:1.5;max-width:46ch;color:#263c56;margin:15px 0!important; }
.hhd-scottie-work-context { display:grid;gap:4px;padding:9px 12px;margin:14px 0;border:1px solid #c7e7df;border-radius:12px;background:rgba(242,255,251,.85);font-size:12px;color:#255047; }
.hhd-scottie-work-context strong { font-size:14px;color:#0c4535; }
.hhd-scottie-work-eyebrow { color:#14735d;font-weight:750;font-size:11px;letter-spacing:.02em; }
.hhd-scottie-actions { display:flex;gap:9px;flex-wrap:wrap;margin-top:13px; }
.hhd-scottie-actions button { min-height:38px;cursor:pointer;padding:8px 12px;font-size:12px; }
.hhd-scottie-portrait { position:relative;align-self:stretch;z-index:1;min-width:0;overflow:hidden; }
.hhd-scottie-portrait img { position:absolute;top:0;left:0;width:100%;height:100%;min-height:300px;object-fit:cover;object-position:50% 17%;mix-blend-mode:multiply;mask-image:linear-gradient(180deg,#000 0%,#000 83%,transparent 100%); }
.hhd-scottie-speech { position:relative;align-self:start;margin-top:15px;display:grid;gap:7px;z-index:2;background:rgba(255,255,255,.96);border:1px solid #d4e5f3;border-radius:20px;padding:20px 16px;box-shadow:0 8px 22px rgba(17,66,109,.08);font-size:13px;color:#3b5269; }
.hhd-scottie-speech strong { color:#0e7b61;font-size:clamp(16px,1.4vw,20px); }
.hhd-scottie-status-panel { grid-column:1/-1;border:1px solid #c4ddd8;border-radius:12px;background:#f3fbf8;padding:13px 15px;z-index:3;color:#214b42;font-size:13px; }
.hhd-scottie-status-panel strong { font-size:15px; }
.hhd-scottie-status-panel p { margin:8px 0 12px; }

@media(max-width:1080px) {
  .hhd-public-hero-grid.has-companion { grid-template-columns:minmax(0,.90fr) minmax(0,1.12fr); }
  .hhd-public-hero-grid.has-companion .hhd-public-hero-companion { grid-column:1/-1;justify-self:center;width:min(630px,100%); }
  .hhd-gus-entry { min-height:230px;justify-content:center; }
  .hhd-gus-portrait { flex-basis:35%;max-width:210px; }
  .hhd-gus-portrait img { height:245px; }
  .hhd-gus-message { flex:0 1 50%;margin-left:-4%; }
}
@media(max-width:940px) {
  .hhd-public-hero-grid.has-companion { grid-template-columns:1fr;min-height:0; }
  .hhd-public-hero-grid.has-companion .hhd-public-hero-visual { max-width:700px;justify-self:center; }
  .hhd-foundation-personal-presence .hhd-scottie-entry { grid-template-columns:minmax(0,1fr) minmax(180px,.75fr); }
  .hhd-scottie-speech { grid-column:1/-1;margin-top:0; }
  .hhd-scottie-portrait { min-height:265px; }
}
@media(max-width:580px) {
  .hhd-gus-entry { min-height:200px; }
  .hhd-gus-portrait { flex:0 0 42%; }
  .hhd-gus-portrait img { height:225px; }
  .hhd-gus-message { flex:1 1 55%;margin-left:-4%;padding:12px; }
  .hhd-gus-guide { right:0;top:100%; }
  .hhd-foundation-personal-presence .hhd-scottie-entry { grid-template-columns:minmax(0,1fr) minmax(110px,.55fr);padding:14px; }
  .hhd-scottie-copy .hhd-personal-agent-heading { gap:6px; }
  .hhd-scottie-copy .hhd-personal-agent-heading .hhd-foundation-visual-icon { flex-basis:29px;max-width:29px;max-height:29px; }
  .hhd-scottie-portrait { min-height:240px; }
  .hhd-scottie-portrait img { object-position:48% 16%; }
  .hhd-scottie-actions { display:grid; }
  .hhd-scottie-speech { padding:12px; }
}
@media(prefers-reduced-motion:reduce) {
  .hhd-gus-cta { transition:none; }
}

/* SA-UI02: the public landing copy and four-context heading no longer use
   duplicated eyebrow labels. Prevent the desktop context headline from making
   a gratuitous second line; allow natural wrapping at smaller viewports. */
.hhd-public-hero-grid.has-companion .hhd-public-hero-copy h1:first-child { margin-top:0; }
.hhd-public-context-trust .hhd-public-section-heading h2:first-child { margin-top:0; }
@media (min-width:960px) {
  .hhd-public-shell .hhd-public-context-trust .hhd-public-section-heading.is-wide { max-width:100%; }
  .hhd-public-shell .hhd-public-context-trust .hhd-public-section-heading h2 {
    font-size:clamp(21px,2.15vw,32px);
    letter-spacing:-.04em;
    white-space:nowrap;
  }
}
@media (max-width:959px) {
  .hhd-public-shell .hhd-public-context-trust .hhd-public-section-heading h2 { white-space:normal; }
}

/* HHD-SA-UI03 — Four approved 3D context illustrations.
   Keep each card's heading, text, actions and underlying entry-context semantics untouched.
   Responsive intrinsic ratio, no cropping, no layout-dependent hardcoded identities. */
.hhd-public-shell .hhd-public-context-grid article > img {
  display: block;
  inline-size: min(100%, 216px);
  block-size: auto;
  max-inline-size: 100%;
  object-fit: contain;
  object-position: center;
  align-self: center;
  margin: 0 auto 10px;
  border-radius: 14px;
}
@media (max-width: 620px) {
  .hhd-public-shell .hhd-public-context-grid article > img {
    inline-size: min(100%, 204px);
  }
}

/* SA-UI08: private Scottie drafts are not chat messages or agent execution. */
.hhd-scottie-conversation-list { list-style:none;display:grid;gap:6px;padding:0;margin:12px 0; }
.hhd-scottie-conversation-list li { display:flex;justify-content:space-between;align-items:center;gap:12px;min-width:0;flex-wrap:wrap; }
.hhd-scottie-conversation-choice { background:#fff;border:1px solid #b9d5ce;border-radius:9px;min-height:36px;padding:7px 11px;color:#1d5a4c;text-align:left;cursor:pointer;flex:1 1 180px; }
.hhd-scottie-conversation-choice[aria-pressed="true"] { border-color:#14735d;box-shadow:inset 0 0 0 1px #14735d;background:#e9f8f2; }
.hhd-scottie-conversation-choice:disabled { cursor:not-allowed;opacity:.56; }
.hhd-scottie-draft-section { display:grid;gap:10px;min-width:0;margin:14px 0;padding:14px;border:1px solid #c7ddd7;border-radius:12px;background:#fff; }
.hhd-scottie-draft-section h3 { font-size:15px;color:#185644;margin:0; }
.hhd-scottie-draft-section label { font-weight:650;font-size:13px; }
.hhd-scottie-draft-input { display:block;width:100%;min-height:95px;resize:vertical;box-sizing:border-box;border:1px solid #a9c8c0;border-radius:9px;padding:9px 10px;color:#203b35;background:#fff;font:inherit;line-height:1.45; }
.hhd-scottie-draft-input:focus-visible,.hhd-scottie-conversation-choice:focus-visible { outline:3px solid #1b7dca;outline-offset:2px; }
.hhd-scottie-draft-actions { display:flex;flex-wrap:wrap;gap:9px; }
.hhd-scottie-draft-actions button { min-height:38px; }
.hhd-scottie-draft-list { list-style:none;padding:0;margin:0;display:grid;gap:9px;max-height:320px;overflow:auto; }
.hhd-scottie-draft-list li { padding:10px 12px;border:1px solid #d5e6df;border-radius:9px;background:#f7fbf9;overflow-wrap:anywhere; }
.hhd-scottie-draft-list p { margin:0 0 6px;white-space:pre-wrap; }
.hhd-scottie-draft-list small { color:#567065; }
.hhd-scottie-draft-warning { color:#46645c;font-size:12px; }
@media(max-width:580px) { .hhd-scottie-draft-section { padding:10px; } .hhd-scottie-draft-actions { display:grid; } }

/* SA-UI10: prepared personal Scottie requests; not AI activity or delivery. */
.hhd-scottie-turn-notice { display:grid;gap:6px;border:1px solid #d3e6dd;border-radius:10px;background:#f2faf6;padding:10px 12px;min-width:0; }
.hhd-scottie-turn-notice p { margin:0;color:#315c4f;font-size:12px; }
.hhd-scottie-turn-notice button { justify-self:start; }
.hhd-scottie-prepared-label { display:inline-flex;align-items:center;color:#176849;font-size:12px;font-weight:650;padding:6px 0; }

/* HHD-SA-UI14 — Rosie/Scottie preference layout parity (presentation only).
   Do not reuse configuration or business authority across agents. */
.hhd-scottie-owner-dialog .e-dlg-content { max-height:min(83dvh,780px);overflow-y:auto; }
.hhd-scottie-owner-dialog .e-dlg-header-content { padding-block:10px; }
.hhd-scottie-settings-header { display:flex;gap:12px;align-items:center;justify-content:space-between;min-width:0; }
.hhd-scottie-settings-header h2 { margin:0;font-size:clamp(16px,1.4vw,19px);font-weight:600;color:#20354f; }
.hhd-scottie-settings-close { border:0;background:transparent;color:#27384d;font-size:20px;line-height:1;min-width:36px;min-height:36px;cursor:pointer;border-radius:7px;flex:none; }
.hhd-scottie-settings-close:hover { background:#f1f5fa; }
.hhd-scottie-settings-body { display:grid;gap:10px;color:#263e5a;font-size:13px;min-width:0; }
.hhd-scottie-settings-note { margin:0;color:#526984;font-size:12px;line-height:1.5; }
.hhd-scottie-settings-meta { display:flex;gap:12px;flex-wrap:wrap;padding:6px 10px;border:1px solid #d7e5f3;border-radius:8px;background:#f5f9ff;font-size:12px; }
.hhd-scottie-settings-tabs { display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 0; }
.hhd-scottie-settings-tabs button { min-width:7.25rem;min-height:36px;border:1px solid #cbdaec;background:#fff;color:#24518d;border-radius:8px;padding:6px 12px;cursor:pointer; }
.hhd-scottie-settings-tabs button[aria-pressed="true"] { color:#1b5dae;border-color:#176bf2;background:rgba(32,111,220,.09);font-weight:700; }
.hhd-scottie-settings-panel { min-width:0;height:clamp(260px,40vh,385px);overflow-y:auto;overflow-x:hidden;border:1px solid #d5e2f4;border-radius:12px;background:#fff; }
.hhd-scottie-settings-section { display:grid;gap:12px;padding:15px;min-width:0; }
.hhd-scottie-settings-section label { display:grid;gap:6px;font-weight:600;min-width:0; }
.hhd-scottie-settings-enabled { display:flex!important;align-items:center;justify-content:flex-start;gap:9px!important;min-height:24px;margin-bottom:2px;cursor:pointer; }
.hhd-scottie-settings-enabled input[type="checkbox"] { width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;flex:0 0 16px;padding:0!important;margin:0;accent-color:#176bf2; }
.hhd-scottie-settings-enabled span { display:inline;font-weight:600; }
.hhd-scottie-settings-section textarea,.hhd-scottie-settings-section input:not([type="checkbox"]),.hhd-scottie-settings-footer input { box-sizing:border-box;border:1px solid #b8cce2;border-radius:8px;min-height:36px;padding:7px 9px;background:#fff;color:#1e3652; }
.hhd-scottie-settings-section textarea { display:block;width:100%;resize:vertical;min-height:110px;max-height:230px;line-height:1.5; }
.hhd-scottie-settings-numbers { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 12px; }
.hhd-scottie-settings-numbers label { display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:7px;min-width:0;font-size:12px; }
.hhd-scottie-settings-numbers input[type="number"] { width:min(100%,10.5rem);font-variant-numeric:tabular-nums; }
.hhd-scottie-settings-advanced { margin:10px 0 0; }
.hhd-scottie-settings-advanced summary { cursor:pointer;font-weight:650;margin-bottom:12px; }
.hhd-scottie-settings-history-heading { display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px; }
.hhd-scottie-settings-empty { margin:0;font-size:12px;color:#526984; }
.hhd-scottie-settings-footer { display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;padding:2px 0 0; }
.hhd-scottie-settings-footer label { flex:1 1 18rem;max-width:35rem;display:grid;gap:6px;font-weight:600; }
.hhd-scottie-settings-footer input { width:100%; }
.hhd-scottie-settings-footer button { min-height:36px; }
.hhd-scottie-settings-compare { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:6px; }
.hhd-scottie-settings-compare > div { min-width:0;padding:11px;border:1px solid #d5e2f4;border-radius:9px; }
.hhd-scottie-settings-compare h4 { margin:2px 0 8px; }
.hhd-scottie-settings-compare p { margin:6px 0;overflow-wrap:anywhere; }
.hhd-scottie-settings-instruction-preview { white-space:pre-wrap;max-height:100px;overflow:auto; }
.hhd-scottie-settings-body :is(button,input,textarea,summary):focus-visible,.hhd-scottie-settings-close:focus-visible { outline:3px solid #176bf2;outline-offset:2px; }
@media(max-width:900px) { .hhd-scottie-settings-numbers { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:620px) { .hhd-scottie-settings-panel { height:clamp(245px,42dvh,360px); } .hhd-scottie-settings-compare { grid-template-columns:1fr; } .hhd-scottie-settings-footer { align-items:stretch; } .hhd-scottie-settings-meta { display:grid;gap:4px; } .hhd-scottie-settings-tabs button { min-width:auto;flex:1; } }

/* SA-UI32: Scottie reuses the existing, native Syncfusion chat surface. */
.hhd-scottie-direct-chat{min-height:320px;height:min(62vh,610px);min-width:0;overflow:hidden}
.hhd-scottie-direct-chat .hhd-agent-chat-surface{height:100%;min-height:300px}
@media(max-width:580px){.hhd-scottie-direct-chat{height:min(55vh,470px);min-height:290px}}