/* Kovan Rehberi — calm, accessible product theme. Loaded after legacy styles. */
:root{--page:#fcfbf7;--panel:#f2f0e8;--ink:#29392e;--muted:#656e63;--line:#dfe2d8;--honey:#e8b64d;--gray-900:var(--ink);--gray-500:var(--muted);--header-h:76px;--sidebar-w:248px}
body{background:var(--page);color:var(--ink);height:100dvh}
button,input,select,textarea{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #58735b;outline-offset:3px}
.header{background:var(--page);border-bottom:1px solid var(--line);box-shadow:none}
.header::after{display:none}.header-inner{padding:0 28px}.header-left{gap:16px}
.logo-icon{display:grid;place-items:center;background:var(--honey);color:#382d15;width:38px;height:42px;border-radius:12px;filter:none;font-size:32px;line-height:1}
.logo-text h1{color:var(--ink);font-size:18px;letter-spacing:-.4px}.logo-text p{color:var(--muted);font-size:11px;margin-top:4px}
.sidebar-toggle{background:transparent;border:1px solid var(--line);width:44px;height:44px;border-radius:10px}.sidebar-toggle span{background:var(--ink)}.sidebar-toggle:hover{background:var(--panel)}
.limit-badge{background:var(--panel);border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:500}.limit-badge.warning,.limit-badge.empty{background:#fff0e9;border-color:#e8b8a4;color:#9a3e26}.limit-badge.premium{background:#f8edcd;color:#715217}
.btn-login,.btn-register{min-height:44px;border-radius:10px;padding:8px 14px}.btn-login{color:var(--ink);border:1px solid var(--line);background:transparent}.btn-login:hover{background:var(--panel)}.btn-register{background:var(--ink);color:white}.btn-register:hover{background:#415445}
.user-menu-trigger{background:var(--panel);color:var(--ink);border-color:var(--line);min-height:44px}.user-menu-trigger:hover{background:#e7e9df}
.user-email, .user-menu-chevron { color: var(--ink); }.user-avatar{background:#e0e5d8;color:var(--ink)}
.app-layout{height:auto;min-height:0}.sidebar{background:var(--panel);border-color:var(--line)}.sidebar-header{padding:24px 18px 18px;flex-direction:column;align-items:stretch;gap:16px;border:0}.sidebar-title{color:var(--muted);font-size:12px;font-weight:500;letter-spacing:.05em;order:2}.new-chat-btn{order:1;background:#fff;border:1px solid var(--line);color:var(--ink);border-radius:10px;min-height:44px;font-size:14px}.new-chat-btn:hover{background:#e8ebdf;border-color:#a9b3a2}.sidebar-empty{color:var(--muted);text-align:left;padding:14px 12px;font-size:13px}.sidebar-item{border-radius:9px;color:var(--ink)}.sidebar-item:hover{background:#e7e9de}.sidebar-item.active{background:#e0e6d8;border-color:#a9b99d;color:var(--ink)}.sidebar-item.active .sidebar-item-date{color:var(--muted)}
.main{padding:44px 32px 24px;gap:26px;scrollbar-color:#cbd2c2 transparent}.main>*{max-width:760px}.welcome-card{background:none;border:0;border-radius:0;box-shadow:none;text-align:left;padding:12px 0 0;overflow:visible}.welcome-card::before{display:none}.welcome-eyebrow{font-size:11px;letter-spacing:.15em;color:var(--muted);font-weight:600;margin-bottom:18px}.welcome-card h2{font-size:clamp(30px,3.5vw,44px);line-height:1.16;letter-spacing:-1.4px;color:var(--ink);font-weight:600;margin-bottom:18px}.welcome-card p{color:var(--muted);font-size:16px;line-height:1.7}
.quick-questions{padding:0;background:none;border:0;box-shadow:none}.quick-label{color:var(--muted);font-size:12px;font-weight:500;margin-bottom:12px}.quick-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:visible}.quick-btn{display:flex;align-items:center;gap:14px;text-align:left;white-space:normal;min-width:0;padding:18px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--ink);font-size:14px;font-weight:500;box-shadow:none;min-height:78px}.quick-btn:hover{background:var(--panel);border-color:#aab6a2;transform:none;box-shadow:none}.quick-btn small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:3px}.topic-symbol{font-size:26px;width:24px;flex-shrink:0;color:#637d56}.main:has(.welcome-card.hidden) .quick-questions{display:none}
.input-section{background:var(--page);border-top:0;backdrop-filter:none;padding:16px 32px calc(18px + env(safe-area-inset-bottom))}.input-wrapper{max-width:760px;background:#fff;border:1px solid #ccd4c5;border-radius:16px;box-shadow:0 4px 20px #29392e06}.input-wrapper:focus-within{border-color:#718b63;box-shadow:0 0 0 3px #718b631f}textarea{font-size:16px;color:var(--ink);padding:18px 20px 6px}textarea::placeholder{color:var(--muted)}.input-footer{padding:8px 14px 14px 20px}.char-count{color:var(--muted)}.send-btn,.btn-submit{background:var(--honey);color:#382d15;box-shadow:none;min-height:44px;font-weight:600}.send-btn:hover:not(:disabled),.btn-submit:hover{background:#dfaa38;transform:none;box-shadow:none}.send-btn:disabled{background:#e9ece5;color:#788270}.disclaimer-text{color:var(--muted);font-size:11px;margin-top:12px}.weather-bar{max-width:760px;background:#edf1e6;color:var(--ink);border-color:var(--line)}
.message{gap:12px}.message-bubble{font-size:15px;line-height:1.8;border-radius:14px;overflow-wrap:anywhere}.message.user .message-bubble{background:#edf0e6;color:var(--ink);border:1px solid var(--line)}.message.bot .message-bubble{background:#fff;border:1px solid var(--line);box-shadow:none;color:var(--ink)}.message.bot .message-avatar{background:#e6ebdd}.message.user .message-avatar{background:var(--honey)}
.modal{border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 70px #17231b26}.modal-overlay{background:#17231b66;backdrop-filter:blur(3px)}.modal-close{min-width:44px;min-height:44px}.form-group input,.form-group select{border-color:var(--line);font-size:16px}.form-group input:focus,.form-group select:focus{border-color:#718b63;box-shadow:0 0 0 3px #718b631f}.btn-google{min-height:46px}.modal-switch a{color:#526d43}
@media(max-width:768px){.header-inner{padding:0 16px}.main{padding:28px 20px 20px}.input-section{padding:12px 20px calc(14px + env(safe-area-inset-bottom))}.sidebar-header{padding-top:20px}.message-bubble{max-width:88%}}
@media(max-width:540px){:root{--header-h:112px}.header-inner{flex-wrap:wrap;align-content:center;gap:6px;padding:8px 14px}.header-left{width:100%;gap:10px}.logo-text h1{font-size:16px}.logo-text p{display:none}.logo-icon{width:30px;height:32px;font-size:26px}.header-right{width:100%;justify-content:space-between;gap:8px}.limit-badge{font-size:11px;padding:5px 8px}.btn-login,.btn-register{font-size:12px;min-height:40px;padding:6px 12px}.auth-buttons{gap:6px}.sidebar-toggle{width:36px;height:36px}.welcome-card{padding:4px 0 0}.welcome-card h2{font-size:31px}.welcome-card p{font-size:14px}.quick-buttons{gap:8px}.quick-btn{padding:12px;gap:8px;font-size:13px;min-height:86px}.quick-btn small{font-size:11px}.topic-symbol{display:none}.main{padding:24px 16px 18px;gap:22px}.input-section{padding-left:12px;padding-right:12px}textarea{padding:14px;font-size:16px}.user-email{max-width:150px}.modal{padding:26px 20px}.form-row{gap:10px}.user-dropdown{max-width:calc(100vw - 28px)}}
@media(max-width:360px){.quick-buttons{grid-template-columns:1fr}.quick-btn{min-height:62px}}
@media(max-height:540px) and (orientation:landscape){.main{padding-top:16px}.input-section{padding-top:6px;padding-bottom:6px}textarea{max-height:65px}.disclaimer-text{margin-top:4px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Signed-in home: personal greeting and a single inline composer. */
.signed-in .limit-badge { display: none; }
.account-plan { margin: 0 14px 12px; padding: 12px; background: #edf1e6; border-radius: 10px; color: var(--ink); }
.account-plan strong, .account-plan span { display: block; }
.account-plan strong { font-size: 13px; margin-bottom: 4px; }
.account-plan span { font-size: 12px; color: var(--muted); }
#memberComposerSlot .input-section { padding: 0; }
#memberComposerSlot .disclaimer-text { margin-top: 12px; }
.weather-bar { width: 100%; margin: 0 auto 12px; flex-wrap: wrap; }
.weather-bee-tip { white-space: normal; }
.resume-conversation { display: flex; align-items: center; justify-content: space-between; gap: 16px; text-align: left; padding: 16px 18px; border: 1px solid var(--line); border-radius: 14px; background: transparent; color: var(--ink); cursor: pointer; }
.resume-conversation:hover { background: var(--panel); }
.resume-conversation small { display: block; color: var(--muted); font-size: 10px; letter-spacing: .07em; margin-bottom: 5px; }
.resume-conversation strong { display: block; font-size: 14px; font-weight: 500; overflow-wrap: anywhere; }
.sidebar-date-group { margin: 18px 12px 7px; font-size: 11px; font-weight: 500; letter-spacing: .06em; color: var(--muted); }
.composer-meta { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; font-size: 12px; color: var(--muted); }
.signed-in .welcome-card h2 { font-size: clamp(28px, 3vw, 36px); margin-bottom: 10px; }
.signed-in .welcome-card .welcome-eyebrow { margin-bottom: 14px; }
.signed-in .quick-btn { min-height: 64px; padding: 13px 16px; }
.signed-in .main { gap: 20px; }
@media(max-width:540px) {
  .signed-in { --header-h: 76px; }
  .signed-in .header-inner { flex-wrap: nowrap; }
  .signed-in .header-left { width: auto; min-width: 0; }
  .signed-in .header-right { width: auto; }
  .signed-in .user-email { display: none; }
  .signed-in .user-menu-trigger { min-width: 58px; }
  .composer-meta { flex-direction: column; align-items: flex-start; gap: 2px; font-size: 11px; }
  .weather-bar { font-size: 12px; padding: 10px; }
}
@media(max-width:768px) and (orientation:landscape) {
  .signed-in .welcome-card:not(.hidden) { display: block; }
}

/* Compact conversation history: approved 16px / 14px typography. */
:root { --sidebar-w: 300px; }
.sidebar-date-group { font-size: 14px; margin: 16px 10px 5px; letter-spacing: .02em; }
.history-search { padding: 0 16px 10px; }
.history-search input { width: 100%; min-width: 0; padding: 10px 12px; font: inherit; font-size: 16px; border: 1px solid var(--line); border-radius: 10px; background: white; color: var(--ink); }
.history-status { font-size: 12px; padding: 0 16px; color: var(--muted); }
.history-status:empty { display: none; }
.history-row { display: flex; flex-wrap: wrap; position: relative; align-items: stretch; margin: 2px 0; border-radius: 9px; }
.history-row:has(.active) { background: #e2ebda; }
.history-row:has(.active)::before { content: ''; position: absolute; top: 10px; bottom: 10px; left: 0; width: 3px; border-radius: 3px; background: #5b754a; }
.history-row .sidebar-item { flex: 1; min-width: 0; width: auto; margin: 0; min-height: 40px; padding: 8px 12px; border: 0; background: transparent; }
.history-row .sidebar-item-title { font-size: 16px; line-height: 1.5; font-weight: 400; white-space: normal; overflow-wrap: anywhere; }
.history-row:hover { background: #e8eddf; }
.history-actions { display: contents; }
.history-actions summary { display: grid; place-items: center; width: 40px; min-height: 40px; cursor: pointer; font-size: 22px; border-radius: 8px; list-style: none; }
.history-actions summary::-webkit-details-marker { display: none; }
.history-menu { width: 100%; margin: 4px 8px 8px; padding: 4px; border: 1px solid var(--line); border-radius: 10px; background: white; }
.history-menu button { display: block; width: 100%; border: 0; background: transparent; padding: 10px 12px; min-height: 40px; text-align: left; color: var(--ink); border-radius: 6px; font: inherit; cursor: pointer; }
.history-menu button:hover { background: var(--panel); }
.history-menu button:last-child { color: #a34331; }
.history-dialog { margin: auto; width: min(440px, calc(100vw - 32px)); border: 1px solid var(--line); border-radius: 16px; padding: 24px; background: var(--page); color: var(--ink); }
.history-dialog::backdrop { background: #17231b66; }
.history-dialog h2 { font-size: 20px; margin-bottom: 16px; }
.history-dialog label { display: block; margin-bottom: 8px; }
.history-dialog input { width: 100%; padding: 10px; border: 1px solid var(--line); border-radius: 8px; font-size: 16px; }
.history-dialog-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.history-dialog-actions button { padding: 10px 14px; min-height: 44px; border: 1px solid var(--line); border-radius: 8px; background: white; color: var(--ink); cursor: pointer; }
#historySave { background: var(--honey); }
#historyError { color: #a34331; margin-top: 10px; }
@media(pointer:coarse) { .history-row .sidebar-item, .history-actions summary, .history-menu button { min-height: 44px; } .history-actions summary { width: 44px; } }

/* ── Feedback / Report UI ─────────────────────────────────────────── */

/* "Yanıtı bildir" button that appears below each bot message */
.report-btn {
  display: inline-flex; align-items: center; gap: 6px;
  margin-top: 10px; padding: 5px 12px;
  background: transparent; border: 1px solid var(--line);
  border-radius: 20px; color: var(--muted); font-size: 12px;
  cursor: pointer; transition: all .18s;
}
.report-btn:hover { border-color: #c07a3a; color: #c07a3a; background: #fdf5e9; }

/* Overlay */
.fb-overlay {
  position: fixed; inset: 0; z-index: 900;
  background: #17231b66; backdrop-filter: blur(3px);
  display: flex; align-items: center; justify-content: center;
  padding: 16px;
}
.fb-overlay.hidden { display: none; }

/* Modal card */
.fb-modal {
  background: var(--page); border: 1px solid var(--line);
  border-radius: 20px; box-shadow: 0 24px 70px #17231b26;
  width: 100%; max-width: 480px; padding: 32px 28px 28px;
  position: relative;
}

/* Close button */
.fb-close {
  position: absolute; top: 14px; right: 16px;
  background: transparent; border: none; font-size: 22px;
  color: var(--muted); cursor: pointer; padding: 4px 8px; line-height: 1;
}
.fb-close:hover { color: var(--ink); }

/* Header */
.fb-icon { font-size: 28px; margin-bottom: 8px; display: block; }
.fb-title { font-size: 18px; font-weight: 600; color: var(--ink); margin-bottom: 6px; }
.fb-sub { font-size: 14px; color: var(--muted); margin-bottom: 20px; line-height: 1.6; }

/* Radio options */
.fb-options { display: flex; flex-direction: column; gap: 10px; margin-bottom: 18px; }
.fb-option {
  display: flex; align-items: center; gap: 12px;
  padding: 12px 14px; border: 1.5px solid var(--line);
  border-radius: 12px; cursor: pointer; transition: all .15s;
  font-size: 14px; color: var(--ink);
}
.fb-option:hover { border-color: #8faa7e; background: var(--panel); }
.fb-option input[type="radio"] { accent-color: var(--honey); width: 16px; height: 16px; flex-shrink: 0; }
.fb-option:has(input:checked) { border-color: var(--honey); background: #fdf6e0; }

/* Warning notice */
.fb-notice {
  font-size: 13px; color: #7a5a20; background: #fdf6e0;
  border: 1px solid #e8d49a; border-radius: 10px;
  padding: 11px 14px; margin-bottom: 18px; line-height: 1.6;
}

/* Textarea */
.fb-textarea {
  width: 100%; min-height: 90px; max-height: 180px; resize: vertical;
  padding: 12px 14px; border: 1.5px solid var(--line);
  border-radius: 12px; font: inherit; font-size: 14px;
  color: var(--ink); background: #fff; margin-bottom: 6px;
  line-height: 1.6;
}
.fb-textarea:focus { outline: none; border-color: #718b63; box-shadow: 0 0 0 3px #718b631f; }
.fb-textarea::placeholder { color: var(--muted); }

/* Error message */
.fb-error { font-size: 13px; color: #a34331; min-height: 18px; margin-bottom: 10px; }

/* Action buttons row */
.fb-actions { display: flex; gap: 10px; justify-content: flex-end; margin-top: 6px; }
.fb-btn-cancel {
  padding: 10px 18px; background: transparent;
  border: 1px solid var(--line); border-radius: 10px;
  color: var(--muted); font-size: 14px; cursor: pointer;
}
.fb-btn-cancel:hover { background: var(--panel); color: var(--ink); }
.fb-btn-submit {
  padding: 10px 22px; background: var(--ink);
  border: none; border-radius: 10px;
  color: #fff; font-size: 14px; font-weight: 600; cursor: pointer;
}
.fb-btn-submit:hover { background: #415445; }

/* Success state */
.fb-success-wrap { text-align: center; padding: 16px 0 8px; }
.fb-success-wrap .fb-icon { font-size: 48px; }
.fb-success-wrap .fb-title { font-size: 20px; }
.fb-success-wrap .fb-sub { margin-bottom: 24px; }

@media(max-width:480px) {
  .fb-modal { padding: 24px 18px 20px; }
  .fb-actions { flex-direction: column-reverse; }
  .fb-btn-cancel, .fb-btn-submit { width: 100%; text-align: center; }
}