/* Shared Ask JTA surface: the compact conversation becomes the workspace's right pane. */
.guide-panel.ask-jta-surface{background:var(--ask-surface);color:var(--ask-ink);font-family:var(--ask-ui-font)}
.ask-jta-conversation{display:flex;flex-direction:column;min-width:0;min-height:0;flex:1;overflow:hidden}
.ask-jta-conversation>.guide-header,.ask-jta-conversation>.guide-context,.ask-jta-conversation>.guide-form,.ask-jta-conversation>.guide-note{flex:none}
.ask-jta-controls{display:flex;align-items:center;gap:7px;flex:none}
.ask-jta-controls button{cursor:pointer;color:var(--ask-ink);background:none}
.ask-jta-controls .ask-jta-view,.ask-jta-controls .ask-jta-browse{border:1px solid var(--ask-rule);font:11px/1.2 var(--ask-ui-font);padding:9px 10px;white-space:nowrap}
.ask-jta-browse{display:none}
.ask-jta-surface .guide-heading h2{font:var(--ask-display-weight) 23px/1.08 var(--ask-display-font);letter-spacing:-.025em}
.ask-jta-surface .guide-header,.ask-jta-surface .guide-context,.ask-jta-surface .guide-form{border-color:var(--ask-rule)}
.ask-jta-surface .guide-form button{background:var(--ask-accent)}
.ask-jta-surface .guide-message[data-role=user]{background:var(--ask-user)}
.ask-jta-surface .guide-heading p{font-size:10px;line-height:1.6}
.ask-jta-surface .guide-header{padding:17px 18px;gap:10px}
.ask-jta-surface .guide-form textarea{flex:1;min-width:0;min-height:48px;max-height:140px;resize:vertical;border:0;border-bottom:1px solid var(--ask-rule);background:transparent;color:inherit;font:13px/1.55 var(--ask-ui-font);padding:10px 4px}
.ask-jta-surface .guide-form textarea:focus{outline:2px solid var(--ask-accent);outline-offset:2px}
.ask-jta-surface .guide-log{overscroll-behavior:contain}
.ask-jta-surface .guide-message{white-space:normal;max-width:100%;font-size:13px;line-height:1.8;flex-shrink:0;font-family:var(--ask-copy-font)}
.ask-jta-surface .guide-message[data-role=user]{max-width:85%}
.ask-jta-surface .guide-message-context{font-size:9px;line-height:1.7;font-family:var(--ask-meta-font);color:var(--ask-accent)}
.ask-jta-surface .guide-keep{font-family:var(--ask-ui-font);display:none;border:0;background:none;padding:5px 0;color:var(--ask-accent);font-size:10px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;margin-top:10px}
.ask-jta-browser{display:none}
.guide-panel.ask-jta-surface[data-view=expanded]{inset:24px auto auto 50%!important;transform:translateX(-50%);width:min(1200px,calc(100vw - 48px))!important;height:calc(100dvh - 48px)!important;display:grid;grid-template-columns:minmax(310px,32%) minmax(0,1fr);box-shadow:0 24px 85px var(--ask-shadow)}
.guide-panel.ask-jta-surface[data-view=expanded][data-size=maximized]{width:calc(100vw - 48px)!important}
.ask-jta-surface[data-view=expanded]>.panel-resize{display:none}
.ask-jta-surface[data-view=expanded] .guide-heading{cursor:default;touch-action:auto}
.ask-jta-surface[data-view=expanded] .guide-heading::before{display:none}
.ask-jta-surface[data-view=expanded] .guide-heading{padding-left:0}
.ask-jta-surface[data-view=expanded] .guide-keep{display:inline-block}
.ask-jta-surface[data-view=expanded] .guide-header{padding:24px 28px}
.ask-jta-surface[data-view=expanded] .guide-heading h2{font-size:30px}
.ask-jta-surface[data-view=expanded] .guide-context{padding:14px 28px}
.ask-jta-surface[data-view=expanded] .guide-log{padding:28px 36px;gap:22px}
.ask-jta-surface[data-view=expanded] .guide-message{font-size:14px;max-width:100%;margin-bottom:24px}
.ask-jta-surface[data-view=expanded] .guide-message[data-role=user]{max-width:80%}
.ask-jta-surface[data-view=expanded] .guide-form{padding:18px 28px}
.ask-jta-surface[data-view=expanded] .guide-note{padding:0 28px 16px}
.ask-jta-surface[data-view=expanded] .guide-draft-image{width:min(100%,560px);height:auto}
.ask-jta-surface[data-view=expanded] .ask-jta-browser{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--ask-rail);border-right:1px solid var(--ask-rule)}
.workspace-heading{padding:26px 24px 18px}
.workspace-kicker{font:9px/1.4 var(--ask-meta-font);letter-spacing:.16em;color:var(--ask-accent);margin:0 0 10px}
.workspace-heading h2{font:var(--ask-display-weight) 34px/1.1 var(--ask-display-font);letter-spacing:-.035em;margin:0 0 10px}
.workspace-local{font:10px/1.5 var(--ask-ui-font);color:var(--ask-muted);margin:0}
.workspace-search{margin:0 20px 17px;padding:11px 12px;background:var(--ask-field);border:1px solid var(--ask-rule);border-radius:3px;color:var(--ask-ink);font:11px var(--ask-ui-font);min-width:0}
.workspace-nav{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:0 16px 16px;border-bottom:1px solid var(--ask-rule);max-height:230px;overflow:auto;flex:none}
.workspace-nav-item{display:flex;align-items:center;gap:7px;border:1px solid transparent;border-radius:3px;background:none;color:var(--ask-muted);text-align:left;padding:9px 6px;font:10px/1.5 var(--ask-ui-font);cursor:pointer;min-width:0}
.workspace-nav-item:hover{background:var(--ask-hover)}
.workspace-nav-item[aria-current=true]{background:var(--ask-selected);border-color:var(--ask-selected-rule);color:var(--ask-selected-ink)}
.workspace-icon{font-size:16px;width:16px;text-align:center;flex:none}
.workspace-count{margin-left:auto;font-size:9px;font-variant-numeric:tabular-nums}
.workspace-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px 22px 24px;scrollbar-width:thin}
.workspace-list-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:18px}
.workspace-list-heading h3{font:var(--ask-display-weight) 24px/1.2 var(--ask-display-font);margin:0}
.workspace-list-heading>span{font:10px var(--ask-ui-font);color:var(--ask-muted);white-space:nowrap}
.workspace-empty{border:1px dashed var(--ask-rule);border-radius:4px;padding:23px 18px;background:var(--ask-empty)}
.workspace-empty>span{display:block;color:var(--ask-accent);font-size:25px;margin-bottom:16px}
.workspace-empty h4{font:var(--ask-display-weight) 23px/1.2 var(--ask-display-font);margin:0 0 10px}
.workspace-empty p{font:11px/1.85 var(--ask-ui-font);color:var(--ask-muted);margin:0}
.workspace-item{border:1px solid var(--ask-rule);border-radius:4px;background:var(--ask-card);margin-bottom:8px;overflow:hidden}
.workspace-item-toggle{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;border:0;background:none;color:var(--ask-ink);padding:13px;cursor:pointer}
.workspace-item-toggle strong{font:12px/1.6 var(--ask-ui-font);display:block;overflow-wrap:anywhere}
.workspace-item-toggle small{display:block;font:9px/1.6 var(--ask-ui-font);color:var(--ask-muted);margin-top:3px}
.workspace-item-detail{padding:0 13px 15px;font:12px/1.8 var(--ask-copy-font);overflow-wrap:anywhere}
.workspace-item-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;border-top:1px solid var(--ask-rule);padding-top:10px}
.workspace-text-button{border:0;padding:0;background:none;color:var(--ask-accent);font:10px/1.8 var(--ask-ui-font);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.workspace-move{width:100%;padding:8px;border:1px solid var(--ask-rule);background:var(--ask-surface);color:var(--ask-ink);font:11px var(--ask-ui-font)}
.workspace-provenance{font-size:10px;color:var(--ask-muted);margin-top:12px}
.workspace-image{display:block;width:100%;height:auto;border-radius:4px;margin:10px 0}
.ask-jta-surface .ask-markdown p{margin:0 0 .8em}
.ask-jta-surface .ask-markdown>:last-child{margin-bottom:0}
.ask-jta-surface .ask-markdown h1,.ask-jta-surface .ask-markdown h2,.ask-jta-surface .ask-markdown h3,.ask-jta-surface .ask-markdown h4,.ask-jta-surface .ask-markdown h5,.ask-jta-surface .ask-markdown h6{font:600 1.1em/1.5 var(--ask-ui-font);color:var(--ask-ink);margin:1em 0 .5em}
.ask-jta-surface .ask-markdown ul,.ask-jta-surface .ask-markdown ol{margin:.5em 0 1em;padding-left:1.5em}
.ask-jta-surface .ask-markdown li+li{margin-top:.25em}
.ask-jta-surface .ask-markdown a{color:var(--ask-accent);text-decoration:underline}
.ask-jta-surface .ask-markdown pre{overflow-x:auto;white-space:pre;background:var(--ask-code);padding:12px;max-width:100%}
.ask-jta-surface .ask-markdown code{font:12px/1.6 var(--ask-code-font);background:var(--ask-code)}
.ask-jta-surface .ask-markdown blockquote{margin:1em 0;border-left:2px solid var(--ask-selected-rule);padding-left:12px}
.ask-jta-surface .ask-markdown-table{overflow-x:auto;max-width:100%;margin:.7em 0}
.ask-jta-surface .ask-markdown table{border-collapse:collapse;min-width:100%;font-size:.9em}
.ask-jta-surface .ask-markdown td,.ask-jta-surface .ask-markdown th{border:1px solid var(--ask-rule);padding:6px 8px;text-align:left}
.ask-jta-surface :focus-visible{outline:2px solid var(--ask-accent);outline-offset:2px}
@media(max-width:800px){
  .guide-panel.ask-jta-surface[data-view=expanded],.guide-panel.ask-jta-surface[data-view=expanded][data-size=maximized]{inset:8px auto auto 8px!important;transform:none;width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;grid-template-columns:1fr}
  .ask-jta-controls .ask-jta-maximize{display:none}
  .ask-jta-surface[data-view=expanded] .ask-jta-browse{display:block}
  .ask-jta-surface[data-view=expanded] .ask-jta-browser{display:none;position:absolute;inset:88px 0 0;z-index:5;border-right:0;border-top:1px solid var(--ask-rule)}
  .ask-jta-surface[data-view=expanded][data-browser=open] .ask-jta-browser{display:flex}
  .ask-jta-surface[data-view=expanded] .guide-header{padding:16px 12px;min-height:88px}
  .ask-jta-surface[data-view=expanded] .guide-heading h2{font-size:20px}
  .ask-jta-surface[data-view=expanded] .guide-heading p{display:none}
  .ask-jta-controls{gap:4px}
  .ask-jta-controls .ask-jta-view,.ask-jta-controls .ask-jta-browse{font-size:9px;padding:8px 6px}
  .ask-jta-surface[data-view=expanded] .guide-context{padding:12px 16px}
  .ask-jta-surface[data-view=expanded] .guide-log{padding:22px 16px}
  .ask-jta-surface[data-view=expanded] .guide-form{padding:14px 16px}
  .ask-jta-surface[data-view=expanded] .guide-note{padding:0 16px 14px}
}
