/*
 * CILTIN — Çevirici sayfası stili
 * Ortak bloklar (renkler, header/nav, sidebar/mini-card, icon-btn,
 * footer) artık shared.css'te - bu dosya sadece bu sayfaya özgü.
 */
.controls-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;padding-bottom:22px;margin-bottom:26px;border-bottom:1px solid var(--line)}
.dialect-group{display:flex;align-items:center;gap:10px}
.dialect-label{font-family:'Oswald',sans-serif;font-size:.68rem;letter-spacing:.1em;color:var(--ink-dim)}
/* .dialect-toggle görsel stili artık shared.css'teki ORTAK SEKME
   STİLİ'nden geliyor (köşeli, aktif=pine) - burada kural kalmadı. */
.smart-label{display:flex;align-items:center;gap:9px;font-family:'Source Serif 4',serif;font-size:.92rem;color:var(--ink-dim);cursor:pointer}
.smart-label input{accent-color:var(--pine);width:16px;height:16px}

/* --- Araç kartı --- */
.tool-wrap{padding:20px 0 50px}
.tool-layout{display:grid;grid-template-columns:1fr 300px;gap:30px;align-items:start}
.tool-card{border:2px solid var(--ink);background:var(--surface);padding:34px}

.box-group{display:flex;flex-direction:column;gap:16px}
.box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.box-header span{font-family:'Oswald',sans-serif;font-size:.78rem;letter-spacing:.06em;color:var(--ink-dim);text-transform:uppercase}

textarea{
  width:100%;height:190px;padding:16px;border:1px solid var(--line);background:var(--bg);
  color:var(--ink);font-family:'Source Serif 4',serif;font-size:1rem;resize:vertical;
}
textarea:focus{outline:none;border-color:var(--copper)}

.counter-box{font-family:'Oswald',sans-serif;font-size:.7rem;color:var(--ink-dim);text-align:right;margin-top:6px}

.miss-list{margin-top:10px}
.miss-list summary{cursor:pointer;font-family:'Oswald',sans-serif;font-size:.7rem;color:var(--ink-dim);letter-spacing:.03em}
.miss-words{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.exc-list .miss-words span{
  font-family:'Oswald',sans-serif;font-size:.7rem;padding:4px 10px;
  background:rgba(47,91,72,.12);color:var(--pine);border:1px solid var(--line);
}

.switch-container{display:flex;justify-content:center;margin:6px 0}
.btn-switch{
  background:var(--pine);color:#fff;border:none;padding:12px 26px;
  font-family:'Oswald',sans-serif;font-weight:600;font-size:.82rem;letter-spacing:.06em;
  text-transform:uppercase;cursor:pointer;display:flex;align-items:center;gap:10px;
}
.btn-switch:hover{background:#25493a}

/* --- Toast --- */
.toast{
  position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);
  background:var(--ink);color:#F0F2F0;padding:11px 22px;font-family:'Oswald',sans-serif;
  font-size:.8rem;letter-spacing:.03em;opacity:0;pointer-events:none;transition:.25s;z-index:999;
}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

@media(max-width:900px){
  .tool-layout{grid-template-columns:1fr}
}
@media(max-width:600px){
  .tool-card{padding:22px}
}