/* Claude Design canvas'ından çıkarıldı: docs/design/AI Chatbot Konsolu.dc.html
 * Panel bu token'ların üstüne kurulacak. Tasarım güncellenirse burayı yenile.
 * Ürün adı: GROUNDLY · IBM Plex Sans/Mono · dark-first + light
 */

:root{
--sans:'Axiforma','Plus Jakarta Sans',system-ui,-apple-system,sans-serif;--mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,monospace;
--bg:#0a0b0d;--panel:#101215;--panel2:#171a20;--line:#212630;--line2:#2e353f;
--fg:#e7eaee;--fg2:#a8b0bc;--fg3:#7c8492;
--acc:#3ecf8e;--btn-fg:#08130d;--ok:#1fb87a;--warn:#e8a33d;--err:#f2604c;--row:32px;--nav:226px;
--accD:color-mix(in oklab,var(--acc) 50%,transparent);--accS:color-mix(in oklab,var(--acc) 14%,transparent);
--okD:color-mix(in oklab,var(--ok) 50%,transparent);--okS:color-mix(in oklab,var(--ok) 13%,transparent);
--warnD:color-mix(in oklab,var(--warn) 45%,transparent);--warnS:color-mix(in oklab,var(--warn) 13%,transparent);
--errD:color-mix(in oklab,var(--err) 50%,transparent);--errS:color-mix(in oklab,var(--err) 13%,transparent);
}
:root[data-theme="light"]{--bg:#f5f6f8;--panel:#ffffff;--panel2:#eef0f3;--line:#e1e4e9;--line2:#cbd1d9;--fg:#14171b;--fg2:#4d5460;--fg3:#646c77;--acc:#008658;--btn-fg:#ffffff;--ok:#0a7d55;--warn:#a97009;--err:#cf3b26;}
*{box-sizing:border-box}
/* -webkit-font-smoothing:antialiased KALDIRILDI. macOS'ta çizgileri inceltiyor;
   IBM Plex'in kalın gövdeleriyle sorun değildi ama geometrik sans'ın ince
   Regular gövdesinde + koyu zeminde (açık-üstü-koyu optik olarak daha ince
   görünür) okunamaz hale geliyordu. Tarayıcı varsayılanı daha kalın render eder.
   Gövde ağırlığı 400 → 450: geometrik sans koyu zeminde 13,5px'te 400 fazla ince. */
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:13.5px;font-weight:450;line-height:1.45}
b,strong{font-weight:650}
table{border-collapse:collapse;width:100%}
th{text-align:left;font:600 10px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg3);padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:0 10px;height:var(--row);border-bottom:1px solid var(--line);font-size:13px;white-space:nowrap;vertical-align:middle}
tbody tr:hover{background:var(--panel2)}
a{color:var(--acc);text-decoration:none}
a:hover{color:var(--fg);text-decoration:underline}
input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit}
input[type=range]{accent-color:var(--acc);width:100%}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:var(--line2);border-radius:6px}
::-webkit-scrollbar-track{background:transparent}
@keyframes blip{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes grow{from{width:12%}to{width:63%}}