/* Hallmark · theme: Stanford (by request) · brand: Stanford (spec 2026-11-07) · shape: app screen · genre: modern-minimal · signature: task composer and approval inbox · material: working application */
/* Hallmark · pre-emit critique: P4 H4 E4 S4 R4 V4 · weakest: hierarchy, moved recurring controls below the task instruction. */
/* Hallmark · dismissed 25 · the thirty-character measure is a single sign-in introduction; task results use the full workspace column. */
/* Hallmark · waive 72 · desktop and mobile browser checks confirm history is clipped inside its scroll region · the sidebar intentionally contains more history than fits on screen; the checker includes clipped text in its box measure. */
@import url("/static/tokens.css");
*{box-sizing:border-box}
html,body{overflow-x:clip}body{margin:0;background:var(--canvas);color:var(--ink);font:400 var(--text-body)/1.5 var(--body)}
.wrap{width:min(calc(100% - 2 * var(--space)),var(--measure));margin-inline:auto}
.mast{background:var(--cardinal);color:var(--paper)}
.mast .wrap,.bar .wrap,nav,.compose-actions,.section-head,.connection,.meta,#timing{display:flex;align-items:center;gap:1rem}
.mast .wrap{min-height:42px;justify-content:space-between}.mast span:first-child{font:1.25rem/1 var(--display)}.mast span:last-child,nav{font-size:var(--text-label)}
.bar{background:var(--paper);border-bottom:1px solid var(--rule)}.bar .wrap{min-height:56px}.bar nav{flex:1;gap:1.6rem;margin-left:1.5rem}
nav a,.wordmark,.text-button{color:var(--ink);text-decoration:none}
.wordmark{font:1.5rem/1 var(--display)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px, .38fr);gap:clamp(2rem,6vw,5rem);padding-block:2rem}
h1,h2,h3{margin:0;min-width:0;overflow-wrap:break-word;color:var(--ink)}
h1,h2{font-family:var(--display);font-weight:400;line-height:1.12}h1{font-size:var(--text-heading);letter-spacing:-.025em;margin-bottom:1.25rem}h2{font-size:var(--text-section)}h3{font:600 var(--text-body)/1.35 var(--body)}
.welcome{min-height:clamp(17rem,45vh,25rem);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:var(--space)}
.title-panel{padding-block:2rem}.welcome .title-panel h1{font:400 var(--text-brand)/1.1 var(--display);letter-spacing:-.035em;color:var(--cardinal);margin-bottom:1rem}
.title-panel p{font-size:var(--text-body);max-width:40ch}.signin{border-left:1px solid var(--rule);padding:2rem var(--space)}
.signin h2{margin-bottom:1.5rem}#google-button{min-height:44px}
.compose{border-block:2px solid var(--cardinal);padding:1.25rem 0 1rem}
.task-label{font-size:1.0625rem;font-weight:600}textarea,select,input{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:3px;padding:.5rem}
textarea{width:100%;margin:.65rem 0 .4rem;resize:vertical;min-height:100px}input,select{min-height:40px}
button{font:600 var(--text-label)/1.2 var(--body);border:1px solid var(--rule);background:var(--paper);color:var(--ink);padding:.55rem .9rem;min-height:40px;border-radius:3px;cursor:pointer}
.primary{background:var(--cardinal);color:var(--paper);border-color:var(--cardinal)}.text-button,.link-button{background:transparent;border:0}.link-button,a{color:var(--cardinal)}.link-button{padding-inline:0}
button:disabled{opacity:.55;cursor:not-allowed}button:active{transform:translateY(1px)}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
@media(hover:hover){a:hover,.link-button:hover{text-decoration:underline}.primary:hover{background:var(--deep)}}
.compose-actions,.section-head,.connection,.meta{justify-content:space-between}
.when{display:flex;align-items:center;gap:.6rem}#timing{margin-top:.75rem;flex-wrap:wrap}#timing input{display:block}[hidden]{display:none!important}
aside{padding-top:1rem}aside section{border-top:2px solid var(--ink);padding-top:1rem;margin-bottom:2rem}.connection,.run,.schedule{border-bottom:1px solid var(--rule);padding:.65rem 0}.inbox{margin-top:1.5rem}
.empty,.meta,.schedule p,#signin-status{color:var(--muted)}.meta{font-size:var(--text-small);gap:.75rem;flex-wrap:wrap}.run h3{margin:.3rem 0}.output,dd{white-space:pre-wrap;overflow-wrap:anywhere}
.review{margin-top:1rem;border:1px solid var(--rule);padding:.5rem 1rem;background:var(--paper)}.review dt{color:var(--muted)}dd{margin:0 0 .6rem}
.notice{padding:1rem;background:var(--tint)}.schedule p{margin:.25rem 0}.schedule{padding-block:1rem}
@media(max-width:780px){.workspace,.welcome{grid-template-columns:minmax(0,1fr);gap:1rem}.workspace{padding-top:2rem}.welcome{align-content:center}.signin{border-left:0;border-top:1px solid var(--rule);padding:1.5rem 0}.title-panel{padding:2rem 0 .5rem}.bar .wrap{flex-wrap:wrap;gap:.5rem;padding-block:.7rem}.bar nav{margin-left:auto;gap:.65rem}.bar .text-button{font-size:.92rem;padding:.35rem}.mast span:last-child{font-size:.87rem}}
@media(max-width:420px){.bar nav{order:3;width:100%;flex:auto;justify-content:space-between}.bar form{margin-left:auto}}
@media(prefers-reduced-motion:reduce){button:active{transform:none}}
h1,h2,h3{text-wrap:balance}
.auth-page{max-width:36rem;padding-block:clamp(1.5rem,5vw,3rem)}
.auth-page h1{font-size:clamp(1.5rem,3vw,1.75rem);margin-bottom:.75rem}
.auth-page p{margin:0 0 1rem}.auth-page button+a{margin-left:.75rem}
.connection button{white-space:nowrap}
.bar nav a[aria-current="page"]{color:var(--cardinal);font-weight:600;text-decoration:underline;text-underline-offset:.35rem}
.workspace-page{padding-block:2rem}.workspace-page>div{max-width:48rem}.workspace-page #schedules{margin-top:1.5rem}
.workspace-page #apps>h2{display:none}
.connected-state{font-size:var(--text-label);font-weight:600;color:var(--ink)}
.connected-state small{display:block;color:var(--muted);font-weight:400;overflow-wrap:anywhere}
.connected-state .mail-alert{color:var(--cardinal);font-weight:600}.connected-state a,.connected-state button{font-size:var(--text-small)}
.account-links{display:flex;flex-wrap:wrap;gap:1rem}
.run-filters{display:flex;flex-wrap:wrap;gap:.25rem;margin:.85rem 0}
.run-filters button{background:transparent;border:1px solid transparent;color:var(--muted);min-height:34px;padding:.3rem .6rem}
.run-filters button[aria-pressed="true"]{background:var(--paper);color:var(--ink);border-color:var(--rule)}
.run-filters button span{font-size:var(--text-small);font-variant-numeric:tabular-nums;margin-left:.15rem}
.run-card{--run-color:var(--progress);--run-tint:var(--progress-tint);background:var(--paper);border:1px solid var(--rule);border-left:3px solid var(--run-color);border-radius:3px;margin:.75rem 0;padding:1rem 1.15rem}
.run-card[data-run-group="attention"]{--run-color:var(--cardinal);--run-tint:var(--tint)}
.run-card[data-run-group="finished"]{--run-color:var(--success);--run-tint:var(--success-tint)}
.run-card[data-run-status="rejected"]{--run-color:var(--muted);--run-tint:var(--canvas)}
.run-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.run-status{font-size:var(--text-small);font-weight:600;color:var(--run-color);background:var(--run-tint);padding:.1rem .45rem;border-radius:3px}
.run-origin,.run-when,.event-outcome,.run-activity time,.schedule-rule{color:var(--muted);font-size:var(--text-small)}
.run-card h3{margin:.55rem 0 .15rem;font-size:1.0625rem}.run-when,.run-activity time{font-variant-numeric:tabular-nums}
.run-card .output{margin-top:.7rem}.run-card .account-links{margin-top:.45rem}
.run-scope{font-size:var(--text-small);color:var(--muted);margin:.35rem 0}.run-scope strong{margin-left:.4rem;color:var(--ink)}
.run-activity{margin-top:.75rem;border-top:1px solid var(--rule)}summary{cursor:pointer;color:var(--ink)}
.run-activity summary{font-size:var(--text-label);padding-top:.6rem;width:fit-content}.run-activity ol{margin:.6rem 0 0;padding:0;list-style:none}
.run-activity li{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .7rem;margin-left:.2rem;border-left:2px solid var(--rule);padding:.3rem 0 .3rem .85rem}
.run-activity li time{margin-left:auto}.run-card .review{border:0;border-left:2px solid var(--cardinal);padding:.5rem .85rem}.review h4{margin:0}
.schedule-rule{margin:.35rem 0}.schedule-rule summary{width:fit-content}
.review-actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.thread-link{display:inline-block;margin-top:.6rem}
.site-details,.thread-reply p{font-size:var(--text-small);margin:.6rem 0;color:var(--muted)}
.thread-reply{margin-top:1.5rem}.site-details p{overflow-wrap:anywhere}
.thread-title a{color:var(--ink);text-decoration:none}.thread-title a:hover{text-decoration:underline}
.thread-preview{border-left:2px solid var(--rule);padding-left:.8rem;margin:.85rem 0}
.speaker-row{display:flex;align-items:baseline;gap:.65rem;flex-wrap:wrap;font-size:var(--text-small)}
.speaker-row time,.older-turns{color:var(--muted);font-size:var(--text-small);font-variant-numeric:tabular-nums}
.preview-turn{margin-bottom:.65rem}.preview-turn strong{font-size:var(--text-small);color:var(--muted)}
.preview-turn p,.turn-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:.18rem 0 0}
.latest-reply,.member-turn{background:var(--canvas);border-radius:3px;padding:.55rem .75rem}
.thread-transcript{background:var(--paper);border:1px solid var(--rule);border-radius:3px;margin-top:.85rem}
.conversation-turn{padding:1rem;--run-color:var(--progress);--run-tint:var(--progress-tint)}
.conversation-turn[data-run-group="attention"]{--run-color:var(--cardinal);--run-tint:var(--tint)}
.conversation-turn[data-run-group="finished"]{--run-color:var(--success);--run-tint:var(--success-tint)}
.conversation-turn+.conversation-turn{border-top:1px solid var(--rule)}.agent-turn{padding:.7rem .75rem 0}
.agent-turn .output{margin-top:.35rem}.older-turns{display:inline-block;margin-bottom:.6rem}
@media(max-width:480px){.run-card{padding:.85rem}.run-activity li time{width:100%}.run-filters{gap:.15rem}.run-filters button{padding-inline:.45rem}}
#google-button{max-width:240px}
#google-button svg{width:18px;height:18px}
textarea,input,select{border-color:var(--muted)}
/* Full-width working surfaces retain the Stanford palette and local typography. */
.app-shell{height:100dvh;overflow:hidden}.workspace-shell{--header-size:68px;display:grid;grid-template-columns:244px minmax(0,1fr);grid-template-rows:var(--header-size) minmax(0,1fr);height:100%;width:100%;gap:0}
.conversation-list{contain:layout paint}.sidebar-footer{background:var(--paper);position:relative}
.workspace-sidebar{padding:0;background:var(--paper);border-right:1px solid var(--rule);display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;height:100%;min-height:0;overflow:hidden}
.workspace-header{position:sticky;top:0;z-index:3;grid-column:1/-1;display:flex;align-items:center;gap:24px;min-width:0;padding:12px 16px;background:var(--paper);border-bottom:1px solid var(--rule)}
.header-brand{display:flex;align-items:center;gap:16px;min-width:212px;color:var(--cardinal);text-decoration:none}.header-brand>span:last-child{font:400 1rem var(--display)}
.workspace-header nav{gap:4px;min-width:0;overflow:auto;font-size:var(--text-label)}.workspace-header nav a{white-space:nowrap;color:var(--ink);text-decoration:none;padding:8px 16px;border-bottom:2px solid transparent}
.workspace-header nav a[aria-current="page"]{color:var(--cardinal);border-bottom-color:var(--cardinal);font-weight:600}.workspace-header nav a:hover{background:var(--canvas)}
.sidebar-actions{display:flex;align-items:center;gap:8px;padding:16px}.sidebar-actions [data-close-navigation]{display:none}.new-conversation{display:block;flex:1;padding:8px;text-align:center;text-decoration:none;border-radius:3px;font-weight:600}
.sidebar-search{padding:0 16px}.sidebar-search input{width:100%;font-size:var(--text-label)}
.conversation-item.selected{background:var(--tint);color:var(--cardinal)}.conversation-item:hover{background:var(--canvas)}
.sidebar-heading{display:flex;justify-content:space-between;font-size:var(--text-small);padding:16px 16px 8px;color:var(--muted)}
.conversation-list{display:block;overflow:auto;flex:1;min-height:0;padding:0 8px}.conversation-list .empty{padding:0 8px;font-size:var(--text-small)}
.conversation-item{display:block;padding:8px;border-radius:3px;text-decoration:none;color:var(--ink);margin-bottom:4px}
.conversation-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--text-label);line-height:1.35}
.conversation-meta{display:block;font-size:.75rem;color:var(--muted);margin-top:4px}.conversation-meta strong{color:var(--cardinal);margin-left:.3rem}
.sidebar-footer{border-top:1px solid var(--rule);padding:12px 16px;font-size:var(--text-small);overflow-wrap:anywhere}.sidebar-footer .link-button{min-height:28px}
.workspace-content{min-width:0;display:flex;flex-direction:column;height:100%;overflow:clip}
.workspace-toolbar{position:sticky;top:var(--header-size);z-index:2;display:flex;align-items:center;gap:12px;min-height:68px;padding:12px 24px;background:var(--paper);border-bottom:1px solid var(--rule)}
.workspace-toolbar h1{font:600 1.05rem/1.35 var(--body);letter-spacing:normal;margin:0;flex:1;text-wrap:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.toolbar-refresh{font-size:var(--text-small)}
.workspace-toolbar button{font-size:var(--text-small);min-height:32px;padding:.4rem .65rem}
#toggle-navigation{display:none}.workspace-main{overflow:auto;flex:1;min-height:0;padding:24px}
.conversation-menu{position:relative;flex-shrink:0;font-size:var(--text-small)}.conversation-menu>summary{padding:8px 12px;border:1px solid var(--rule);border-radius:3px;background:var(--paper)}
.conversation-menu-panel{position:absolute;right:0;top:calc(100% + 8px);width:min(320px,85dvw);padding:16px;background:var(--paper);border:1px solid var(--rule);border-radius:4px;box-shadow:0 8px 24px var(--rule);z-index:12}
.thread-settings label{display:block;font-size:var(--text-small);margin:0 0 4px}.thread-settings input{width:100%;font-size:var(--text-small)}.thread-settings button{margin:8px 8px 0 0}
.new-chat{min-height:100%;display:flex;flex-direction:column}.new-chat>div{margin:auto 0;max-width:700px;padding:2rem 0}.new-chat h2{font-size:1.75rem}.new-chat p{color:var(--muted)}
.app-shell .compose{border:1px solid var(--rule);border-radius:6px;background:var(--paper);padding:12px;margin-top:16px}
.app-shell .compose textarea{border:1px solid var(--muted);padding:8px;min-height:80px;margin:4px 0}.app-shell .compose .task-label{font-size:var(--text-small)}
.app-shell .compose-actions{gap:1rem}.app-shell .when{font-size:var(--text-small)}.app-shell .compose select{min-height:34px;padding:4px}
.workspace-main:has(.chat-conversation){display:flex;flex-direction:column;overflow:hidden}.chat-conversation{flex:1;min-height:0}.chat-conversation #inbox{margin:0;height:100%;min-height:0;display:flex;flex-direction:column}
.chat-conversation #inbox>.section-head{display:none}.chat-conversation .thread-transcript{border:0;background:transparent;margin:0;flex:1;min-height:0;overflow:auto;padding-right:8px}
.chat-conversation .conversation-turn{padding:0 0 24px}.chat-conversation .conversation-turn+.conversation-turn{padding-top:24px;border:0}
.chat-conversation .member-turn{background:var(--paper);border:1px solid var(--rule);padding:16px 16px}
.chat-conversation .agent-turn{padding:16px 0}.chat-conversation .thread-reply{position:relative;flex-shrink:0;padding:16px;background:var(--paper);border:1px solid var(--rule);border-radius:6px;margin-top:12px}
.thread-reply textarea{min-height:64px;border:1px solid var(--muted);padding:8px;margin:4px 0}.thread-reply .task-label{font-size:var(--text-small)}
.chat-conversation .thread-reply textarea{min-height:44px;max-height:160px}.result-panel{margin-top:12px;background:var(--paper);border:1px solid var(--rule);padding:12px;border-radius:4px}
.running-controls{flex-shrink:0;display:flex;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid var(--rule);padding-top:12px}
.list-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:16px;background:var(--paper);border:1px solid var(--rule);border-radius:4px;margin-bottom:20px}
.list-filters label,.compact-filters label{display:flex;flex-direction:column;gap:4px;font-size:var(--text-small)}.list-filters input,.list-filters select{font-size:var(--text-label);max-width:200px}
.list-filters .check-label{flex-direction:row;align-items:center;min-height:40px}.check-label input{min-height:0}
.history-row{display:grid;grid-template-columns:minmax(0,1fr) 140px 190px;gap:16px;padding:16px 12px;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--ink)}
.history-row:hover{background:var(--paper)}.history-row strong{font-size:var(--text-label)}.history-row small{display:block;margin-top:4px;color:var(--muted)}.history-row time{font-size:var(--text-small)}
.pagination{display:flex;gap:20px;justify-content:flex-end;margin:20px 0;font-size:var(--text-label)}
.table-scroll{width:100%;overflow:auto}.workspace-table{width:100%;border-collapse:collapse;text-align:left;background:var(--paper);font-size:var(--text-label)}
.workspace-table th{font-size:var(--text-small);font-weight:600;color:var(--muted);padding:12px;border-bottom:1px solid var(--rule);white-space:nowrap}
.workspace-table td{padding:16px 12px;vertical-align:top;border-bottom:1px solid var(--rule);min-width:105px}.workspace-table td:first-child{min-width:230px;max-width:420px}
.workspace-table small{display:block;color:var(--muted);margin-top:4px;font-size:var(--text-small)}.workspace-table time{font-size:var(--text-small)}
.workspace-table button{min-height:32px;font-size:var(--text-small);padding:8px 8px;margin:0 0 8px}.schedule-edit{display:grid;gap:8px;padding-top:12px}.schedule-edit label{display:grid;gap:4px}.schedule-create{margin-bottom:20px}.schedule-create>summary{width:fit-content;padding:8px 16px;background:var(--cardinal);color:var(--paper);border-radius:3px}
.connector-workspace{display:grid;gap:28px}.connector-workspace>section{background:var(--paper);border:1px solid var(--rule);padding:20px;border-radius:4px}.connector-workspace #apps h2{display:block}.connector-workspace .connection{padding:12px 0}
.compact-filters{display:flex;gap:12px;align-items:end;margin:12px 0}.event-row{display:grid;grid-template-columns:110px minmax(0,1fr) 200px;gap:16px;border-bottom:1px solid var(--rule);padding:12px 0;font-size:var(--text-small)}
.member-form{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
@media(min-width:1800px){.workspace-shell{grid-template-columns:270px minmax(0,1fr)}.workspace-main{padding:28px 36px}.header-brand{min-width:238px}}
@media(max-width:1150px){.workspace-shell{grid-template-columns:220px minmax(0,1fr)}.header-brand{min-width:188px}.workspace-header{gap:16px}.workspace-header nav a{padding:8px 12px}.history-row{grid-template-columns:minmax(0,1fr) 120px}.history-row time{grid-column:1/-1}}
@media(max-width:720px){.workspace-shell{--header-size:96px;grid-template-columns:minmax(0,1fr)}.workspace-header{flex-wrap:wrap;gap:8px;padding:8px 12px}.header-brand{min-width:0}.workspace-header nav{width:100%;flex-basis:100%;gap:0;justify-content:space-between}.workspace-header nav a{padding:8px 4px}.workspace-sidebar{display:none}.navigation-open .workspace-sidebar{display:grid;position:fixed;left:0;top:0;bottom:0;width:280px;z-index:15;box-shadow:12px 0 24px var(--rule)}.sidebar-actions [data-close-navigation]{display:block}#toggle-navigation{display:block}.workspace-toolbar{padding:12px;min-height:64px;flex-wrap:wrap;gap:8px}.workspace-toolbar h1{flex-basis:100%;order:-1}.conversation-menu{margin-left:auto}.workspace-main{padding:16px}.chat-conversation .thread-reply{padding:12px}.list-filters{gap:8px;padding:12px}.list-filters input,.list-filters select{max-width:155px}.history-row{padding:12px 0;gap:8px}.event-row{grid-template-columns:90px minmax(0,1fr)}.event-row time{grid-column:1/-1}.connector-workspace>section{padding:16px}}

.browser-workspace{display:flex;flex-direction:column;gap:16px}.browser-workspace h2{font:600 1.1rem var(--body);margin:0}.browser-workspace h3{font:600 1rem var(--body);margin:0}.browser-workspace p{font-size:var(--text-label);margin:0}.browser-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.browser-heading p{color:var(--muted);margin-top:4px}.browser-address label{font-size:var(--text-small);display:block;margin-bottom:4px}.browser-address>div{display:flex;gap:8px}.browser-address input{flex:1;min-width:0}.session-actions{display:flex;gap:8px;flex-wrap:wrap}.session-actions form{display:flex;gap:8px;flex-wrap:wrap}#browser-status{color:var(--muted);min-height:24px}.browser-stage{height:min(70dvh,800px);min-height:280px;width:100%;position:relative;overflow:hidden;background:var(--paper);border:1px solid var(--rule);border-radius:4px}#browser-screen{width:1280px;height:800px;position:absolute;top:0;left:0;transform-origin:top left}.browser-empty{padding:32px;border:1px solid var(--rule);background:var(--paper);border-radius:4px}.browser-empty p{margin-top:8px}.browser-settings{border-top:1px solid var(--rule);padding-top:20px;display:grid;gap:12px}.browser-settings p{color:var(--muted)}.browser-choice{display:flex;align-items:center;gap:8px;font-size:var(--text-small);margin:8px 0}.browser-choice input{min-height:0}.browser-review{padding-left:24px;font-size:var(--text-label)}
@media(max-width:720px){.browser-address>div{flex-wrap:wrap}.browser-address input{flex-basis:100%}.workspace-header nav{font-size:var(--text-small)}.workspace-header nav a{padding:8px 2px}.browser-heading{align-items:flex-start}.browser-empty{padding:20px}}

.browser-stage:fullscreen{height:100dvh;width:100%;border:0}