/* oracle-chat.css - вкладки «Значение карт | Чат с ИИ-<X>» + живой card-aware чат.
   Общий для lenormand / runes / i_ching / metaphorical_cards. Самодостаточно:
   свои --oc-* переменные с sepia-фолбэками, чтобы не зависеть от палитры сервиса. */
.oc-chat-scope{
  --oc-accent:#8b6914;
  --oc-accent2:#5c4a2a;
  --oc-text:#3a2f1c;
  --oc-muted:#8a7c63;
  --oc-border:#ddd0b8;
  --oc-panel:#fffdf8;
  --oc-bubble-ai:#f7f2e6;
  --oc-bubble-me1:#8b6914;
  --oc-bubble-me2:#a5854a;
}
.oc-tabs{display:flex;gap:6px;margin:22px 0 0;padding:6px;background:#f3ecdd;border:1px solid var(--oc-border);border-radius:16px}
.oc-tab{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border:0;border-radius:11px;background:transparent;color:var(--oc-muted);font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;line-height:1.3;transition:background .15s,color .15s,box-shadow .15s}
.oc-tab:hover{color:var(--oc-text)}
.oc-tab.is-active{background:#fff;color:var(--oc-accent2);box-shadow:0 4px 14px rgba(60,40,10,.08)}
.oc-tab-ic{font-size:16px}
.oc-tab-panel{margin-top:16px}
.oc-tab-panel:not(.is-active){display:none}
.oc-tab-panel .oc-chat{margin-top:0}

.oc-chat{margin-top:22px;border:1px solid var(--oc-border);border-radius:22px;padding:24px 22px;background:var(--oc-panel);box-shadow:0 8px 24px rgba(60,40,10,.05)}
.oc-chat[hidden]{display:none}
.oc-chat-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px;margin-bottom:16px}
.oc-chat-title{font-weight:800;font-size:19px;color:var(--oc-text);display:flex;align-items:center;gap:8px}
.oc-chat-orb{color:var(--oc-accent)}
.oc-chat-note{font-size:13px;color:var(--oc-muted)}
.oc-chat-master{margin-bottom:16px}
.oc-chat-master-lead{font-size:13px;color:var(--oc-muted);margin:0 0 9px}
.oc-chat-chips{display:flex;flex-wrap:wrap;gap:8px}
.oc-chat-chip{border:1.5px solid var(--oc-border);background:#faf6ec;color:var(--oc-accent2);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;line-height:1.35;text-align:left;transition:background .15s,border-color .15s}
.oc-chat-chip:hover{background:#f3ecdd;border-color:#c9b78d}
.oc-chat-log{display:flex;flex-direction:column;gap:12px;max-height:440px;overflow-y:auto;padding:2px;margin-bottom:4px}
.oc-chat-log:empty{display:none}
.oc-chat-msg{display:flex;flex-direction:column;gap:4px;max-width:86%}
.oc-chat-msg--me{align-self:flex-end;align-items:flex-end}
.oc-chat-msg--ai{align-self:flex-start;align-items:flex-start}
.oc-chat-who{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--oc-muted);padding:0 4px}
.oc-chat-bubble{border-radius:16px;padding:12px 16px;font-size:16px;line-height:1.7}
.oc-chat-msg--me .oc-chat-bubble{background:linear-gradient(135deg,var(--oc-bubble-me1),var(--oc-bubble-me2));color:#fff;border-bottom-right-radius:6px}
.oc-chat-msg--ai .oc-chat-bubble{background:var(--oc-bubble-ai);color:var(--oc-text);border:1px solid var(--oc-border);border-bottom-left-radius:6px}
.oc-chat-form{display:flex;gap:10px;align-items:stretch;margin-top:14px}
.oc-chat-input{flex:1 1 auto;width:100%;box-sizing:border-box;min-height:54px;resize:vertical;border-radius:14px;border:1.5px solid var(--oc-border);background:#fdfbf5;color:var(--oc-text);padding:13px 16px;font-family:inherit;font-size:16px;line-height:1.5}
.oc-chat-input:focus{outline:none;border-color:var(--oc-accent);background:#fff;box-shadow:0 0 0 4px rgba(139,105,20,.12)}
.oc-chat-send{flex:0 0 auto;width:auto;min-width:150px;margin-top:0;padding:0 26px;white-space:nowrap;font-size:16px;cursor:pointer}
.oc-chat-send:disabled{opacity:.55;cursor:default}
.oc-chat-hint-line{font-size:13px;color:#b23b2e;margin:11px 2px 0;line-height:1.5}
.oc-chat-hint-line:empty{display:none}
.oc-chat-shop{display:inline-block;margin-left:6px;color:var(--oc-accent2);font-weight:700;text-decoration:underline}
@media(max-width:520px){
  .oc-chat{padding:18px 15px}
  .oc-chat-msg{max-width:94%}
  .oc-chat-form{flex-direction:column;align-items:stretch}
  .oc-chat-send{width:100%;padding:15px}
  .oc-tab-ic{display:none}
  .oc-tab{font-size:13.5px;padding:11px 7px;gap:5px}
}