/* Motyw AI: ciepły papier, serif w nagłówkach, ciemny mono panel na ślad
   agenta. Bez logo żadnego dostawcy. */
:root[data-theme="ai"] {
  --bg: #F5F1EA; --bg-2: #ECE6DC; --fg: #1F1D1A; --muted: #5f584f; --border: #d9d1c4;
  --accent: #C96442; --accent-fg: #fff; --accent-text: #9a4527; --accent-soft: rgba(201,100,66,.14);
  --radius: 10px; --font-head: ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --shadow: 0 1px 2px rgba(60,40,20,.08), 0 10px 30px rgba(60,40,20,.08);
}
:root[data-theme="ai"] h1, :root[data-theme="ai"] h2 { font-weight: 600; letter-spacing: -0.015em; }
:root[data-theme="ai"] .hero { background: radial-gradient(ellipse at 80% 20%, rgba(201,100,66,.14), transparent 55%); }
:root[data-theme="ai"] .hero-photo-cutout { background: radial-gradient(circle at 50% 35%, #e9c9b6 0%, #f0dccf 70%, transparent 71%); }
:root[data-theme="ai"] .demo { color-scheme: dark; background: #14110F; color: #E8E1D5; --muted: #a39a8c; --border: #2d2823; --bg-2: #1d1916; --accent: #e08a68; --accent-text: #e08a68; }
:root[data-theme="ai"] .demo-root { background: #1d1916; }
:root[data-theme="ai"] .demo code { background: #2d2823; color: #f0b793; }
:root[data-theme="ai"] .demo h2 { color: #fff; }
/* Czat */
.chat { display: grid; gap: 1rem; }
@media (min-width: 900px) { .chat { grid-template-columns: 3fr 2fr; } }
.chat-log { display: flex; flex-direction: column; gap: .75rem; min-height: 260px; max-height: 480px; overflow: auto; padding: .25rem; }
.msg { padding: .7rem .9rem; border-radius: 10px; max-width: 92%; white-space: pre-wrap; line-height: 1.5; }
.msg-user { align-self: flex-end; background: #C96442; color: #fff; }
.msg-agent { align-self: flex-start; background: #2d2823; color: #E8E1D5; }
.msg-agent.pisze::after { content: "▍"; animation: blink 1s steps(2) infinite; }
@keyframes blink { to { opacity: 0; } }
.chat-form { display: flex; gap: .5rem; margin-top: .75rem; }
.chat-form input { flex: 1; font: inherit; padding: .7rem .9rem; border-radius: 8px; border: 1px solid #3a342e; background: #14110F; color: #E8E1D5; }
.chat-form button { padding: .7rem 1rem; border-radius: 8px; border: 0; background: #C96442; color: #fff; font-weight: 700; cursor: pointer; }
.chat-form button:disabled { opacity: .5; cursor: default; }
.chips { display: flex; flex-wrap: wrap; gap: .4rem; margin: .5rem 0; }
.chip { font: inherit; font-size: .85rem; background: transparent; color: #E8E1D5; border: 1px solid #4a423a; border-radius: 999px; padding: .3rem .7rem; cursor: pointer; }
.chip:hover { border-color: #C96442; }
.trace { font-family: var(--mono); font-size: .78rem; background: #0e0c0a; border: 1px solid #2d2823; border-radius: 8px; padding: .75rem; min-height: 120px; max-height: 480px; overflow: auto; color: #a39a8c; }
.trace .t-call { color: #f0b793; }
.trace .t-res { color: #9ad0a5; white-space: pre-wrap; }
.trace .t-sys { color: #6f675d; }
.chat-meta { font-size: .8rem; color: #a39a8c; margin-top: .5rem; }