/* 0.3.46 · В-9: панель результата справа, агент в строке ввода, карточки результата, полоска истории (result.js).
   Зачем отдельный файл: focus.css — 61 КБ с листом, пером и телефоном; сетку панели проще держать рядом с её скриптом. */
:root{--result-w:min(52vw,900px)}
#result-panel{position:fixed;top:0;right:0;bottom:0;width:var(--result-w);z-index:25;background:#fff;border-left:1px solid #e1dfe9;display:flex;flex-direction:column;box-shadow:-8px 0 24px #0001}
#result-panel[hidden]{display:none}
.result-head{display:flex;align-items:center;gap:6px;padding:6px 10px;border-bottom:1px solid #e1dfe9;min-height:48px;background:#f8f7fc}
#result-title{flex:1;font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.result-actions{display:flex;gap:2px}
.result-actions .icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:0;background:transparent;text-decoration:none;color:inherit;font-size:17px;cursor:pointer}
.result-actions .icon-button:hover{background:#ecebf4}
.result-actions .icon-button[aria-pressed="true"]{background:#e3e0f5}
#result-frame{flex:1;border:0;width:100%;min-height:0;background:#fff}
body.result-full #result-panel{width:100vw;left:0;z-index:40}
@media(min-width:1001px){
 body.result-open:not(.result-full) main{margin-right:var(--result-w)}
 body.result-open:not(.result-full).chat-home #model-chat{width:100%}
}
@media(max-width:1000px){#result-panel{width:100vw;left:0}}

/* Агент выбирается в строке ввода, рядом с «отправить» (как «GPT-5.6 Sol» у ChatGPT); пульт остаётся местом настройки. */
#model-form .model-bottom{gap:6px}
#model-form .model-bottom #model-select{border:1px solid #d9d6e4;border-radius:14px;padding:0 10px;height:40px;max-width:210px;font-size:13px;background:#fff;color:inherit;text-overflow:ellipsis;cursor:pointer;margin:0}
#model-form .model-bottom #model-select:disabled{opacity:.75;cursor:default}
@media(max-width:640px){#model-form .model-bottom #model-select{max-width:124px;font-size:12px;padding:0 6px}}
#home-model-label[hidden]{display:none}

/* Карточка результата в чате: одна плашка с названием, клик открывает панель. */
.result-card{display:inline-flex;align-items:center;gap:10px;border:1px solid #d9d6e4;border-radius:12px;padding:8px 12px;background:#fff;cursor:pointer;text-align:left;font:inherit;max-width:100%;margin:6px 0}
.result-card:hover{background:#f6f5fb}
.result-card-icon{font-size:20px;color:#5b4fcf;line-height:1}
.result-card b{display:block;font-size:14px;line-height:1.2}
.result-card small{color:#77736b;font-size:12px}
.chat-document{border:1px solid #d9d6e4;border-radius:12px;padding:8px 12px;background:#fff;margin:6px 0}
.chat-document>a:first-child{font-weight:600}

/* Полоска истории: по риске на сообщение пользователя; название всплывает при наведении. */
#chat-rail{position:fixed;right:12px;top:50%;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;gap:6px;max-height:60vh;overflow:hidden}
#chat-rail[hidden]{display:none}
#chat-rail button{border:0;background:transparent;height:10px;width:30px;padding:0;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:flex-end}
#chat-rail button::before{content:"";display:block;height:2px;width:20px;border-radius:2px;background:#c9c5da}
#chat-rail button.current::before,#chat-rail button:hover::before{background:#5b4fcf;width:28px}
#chat-rail button span{position:absolute;right:36px;top:50%;transform:translateY(-50%);background:#20211f;color:#fff;font-size:12px;padding:4px 8px;border-radius:8px;white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis;display:none;pointer-events:none}
#chat-rail button:hover span,#chat-rail button:focus-visible span{display:block}
body.result-open #chat-rail{right:calc(var(--result-w) + 12px)}
@media(max-width:1000px){#chat-rail,body.result-open #chat-rail{display:none}}

/* 0.3.47 · В-9 второй выпуск: обложки результатов и чаты по датам; В-11: исходное сообщение задачи. */
.result-cover{display:flex;flex-direction:column;justify-content:flex-end;gap:2px;width:128px;height:76px;border-radius:8px;background:#f0eef8;padding:6px 8px;overflow:hidden;flex-shrink:0;color:#20211f;text-align:left}
.result-cover b{font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.result-cover i{font-size:10px;font-style:normal;color:#6b6880;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.result-cover em{font-size:10px;font-style:normal;color:#2f8f4e}
.chat-document{display:flex;align-items:center}
.chat-document>a:first-of-type{font-weight:600}
.chat-date{font-size:11px;color:#8a879a;text-transform:uppercase;letter-spacing:.06em;padding:8px 9px 2px}
.chat-origin{font-size:13px;color:#5b4fcf;margin:4px 0 10px}
.chat-origin button{border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;padding:0}
.origin-flash{outline:2px solid #5b4fcf;outline-offset:4px;border-radius:18px}
#chat-activity{margin:8px 0}#chat-activity summary{cursor:pointer;color:#5b5870}
/* 0.3.48 · В-11 шаг 2: лента задачи — события между сообщениями; В-10 шаг 2: папка «Книжка». */
.chat-event{font-size:13px;color:#5b5870;margin:6px 0 6px 10px;padding:2px 0 2px 10px;border-left:2px solid #e1dfe9}
.chat-event time,.chat-message time{font-size:11px;color:#8a879a;margin-right:6px}
.chat-message time{display:block;margin-top:4px}
.chat-event-result .result-card{margin:4px 0}
details.proj.book>summary .proj-icon{color:#5b4fcf}
#home-book-note{display:block;width:100%;text-align:left;border:0;background:transparent;padding:8px 9px;color:#5b4fcf;cursor:pointer;font:inherit}
#home-book-note:hover{background:#eeedf5;border-radius:10px}
/* 0.3.49 · В-10 шаг 3: листы в «Книжке»; В-11 шаг 3: события движка в ленте. */
.book-sheet .book-sheet-icon{color:#8a879a;margin-right:6px}
.chat-event-sys{border-left-color:#c9c5da;color:#6b6880}