.fellow-toggle{display:inline-flex;gap:7px;align-items:center;border:1px solid #cddbc6;background:#edf3e8;color:#304c33;border-radius:7px;padding:9px 12px;font-size:11px;font-weight:600;white-space:nowrap;cursor:pointer}
.fellow-toggle:hover,.fellow-toggle[aria-expanded="true"]{background:#263b2b;border-color:#263b2b;color:#fff}
body.fellow-open .app-shell{margin-right:400px}
.fellow-panel{position:fixed;inset:0 0 0 auto;width:400px;max-width:100vw;z-index:50;display:flex;flex-direction:column;background:#fbfcf9;color:#263326;border-left:1px solid #dfe6d9;box-shadow:-8px 0 24px #17291d06;font:13px/1.65 Inter,Arial,sans-serif}
.fellow-panel[hidden],.fellow-panel [hidden]{display:none!important}
.fellow-header{display:flex;align-items:center;gap:8px;padding:23px 22px 17px;border-bottom:1px solid #e3e9df}
.fellow-header>div{margin-right:auto}.fellow-header .eyebrow{font-size:8px}.fellow-header h2{font-family:'DM Sans',sans-serif;letter-spacing:-.045em;font-size:24px;line-height:1.2;margin:7px 0 0}
.fellow-icon-button{background:none;border:1px solid #dfe6da;color:#687963;width:30px;height:30px;border-radius:6px;font-size:19px;cursor:pointer}
.fellow-context{padding:13px 22px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;border-bottom:1px solid #e7ece3}
.fellow-screen{color:#60745a}.fellow-readonly{padding:3px 7px;background:#eaf1e4;color:#4d6946;border-radius:4px}
.fellow-record{margin:12px 18px 0;padding:10px 12px;border:1px solid #dce6d4;border-radius:7px;background:#f1f6ec}
.fellow-record label{display:flex;align-items:flex-start;gap:8px;font-size:11px;cursor:pointer}.fellow-record label span{overflow-wrap:anywhere}.fellow-record input{margin-top:4px;accent-color:#4f7048}.fellow-record small{display:block;margin:5px 0 0;color:#7d8977;font-size:9px}
.fellow-log{flex:1;min-height:0;overflow:auto;padding:22px;overscroll-behavior:contain}
.fellow-welcome{padding-top:clamp(20px,12vh,130px)}.fellow-mark{font-size:29px;color:#78966f}.fellow-welcome h3{font-family:'DM Sans',sans-serif;letter-spacing:-.04em;font-size:23px;line-height:1.25;font-weight:500;margin:14px 0 12px}.fellow-welcome p{color:#82907c;font-size:12px;max-width:300px}
.fellow-suggestions{display:grid;gap:9px;margin-top:28px}.fellow-suggestion{border:1px solid #e1e7dc;background:#fff;color:#52634b;border-radius:8px;text-align:left;padding:12px;font-size:11px;line-height:1.5;cursor:pointer}.fellow-suggestion:hover{border-color:#9cb691;background:#f1f6ec}
.fellow-footer{padding:12px 18px 17px;border-top:1px solid #e2e9dc;background:#fbfcf9}.fellow-status{font-size:10px;color:#7e8e75;line-height:1.5;margin:0 0 9px}.fellow-form{padding:10px;border:1px solid #cfdcc7;border-radius:10px;background:#fff;display:flex;flex-direction:column;gap:7px}.fellow-form:focus-within{border-color:#7e9f71}.fellow-form textarea{width:100%;border:0;resize:vertical;min-height:65px;max-height:170px;background:none;color:inherit;font-size:12px;line-height:1.6;outline:none}.fellow-form button{align-self:flex-end;font-size:10px;padding:8px 11px}.fellow-form button:disabled{opacity:.5;cursor:default}.fellow-footer>small{display:block;color:#899481;font-size:9px;margin-top:8px}
.fellow-message{padding:13px 14px;border-radius:9px;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:14px;font-size:12px}.fellow-user{background:#edf2e8;border:1px solid #dde7d6}.fellow-assistant{padding-left:0;padding-right:0}.fellow-message-author{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:#75906b;margin-bottom:7px}
[data-theme="dark"] .fellow-panel,[data-theme="dark"] .fellow-footer{background:#17221a;color:#e2eadd;border-color:#354431}[data-theme="dark"] .fellow-header,[data-theme="dark"] .fellow-context{border-color:#2e3e2a}[data-theme="dark"] .fellow-toggle,[data-theme="dark"] .fellow-readonly,[data-theme="dark"] .fellow-record,[data-theme="dark"] .fellow-user{background:#283b29;color:#d3e4cb;border-color:#3d5338}[data-theme="dark"] .fellow-suggestion,[data-theme="dark"] .fellow-form{background:#1f2c21;color:#dce7d6;border-color:#3a4c34}[data-theme="dark"] .fellow-icon-button{color:#c6d7bd;border-color:#3a4c34}
@media(max-width:1100px){body.fellow-open .app-shell{grid-template-columns:70px minmax(0,1fr)}body.fellow-open .sidebar .brand-name,body.fellow-open .workspace-switch{display:none}body.fellow-open .nav-item{font-size:0;justify-content:center}body.fellow-open .nav-icon{font-size:18px}body.fellow-open .content{padding-left:20px;padding-right:20px}}
@media(max-width:800px){body.fellow-open .app-shell{margin-right:0}.fellow-panel{width:100%;z-index:100}.fellow-welcome{padding-top:25px}.fellow-toggle{padding:8px}.topbar-right{gap:9px}}