/* Русский тёмный интерфейс AI-чата */
.ai-shell { min-height: calc(100vh - 72px); display: grid; grid-template-columns: 240px minmax(0, 1fr) 290px; background: #212121; color: #ececec; font-family: Inter, "Segoe UI", sans-serif; }
.ai-sidebar { background: #171717; padding: 18px 14px; border-right: 1px solid #292929; }
.ai-new-chat { width: 100%; padding: 11px 12px; border: 1px solid #4b4b4b; border-radius: 7px; background: transparent; color: #fff; cursor: pointer; font-size: 14px; }
.ai-new-chat:hover { background: #2b2b2b; }
.ai-sidebar-title { margin: 28px 8px 10px; color: #8e8e8e; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.ai-chat-item { padding: 10px 12px; border-radius: 7px; color: #ddd; font-size: 14px; background: #2c2c2c; }
.ai-sidebar-note { margin: 22px 8px; color: #747474; font-size: 12px; line-height: 1.5; }
.ai-chat { min-width: 0; display: flex; flex-direction: column; background: #212121; }
.ai-chat-header { display: flex; justify-content: space-between; align-items: center; padding: 17px 5%; border-bottom: 1px solid #303030; }
.ai-chat-header strong { font-size: 15px; }.ai-chat-header small { display: block; margin-top: 3px; color: #929292; font-size: 11px; }
.ai-status-dot { display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: #10a37f; }.ai-limit { color: #a8a8a8; font-size: 11px; }
.ai-messages { flex: 1; overflow-y: auto; padding: 42px 8%; }.ai-welcome, .ai-message { display: flex; gap: 16px; max-width: 760px; margin: 0 auto 26px; line-height: 1.6; }
.ai-welcome { align-items: center; margin-top: 5vh; }.ai-welcome h1 { margin: 0 0 7px; color: #fff; font-size: 28px; }.ai-welcome p, .ai-message p { margin: 0; color: #d5d5d5; font-size: 15px; }
.ai-message { padding: 20px; border-radius: 10px; }.ai-message-user { background: #212121; }.ai-message-bot { background: #303030; }.ai-message-error { background: #4a2929; }
.ai-message small { display: block; margin-top: 10px; color: #999; font-size: 11px; }.ai-avatar { display: grid; width: 31px; height: 31px; flex: 0 0 31px; place-items: center; border-radius: 5px; color: #fff; font-size: 11px; }.ai-avatar-bot { background: #7b61ff; }.ai-avatar-user { background: #10a37f; }
.ai-input-area { padding: 18px 8% 24px; background: linear-gradient(transparent, #212121 16%); }.ai-input-wrap { display: flex; gap: 8px; max-width: 760px; margin: 0 auto; padding: 9px; border: 1px solid #444; border-radius: 13px; background: #303030; }.ai-input-wrap select { max-width: 145px; border: 0; background: #303030; color: #bbb; font-size: 12px; }.ai-input-wrap textarea { flex: 1; min-height: 26px; padding: 5px; border: 0; outline: 0; resize: none; background: transparent; color: #fff; font-size: 15px; }.ai-input-wrap textarea::placeholder { color: #888; }.ai-send { width: 34px; height: 34px; border: 0; border-radius: 7px; background: #676767; color: #fff; font-size: 21px; cursor: pointer; }.ai-send:hover { background: #8c8c8c; }.ai-send:disabled, .ai-input-wrap textarea:disabled { opacity: .45; cursor: not-allowed; }.ai-input-area > small { display: block; max-width: 760px; margin: 9px auto 0; color: #777; font-size: 11px; }.ai-disabled { max-width: 760px; margin: 0 auto 10px; color: #d4a96a; font-size: 13px; }
.ai-guide { padding: 28px 20px; border-left: 1px solid #303030; background: #282828; }.ai-guide h2 { margin: 0 0 8px; color: #fff; font-size: 17px; }.ai-guide-intro { margin: 0 0 24px; color: #929292; font-size: 12px; line-height: 1.5; }.ai-guide article { padding: 14px 0; border-top: 1px solid #404040; }.ai-guide article span { color: #10a37f; font-size: 11px; }.ai-guide h3 { margin: 6px 0; color: #eee; font-size: 14px; }.ai-guide article p { margin: 0; color: #aaa; font-size: 12px; line-height: 1.55; }.ai-guide-link { display: block; margin-top: 16px; color: #8dd8c2; font-size: 13px; text-decoration: none; }.ai-guide-link:hover { color: #fff; }
.ai-filter-label { display: block; margin-bottom: 5px; color: #999; font-size: 11px; }.ai-prompt-filter { width: 100%; margin-bottom: 12px; padding: 7px; border: 1px solid #444; border-radius: 6px; background: #303030; color: #ddd; }.ai-prompt-card { position: relative; padding: 12px 0 15px; border-top: 1px solid #404040; }.ai-prompt-card > span { color: #8dd8c2; font-size: 10px; text-transform: uppercase; letter-spacing: .04em; }.ai-prompt-card h3 { margin: 5px 0; }.ai-prompt-card p { margin-bottom: 9px !important; }.ai-copy-prompt { padding: 6px 10px; border: 1px solid #555; border-radius: 6px; background: #383838; color: #eee; cursor: pointer; font-size: 11px; }.ai-copy-prompt:hover { background: #10a37f; color: #111; }
@media (max-width: 1050px) { .ai-shell { grid-template-columns: 190px minmax(0, 1fr); }.ai-guide { display: none; } }@media (max-width: 700px) { .ai-shell { display: block; }.ai-sidebar { display: none; }.ai-chat-header, .ai-messages, .ai-input-area { padding-left: 18px; padding-right: 18px; }.ai-input-wrap select { max-width: 90px; }.ai-welcome h1 { font-size: 23px; } }