.directory-task{margin:9px 0 14px}.directory-task-name{font-size:10px;color:#7d899a;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.directory-history>summary{font-size:11px;color:#6881a1;padding:4px 10px 5px 43px;cursor:pointer}.directory-history .delivery-item{padding-top:9px;padding-bottom:9px}.directory-group>summary{padding:5px 9px}.employee-badge{margin-left:auto;white-space:nowrap;font-size:10px;color:#3269de}.employee>span:nth-child(2){min-width:0}.employee small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button-link{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--blue);font-size:11px}.button-link:hover{background:var(--faint)}.mobile-directory, .menu-new-task, .mobile-return{display:none}.menu-label{color:var(--muted);font-size:10px;padding:8px 8px 3px}.header-menu>div{width:195px}.header-menu summary:focus-visible, summary:focus-visible, a:focus-visible{outline:3px solid #bbd2ff;outline-offset:2px}.task-form-actions{display:flex;gap:8px;position:sticky;bottom:-20px;background:white;padding:15px 0 8px}.form-error{margin:12px 0}.back-button{margin-bottom:12px;border:0;padding-left:0;color:var(--blue)}.composer textarea{max-height:150px;overflow-y:auto;transition:none}.right{position:relative}.jump-latest{position:absolute;bottom:125px;left:50%;transform:translateX(-50%);z-index:5;border-radius:20px;box-shadow:0 3px 12px #17233916;font-size:12px;color:var(--blue);white-space:nowrap;background:#fff}.daily-row.on{background:#eaf2ff;color:var(--blue)}.toast{max-width:90vw;text-align:center;z-index:1000}.delivery-window-head button:focus-visible{outline:3px solid #bbd2ff}.delivery-window-tab, .delivery-window-download{padding:7px 3px}.connection-label{display:none}
@media(min-width:761px){.head-actions{gap:10px}.delivery-pin{padding:11px 15px}.pin-copy b{font-size:13px}.pin-actions{flex-shrink:0}.delivery-item:hover{background:#f5f8fc}.directory-task-name{font-size:11px}}
@media(max-width:760px){.right>.mobile-nav{display:none}.header{height:65px;gap:8px}.header>.avatar{width:31px;height:33px}.header>div:not(.head-actions){min-width:0}.header h1{font-size:16px}.header p{font-size:10px;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.head-actions{gap:3px}.head-actions>button{font-size:11px;padding:6px 8px;min-height:34px}.head-actions>button[data-action=new-task]{display:none}.mobile-directory, .menu-new-task, .mobile-return{display:inline-flex}.header-menu>summary{padding:5px 7px;min-height:34px}.context:has(+.delivery-pin:not([hidden])){display:none}.context{min-height:36px;margin-top:7px}.delivery-pin{gap:8px;margin:8px 10px 5px;padding:9px 10px}.pin-icon{display:none}.pin-copy{width:100%;flex-basis:100%;line-height:1.5}.pin-copy b{font-size:12px}.pin-copy small{font-size:10px;margin-top:2px}.pin-actions{width:auto;margin-left:0;gap:5px}.pin-actions button, .pin-actions .button-link{padding:5px 8px;font-size:11px;min-height:31px}.chat{padding-top:12px}.composer textarea{font-size:13px;padding:11px;min-height:52px}.file-name{min-width:120px}.file-actions{margin-left:auto}.file-actions a{padding:5px 7px}.jump-latest{bottom:115px;font-size:11px}.directory-history>summary{padding-top:7px;padding-bottom:7px}.delivery-window{left:8px!important;top:15px!important;width:calc(100vw - 16px);height:calc(100dvh - 30px)}.delivery-window-head{padding:9px 10px;gap:5px;min-height:63px;flex-wrap:wrap;touch-action:auto}.delivery-window-title{flex-basis:calc(100% - 115px)}.delivery-window-download, .delivery-window-tab{font-size:11px}.delivery-window-head button{width:30px;height:32px}.delivery-window.minimized{height:90px!important}.delivery-window.minimized .delivery-window-title{flex-basis:auto}.delivery-window.minimized .delivery-window-download{display:none}}
@media(max-width:380px){.header>div:not(.head-actions){max-width:115px}.header p{max-width:115px}.header>.avatar{display:none}.pin-copy b{font-size:11px}.pin-actions{gap:4px}.delivery-window-tab{display:none}}
@media(max-width:760px){.delivery-window-head{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,30px);gap:2px 5px}.delivery-window-title{grid-column:1;grid-row:1}.delivery-window-head [data-window-min]{grid-column:2;grid-row:1}.delivery-window-head [data-window-size]{grid-column:3;grid-row:1}.delivery-window-head [data-window-close]{grid-column:4;grid-row:1}.delivery-window-download{grid-column:1;grid-row:2;justify-self:start;padding:2px 0}.delivery-window-tab{grid-column:2/5;grid-row:2;justify-self:end;padding:2px 0}}
/* Employee creation stays beside the employee list on desktop. */
.left-label{display:flex;align-items:center;justify-content:space-between;padding:20px 8px 9px;gap:7px}.left-label button{padding:5px 7px;font-size:12px;color:var(--blue);background:#fff;border-color:#dce6f5;white-space:nowrap}#employee-list{overflow-y:auto;min-height:0;flex:1}.left .bottom{flex-shrink:0;margin-top:12px}.left .brand, .left .nav-work, .left-label{flex-shrink:0}.employee-add-row{display:block;width:100%;margin-top:14px;border:1px dashed #c5d8f7;background:#f8fbff;color:var(--blue);text-align:center}.creator-intro{margin-top:0;font-size:12px}#employee-form fieldset{min-width:0;border:0;padding:0;margin:0}.employee-core{display:grid;grid-template-columns:1fr 1fr;gap:16px}.employee-core .form-row{margin-top:5px}#employee-instructions{min-height:125px}.employee-section{border:1px solid var(--line);border-radius:10px;margin:14px 0;padding:0 14px}.employee-section>summary{padding:13px 0;cursor:pointer;font-size:13px;font-weight:600}.employee-section>summary span{font-weight:400;font-size:11px;color:var(--muted);margin-left:8px}.employee-skills{display:grid;gap:8px;margin-bottom:14px}.employee-skill{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);padding:11px;border-radius:8px;cursor:pointer}.employee-skill:has(input:checked){border-color:#bcd2fb;background:var(--faint)}.employee-skill input{accent-color:var(--blue);margin-top:5px}.employee-skill b{display:block;font-size:12px}.employee-skill small{display:block;font-size:11px;color:var(--muted);line-height:1.6;margin-top:3px}.employee-create-footer{position:sticky;bottom:-20px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;padding:16px 0 5px;border-top:1px solid var(--line);margin-top:20px}#employee-form .delivery-grid{margin-top:5px}#employee-form .tabs{margin-top:0}
@media(max-width:600px){.employee-core{grid-template-columns:1fr;gap:0}.employee-core .form-row{margin:8px 0}.employee-section{padding:0 10px}.employee-section>summary span{display:block;margin-left:16px}.employee-create-footer{bottom:-16px}.employee-create-footer .quiet{font-size:10px}}
.skill-library-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0 12px}.skill-library-toolbar input{flex:1;min-width:180px;height:40px}.skill-library-toolbar button{font-size:12px;white-space:nowrap}.skill-library-card{display:flex;gap:16px;align-items:center;border:1px solid var(--line);padding:16px;border-radius:10px;margin:10px 0}.skill-card-copy{flex:1;min-width:0}.skill-card-copy h3{margin:0;font-size:14px}.skill-card-copy p{margin:6px 0 10px;color:#67768b;font-size:12px;line-height:1.65;overflow-wrap:anywhere}.skill-library-card>button{font-size:12px;flex-shrink:0}.skill-meta{display:flex;gap:7px 14px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.skill-empty{padding:24px 8px;color:var(--muted);text-align:center}.skill-profile-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0}.skill-profile-toolbar>span{margin-right:auto}.skill-profile-toolbar button{font-size:12px}.skill-detail-heading h3{margin:8px 0;font-size:20px}.skill-detail-heading p{color:#67768b;font-size:13px}.skill-detail-actions button{font-size:12px}.danger-text{color:#b64141}.skill-used-by{background:#f8faff;padding:14px;border:1px solid var(--line);border-radius:10px;font-size:12px;margin:16px 0}.skill-used-by button{font-size:11px}.skill-package-body, .skill-package-files{border-top:1px solid var(--line);padding-top:12px;margin-top:18px;font-size:12px}.skill-package-body>summary, .skill-package-files>summary{font-weight:600;cursor:pointer;margin-bottom:14px}.skill-package-files details{padding:10px 0}.skill-package-files details>summary{cursor:pointer;color:#61728a}.skill-mount-list{display:grid;gap:10px}.skill-import-drop{text-align:center;background:#f8faff;border:1px dashed #bcd2fb;border-radius:12px;padding:24px 18px;margin:16px 0}.skill-import-drop>b{font-size:15px}.skill-import-drop>button{color:var(--blue);margin:6px 0}.skill-import-metadata{padding:12px 0}.skill-import-metadata>summary{cursor:pointer;font-size:12px;color:#67768b}.skill-creator-link{font-size:11px;margin-bottom:12px;padding:4px 8px;color:var(--blue)}#skill-local-search{width:100%;margin:12px 0}#skill-local-results{margin-bottom:14px}
@media(max-width:600px){.skill-library-toolbar{gap:7px}.skill-library-toolbar input{flex-basis:100%;min-width:0}.skill-library-toolbar button{flex:1;font-size:11px}.skill-library-card{gap:10px;padding:12px}.skill-card-copy h3{font-size:13px}.skill-card-copy p{font-size:11px}.skill-library-card>button{padding:7px 9px;font-size:11px}.skill-detail-actions{gap:6px}.skill-detail-actions button{font-size:11px}.skill-meta{font-size:10px;gap:5px 10px}}
/* The skill library is a full-page overlay, matching the other workspace pages. */
.skill-library-page{position:fixed;inset:0 0 0 var(--rail-width,56px);z-index:45;display:flex;flex-direction:column;background:var(--panel-surface,#fff);color:var(--ink);font:14px/1.7 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}
.skill-library-page[hidden]{display:none}
.skill-library-page:focus{outline:none}
.skill-library-page .slp-head{display:flex;align-items:center;gap:12px;padding:15px 24px;border-bottom:1px solid var(--line);flex:none}
.skill-library-page .slp-head h2{margin:0;font-size:18px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.skill-library-page .slp-close{border:0;background:none;padding:4px 10px;font-size:22px;line-height:1;color:var(--muted)}
.skill-library-page .slp-close:hover{color:var(--ink)}
.skill-library-page .slp-body{flex:1;overflow:auto;min-height:0;padding:20px 24px}
.skill-library-page .slp-body>:where(*){max-width:920px;margin-inline:auto}
.skill-library-open .app-rail{z-index:46}
.skill-library-open .app-rail [data-action="skill-library"]{color:var(--accent);background:var(--accent-soft)}
.skill-library-open .app-rail [data-chat-list].active{color:var(--muted);background:transparent}
@media(max-width:760px){.skill-library-page{inset:0}}

/* Conversation stays in the foreground; progress is opened on demand. */
.background-work{display:flex;align-items:center;gap:9px;padding:9px 22px;border-top:1px solid var(--line);background:#fafbfd;font-size:12px;color:#758194;flex-shrink:0}.background-work button{margin-left:auto;padding:3px 9px;border:0;background:transparent;color:#617692;font-size:11px}.work-orbit{width:9px;height:9px;border:2px solid #b9cbed;border-top-color:#527fce;border-radius:50%;animation:work-turn 1.6s linear infinite}.reply-wait{display:flex;align-items:center;gap:9px;font-size:12px;color:#8390a1;min-height:32px;padding:3px 4px}.reply-wait button{padding:3px 8px;font-size:11px;margin-left:4px}.reply-dot{width:8px;height:8px;border-radius:50%;background:#344256;animation:reply-breathe 1.3s ease-in-out infinite}.background-log{padding-left:20px;color:#6e7c90;font-size:12px}.background-log li{margin:5px 0}@keyframes work-turn{to{transform:rotate(360deg)}}@keyframes reply-breathe{50%{opacity:.3;transform:scale(.8)}}@media(prefers-reduced-motion:reduce){.work-orbit, .reply-dot{animation:none}}@media(max-width:760px){.background-work{padding:8px 14px;font-size:11px}.background-work button{font-size:11px}.reply-wait{font-size:11px}}

.message-send-state{font-size:11px;color:var(--muted);margin:5px 3px}.message-send-state button{font-size:11px;padding:3px 7px;color:var(--blue)}.message-send-state.send-failed{color:#a04b30}.composer textarea:focus{outline:2px solid #bbd2ff;outline-offset:1px}

/* Agent questions stay in the conversation and never enter delivery review. */
.ask-card{background:#fff;border:1px solid #cdddfa;border-radius:12px;margin:12px 0 2px;padding:18px;max-width:630px;scroll-margin:20px;box-shadow:0 2px 9px #2a538108}.ask-card header{display:flex;gap:10px;align-items:center}.ask-card header>div{flex:1;min-width:0}.ask-card h3{font-size:15px;line-height:1.5;margin:3px 0 0}.ask-symbol{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;background:#edf3ff;color:#3269de;font-size:19px;font-weight:600}.ask-state{color:#3269de;font-size:11px}.ask-note{font-size:11px;color:#7c8797;margin:10px 0}.ask-form fieldset{border:0;padding:0;margin:18px 0;min-width:0}.ask-form legend{padding:0;margin-bottom:9px;font-size:13px;font-weight:600;overflow-wrap:anywhere}.ask-option{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;margin:7px 0;border:1px solid #e4eaf3;border-radius:8px;cursor:pointer;font-size:12px}.ask-option:has(input:checked){background:#edf4ff;border-color:#a3c1f6}.ask-option input{width:15px;height:15px;margin:3px 0 0;flex:none;accent-color:#3269de}.ask-option strong{font-weight:500}.ask-option small{display:block;color:#7c8797;font-size:11px;margin-top:2px}.ask-custom{border-style:dashed}.ask-text-label{display:block;margin:10px 0 6px;font-size:11px;color:#718095}.ask-form textarea{min-height:66px;resize:vertical;font-size:12px;width:100%;border-radius:8px}.ask-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.ask-actions button{font-size:12px}.ask-actions [data-action="ask-dismiss"]{margin-left:auto;color:#7c8797}.ask-error{font-size:12px}.ask-answer-history{font-size:12px;padding-top:6px;overflow-wrap:anywhere}.ask-answer-history b{font-weight:500}.ask-answer-history p{margin:4px 0 12px;color:#758195}.ask-resolved{border-color:#e2e7ef;box-shadow:none}.ask-resolved .ask-state{color:#7c8797}.ask-resolved .ask-symbol{background:#f1f3f7;color:#7c8797}.ask-attention{margin:0 25px;padding:8px 11px;background:#fff7e9;border:1px solid #f5e1b9;border-radius:7px;display:flex;align-items:center;gap:8px;font-size:11px;flex:none}.ask-reminder-dot{width:6px;height:6px;background:#d48a21;border-radius:50%;flex:none}.ask-attention button{margin-left:auto;border:0;background:transparent;color:#966317;font-size:11px;padding:0 4px}.ask-form fieldset:disabled{opacity:.65}@media(max-width:760px){.ask-attention{margin:0 14px}.ask-card{padding:13px}.ask-card h3{font-size:14px}.ask-option{padding:9px}.ask-actions button{padding:7px 9px}.ask-actions [data-action="ask-dismiss"]{margin-left:0}.msg:has(.ask-card){max-width:100%}}

/* Conversation is the primary surface; work and deliveries open on demand. */
.frame.chat-focused { grid-template-columns: 210px minmax(0,1fr); }
#work-toggle { display: inline-flex; align-items: center; gap: 6px; }
#work-toggle.work-active { color: var(--blue); background: #f1f6ff; border-color: #d6e4fb; }
.chat-focused .context { display: none; }
.chat-focused .delivery-pin { margin: 0; padding: 9px 25px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: #fafbfd; flex-wrap: nowrap; }
.chat-focused .pin-copy { display: flex; align-items: center; gap: 9px; overflow: hidden; }
.chat-focused .pin-copy b { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pin-context-label { font-size: 11px; color: var(--muted); white-space: nowrap; }
.chat-focused .pin-copy small { white-space: nowrap; margin: 0; }
.chat-focused .pin-actions { margin: 0; width: auto; flex-shrink: 0; flex-wrap: nowrap; }
.chat-focused .pin-actions > button:last-child { padding: 2px 6px; border: 0; background: transparent; color: #748298; font-size: 17px; }
.chat-focused .chat { padding: 24px max(24px,calc((100% - 840px)/2)); gap: 24px; }
.chat-focused .msg { max-width: 100%; }
.chat-focused .msg.me { max-width: 88%; }
.chat-focused .msg:not(.me) > .message-body > .bubble { background: transparent; padding: 4px 0; font-size: 14px; line-height: 1.85; }
.chat-focused .msg:not(.me) .message-avatar { margin-top: 0; }
.chat-focused .chat-delivery { max-width: 100%; }
.chat-focused .composer { border-top: 0; padding-top: 12px; }
.composer form, .composer-footer { max-width: 840px; margin: auto; }
.composer-footer { display: flex; align-items: center; gap: 12px; padding-top: 7px; }
.composer-footer .quiet { flex: 1; margin-top: 0; }
#dispatch-button { border: 0; background: #f3f6fa; padding: 5px 10px; font-size: 11px; flex-shrink: 0; }
.employee-update { display: flex; align-items: center; gap: 10px; padding: 7px 25px; background: #f5f8ff; font-size: 11px; }
.employee-update button { border: 0; color: var(--blue); background: transparent; padding: 2px 5px; margin-left: auto; font-size: 11px; }
.chat-focused.work-open { grid-template-columns: 210px minmax(0,1fr) 340px; }
.work-panel { min-height: 0; display: flex; flex-direction: column; border-left: 1px solid var(--line); background: #fafbfd; }
.work-panel > header { display: flex; align-items: center; justify-content: space-between; padding: 18px; border-bottom: 1px solid var(--line); height: 83px; flex-shrink: 0; }
.work-panel > header button { border: 0; background: transparent; font-size: 22px; padding: 2px 7px; }
#work-panel-body { padding: 18px; overflow-y: auto; min-height: 0; }
#work-panel-body .panel { background: #fff; }
#work-panel-body > .quiet { margin-top: 0; }
#work-panel-body .background-log { max-height: 260px; overflow: auto; font-size: 11px; }
.work-results { border-top: 1px solid var(--line); margin-top: 22px; padding-top: 14px; }
.work-results h3 { font-size: 13px; display: flex; justify-content: space-between; }
.work-results h3 span { font-weight: 400; color: var(--muted); font-size: 11px; }
.work-results .artifact { flex-wrap: wrap; background: #fff; font-size: 11px; }
.work-results .file-name { min-width: 0; }
.work-results .file-actions { margin-left: auto; }
.work-results > button { font-size: 11px; margin-top: 10px; }
.ask-progress { color: #7c8797; font-size: 11px; margin: 10px 0; }
.ask-card { max-width: 570px; padding: 16px; box-shadow: none; background: #fafcff; }
.ask-form fieldset { margin: 12px 0; }
.ask-option { background: white; }
.ask-actions { gap: 6px; }
.ask-actions button { font-size: 11px; padding: 6px 10px; }
.ask-history { margin-top: 8px; font-size: 11px; }
.ask-history > summary { cursor: pointer; color: #738299; }
.ask-review > div { padding: 10px 0; border-bottom: 1px solid var(--line); }
.ask-review button { font-size: 11px; color: var(--blue); padding: 3px 8px; }
.ask-review p { margin-bottom: 5px; }
.chat-focused .ask-attention { margin: 0 25px; }
@media (min-width: 761px) and (max-width: 1100px) {
  .frame.chat-focused { grid-template-columns: 170px minmax(0,1fr); }
  .chat-focused.work-open { grid-template-columns: 170px minmax(0,1fr); }
  .work-panel { position: fixed; right: 0; top: 0; bottom: 0; width: 330px; z-index: 15; box-shadow: -10px 0 40px #17233915; }
  .chat-focused .pin-context-label { display: none; }
  .chat-focused .pin-copy { gap: 6px; }
}
@media (max-width: 760px) {
  .frame.chat-focused, .chat-focused.work-open { display: block; }
  .chat-focused .header { height: 65px; }
  .chat-focused .head-actions { gap: 3px; }
  .chat-focused .head-actions > button { font-size: 11px; padding: 5px 7px; }
  .chat-focused .delivery-pin { padding: 8px 14px; gap: 6px; }
  .chat-focused .pin-copy { gap: 5px; flex-wrap: wrap; width: auto; flex-basis: auto; }
  .chat-focused .pin-copy b { max-width: 100%; font-size: 11px; }
  .chat-focused .pin-context-label { display: none; }
  .chat-focused .pin-copy .state-text { font-size: 10px; }
  .chat-focused .pin-actions .button-link, .chat-focused .pin-actions > button { padding: 4px 6px; min-height: 29px; font-size: 10px; }
  .chat-focused .chat { padding: 18px 14px; gap: 20px; }
  .chat-focused .msg:not(.me) > .message-body > .bubble { font-size: 13px; }
  .chat-focused .composer { padding: 9px 14px; }
  .composer-footer { flex-wrap: wrap; gap: 4px 10px; }
  .composer-footer .quiet { font-size: 9px; }
  .work-panel { position: fixed; right: 0; top: 0; bottom: 0; width: min(360px,94vw); z-index: 30; box-shadow: -10px 0 40px #17233933; }
  .work-panel > header { height: 65px; }
  .chat-focused .ask-attention { margin: 0 14px; }
  .ask-card { padding: 13px; }
  .ask-actions [data-action="ask-dismiss"] { margin-left: auto; }
}

.revision-card{margin:12px 0;padding:14px 16px;border:1px solid #dfe8f5;border-radius:12px;background:#f6f9ff;font-size:13px;line-height:1.6}.revision-head{display:flex;justify-content:space-between;gap:12px;font-weight:600}.revision-head small{font-weight:400;color:#8190a7}.revision-card p{margin:8px 0}.revision-card>.actions{margin-top:8px}.revision-card>.actions:empty{display:none}.revision-card small{display:block}.revision-queue h3{font-size:14px}

.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}

/* A reminder can be hidden without changing the underlying question. */
.ask-attention .ask-reminder-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ask-attention [data-action="ask-goto"]{flex:none;margin-left:auto;white-space:nowrap}
.ask-attention .ask-reminder-close{flex:none;margin-left:0;padding:0 5px;min-width:24px;min-height:24px;font-size:17px;line-height:24px}
