/* Dedicated /agros workspace, in the personal portfolio's editorial palette. */
.embedded.standalone,.embedded.standalone body{height:min(var(--workspace-height,100dvh),100dvh);background:#faf9f6;overflow:hidden}
.standalone body{display:flex;flex-direction:column}
.embedded.standalone .page-header{display:flex;flex:none;min-height:72px;width:100%;padding:12px 32px;margin:0;border-bottom:1px solid #d9dddf;align-items:center}
.standalone .personal-brand{display:flex;flex-direction:row;align-items:center;gap:18px;font:12px/1.5 var(--sans);letter-spacing:0;text-decoration:none}
.standalone .personal-brand strong{font:400 32px/1 var(--serif);letter-spacing:-1px}
.standalone .personal-brand span{color:#56636a}
.standalone .back-link{font-size:12px}
.embedded.standalone .pilot-layout{flex:1;min-height:0;height:auto;width:100%;margin:0}
.embedded.workspace-expanded .chat-panel,.embedded.workspace-expanded .chat-toolbar,.embedded.workspace-expanded .composer-area{background:#faf9f6}
.embedded.workspace-expanded .chat-toolbar{border-bottom:1px solid #d9dddf}
.embedded .country-control select{border-radius:3px;background:#fff;color:#18232a;border-color:#cdd6da}
.embedded .chat-welcome h2{font-family:var(--serif);font-weight:400;letter-spacing:-.03em;color:#18232a}
.embedded.workspace-expanded .chat-welcome h2{font-size:clamp(28px,4vw,42px)}
.embedded.workspace-expanded .starters button{border-radius:3px;background:transparent;border-color:#d9dddf;color:#31586b}
.embedded.workspace-expanded #chat-form{border-radius:4px;box-shadow:none;border-color:#cdd6da}
.embedded .send-button,.embedded #registration-confirm{background:#18232a;border-color:#18232a;border-radius:3px;color:white}
.embedded .send-button:hover:not(:disabled),.embedded #registration-confirm:hover{background:#31586b;border-color:#31586b}
.embedded .message-label,.embedded .message-actions button,.embedded .data-link,.embedded .quiet-button{color:#31586b}
.embedded.workspace-expanded .message.user .message-body{background:#edf0f1;border-radius:3px}
.embedded #registration-dialog{background:#faf9f6;border-radius:4px}
.embedded #registration-dialog .registration-fields input{border-radius:3px}
.embedded .message.assistant .message-body{color:#18232a}
@media(max-width:600px){.embedded.standalone .page-header{min-height:68px;padding:12px 16px;gap:14px}.standalone .personal-brand{display:block}.standalone .personal-brand strong{font-size:26px}.standalone .personal-brand span{display:block;font-size:9px;margin-top:4px}.standalone .back-link{font-size:10px;white-space:nowrap}.embedded.workspace-expanded .chat-welcome h2{font-size:29px}}
@media(max-height:550px){.embedded.standalone .page-header{min-height:52px;padding-block:8px}.standalone .personal-brand strong{font-size:24px}.standalone .personal-brand span{font-size:9px}.embedded.workspace-expanded .chat-welcome h2{font-size:23px}}

/* Mobile workspace: the conversation takes the space, secondary controls fold away. */
@media(max-width:900px){
  .embedded.standalone.workspace-expanded .page-header{padding:8px max(16px,env(safe-area-inset-left));gap:12px;min-height:72px}
  .embedded.standalone .header-actions a,.embedded.standalone .header-actions button{min-height:32px;display:flex;align-items:center;padding-block:4px}
  .embedded.standalone.workspace-expanded .chat-toolbar{padding:6px max(14px,env(safe-area-inset-left));gap:8px;flex-wrap:nowrap}
  .embedded.standalone .country-control.country-enhanced{flex-wrap:nowrap;flex:0 1 auto;gap:8px}
  .embedded.standalone .country-trigger{max-width:calc(100vw - 126px);font-size:13px}
  .embedded.standalone .country-symbol{display:none}
  .embedded.standalone .country-current{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .embedded.standalone.workspace-expanded .chat-body{overflow:hidden}
  .embedded.standalone.workspace-expanded #stream{flex:1;min-height:80px;padding:20px max(16px,env(safe-area-inset-left)) 12px;scroll-behavior:auto}
  .embedded.standalone.workspace-expanded .chat-welcome{padding:0}
  .embedded.standalone.workspace-expanded .chat-welcome h2{font-size:clamp(26px,5vw,34px);line-height:1.16;text-wrap:balance;margin-bottom:14px}
  .embedded.standalone.workspace-expanded .chat-purpose{font-size:14px;line-height:1.6}
  .embedded.standalone.workspace-expanded .message{font-size:16px;line-height:1.75;margin-bottom:24px}
  .embedded.standalone.workspace-expanded .message-actions button{min-height:44px;padding-inline:14px}
  .embedded.standalone.workspace-expanded .composer-area{position:relative;display:flex;flex-direction:column;padding:8px max(12px,env(safe-area-inset-left)) max(4px,env(safe-area-inset-bottom));border-top:1px solid #c8dbcf}
  .embedded.standalone.workspace-expanded #chat-form{order:2;display:flex;align-items:flex-end;gap:8px;padding:6px 8px;border-radius:12px}
  .embedded.standalone.workspace-expanded #message{flex:1;min-width:0;min-height:48px;max-height:104px;font-size:16px;line-height:24px;padding:12px 4px;overflow-y:auto}
  .embedded.standalone.workspace-expanded .composer-actions{margin:0;flex:none;align-self:flex-end;padding-bottom:2px}
  .embedded.standalone.workspace-expanded .composer-actions>span{display:none}
  .embedded.standalone.workspace-expanded .send-button{font-size:0;min-width:44px;min-height:44px;padding:0;display:grid;place-items:center;border-radius:9px}
  .embedded.standalone.workspace-expanded .send-button span{font-size:23px}
  .embedded.standalone.workspace-expanded #conversation-count{order:3;position:absolute;bottom:max(17px,calc(env(safe-area-inset-bottom) + 13px));left:max(14px,env(safe-area-inset-left));margin:0;max-width:43%;font-size:11px;line-height:1.3;pointer-events:none}
  #mobile-chat-tools{order:4;position:relative;width:100%;flex:none;font-size:12px}
  #mobile-chat-tools>summary{min-height:44px;display:flex;align-items:center;justify-content:flex-end;gap:9px;cursor:pointer;list-style:none;color:#255e47;padding:0 2px 0 45%}
  #mobile-chat-tools>summary::-webkit-details-marker{display:none}
  #mobile-chat-tools>summary::after{content:'⌃';font-size:18px}
  #mobile-chat-tools[open]>summary::after{content:'⌄'}
  .mobile-chat-tools-body{position:absolute;z-index:45;bottom:100%;left:0;right:0;max-height:min(380px,55dvh);overflow:auto;overscroll-behavior:contain;padding:14px 18px;background:#f8fff9;border:1px solid #a9c6b5;border-radius:12px;box-shadow:0 -10px 40px #062c1e20}
  .embedded.standalone #mobile-chat-tools .conversation-options{display:flex;margin:0}
  .embedded.standalone #mobile-chat-tools .participant-summary{margin:0;padding:0 0 6px}
  .embedded.standalone #mobile-chat-tools :is(.quiet-button,.data-link){display:inline-flex;align-items:center;min-height:44px;font-size:13px}
  .embedded.standalone #mobile-chat-tools .evaluation-note{display:block;font-size:12px;line-height:1.6;margin:8px 0}
  .embedded.standalone.workspace-expanded #working{padding:8px 12px;max-height:55dvh;overflow:auto}
  .embedded.standalone #working .response-wait{padding:12px 14px}
  .embedded.standalone #working .wait-title{font-size:16px}
  .embedded.standalone.is-waiting #chat-form{display:none}
  .embedded.standalone.keyboard-writing .page-header,.embedded.standalone.keyboard-writing .agros-subnav{display:none}
  .embedded.standalone.keyboard-writing #mobile-chat-tools,.embedded.standalone.keyboard-writing #conversation-count{display:none}
  .embedded.standalone.keyboard-writing .composer-area{padding-bottom:max(8px,env(safe-area-inset-bottom))}
  .embedded.standalone.workspace-expanded :is(dialog,#registration-dialog){position:fixed;inset:auto;top:calc(var(--workspace-offset,0px) + var(--workspace-height,100dvh)/2);left:50%;transform:translate(-50%,-50%);margin:0;max-height:calc(var(--workspace-height,100dvh) - 24px);width:calc(100% - 24px);padding:20px;border-radius:16px;overscroll-behavior:contain;scroll-padding-block:20px}
  .embedded.standalone.workspace-expanded dialog :is(input:not([type=checkbox]),textarea,select){font-size:16px}
  .embedded.standalone.workspace-expanded dialog .close-button{min-width:44px;min-height:44px}
  .embedded.standalone #registration-dialog .context-grid{grid-template-columns:1fr;gap:14px}
  .embedded.standalone #registration-dialog .context-grid label:last-child{grid-column:auto}
  .embedded.standalone #registration-dialog :is(.consent-choice,.training-choice){font-size:13px;line-height:1.6;padding-block:6px}
}
@media(max-height:450px) and (max-width:900px){
  .embedded.standalone.workspace-expanded .chat-body{overflow-y:auto}
  .embedded.standalone.workspace-expanded #stream{flex:1 0 100px}
  .embedded.standalone.workspace-expanded .composer-area{position:sticky;bottom:0}
  .embedded.standalone.workspace-expanded #working{max-height:none}
  .embedded.standalone.keyboard-writing #stream{flex:1;min-height:80px}
}