@media (width<=760px){.hermes-chat-layout,.hermes-two-columns{grid-template-columns:minmax(0,1fr)}.hermes-health{justify-items:start}.hermes-session-list{max-height:145px}.hermes-messages{max-height:480px}.hermes-page .panel{padding:16px}.hermes-message{max-width:100%}.hermes-page .btn{white-space:normal}.hermes-tabs .btn{flex:40%}}.hermes-page{max-width:1280px;margin:0 auto}.hermes-header,.hermes-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.hermes-header{margin-bottom:16px}.hermes-header h1{margin:8px 0}.hermes-back{font-size:14px}.hermes-health{overflow-wrap:anywhere;justify-items:end;gap:7px;max-width:100%;display:grid}.hermes-health small,.hermes-page small{color:var(--muted)}.hermes-badge{background:var(--assistant-bg);white-space:nowrap;border-radius:20px;padding:5px 10px;font-size:12px;display:inline-block}.hermes-badge.done{background:var(--success-bg)}.hermes-badge.running,.hermes-badge.queued{background:var(--accent-soft)}.hermes-badge.failed,.hermes-badge.interrupted{background:var(--warn-bg)}.hermes-scope{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);padding:12px 16px;font-size:14px}.hermes-tabs{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.hermes-chat-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:16px;display:grid}.hermes-page .panel{min-width:0;margin:0}.hermes-conversations>.btn{width:100%}.hermes-session-list{gap:6px;max-height:620px;margin-top:14px;display:grid;overflow-y:auto}.hermes-session{text-align:left;border-radius:var(--radius);width:100%;min-width:0;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;gap:6px;padding:12px;display:grid}.hermes-session span{overflow-wrap:anywhere}.hermes-session.selected{border-color:var(--accent);background:var(--accent-soft)}.hermes-conversation h2{overflow-wrap:anywhere;max-width:100%;font-size:18px}.hermes-messages{flex-direction:column;gap:14px;min-height:260px;max-height:560px;padding:15px 2px;display:flex;overflow-y:auto}.hermes-message{background:var(--assistant-bg);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;align-self:flex-start;max-width:94%;padding:13px 16px}.hermes-message.user{background:var(--user-bg);align-self:flex-end}.hermes-message>small{margin-bottom:7px;font-size:11px;display:block}.hermes-message-state{color:var(--muted);margin:8px 0 0;font-size:12px}.hermes-compose{border-top:1px solid var(--border);gap:10px;padding-top:15px;display:grid}.hermes-compose label{font-weight:600}.hermes-compose textarea,.hermes-form input:not([type=checkbox]),.hermes-form textarea,.hermes-form select{box-sizing:border-box;background:var(--surface);width:100%;min-width:0;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;padding:10px 12px;display:block}.hermes-form textarea,.hermes-compose textarea{resize:vertical}.hermes-form input:focus,.hermes-form textarea:focus,.hermes-compose textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.hermes-empty{text-align:center;color:var(--text-secondary);margin:auto;padding:35px 15px}.hermes-two-columns{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:start;gap:22px;display:grid}.hermes-form,.hermes-form .field,.hermes-task-list{gap:15px;display:grid}.hermes-form .field{gap:7px}.hermes-form>.btn{justify-self:start}.hermes-task-list>h2{margin-top:0}.hermes-result{white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0;line-height:1.6}.hermes-task h3{overflow-wrap:anywhere;margin:0}.hermes-task details{margin-top:14px}.hermes-page summary{cursor:pointer;color:var(--muted)}.hermes-check{align-items:center;gap:9px;display:flex}.hermes-check input{width:18px;height:18px}.hermes-settings{max-width:760px}.hermes-settings hr{border:0;border-top:1px solid var(--border);margin-top:24px}@media (width<=760px){.hermes-chat-layout,.hermes-two-columns{grid-template-columns:minmax(0,1fr)}.hermes-health{justify-items:start}.hermes-session-list{max-height:145px}.hermes-messages{max-height:480px}.hermes-page .panel{padding:16px}.hermes-message{max-width:100%}.hermes-page .btn{white-space:normal}.hermes-tabs .btn{flex:40%}}:root{color:#233332;--text:#233332;--text-secondary:#526362;--muted:#637471;--surface:#fff;--border:#d7e1dc;--accent:#26725a;--accent-soft:#e0eee7;--assistant-bg:#f1f5f2;--user-bg:#e2efe8;--success-bg:#dceddf;--warn-bg:#fff0d6;--radius:12px;--radius-sm:8px;background:#f3f6f3;font-family:Inter,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}h1{letter-spacing:-.7px;font-size:30px;font-weight:650}h2{font-size:20px}p{line-height:1.55}.padded{padding:24px}.panel{border:1px solid var(--border);background:#fff;border-radius:16px;padding:24px}.btn{border:1px solid var(--border);cursor:pointer;color:var(--text);background:#fff;border-radius:8px;padding:10px 16px}.btn.primary{color:#fff;background:var(--accent);border-color:var(--accent)}.btn.small{padding:6px 10px;font-size:13px}.btn:disabled{opacity:.55;cursor:default}.hint{color:var(--muted);font-size:14px}.banner{background:var(--accent-soft);border-radius:8px;padding:12px}.banner.error{background:#ffe9e2}.banner.warn{background:var(--warn-bg)}.field{gap:7px;display:grid}.control-bar{border-bottom:1px solid var(--border);background:#fff;flex-wrap:wrap;align-items:center;gap:20px;padding:18px max(24px,50vw - 616px);display:flex}.brand{color:var(--accent);align-items:center;gap:12px;font-size:24px;font-weight:700;display:flex}.brand span{color:var(--text);font-size:15px}.project-picker{color:var(--muted);align-items:center;gap:10px;margin-left:auto;font-size:13px;display:flex}.project-picker select{border:1px solid var(--border);max-width:100%;color:var(--text);background:#fff;border-radius:8px;padding:10px}.login{width:min(460px,100% - 32px);margin:12vh auto}.login h1{font-size:38px}.eyebrow{color:var(--accent);letter-spacing:1.5px;font-size:11px}.access-note{max-width:1232px;color:var(--muted);margin:24px auto;padding:0 24px;font-size:12px;line-height:1.5}:focus-visible{outline-offset:3px;outline:3px solid #81b4a1}@media (width<=640px){.padded{padding:16px}.control-bar{gap:12px;padding:16px}.brand{flex:1}.project-picker{order:3;width:100%;margin:0}.project-picker select{flex:1;min-width:0}.panel{padding:18px}.login{margin-top:7vh}}
