@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root {
  color-scheme: dark;
  --oa-bg: #070910;
  --oa-bg-2: #0b0f1c;
  --oa-panel: rgba(14, 19, 34, .86);
  --oa-panel-strong: rgba(18, 24, 43, .96);
  --oa-panel-soft: rgba(25, 32, 55, .72);
  --oa-line: rgba(137, 153, 205, .2);
  --oa-line-bright: rgba(103, 240, 255, .42);
  --oa-text: #f2f5ff;
  --oa-muted: #9ba7c5;
  --oa-dim: #697592;
  --oa-violet: #a78bfa;
  --oa-cyan: #67f0ff;
  --oa-pink: #ff79d2;
  --oa-green: #70f5b0;
  --oa-orange: #ffbd72;
  font-family: 'Space Grotesk', 'DM Sans', system-ui, sans-serif;
}

html { background: var(--oa-bg); }
body {
  min-height: 100vh;
  color: var(--oa-text);
  background:
    radial-gradient(circle at 78% 8%, rgba(109, 70, 255, .2), transparent 28rem),
    radial-gradient(circle at 9% 38%, rgba(20, 190, 230, .09), transparent 26rem),
    linear-gradient(135deg, var(--oa-bg), var(--oa-bg-2) 56%, #0b0a18);
  font-family: 'Space Grotesk', 'DM Sans', system-ui, sans-serif;
  overflow-x: hidden;
}
body::before {
  position: fixed;
  z-index: -2;
  inset: 0;
  pointer-events: none;
  content: '';
  opacity: .32;
  background-image: linear-gradient(rgba(143, 162, 224, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(143, 162, 224, .08) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.28) 75%, transparent 100%);
}
body::after {
  position: fixed;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  content: '';
  opacity: .3;
  background: radial-gradient(circle at 50% 0%, transparent 0 22rem, rgba(0,0,0,.55) 78%);
}

.topbar {
  position: sticky;
  top: 0;
  z-index: 30;
  height: 76px;
  padding: 0 max(5vw, 24px);
  border-bottom: 1px solid var(--oa-line);
  background: rgba(7, 9, 16, .76);
  backdrop-filter: blur(22px) saturate(135%);
}
.brand { color: var(--oa-text); font: 700 22px/1 'Space Grotesk', sans-serif; letter-spacing: -.8px; }
.brand-mark {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(103, 240, 255, .65);
  border-radius: 12px;
  color: #081019;
  background: linear-gradient(145deg, var(--oa-cyan), var(--oa-violet) 58%, var(--oa-pink));
  box-shadow: 0 0 24px rgba(103, 240, 255, .28), inset 0 0 12px rgba(255,255,255,.45);
  font-size: 19px;
}
.topbar-right { color: var(--oa-muted); gap: 14px; font-size: 11px; }
.status-dot, .caption-dot { width: 8px; height: 8px; background: var(--oa-green); box-shadow: 0 0 14px rgba(112, 245, 176, .8); }
.status-label { letter-spacing: .05em; text-transform: uppercase; }
.language-control select {
  border: 1px solid var(--oa-line);
  border-radius: 9px;
  color: var(--oa-text);
  background: rgba(20, 27, 48, .9);
  font: inherit;
}
.language-control select:focus { outline: 2px solid var(--oa-cyan); outline-offset: 2px; }
.text-button { color: var(--oa-cyan); }

.hero {
  max-width: 1320px;
  min-height: 720px;
  padding: 82px 42px 72px;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 42px;
}
.hero-copy { max-width: 610px; }
.eyebrow { color: var(--oa-cyan); letter-spacing: 2.8px; font-size: 10px; }
.eyebrow-line { width: 34px; background: linear-gradient(90deg, var(--oa-cyan), var(--oa-violet)); box-shadow: 0 0 10px rgba(103, 240, 255, .6); }
.hero h1 { color: var(--oa-text); font: 700 clamp(42px, 5.5vw, 72px)/1.02 'Space Grotesk', sans-serif; letter-spacing: -3.8px; }
.hero h1 span {
  color: transparent;
  background: linear-gradient(100deg, var(--oa-cyan), var(--oa-violet) 48%, var(--oa-pink));
  -webkit-background-clip: text;
  background-clip: text;
}
.lead { max-width: 550px; color: var(--oa-muted); font-size: 15px; line-height: 1.75; }
.trust-row { color: var(--oa-dim); }
.trust-row span { color: var(--oa-green); }

.login-card, .service-box, .customer-keys, .admin-panel, .pricing-panel, .provider-keys-panel, .legal-section {
  border: 1px solid var(--oa-line);
  background: linear-gradient(145deg, rgba(20, 27, 48, .94), rgba(10, 14, 26, .92));
  box-shadow: 0 24px 80px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter: blur(18px) saturate(125%);
}
.login-card { width: min(100%, 430px); border-radius: 20px; padding: 23px; }
.login-card-heading strong { color: var(--oa-text); font-size: 14px; }
.login-card-heading small { color: var(--oa-muted); }
.google-icon, .google-g { border: 1px solid rgba(167,139,250,.38); color: var(--oa-cyan); background: linear-gradient(145deg, rgba(103,240,255,.16), rgba(167,139,250,.18)); }
.google-button {
  height: 49px;
  border-color: var(--oa-line);
  color: var(--oa-text);
  background: rgba(6, 10, 19, .76);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.google-button:hover { border-color: var(--oa-cyan); box-shadow: 0 0 24px rgba(103, 240, 255, .12); transform: translateY(-1px); }
.button-arrow { color: var(--oa-cyan); }
.login-note { color: var(--oa-dim); }
.login-note a { color: var(--oa-cyan); }
.auth-form { border-color: var(--oa-line); background: rgba(8, 12, 22, .7); }
.auth-form h4 { color: var(--oa-text); }
.auth-form label { color: var(--oa-muted); }
.auth-form input, .service-workspace input, .service-workspace textarea, .service-workspace select, .project-form input, .project-form select, .project-form textarea, .provider-toolbar input, .credit-form input, .credit-form select, .pricing-form input, .pricing-form select, .provider-key-form input, .provider-key-form select, .key-form input {
  border-color: var(--oa-line);
  color: var(--oa-text);
  background: rgba(5, 9, 18, .86);
  box-shadow: inset 0 1px 8px rgba(0,0,0,.16);
}
.auth-form input:focus, input:focus, textarea:focus, select:focus { border-color: var(--oa-cyan); outline: 2px solid rgba(103, 240, 255, .14); outline-offset: 0; }
.auth-form button { border-color: rgba(103,240,255,.3); color: #071017; background: linear-gradient(110deg, var(--oa-cyan), var(--oa-violet)); }

.primary-button, .copy-key, .credit-form .primary-button, .project-actions .primary-button {
  border: 0;
  color: #071017;
  background: linear-gradient(110deg, var(--oa-cyan), #9bf7e9 36%, var(--oa-violet));
  box-shadow: 0 0 22px rgba(103, 240, 255, .16), inset 0 1px 0 rgba(255,255,255,.46);
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.primary-button:hover, .copy-key:hover { filter: saturate(1.15); transform: translateY(-1px); box-shadow: 0 0 30px rgba(103, 240, 255, .3); }
.primary-button:disabled { color: #536174; background: #233046; box-shadow: none; }

.hero-visual { height: 500px; }
.visual-grid { inset: 4% -4%; opacity: .48; background-image: linear-gradient(rgba(103,240,255,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(103,240,255,.18) 1px, transparent 1px); background-size: 38px 38px; mask-image: radial-gradient(ellipse, #000 8%, transparent 74%); }
.orb-one { width: 340px; height: 340px; right: 13%; top: 16%; background: radial-gradient(circle at 32% 26%, #d5fbff 0 5%, #72f1ff 14%, #8272ff 52%, #251e71 77%, transparent 78%); box-shadow: 0 0 100px rgba(103,240,255,.23), 0 40px 110px rgba(117,85,255,.4); animation: oa-pulse 7s ease-in-out infinite; }
.orb-two { width: 112px; height: 112px; right: 22%; top: 21%; background: radial-gradient(circle at 30% 25%, #fff 0 8%, #a9fbff 30%, #a78bfa 72%); box-shadow: 0 0 45px rgba(103,240,255,.62); }
@keyframes oa-pulse { 0%, 100% { transform: scale(1) rotate(0deg); } 50% { transform: scale(1.04) rotate(4deg); } }
.model-card { border-color: rgba(103,240,255,.32); background: linear-gradient(145deg, rgba(20,29,52,.92), rgba(10,13,27,.9)); box-shadow: 0 25px 70px rgba(0,0,0,.46), 0 0 35px rgba(103,240,255,.1); }
.model-card-main { width: 245px; left: 14%; top: 25%; transform: rotate(-5deg); }
.model-icon.purple { color: var(--oa-cyan); border: 1px solid rgba(103,240,255,.34); background: rgba(103,240,255,.1); }
.model-pill { color: var(--oa-cyan); background: rgba(103,240,255,.1); border: 1px solid rgba(103,240,255,.2); }
.model-card-main strong { color: var(--oa-text); font: 600 23px/1.2 'Space Grotesk', sans-serif; }
.model-lines i { background: linear-gradient(90deg, var(--oa-cyan), var(--oa-violet)); }
.model-lines i:nth-child(2) { background: rgba(167,139,250,.5); }
.model-lines i:nth-child(3) { background: rgba(155,167,197,.25); }
.floating-chip { border-color: var(--oa-line); color: var(--oa-text); background: rgba(14, 21, 38, .86); box-shadow: 0 14px 35px rgba(0,0,0,.36), 0 0 18px rgba(103,240,255,.08); backdrop-filter: blur(14px); }
.floating-chip span { color: var(--oa-cyan); }
.chip-text { left: 4%; top: 12%; }.chip-image { right: 2%; top: 50%; }.chip-audio { left: 13%; bottom: 14%; }
.visual-caption { color: var(--oa-muted); }

.dashboard { max-width: 1180px; padding: 68px 32px 82px; }
.dashboard-heading h2 { color: var(--oa-text); font: 600 42px/1.1 'Space Grotesk', sans-serif; letter-spacing: -2px; }
.dashboard-heading h2 span { color: var(--oa-cyan); }
.dashboard-heading p:not(.eyebrow) { color: var(--oa-muted); }
.dashboard-heading > div:last-child { display: flex; align-items: center; gap: 12px; }
.system-badge { display: inline-flex; align-items: center; gap: 7px; width: auto; min-width: 74px; height: 34px; padding: 0 12px; border: 1px solid rgba(112,245,176,.42); border-radius: 999px; color: var(--oa-green); background: rgba(112,245,176,.08); font: 600 10px/1 'DM Mono', monospace; letter-spacing: .14em; box-shadow: 0 0 18px rgba(112,245,176,.12); }
.system-badge::before { width: 6px; height: 6px; border-radius: 50%; content: ''; background: var(--oa-green); box-shadow: 0 0 10px rgba(112,245,176,.9); }
.role-badge { position: static; transform: none; margin: 0; border: 1px solid rgba(167,139,250,.4); color: var(--oa-violet); background: rgba(167,139,250,.1); }
.role-badge.admin { color: var(--oa-pink); border-color: rgba(255,121,210,.42); background: rgba(255,121,210,.1); }
.plan-badge { display: inline-flex; align-items: center; min-height: 26px; padding: 0 9px; border: 1px solid rgba(103,240,255,.34); border-radius: 999px; color: var(--oa-cyan); background: rgba(103,240,255,.08); font: 600 9px/1 'DM Mono', monospace; letter-spacing: .12em; }
.plan-badge[data-plan="admin"] { color: var(--oa-pink); border-color: rgba(255,121,210,.42); background: rgba(255,121,210,.1); }
.plan-badge[data-plan="pro"] { color: var(--oa-violet); border-color: rgba(167,139,250,.42); background: rgba(167,139,250,.1); }
body:has(#dashboard:not(.hidden)) .agent-stage button,
body:has(#dashboard:not(.hidden)) .agent-stage a { pointer-events: auto; }
.service-links { color: var(--oa-dim); margin: 20px 0; }
.service-links a { color: var(--oa-cyan); text-decoration: none; }
.balance-card { margin: 27px 0 42px; border: 1px solid rgba(103,240,255,.35); border-radius: 20px; background: linear-gradient(120deg, rgba(20, 40, 68, .98), rgba(34, 21, 72, .98) 62%, rgba(71, 26, 75, .96)); box-shadow: 0 20px 65px rgba(0,0,0,.35), 0 0 38px rgba(103,240,255,.1); }
.balance-label { color: var(--oa-cyan); opacity: 1; font: 500 9px 'DM Mono', monospace; letter-spacing: 1.7px; }
.balance-card strong { color: #fff; font: 600 34px 'Space Grotesk', sans-serif; }
.balance-card small { color: #cad6ee; opacity: .84; }
.balance-lock { border: 1px solid rgba(103,240,255,.3); color: var(--oa-cyan); background: rgba(103,240,255,.08); }

.section-heading h3, .service-workspace h3, .project-lab h3 { color: var(--oa-text); }
.section-heading p, .service-workspace p, .project-lab p, .customer-keys-note, .provider-footnote { color: var(--oa-muted); }
.service-workspace h3 { font-size: 25px; }
.service-notice { border-left-color: var(--oa-cyan); background: rgba(103,240,255,.07); color: #c9d8ef !important; }
.service-workspace button { border-color: rgba(167,139,250,.32); color: var(--oa-text); background: rgba(25, 33, 57, .9); }
.service-workspace button:hover { border-color: var(--oa-cyan); box-shadow: 0 0 18px rgba(103,240,255,.12); }
.assistant-chat { border-color: rgba(103,240,255,.35); background: linear-gradient(145deg, rgba(17, 31, 52, .95), rgba(20, 15, 39, .95)); }
.assistant-pill, .project-agent-pill { border: 1px solid rgba(103,240,255,.38); color: var(--oa-cyan); background: rgba(103,240,255,.08); }
.assistant-messages { border-color: var(--oa-line); background: rgba(4, 8, 17, .68); }
.assistant-message { border-radius: 14px; }
.assistant-message.assistant { border-color: var(--oa-line); color: #dce6fa; background: rgba(22, 29, 49, .86); }
.assistant-message.user { color: #071017; background: linear-gradient(110deg, var(--oa-cyan), var(--oa-violet)); }
.assistant-actions span, .service-workspace small { color: var(--oa-muted); }
.service-result pre { border: 1px solid var(--oa-line); color: #dbe7ff; background: rgba(3, 7, 15, .85); }
.service-message { border: 1px solid rgba(167,139,250,.24); color: #dbe4ff !important; background: rgba(103,240,255,.08); }
.service-cards { gap: 14px; }
.service-workspace .service-card { border-color: var(--oa-line); background: linear-gradient(145deg, rgba(21, 28, 49, .92), rgba(10, 14, 26, .9)); }
.service-card:hover { border-color: var(--oa-cyan); box-shadow: 0 0 22px rgba(103,240,255,.1); }
.service-card strong { color: var(--oa-text); }.service-card span { color: var(--oa-muted); }.service-card small { color: var(--oa-cyan); }

.project-lab { border-color: rgba(167,139,250,.38); background: linear-gradient(135deg, rgba(37, 27, 74, .72), rgba(10, 19, 35, .94)); }
.project-form label { color: var(--oa-muted); }
.project-form input, .project-form select, .project-form textarea { border-color: var(--oa-line); background: rgba(5,9,18,.84); }
.project-agent-status { color: var(--oa-cyan); }.project-status { color: var(--oa-green); background: rgba(112,245,176,.1); border: 1px solid rgba(112,245,176,.25); }.project-status.needs_fix { color: #ff9eaa; background: rgba(255,96,118,.1); }
.project-card { border-color: var(--oa-line); background: rgba(13, 19, 34, .82); }.project-card h4 { color: var(--oa-text); }.project-card p { color: var(--oa-muted); }.project-actions .secondary-button { color: var(--oa-cyan); background: rgba(103,240,255,.1); }.project-actions button { color: var(--oa-text); background: rgba(25,33,57,.9); }.project-lab code { color: var(--oa-cyan); background: rgba(103,240,255,.1); }

.customer-keys, .admin-panel, .pricing-panel, .provider-keys-panel { border-radius: 18px; }
.admin-pill, .soon-pill, .tool-soon { border: 1px solid rgba(167,139,250,.3); color: var(--oa-violet); background: rgba(167,139,250,.1); }
.key-list, .ledger-list { border-color: var(--oa-line); background: rgba(7, 11, 20, .74); }.key-row, .ledger-row { border-color: rgba(137,153,205,.13); }.key-row strong, .ledger-row strong { color: var(--oa-text); }.key-row small, .ledger-row span, .empty-ledger { color: var(--oa-muted); }.key-status { color: var(--oa-green); border: 1px solid rgba(112,245,176,.26); background: rgba(112,245,176,.1); }.key-status.pending { color: var(--oa-orange); background: rgba(255,189,114,.1); }.key-status.revoked { color: var(--oa-dim); background: rgba(137,153,205,.1); }.key-footnote { color: var(--oa-dim); }.key-footnote code { color: var(--oa-cyan); }
.revoke-key { border-color: rgba(255,121,210,.3); color: #ff9edc; background: rgba(255,121,210,.06); }
.pricing-row, .provider-card { border-color: var(--oa-line); background: rgba(13,19,34,.8); }.pricing-row strong, .provider-card strong { color: var(--oa-text); }.pricing-row small, .provider-card small { color: var(--oa-muted); }.provider-status { color: var(--oa-dim); background: rgba(137,153,205,.1); }.provider-status.connected { color: var(--oa-green); background: rgba(112,245,176,.1); }
.credit-form label, .pricing-form label, .provider-key-form label { color: var(--oa-muted); }.admin-message { color: var(--oa-green); }

details.service-box { overflow: hidden; }
.service-workspace summary { color: var(--oa-text); border-bottom: 1px solid transparent; }.service-workspace summary:hover { color: var(--oa-cyan); }
.legal-section { color: var(--oa-text); }.legal-section h2 { color: var(--oa-text); }.legal-section p { color: var(--oa-muted); line-height: 1.7; }.legal-section a { color: var(--oa-cyan); }
.error-message { border-color: rgba(255,121,210,.35); color: #ffb5dc; background: rgba(125, 24, 76, .25); }
footer { border-top-color: var(--oa-line); color: var(--oa-dim); }.footer-brand { color: var(--oa-cyan); }

.key-dialog { border-color: var(--oa-line-bright); color: var(--oa-text); background: var(--oa-panel-strong); box-shadow: 0 25px 100px rgba(0,0,0,.65), 0 0 40px rgba(103,240,255,.1); }.key-dialog p:not(.eyebrow) { color: var(--oa-muted); }.new-key-value { border-color: var(--oa-line); color: var(--oa-cyan); background: rgba(4,8,17,.86); }.dialog-close { color: var(--oa-muted); }

@media (max-width: 780px) {
  .topbar { height: 68px; padding: 0 18px; }.status-label { display: none; }.topbar-right { gap: 8px; }
  .hero { padding: 60px 22px 42px; }.hero h1 { letter-spacing: -2.5px; }.hero-visual { height: 365px; }.model-card-main { left: 14%; }.orb-one { width: 270px; height: 270px; right: 11%; }
  .dashboard { padding: 48px 18px 62px; }.dashboard-heading h2 { font-size: 31px; }.dashboard-heading > div:last-child { gap: 7px; }.system-badge { min-width: 66px; padding: 0 9px; }
}
@media (max-width: 460px) {
  .hero { padding-inline: 17px; }.hero h1 { font-size: 40px; }.login-card { padding: 17px; }.hero-visual { height: 310px; }.model-card-main { width: 205px; left: 7%; }.floating-chip { padding: 9px 10px; font-size: 9px; }.chip-image { right: 0; }.chip-audio { left: 2%; }
}

/* Obsidian Aurora agent shell: mockup yapısına sadık üç kolonlu çalışma alanı */
body:has(#dashboard:not(.hidden)) .topbar { display: flex; position: fixed; z-index: 50; top: 14px; right: 17px; height: 32px; padding: 0; border: 0; background: transparent; backdrop-filter: none; }
body:has(#dashboard:not(.hidden)) .topbar .brand { display: none; }
body:has(#dashboard:not(.hidden)) .topbar .status-dot, body:has(#dashboard:not(.hidden)) .topbar .status-label { display: none; }
body:has(#dashboard:not(.hidden)) .topbar-right { gap: 9px; }
body:has(#dashboard:not(.hidden)) .topbar .language-control { display: inline-flex; margin: 0; }
body:has(#dashboard:not(.hidden)) .topbar .language-control select { min-height: 30px; border-color: rgba(103,240,255,.34); color: var(--oa-text); background: rgba(12,18,32,.94); }
body:has(#dashboard:not(.hidden)) .topbar .text-button { color: var(--oa-cyan); font-size: 10px; }
body:has(#dashboard:not(.hidden)) main { min-height: 100vh; }
.dashboard {
  display: grid;
  grid-template-columns: 218px minmax(0, 1fr) 302px;
  gap: 12px;
  width: min(100% - 22px, 1540px);
  max-width: none;
  min-height: calc(100vh - 22px);
  margin: 11px auto;
  padding: 10px;
  border: 1px solid rgba(137,153,205,.22);
  border-radius: 13px;
  background: rgba(7, 11, 20, .84);
  box-shadow: 0 28px 100px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.04);
}
.agent-rail, .agent-stage, .agent-insights { min-width: 0; }
.agent-rail {
  display: flex;
  flex-direction: column;
  padding: 17px 12px 12px;
  border: 1px solid rgba(137,153,205,.18);
  border-radius: 9px;
  background: linear-gradient(170deg, rgba(15,21,37,.98), rgba(8,12,23,.96));
}
.rail-brand { display: flex; align-items: center; gap: 10px; padding: 2px 9px 27px; color: var(--oa-text); }
.rail-brand strong { display: block; font: 600 15px/1 'DM Mono', monospace; letter-spacing: .22em; }
.rail-brand small { display: block; margin-top: 6px; color: var(--oa-dim); font: 9px/1 'DM Mono', monospace; letter-spacing: .17em; }
.rail-logo { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid rgba(103,240,255,.45); border-radius: 10px; color: #081019; background: linear-gradient(145deg,var(--oa-cyan),var(--oa-violet) 58%,var(--oa-pink)); box-shadow: 0 0 20px rgba(103,240,255,.24); }
.rail-nav { display: grid; gap: 5px; }
.rail-link { position: relative; display: flex; align-items: center; gap: 12px; min-height: 39px; padding: 0 10px; border: 1px solid transparent; border-radius: 8px; color: var(--oa-dim); text-decoration: none; font-size: 12px; transition: .18s ease; }
.rail-link:hover, .rail-link.active { border-color: rgba(103,240,255,.25); color: var(--oa-text); background: linear-gradient(90deg, rgba(103,240,255,.15), rgba(167,139,250,.1)); box-shadow: inset 3px 0 0 var(--oa-violet), 0 0 18px rgba(103,240,255,.07); }
.rail-icon { width: 21px; color: var(--oa-muted); text-align: center; font-size: 16px; }.rail-link.active .rail-icon { color: var(--oa-cyan); }.rail-link i { width: 5px; height: 5px; margin-left: auto; border-radius: 50%; background: var(--oa-violet); box-shadow: 0 0 9px var(--oa-violet); }
.rail-promo { position: relative; display: grid; gap: 4px; min-height: 147px; margin: auto 2px 13px; padding: 90px 12px 12px; overflow: hidden; border: 1px solid rgba(103,240,255,.2); border-radius: 9px; background: radial-gradient(circle at 75% 45%, rgba(103,240,255,.32), transparent 16%), radial-gradient(circle at 65% 50%, rgba(167,139,250,.45), transparent 38%), linear-gradient(155deg, #101a37, #0b0d1c 70%); }
.rail-promo::after { position: absolute; inset: auto -25% 28px; height: 42px; content: ''; border-radius: 50%; border-top: 1px solid var(--oa-cyan); transform: rotate(-11deg); box-shadow: 0 -4px 13px rgba(103,240,255,.45); }
.rail-promo-orb { position: absolute; top: 20px; right: 31px; width: 44px; height: 44px; border-radius: 50%; background: radial-gradient(circle at 30% 25%,#fff,#7ff3ff 28%,#7568e9 73%,transparent 74%); box-shadow: 0 0 23px rgba(103,240,255,.5); }
.rail-promo strong { position: relative; z-index: 1; color: var(--oa-text); font-size: 12px; }.rail-promo small { position: relative; z-index: 1; color: var(--oa-muted); font-size: 11px; }.rail-promo b { position: relative; z-index: 1; width: 42px; height: 2px; margin-top: 8px; background: linear-gradient(90deg,var(--oa-cyan),transparent); }
.rail-online { display: flex; align-items: center; gap: 7px; padding: 9px 10px 1px; color: var(--oa-dim); font: 9px 'DM Mono',monospace; letter-spacing: .08em; }.rail-online span { width: 6px; height: 6px; border-radius: 50%; background: var(--oa-green); box-shadow: 0 0 9px var(--oa-green); }
.agent-stage { position: relative; padding: 13px 17px 28px; overflow: hidden; border: 1px solid rgba(137,153,205,.18); border-radius: 9px; background: linear-gradient(180deg, rgba(10,15,28,.95), rgba(7,10,19,.93)); }
.agent-stage::after { position: absolute; z-index: 0; right: -12%; bottom: -80px; left: -10%; height: 220px; content: ''; pointer-events: none; background: radial-gradient(ellipse at center, transparent 44%, rgba(103,240,255,.14) 45%, transparent 46%), radial-gradient(ellipse at 56% 45%, transparent 35%, rgba(167,139,250,.28) 36%, transparent 38%); filter: blur(5px); transform: rotate(-3deg); }
.agent-stage > * { position: relative; z-index: 1; }.agent-stage > .balance-card { display: none; }.agent-stage .dashboard-heading { min-height: 54px; margin-bottom: 13px; }.agent-stage .dashboard-heading .eyebrow { margin-bottom: 5px; font-size: 8px; }.agent-stage .dashboard-heading h2 { font-size: 20px; letter-spacing: -.8px; }.agent-stage .dashboard-heading p:not(.eyebrow) { display: none; }.agent-stage .service-links { display: none; }
.command-hero { position: relative; display: flex; min-height: 224px; align-items: flex-start; overflow: hidden; padding: 32px 29px; border: 1px solid rgba(137,153,205,.22); border-radius: 10px; background: radial-gradient(circle at 82% 43%, rgba(103,240,255,.21), transparent 21%), radial-gradient(circle at 48% 56%, rgba(106,54,215,.22), transparent 33%), linear-gradient(160deg, rgba(11,22,43,.98), rgba(11,10,27,.96)); }
.command-hero::before { position: absolute; right: -9%; bottom: -42%; width: 78%; height: 125%; content: ''; border-radius: 50%; border: 1px solid rgba(103,240,255,.42); box-shadow: 0 0 25px rgba(103,240,255,.16), inset 0 0 30px rgba(167,139,250,.12); transform: rotate(-15deg); }.command-hero::after { position: absolute; right: 9%; top: 18%; width: 150px; height: 150px; content: ''; border-radius: 50%; background: radial-gradient(circle at 30% 25%, #fff, #aaf8ff 12%, #7964ed 56%, #19163e 72%); box-shadow: 0 0 42px rgba(103,240,255,.48); }
.command-hero-copy { position: relative; z-index: 2; }.command-kicker { margin: 0 0 13px; color: var(--oa-cyan); font: 10px 'DM Mono',monospace; letter-spacing: .16em; }.command-hero h1 { margin: 0; color: var(--oa-text); font: 500 clamp(28px,3.6vw,46px)/1.08 'Space Grotesk',sans-serif; letter-spacing: -1.9px; }.command-hero-copy > p:last-child { margin: 10px 0 0; color: #c1c9dd; font-size: 13px; }.command-hero-note { position: absolute; z-index: 2; top: 33px; right: 24px; color: rgba(207,218,244,.64); font: 8px/1.75 'DM Mono',monospace; letter-spacing: .28em; text-align: left; }.command-orbit { display: none; }
.quick-command-row { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; margin: 10px 0 13px; }.quick-command { display: grid; grid-template-columns: 27px 1fr; grid-template-rows: auto auto; column-gap: 8px; align-items: center; min-height: 57px; padding: 10px; border: 1px solid rgba(137,153,205,.2); border-radius: 10px; color: var(--oa-text); text-align: left; background: rgba(17,24,42,.82); cursor: pointer; }.quick-command:hover { border-color: var(--oa-cyan); background: rgba(103,240,255,.09); box-shadow: 0 0 18px rgba(103,240,255,.1); }.quick-command span { grid-row: 1 / 3; display: grid; place-items: center; width: 27px; height: 27px; border: 1px solid rgba(167,139,250,.3); border-radius: 7px; color: var(--oa-violet); background: rgba(167,139,250,.09); font: 14px 'DM Mono',monospace; }.quick-command b { font-size: 10px; font-weight: 500; }.quick-command small { color: var(--oa-muted); font-size: 8px; }
.agent-insights { display: grid; align-content: start; gap: 11px; padding: 10px; border: 1px solid rgba(137,153,205,.18); border-radius: 9px; background: linear-gradient(170deg, rgba(12,18,32,.98), rgba(8,11,20,.97)); }.insight-card { border: 1px solid rgba(137,153,205,.2); border-radius: 9px; background: rgba(12,18,32,.72); }.insight-card-title { display: flex; align-items: center; justify-content: space-between; padding: 16px 15px 8px; color: var(--oa-muted); font: 10px 'DM Mono',monospace; letter-spacing: .18em; }.insight-card-title b { color: var(--oa-dim); font-size: 16px; }.insight-card-title a { color: var(--oa-violet); font: 10px 'Space Grotesk',sans-serif; letter-spacing: 0; text-decoration: none; }.credit-summary { display: flex; align-items: center; gap: 16px; padding: 10px 15px 13px; }.credit-ring { display: grid; place-items: center; width: 96px; height: 96px; flex: 0 0 96px; border-radius: 50%; background: conic-gradient(var(--oa-violet),var(--oa-pink) 32%,var(--oa-cyan) 66%,var(--oa-violet)); box-shadow: 0 0 20px rgba(103,240,255,.18); }.credit-ring::after { width: 74px; height: 74px; content: ''; position: absolute; border-radius: 50%; background: #10182b; }.credit-ring span { position: relative; z-index: 1; color: var(--oa-text); font: 11px 'DM Mono',monospace; }.credit-summary strong { display: block; color: var(--oa-text); font: 600 22px 'Space Grotesk',sans-serif; }.credit-summary small { display: block; margin-top: 4px; color: var(--oa-muted); font-size: 9px; }.credit-meter { height: 4px; margin: 0 15px 13px; overflow: hidden; border-radius: 9px; background: rgba(137,153,205,.18); }.credit-meter i { display: block; width: 63%; height: 100%; background: linear-gradient(90deg,var(--oa-violet),var(--oa-cyan)); box-shadow: 0 0 12px var(--oa-cyan); }.credit-breakdown { display: grid; gap: 8px; margin: 0; padding: 12px 15px 16px; border-top: 1px solid rgba(137,153,205,.13); list-style: none; }.credit-breakdown li { display: flex; align-items: center; gap: 7px; color: var(--oa-muted); font-size: 9px; }.credit-breakdown b { margin-left: auto; color: var(--oa-dim); font-weight: 400; }.dot { width: 7px; height: 7px; border-radius: 50%; }.dot.cyan { background: var(--oa-cyan); box-shadow: 0 0 7px var(--oa-cyan); }.dot.violet { background: var(--oa-violet); box-shadow: 0 0 7px var(--oa-violet); }.dot.pink { background: var(--oa-pink); box-shadow: 0 0 7px var(--oa-pink); }
.queue-list { display: grid; gap: 7px; padding: 5px 10px 12px; }.queue-item { display: flex; align-items: center; gap: 9px; min-width: 0; padding: 8px; border: 1px solid transparent; border-radius: 8px; color: var(--oa-text); text-decoration: none; }.queue-item:hover { border-color: rgba(103,240,255,.22); background: rgba(103,240,255,.06); }.queue-icon { display: grid; place-items: center; width: 31px; height: 31px; flex: 0 0 31px; border: 1px solid rgba(137,153,205,.24); border-radius: 7px; color: var(--oa-cyan); background: rgba(103,240,255,.07); }.queue-item span:nth-child(2) { min-width: 0; }.queue-item b, .queue-item small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.queue-item b { font-size: 10px; font-weight: 500; }.queue-item small { margin-top: 3px; color: var(--oa-muted); font-size: 8px; }.queue-live { width: 6px; height: 6px; margin-left: auto; flex: 0 0 6px; border-radius: 50%; background: var(--oa-green); box-shadow: 0 0 9px var(--oa-green); }.queue-live.violet { background: var(--oa-violet); box-shadow: 0 0 9px var(--oa-violet); }.queue-live.cyan { background: var(--oa-cyan); box-shadow: 0 0 9px var(--oa-cyan); }.queue-live.pink { background: var(--oa-pink); box-shadow: 0 0 9px var(--oa-pink); }
.insight-motto { min-height: 108px; display: grid; align-content: center; gap: 7px; padding: 17px; overflow: hidden; background: radial-gradient(circle at 78% 70%, rgba(103,240,255,.18), transparent 27%), linear-gradient(155deg, rgba(31,25,72,.85), rgba(9,13,27,.9)); }.insight-motto > span { color: var(--oa-cyan); }.insight-motto strong { color: #b9a9ff; font: 500 14px/1.25 'Space Grotesk',sans-serif; }.insight-motto small { color: var(--oa-dim); font: 8px 'DM Mono',monospace; letter-spacing: .22em; }

@media (max-width: 1180px) {
  .dashboard { grid-template-columns: 190px minmax(0,1fr); }.agent-insights { grid-column: 1 / -1; grid-template-columns: minmax(0,1fr) minmax(0,1fr) 220px; align-items: start; }.insight-motto { min-height: 100%; }.credit-breakdown { grid-template-columns: repeat(3,1fr); }
}
@media (max-width: 820px) {
  body:has(#dashboard:not(.hidden)) .topbar { display: flex; }.dashboard { display: block; width: calc(100% - 14px); min-height: auto; margin: 7px auto; padding: 7px; }.agent-rail { margin-bottom: 9px; padding: 12px; }.rail-brand { padding: 2px 7px 12px; }.rail-nav { grid-template-columns: repeat(4,1fr); }.rail-link { justify-content: center; padding: 0 6px; }.rail-link span:nth-child(2), .rail-link i, .rail-promo { display: none; }.rail-online { padding-top: 9px; }.agent-stage { padding: 12px; }.agent-insights { grid-template-columns: 1fr; margin-top: 9px; }.credit-breakdown { grid-template-columns: 1fr; }.insight-motto { min-height: 100px; }.quick-command-row { grid-template-columns: repeat(3,1fr); }.quick-command:nth-child(n+4) { display: none; }
}
@media (max-width: 480px) {
  .rail-nav { grid-template-columns: repeat(4,1fr); }.rail-link { min-height: 34px; }.rail-icon { font-size: 14px; }.agent-stage .dashboard-heading h2 { font-size: 18px; }.command-hero { min-height: 196px; padding: 25px 19px; }.command-hero h1 { font-size: 29px; }.command-hero::after { right: -8%; width: 120px; height: 120px; }.command-hero-note { display: none; }.quick-command-row { grid-template-columns: repeat(2,1fr); }.quick-command:nth-child(n+5) { display: none; }
}


/* Obsidian Aurora — görsel kompozisyon eşleme katmanı */
body:has(#dashboard:not(.hidden)) .dashboard { grid-template-columns: 226px minmax(0,1fr) 306px; min-height: calc(100vh - 18px); margin-top: 9px; }
body:has(#dashboard:not(.hidden)) .agent-stage { display: flex; flex-direction: column; }
body:has(#dashboard:not(.hidden)) .agent-stage .dashboard-heading { display: none; }
body:has(#dashboard:not(.hidden)) #service-workspace[hidden] { display: contents !important; }
body:has(#dashboard:not(.hidden)) #service-workspace { display: contents; }
body:has(#dashboard:not(.hidden)) .agent-stage > * { order: 9; }
body:has(#dashboard:not(.hidden)) .agent-stage #service-workspace > * { order: 9; }
body:has(#dashboard:not(.hidden)) #service-workspace > #assistant-chat { order: 3 !important; }
body:has(#dashboard:not(.hidden)) #service-workspace > .capability-row { order: 4 !important; }
body:has(#dashboard:not(.hidden)) #service-workspace > #project-lab { order: 5 !important; }
body:has(#dashboard:not(.hidden)) #service-workspace > #auto-form { order: 6 !important; }
body:has(#dashboard:not(.hidden)) #service-workspace > details { order: 7 !important; }
body:has(#dashboard:not(.hidden)) #service-workspace > #service-form { order: 7 !important; }
body:has(#dashboard:not(.hidden)) #service-workspace > h3,
body:has(#dashboard:not(.hidden)) #service-workspace > p:not(.service-notice) { display: none; }
body:has(#dashboard:not(.hidden)) #service-workspace > .service-notice { order: 8; margin: 10px 0 0; }
body:has(#dashboard:not(.hidden)) .agent-stage .command-hero { order: 1; min-height: 258px; margin: 0; padding: 38px 30px; background: radial-gradient(circle at 78% 33%, rgba(103,240,255,.2), transparent 19%), radial-gradient(circle at 44% 55%, rgba(104,51,222,.24), transparent 33%), linear-gradient(160deg,#0c1b36 0%,#0b1025 54%,#11102e 100%); }
body:has(#dashboard:not(.hidden)) .agent-stage .quick-command-row { order: 2; margin: 10px 0 13px; }
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-chat { order: 3; min-height: 205px; margin: 0 0 13px; padding: 15px; border-radius: 11px; background: linear-gradient(145deg,rgba(17,29,50,.96),rgba(12,17,32,.96)); }
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-heading { padding: 0 6px 4px; border: 0; }
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-heading h3 { display: none; }
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-heading p { display: none; }
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-pill { margin-left: auto; }
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-messages { min-height: 58px; padding: 8px 7px 0; border: 0; background: transparent; }
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-message.assistant { padding: 0; color: var(--oa-dim); background: transparent; }
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-message.user { max-width: 78%; }
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-form { gap: 9px; }
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-form textarea { min-height: 76px; border-color: rgba(137,153,205,.2); background: rgba(5,10,21,.68); }
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-actions { justify-content: flex-end; }
body:has(#dashboard:not(.hidden)) .agent-stage .capability-row { order: 4; }
body:has(#dashboard:not(.hidden)) .agent-stage #project-lab { order: 5; }
body:has(#dashboard:not(.hidden)) .agent-stage #auto-form { order: 6; }
body:has(#dashboard:not(.hidden)) .agent-stage #service-workspace > details { order: 7; }
body:has(#dashboard:not(.hidden)) .agent-stage #service-form { order: 7; }
body:has(#dashboard:not(.hidden)) .agent-stage .ledger-section,
body:has(#dashboard:not(.hidden)) .agent-stage #admin-panel,
body:has(#dashboard:not(.hidden)) .agent-stage #provider-keys-panel,
body:has(#dashboard:not(.hidden)) .agent-stage #providers-panel { order: 10; }
.command-hero::before { right: 0; bottom: -2px; width: 100%; height: 45%; border: 0; border-radius: 0; box-shadow: none; background: linear-gradient(145deg,transparent 0 12%,rgba(4,10,22,.86) 13% 30%,transparent 31%), linear-gradient(28deg,transparent 0 24%,rgba(5,11,23,.94) 25% 44%,transparent 45%), linear-gradient(160deg,transparent 0 42%,rgba(3,9,20,.98) 43% 68%,transparent 69%); clip-path: polygon(0 100%,0 63%,12% 76%,22% 57%,31% 79%,42% 43%,51% 70%,61% 34%,70% 65%,82% 48%,91% 72%,100% 41%,100% 100%); transform: none; opacity: .92; }
.command-hero::after { right: 10%; top: 14%; width: 164px; height: 164px; }
.command-hero-copy { margin-top: 4px; }
.hero-model { position: absolute; z-index: 4; top: 14px; right: 15px; display: inline-flex; align-items: center; gap: 9px; min-height: 32px; padding: 0 11px; border: 1px solid rgba(137,153,205,.28); border-radius: 8px; color: var(--oa-text); background: rgba(8,14,28,.78); font: 10px 'DM Mono',monospace; cursor: pointer; }
.hero-model span { color: var(--oa-cyan); font-size: 13px; }
.rail-logo { border: 0; border-radius: 0; clip-path: polygon(50% 0,100% 25%,83% 82%,50% 100%,17% 82%,0 25%); font: 700 17px 'Space Grotesk',sans-serif; }
.rail-brand small { letter-spacing: .12em; }
.insight-motto { background: radial-gradient(circle at 82% 62%,rgba(103,240,255,.24),transparent 27%),linear-gradient(155deg,rgba(31,25,72,.88),rgba(9,13,27,.94)); }
@media (max-width:1180px) { body:has(#dashboard:not(.hidden)) .dashboard { grid-template-columns: 196px minmax(0,1fr); } }
@media (max-width:820px) { body:has(#dashboard:not(.hidden)) .agent-stage .dashboard-heading { display: none; } body:has(#dashboard:not(.hidden)) .agent-stage .command-hero { min-height: 218px; } }


/* Visible conversation workspace: the assistant is the primary user action. */
body:has(#dashboard:not(.hidden)) .agent-stage #service-workspace > #assistant-chat {
  order: 1 !important;
  min-height: 292px;
  margin: 0 0 14px;
  padding: 20px;
  border: 1px solid rgba(103,240,255,.42);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(18,34,58,.98), rgba(14,18,37,.98));
  box-shadow: 0 18px 46px rgba(0,0,0,.28), 0 0 28px rgba(103,240,255,.08);
}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 0 0 10px;
  border-bottom: 1px solid rgba(137,153,205,.18);
}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-heading h3 {
  display: block;
  margin: 0;
  color: var(--oa-text);
  font: 600 19px/1.2 'Space Grotesk', sans-serif;
  letter-spacing: -.4px;
}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-heading p {
  display: block;
  margin: 6px 0 0;
  color: var(--oa-muted);
  font-size: 12px;
  line-height: 1.45;
}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-pill {
  flex: 0 0 auto;
  margin-left: auto;
  color: var(--oa-cyan);
  background: rgba(103,240,255,.1);
}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-messages {
  min-height: 88px;
  max-height: 180px;
  margin: 12px 0;
  padding: 10px;
  border: 1px solid rgba(137,153,205,.2);
  border-radius: 10px;
  background: rgba(4,8,17,.58);
}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-message {
  padding: 10px 12px;
  font-size: 13px;
}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-message.assistant {
  color: #dce6fa;
  background: rgba(22,29,49,.86);
}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-message.user {
  max-width: 78%;
  color: #071017;
  background: linear-gradient(110deg, var(--oa-cyan), var(--oa-violet));
}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-form textarea {
  min-height: 94px;
  border-color: rgba(103,240,255,.3);
  color: var(--oa-text);
  background: rgba(5,10,21,.86);
  font-size: 14px;
  line-height: 1.5;
}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-form textarea::placeholder { color: var(--oa-dim); }
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-actions { justify-content: space-between; }
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-actions::before {
  content: 'Aslenty’ye yaz; cevabı burada al.';
  color: var(--oa-dim);
  font-size: 11px;
}
body:has(#dashboard:not(.hidden)) .agent-stage .command-hero { order: 2; }
body:has(#dashboard:not(.hidden)) .agent-stage .quick-command-row { order: 3; }
body:has(#dashboard:not(.hidden)) .agent-stage .capability-row { order: 4; }
body:has(#dashboard:not(.hidden)) .agent-stage #project-lab { order: 5; }
body:has(#dashboard:not(.hidden)) .agent-stage #auto-form { order: 6; }
@media (max-width: 560px) {
  body:has(#dashboard:not(.hidden)) .agent-stage #service-workspace > #assistant-chat { padding: 15px; }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-heading { display: block; }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-pill { display: inline-flex; margin-top: 9px; }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-message.user { max-width: 94%; }
}

/* Sade komuta ekranı: sohbet altta, iş takibi sağda */
.agent-stage #service-workspace{display:flex;flex-direction:column}.agent-stage #service-workspace>h3,.agent-stage #service-workspace>h3+p,.agent-stage #service-workspace>.service-notice{display:none}.agent-stage #assistant-chat{order:99;margin-top:28px;scroll-margin-top:30px}.agent-stage #assistant-chat .assistant-heading p{max-width:520px}.agent-stage #project-lab,.agent-stage #auto-form,.agent-stage #service-workspace>details,.agent-stage #service-form{scroll-margin-top:30px}.task-tracker-list{display:grid;gap:6px;padding:6px 10px 12px}.task-empty{margin:0;padding:11px 5px;color:var(--oa-dim);font-size:10px}.task-item{display:flex;align-items:center;gap:8px;min-width:0;padding:8px;border:1px solid transparent;border-radius:8px;color:var(--oa-text);text-decoration:none;background:rgba(103,240,255,.025)}.task-item:hover{border-color:rgba(103,240,255,.25);background:rgba(103,240,255,.07)}.task-item>i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--oa-cyan);box-shadow:0 0 9px var(--oa-cyan)}.task-running>i{background:var(--oa-green);box-shadow:0 0 9px var(--oa-green);animation:oa-task-pulse 1.2s ease-in-out infinite}.task-review>i{background:var(--oa-orange);box-shadow:0 0 9px var(--oa-orange)}.task-item-copy{display:grid;gap:3px;min-width:0}.task-item-copy strong,.task-item-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-item-copy strong{font-size:10px;font-weight:500}.task-item-copy small{color:var(--oa-muted);font-size:8px}@keyframes oa-task-pulse{50%{opacity:.35;transform:scale(.7)}}

/* Chat composer refresh: clean AI workspace */
body:has(#dashboard:not(.hidden)) .agent-stage{padding:0 34px 48px;background:#0b0d12;border-color:rgba(255,255,255,.08);border-radius:0;}
body:has(#dashboard:not(.hidden)) .agent-stage::after{display:none}
body:has(#dashboard:not(.hidden)) .agent-stage .command-hero{order:0;min-height:0;margin:0 -34px;padding:22px 34px 18px;border:0;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0;background:transparent;}
body:has(#dashboard:not(.hidden)) .agent-stage .command-hero::before,body:has(#dashboard:not(.hidden)) .agent-stage .command-hero::after{display:none}
body:has(#dashboard:not(.hidden)) .agent-stage .command-hero h1{font-size:22px;letter-spacing:-.6px}
body:has(#dashboard:not(.hidden)) .agent-stage .command-hero-copy>p:last-child{display:none}
body:has(#dashboard:not(.hidden)) .agent-stage .command-kicker{margin-bottom:6px;font-size:9px}
body:has(#dashboard:not(.hidden)) .agent-stage .command-hero-note{display:none}
body:has(#dashboard:not(.hidden)) .agent-stage .quick-command-row{order:2;max-width:920px;margin:18px auto 20px;grid-template-columns:repeat(4,minmax(0,1fr));}
body:has(#dashboard:not(.hidden)) .agent-stage .quick-command-row .quick-command:nth-child(5){display:none}
body:has(#dashboard:not(.hidden)) .agent-stage .quick-command{min-height:48px;padding:8px;border-color:rgba(255,255,255,.1);border-radius:9px;background:#12151b}
body:has(#dashboard:not(.hidden)) .agent-stage .quick-command small{display:none}
body:has(#dashboard:not(.hidden)) .agent-stage #service-workspace{display:contents}
body:has(#dashboard:not(.hidden)) .agent-stage #assistant-chat{order:1!important;width:min(920px,100%);min-height:0;margin:12px auto 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-heading{align-items:center;padding:0 0 14px;border-bottom:0}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-heading h3{font-size:20px;font-weight:600;color:#f2f4f8}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-heading p{max-width:620px;color:#9da5b5;font-size:12px}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-pill{padding:5px 8px;border:1px solid rgba(255,255,255,.12);color:#b7c2d6;background:#151922;font-size:9px}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-messages{min-height:330px;max-height:calc(100vh - 360px);margin:0 0 14px;padding:20px 4px;border:0;border-radius:0;background:transparent}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-message{max-width:82%;padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.65}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-message.assistant{border:0;color:#dce2ec;background:transparent}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-message.user{color:#eef2f8;background:#202631;border:1px solid rgba(255,255,255,.08)}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-form{position:relative;width:100%;margin:0;padding:10px 12px 8px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:#171a21;box-shadow:0 8px 28px rgba(0,0,0,.28)}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-form textarea{min-height:52px;max-height:180px;padding:4px 4px 8px;border:0;border-radius:0;outline:0;resize:vertical;color:#f3f5f8;background:transparent;font-size:14px}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-form textarea:focus{box-shadow:none}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-form textarea::placeholder{color:#737d8e}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-composer-tools{display:flex;align-items:center;gap:7px;min-height:30px}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-attach-button,body:has(#dashboard:not(.hidden)) .agent-stage .assistant-zip-button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#bbc4d2;background:transparent;font-size:19px;line-height:1}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-zip-button{width:auto;padding:0 8px;font-size:9px;letter-spacing:.08em}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-attach-button:hover,body:has(#dashboard:not(.hidden)) .agent-stage .assistant-zip-button:hover{color:#fff;border-color:#8e9cff;background:#252a37}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-input-help{margin:0 0 0 auto;color:#737d8e;font-size:10px}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-actions{justify-content:flex-end;margin-top:-30px;min-height:30px;pointer-events:none}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-actions::before{display:none;content:none}
body:has(#dashboard:not(.hidden)) .agent-stage #assistant-send{position:relative;z-index:2;width:30px;height:30px;padding:0;border:0;border-radius:8px;color:#101319;background:#e7ebf2;font-size:0;pointer-events:auto}
body:has(#dashboard:not(.hidden)) .agent-stage #assistant-send::after{content:'↑';font-size:18px;line-height:30px}
body:has(#dashboard:not(.hidden)) .agent-stage #assistant-status{position:absolute;right:52px;bottom:14px;color:#9da5b5;font-size:10px}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-dropzone{display:none;position:absolute;inset:0;z-index:4;place-items:center;margin:0;border:2px dashed #8e9cff;border-radius:14px;color:#e7ebf2;background:rgba(16,20,29,.96);font-size:0}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-dropzone.is-dragover{display:grid}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-dropzone.is-dragover::after{content:'Dosyayı bırak';font-size:14px}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-attachment-list{gap:5px;min-width:0;max-width:70%;overflow:hidden}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-attachment{padding:4px 7px;border-color:rgba(255,255,255,.12);border-radius:7px;color:#cbd3df;background:#222732;font-size:10px}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-attachment a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cbd3df;text-decoration:none}
body:has(#dashboard:not(.hidden)) .agent-stage .capability-row{order:3;max-width:920px;margin:22px auto 0}
body:has(#dashboard:not(.hidden)) .agent-stage #project-lab,body:has(#dashboard:not(.hidden)) .agent-stage #auto-form,body:has(#dashboard:not(.hidden)) .agent-stage #service-workspace>details,body:has(#dashboard:not(.hidden)) .agent-stage #service-form{order:4;max-width:920px;margin-left:auto;margin-right:auto}
body:has(#dashboard:not(.hidden)) .agent-stage .service-box{border-color:rgba(255,255,255,.1);background:#11141a}
body:has(#dashboard:not(.hidden)) .agent-stage .service-workspace .service-message{background:#171a21;color:#b9c3d2!important}
body:has(#dashboard:not(.hidden)) .agent-stage #service-history,body:has(#dashboard:not(.hidden)) .agent-stage #service-orders{color:#b9c3d2}
@media(max-width:820px){body:has(#dashboard:not(.hidden)) .agent-stage{padding:0 16px 32px}body:has(#dashboard:not(.hidden)) .agent-stage .command-hero{margin:0 -16px;padding:18px 16px 14px}body:has(#dashboard:not(.hidden)) .agent-stage .quick-command-row{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}body:has(#dashboard:not(.hidden)) .agent-stage .assistant-messages{min-height:260px;max-height:none}body:has(#dashboard:not(.hidden)) .agent-stage .assistant-input-help{display:none}}
@media(max-width:480px){body:has(#dashboard:not(.hidden)) .agent-stage .assistant-message{max-width:94%}body:has(#dashboard:not(.hidden)) .agent-stage .assistant-form{border-radius:13px}}

/* Mobile command view: tek akış, kısa gezinme, sohbet önceliği. Masaüstü kuralları değişmez. */
.mobile-more-toggle { display: none; }
@media (max-width: 700px) {
  body:has(#dashboard:not(.hidden)) { background: #080b12; }
  body:has(#dashboard:not(.hidden)) .topbar {
    position: fixed;
    inset: 0 0 auto;
    display: flex;
    height: 54px;
    padding: 0 10px;
    border-bottom: 1px solid rgba(255,255,255,.1);
    background: rgba(8,11,18,.96);
    backdrop-filter: blur(18px);
  }
  body:has(#dashboard:not(.hidden)) .topbar-right { gap: 6px; }
  body:has(#dashboard:not(.hidden)) .topbar .language-control select { max-width: 86px; min-height: 30px; padding: 0 5px; font-size: 10px; }
  body:has(#dashboard:not(.hidden)) .topbar .text-button { padding: 5px 2px; font-size: 10px; }
  body:has(#dashboard:not(.hidden)) .dashboard {
    display: block;
    width: 100%;
    min-height: 0;
    margin: 54px 0 0;
    padding: 0 10px 22px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  body:has(#dashboard:not(.hidden)) .agent-rail {
    position: sticky;
    top: 54px;
    z-index: 20;
    margin: 0 -10px 10px;
    padding: 6px;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.1);
    border-radius: 0 0 12px 12px;
    background: rgba(12,16,24,.97);
    box-shadow: 0 10px 24px rgba(0,0,0,.22);
  }
  body:has(#dashboard:not(.hidden)) .rail-brand,
  body:has(#dashboard:not(.hidden)) .rail-promo,
  body:has(#dashboard:not(.hidden)) .rail-online { display: none; }
  body:has(#dashboard:not(.hidden)) .rail-nav { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 4px; }
  body:has(#dashboard:not(.hidden)) .rail-link { flex-direction: column; justify-content: center; gap: 2px; min-height: 46px; padding: 4px 2px; border-radius: 8px; font-size: 9px; }
  body:has(#dashboard:not(.hidden)) .rail-link:nth-child(n+5) { display: none; }
  body:has(#dashboard:not(.hidden)) .rail-link span:nth-child(2) { display: block; overflow: hidden; max-width: 100%; font-size: 9px; white-space: nowrap; text-overflow: ellipsis; }
  body:has(#dashboard:not(.hidden)) .rail-link .rail-icon { width: auto; font-size: 16px; line-height: 1; }
  body:has(#dashboard:not(.hidden)) .agent-stage { padding: 0; overflow: visible; border: 0; border-radius: 0; background: transparent; }
  body:has(#dashboard:not(.hidden)) .agent-stage .command-hero {
    order: 1;
    min-height: 132px;
    margin: 0 0 10px;
    padding: 17px 14px;
    border: 1px solid rgba(137,153,205,.18);
    border-radius: 12px;
    background: linear-gradient(145deg,#101b2f,#101322 72%);
  }
  body:has(#dashboard:not(.hidden)) .agent-stage .command-hero::before,
  body:has(#dashboard:not(.hidden)) .agent-stage .command-hero::after { display: none; }
  body:has(#dashboard:not(.hidden)) .agent-stage .command-kicker { margin-bottom: 8px; font-size: 8px; }
  body:has(#dashboard:not(.hidden)) .agent-stage .command-hero h1 { max-width: 68%; font-size: 23px; line-height: 1.08; letter-spacing: -1px; }
  body:has(#dashboard:not(.hidden)) .agent-stage .hero-model { top: 12px; right: 12px; min-height: 28px; padding: 0 8px; font-size: 9px; }
  body:has(#dashboard:not(.hidden)) .agent-stage .quick-command-row {
    display: flex;
    order: 2;
    gap: 7px;
    margin: 0 -2px 11px;
    padding: 1px 2px 5px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
  }
  body:has(#dashboard:not(.hidden)) .agent-stage .quick-command-row .quick-command,
  body:has(#dashboard:not(.hidden)) .agent-stage .quick-command-row .quick-command:nth-child(n) { display: grid; flex: 0 0 142px; min-height: 54px; padding: 8px; }
  body:has(#dashboard:not(.hidden)) .agent-stage .quick-command small { display: block; }
  body:has(#dashboard:not(.hidden)) .agent-stage #assistant-chat {
    display: block;
    order: 3;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 12px;
    border: 1px solid rgba(103,240,255,.2);
    border-radius: 13px;
    background: #11151d;
    box-shadow: 0 12px 30px rgba(0,0,0,.2);
  }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-heading { display: flex; align-items: center; gap: 8px; padding: 0 0 8px; }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-heading h3 { display: block; margin: 0; font-size: 17px; }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-heading p { display: none; }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-pill { margin-left: auto; padding: 4px 7px; font-size: 8px; }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-messages { min-height: 170px; max-height: 36vh; margin: 0 0 9px; padding: 8px; border: 1px solid rgba(255,255,255,.08); border-radius: 9px; background: #0b0e14; }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-message { max-width: 92%; padding: 9px 11px; font-size: 13px; line-height: 1.5; }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-form { position: sticky; bottom: 8px; z-index: 12; padding: 9px; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; background: rgba(23,26,33,.98); box-shadow: 0 8px 24px rgba(0,0,0,.32); }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-form textarea { min-height: 48px; max-height: 130px; padding: 2px 2px 7px; font-size: 14px; }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-composer-tools { min-height: 28px; }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-attachment-list { max-width: 74%; }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-actions { min-height: 32px; margin-top: 4px; justify-content: flex-end; }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-actions::before { display: none; }
  body:has(#dashboard:not(.hidden)) .agent-stage #assistant-send { width: auto; min-width: 70px; height: 32px; padding: 0 12px; border-radius: 8px; font-size: 11px; }
  body:has(#dashboard:not(.hidden)) .agent-stage #assistant-send::after { display: none; }
  body:has(#dashboard:not(.hidden)) .mobile-more-toggle { display: flex; order: 4; width: 100%; align-items: center; justify-content: center; min-height: 42px; margin: 10px 0; padding: 0 12px; border: 1px solid rgba(137,153,205,.22); border-radius: 10px; color: var(--oa-muted); background: #12161f; font: 600 11px 'Space Grotesk',sans-serif; cursor: pointer; }
  body:has(#dashboard:not(.hidden)) .mobile-more-toggle[aria-expanded="true"] { color: var(--oa-cyan); border-color: rgba(103,240,255,.35); }
  body:not(.mobile-more-open) .agent-stage .capability-row,
  body:not(.mobile-more-open) .agent-stage #project-lab,
  body:not(.mobile-more-open) .agent-stage #auto-form,
  body:not(.mobile-more-open) .agent-stage #service-workspace > details,
  body:not(.mobile-more-open) .agent-stage #service-form,
  body:not(.mobile-more-open) .agent-stage #customer-keys,
  body:not(.mobile-more-open) .agent-stage #admin-panel,
  body:not(.mobile-more-open) .agent-stage #pricing-panel,
  body:not(.mobile-more-open) .agent-stage #provider-keys-panel,
  body:not(.mobile-more-open) .agent-stage #providers-panel,
  body:not(.mobile-more-open) .agent-stage .ledger-section { display: none !important; }
  body:has(#dashboard:not(.hidden)) .agent-stage .capability-row { order: 5; }
  body:has(#dashboard:not(.hidden)) .agent-stage #project-lab,
  body:has(#dashboard:not(.hidden)) .agent-stage #auto-form,
  body:has(#dashboard:not(.hidden)) .agent-stage #service-workspace > details,
  body:has(#dashboard:not(.hidden)) .agent-stage #service-form,
  body:has(#dashboard:not(.hidden)) .agent-stage #customer-keys,
  body:has(#dashboard:not(.hidden)) .agent-stage .ledger-section { order: 6; margin-top: 10px; }
  body:has(#dashboard:not(.hidden)) .agent-insights { display: grid; grid-template-columns: 1fr; gap: 8px; margin-top: 10px; padding: 0; border: 0; background: transparent; }
  body:has(#dashboard:not(.hidden)) .agent-insights .credits-card,
  body:has(#dashboard:not(.hidden)) .agent-insights .task-tracker-card { display: block; }
  body:has(#dashboard:not(.hidden)) .agent-insights .queue-card,
  body:has(#dashboard:not(.hidden)) .agent-insights .insight-motto { display: none; }
  body:has(#dashboard:not(.hidden)) .agent-insights .credit-breakdown { display: none; }
  body:has(#dashboard:not(.hidden)) .agent-insights .credit-summary { padding-bottom: 12px; }
  body:has(#dashboard:not(.hidden)) .agent-insights .insight-card-title { padding-top: 12px; }
  body:has(#dashboard:not(.hidden)) .legal-section { margin: 18px 10px; padding: 15px; border-radius: 11px; }
  body:has(#dashboard:not(.hidden)) footer { display: none; }
}

/* Mobile welcome view: tek odaklı giriş kartı; masaüstü hero düzeni korunur. */
@media (max-width: 700px) {
  body:has(#welcome:not(.hidden)) { overflow-x: hidden; background: #090c14; }
  body:has(#welcome:not(.hidden)) .topbar { height: 54px; padding: 0 12px; background: rgba(9,12,20,.96); }
  body:has(#welcome:not(.hidden)) .topbar-right { gap: 7px; }
  body:has(#welcome:not(.hidden)) .status-label { display: none; }
  body:has(#welcome:not(.hidden)) .language-control select { min-height: 30px; max-width: 86px; padding: 0 5px; font-size: 10px; }
  body:has(#welcome:not(.hidden)) .hero { display: block; min-height: 0; padding: 26px 14px 34px; }
  body:has(#welcome:not(.hidden)) .hero-copy { max-width: none; }
  body:has(#welcome:not(.hidden)) .eyebrow { margin-bottom: 13px; font-size: 8px; letter-spacing: 1.5px; }
  body:has(#welcome:not(.hidden)) .hero h1 { margin: 0; font-size: 34px; line-height: 1.06; letter-spacing: -1.8px; }
  body:has(#welcome:not(.hidden)) .hero h1 br { display: none; }
  body:has(#welcome:not(.hidden)) .lead { max-width: 34rem; margin: 13px 0 16px; font-size: 13px; line-height: 1.5; }
  body:has(#welcome:not(.hidden)) .login-card { width: 100%; max-width: none; margin: 0; padding: 14px; border-radius: 14px; background: #101521; border-color: rgba(137,153,205,.22); box-shadow: 0 14px 32px rgba(0,0,0,.24); }
  body:has(#welcome:not(.hidden)) .login-card-heading { align-items: center; gap: 9px; margin-bottom: 11px; }
  body:has(#welcome:not(.hidden)) .login-card-heading strong { color: var(--oa-text); font-size: 13px; }
  body:has(#welcome:not(.hidden)) .login-card-heading small { color: var(--oa-muted); font-size: 10px; line-height: 1.35; }
  body:has(#welcome:not(.hidden)) .google-button,
  body:has(#welcome:not(.hidden)) .apple-button { min-height: 42px; height: 42px; font-size: 11px; }
  body:has(#welcome:not(.hidden)) .trust-row { margin-top: 13px; font-size: 10px; text-align: center; }
  body:has(#welcome:not(.hidden)) .hero-visual { display: none; }
  body:has(#welcome:not(.hidden)) #terms,
  body:has(#welcome:not(.hidden)) #privacy { margin: 10px 14px; padding: 13px; border-radius: 10px; font-size: 11px; }
  body:has(#welcome:not(.hidden)) #terms h2,
  body:has(#welcome:not(.hidden)) #privacy h2 { font-size: 15px; }
}

/* 11 Ekim 2026 — modern konuşma çalışma alanı: cevaplar üstte, composer altta. */
body:has(#dashboard:not(.hidden)) .agent-stage button:not(:disabled),
body:has(#dashboard:not(.hidden)) .agent-stage a { cursor: pointer; }
body:has(#dashboard:not(.hidden)) .agent-stage #assistant-chat {
  display: flex;
  flex-direction: column;
  width: min(980px, 100%);
  min-height: clamp(520px, calc(100vh - 230px), 760px);
  max-height: calc(100vh - 148px);
  margin: 12px auto 18px;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(103,240,255,.24);
  border-radius: 18px;
  background: linear-gradient(160deg, rgba(18,25,40,.98), rgba(10,14,24,.98));
  box-shadow: 0 20px 60px rgba(0,0,0,.34), 0 0 34px rgba(103,240,255,.07);
}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-heading {
  flex: 0 0 auto;
  align-items: center;
  padding: 17px 20px 14px;
  border-bottom: 1px solid rgba(137,153,205,.16);
  background: rgba(21,29,46,.76);
}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-heading h3 { font-size: 20px; letter-spacing: -.5px; }
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-heading p { max-width: 620px; margin-top: 5px; color: #9daac1; }
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-pill { margin-left: auto; border-color: rgba(103,240,255,.34); color: var(--oa-cyan); background: rgba(103,240,255,.08); }
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-messages {
  flex: 1 1 auto;
  min-height: 300px;
  max-height: none;
  margin: 0;
  padding: 22px 22px 16px;
  overflow-y: auto;
  border: 0;
  border-radius: 0;
  background: rgba(5,9,17,.58);
  scrollbar-color: rgba(103,240,255,.45) transparent;
  scrollbar-width: thin;
}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-message { max-width: min(78%, 720px); padding: 12px 15px; border-radius: 15px; font-size: 14px; line-height: 1.62; }
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-message.assistant { border: 1px solid rgba(137,153,205,.14); color: #dbe6f8; background: rgba(24,32,51,.82); }
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-message.user { color: #081018; background: linear-gradient(110deg, var(--oa-cyan), var(--oa-violet)); box-shadow: 0 8px 20px rgba(103,240,255,.08); }
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-form {
  position: relative;
  flex: 0 0 auto;
  margin: 0 14px 14px;
  padding: 12px 13px 10px;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 15px;
  background: rgba(24,29,39,.98);
  box-shadow: 0 10px 30px rgba(0,0,0,.28);
}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-form textarea { min-height: 58px; max-height: 170px; padding: 3px 3px 8px; border: 0; resize: vertical; color: #f2f5fa; background: transparent; font-size: 14px; line-height: 1.55; }
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-form textarea:focus { outline: none; box-shadow: none; }
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-composer-tools { min-height: 30px; align-items: center; gap: 7px; }
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-input-help { display: block; margin: 0 0 0 auto; color: #768399; font-size: 10px; }
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-dropzone {
  display: flex !important;
  position: static;
  min-height: 27px;
  align-items: center;
  justify-content: center;
  margin: 7px 0 0;
  padding: 0 9px;
  border: 1px dashed rgba(137,153,205,.28);
  border-radius: 8px;
  color: #8491a7;
  background: rgba(8,12,20,.34);
  font-size: 10px;
  pointer-events: auto;
}
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-dropzone::after { content: 'Dosya ekle veya sürükle-bırak'; }
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-dropzone:hover,
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-dropzone.is-dragover { border-color: var(--oa-cyan); color: var(--oa-cyan); background: rgba(103,240,255,.08); }
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-dropzone.is-dragover::after { content: 'Dosyayı buraya bırak'; }
body:has(#dashboard:not(.hidden)) .agent-stage .assistant-actions { min-height: 31px; margin-top: 7px; justify-content: flex-end; pointer-events: auto; }
body:has(#dashboard:not(.hidden)) .agent-stage #assistant-status { position: static; margin-right: auto; color: #9daac1; font-size: 10px; }
body:has(#dashboard:not(.hidden)) .agent-stage #assistant-send { width: auto; min-width: 82px; height: 32px; padding: 0 14px; border: 0; border-radius: 9px; color: #081018; background: linear-gradient(110deg, var(--oa-cyan), #b0f5e7); font-size: 11px; font-weight: 700; }
body:has(#dashboard:not(.hidden)) .agent-stage #assistant-send::after { display: none; }
body:has(#dashboard:not(.hidden)) .agent-stage #assistant-send:hover { filter: brightness(1.08); transform: translateY(-1px); }
@media (max-width: 820px) {
  body:has(#dashboard:not(.hidden)) .agent-stage #assistant-chat { min-height: calc(100svh - 205px); max-height: none; margin: 0 0 12px; border-radius: 14px; }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-heading { padding: 13px 14px 11px; }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-heading h3 { font-size: 17px; }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-messages { min-height: 230px; padding: 14px 12px 10px; }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-message { max-width: 92%; font-size: 13px; }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-form { position: sticky; bottom: 8px; z-index: 12; margin: 0 8px 8px; padding: 10px; border-radius: 13px; }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-input-help { display: none; }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-dropzone { min-height: 25px; }
}
@media (max-width: 480px) {
  body:has(#dashboard:not(.hidden)) .agent-stage #assistant-chat { min-height: calc(100svh - 190px); }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-message { max-width: 96%; }
}

/* MOBILE MESSAGE COMPOSER CLARITY v1 */
.assistant-composer-label { display: none; }
@media (max-width: 820px) {
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-composer-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 8px;
    color: #dce7f8;
    font: 700 11px/1 'DM Mono', monospace;
    letter-spacing: .12em;
  }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-composer-label span {
    color: #9aa9c0;
    font: 500 10px/1.2 'Space Grotesk', sans-serif;
    letter-spacing: 0;
    text-align: right;
  }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-form {
    padding: 12px;
    border: 1px solid rgba(103,240,255,.62);
    border-radius: 15px;
    background: rgba(13, 22, 38, .99);
    box-shadow: 0 0 0 2px rgba(103,240,255,.08), 0 12px 34px rgba(0,0,0,.34);
  }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-form textarea {
    min-height: 84px;
    max-height: 190px;
    padding: 12px 13px;
    border: 1px solid rgba(137,153,205,.38);
    border-radius: 10px;
    color: #f4f7ff;
    background: rgba(3, 8, 17, .92);
    font-size: 15px;
    line-height: 1.5;
  }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-form textarea::placeholder {
    color: #a8b5ca;
    opacity: 1;
  }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-form textarea:focus {
    border-color: var(--oa-cyan);
    outline: 2px solid rgba(103,240,255,.2);
    outline-offset: 1px;
  }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-composer-tools {
    min-height: 32px;
    margin-top: 8px;
  }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-dropzone {
    min-height: 32px;
    margin-top: 8px;
    border-color: rgba(103,240,255,.34);
    color: #a8b5ca;
    background: rgba(103,240,255,.06);
    font-size: 11px;
  }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-actions {
    min-height: 40px;
    margin-top: 8px;
  }
  body:has(#dashboard:not(.hidden)) .agent-stage #assistant-send {
    min-width: 104px;
    height: 40px;
    padding: 0 18px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 800;
  }
}
@media (max-width: 480px) {
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-composer-label {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-composer-label span {
    text-align: left;
  }
  body:has(#dashboard:not(.hidden)) .agent-stage .assistant-form textarea {
    min-height: 88px;
    font-size: 16px;
  }
}
/* MOBILE MESSAGE COMPOSER CLARITY v2 */
@media (max-width: 820px) {
  .assistant-form .assistant-composer-label {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 9px;
    color: #f4f8ff;
    font: 800 12px/1.1 'DM Mono', monospace;
    letter-spacing: .14em;
  }
  .assistant-form .assistant-composer-label span {
    color: #b9c8dc;
    font: 600 10px/1.25 'Space Grotesk', sans-serif;
    letter-spacing: 0;
    text-align: right;
  }
  .assistant-form {
    display: block !important;
    position: sticky !important;
    bottom: 7px;
    z-index: 30;
    width: 100%;
    box-sizing: border-box;
    padding: 14px !important;
    border: 3px solid #67f0ff !important;
    border-radius: 16px !important;
    background: #0c1728 !important;
    box-shadow: 0 0 0 3px rgba(103,240,255,.16), 0 14px 34px rgba(0,0,0,.48) !important;
  }
  .assistant-form textarea {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
    min-height: 108px !important;
    max-height: 220px !important;
    padding: 14px !important;
    border: 2px solid #9fb0c9 !important;
    border-radius: 12px !important;
    color: #071522 !important;
    background: #f5f8fc !important;
    font-size: 16px !important;
    line-height: 1.5;
    resize: vertical;
  }
  .assistant-form textarea::placeholder {
    color: #41546d !important;
    opacity: 1 !important;
    font-weight: 600;
  }
  .assistant-form textarea:focus {
    border-color: #67f0ff !important;
    outline: 3px solid rgba(103,240,255,.28) !important;
    outline-offset: 1px;
  }
  .assistant-form .assistant-composer-tools {
    min-height: 38px;
    margin-top: 9px;
  }
  .assistant-form .assistant-dropzone {
    min-height: 34px;
    margin-top: 9px;
    border: 1px dashed #67f0ff !important;
    border-radius: 9px;
    color: #d8e7f8 !important;
    background: rgba(103,240,255,.1) !important;
    font-size: 11px;
  }
  .assistant-form .assistant-actions {
    display: flex;
    min-height: 44px;
    margin-top: 9px;
    justify-content: stretch;
  }
  .assistant-form #assistant-send {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    border-radius: 11px;
    color: #04131c;
    background: linear-gradient(110deg, #67f0ff, #b5f7e8) !important;
    font-size: 14px !important;
    font-weight: 900;
  }
}
@media (max-width: 480px) {
  .assistant-form .assistant-composer-label {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
  .assistant-form .assistant-composer-label span { text-align: left; }
}