/* Act Rush — otomatik gönderim (İlan kartı + komut çubuğu düğmesi) */
.oto-state { display: inline-flex; align-items: center; gap: 8px; color: var(--text-2); font-size: 13px; font-weight: 600; }
.oto-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--text-3); flex: none; }
.oto-dot.is-live, .cmd-oto.is-live .oto-dot { background: var(--green); box-shadow: 0 0 0 3px rgb(140 199 96 / .2); animation: otoPulse 1.6s ease-in-out infinite; }
.oto-dot.is-error, .cmd-oto.is-error .oto-dot { background: var(--red); box-shadow: 0 0 0 3px rgb(226 100 79 / .2); }
@keyframes otoPulse { 50% { box-shadow: 0 0 0 6px rgb(140 199 96 / .06); } }

.notice-risk { color: #ffc2b7; background: rgb(226 100 79 / .08); border: 1px solid rgb(226 100 79 / .35); }
.oto-form { min-width: 0; margin: 0; padding: 0; border: 0; }
.oto-form:disabled { opacity: .6; }
@media (min-width: 600px) {
  .oto-form .form-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.oto-token { display: flex; gap: 8px; }
.oto-token input { flex: 1; min-width: 0; font-family: var(--font-mono); }
.oto-help { color: var(--text-2); font-size: 12.5px; }
.oto-help summary { width: fit-content; color: var(--gold-2); font-weight: 600; cursor: pointer; }
.oto-help-method { margin-top: 8px; padding: 10px; background: rgb(0 0 0 / .3); border: 1px solid var(--line); border-radius: var(--radius-sm); }
.oto-help-title { color: var(--gold-2); font-weight: 600; display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 6px; }
.oto-help ol { display: grid; gap: 5px; margin: 0; padding-left: 20px; }
.oto-help code { color: var(--gold-3); font: 12px/1.4 var(--font-mono); background: rgb(255 255 255 / .06); padding: 1px 4px; border-radius: 3px; }
.oto-emoji { margin-top: 14px; }
.oto-emoji[hidden] { display: none; }
.oto-edit { margin-top: 16px; }
.oto-timing-bar {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
  padding: 10px 14px;
  background: rgb(0 0 0 / .35);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
}
.oto-timing-col { display: flex; flex-direction: column; gap: 3px; }
.oto-timing-label { display: flex; align-items: center; gap: 6px; color: var(--text-3); font-size: 11.5px; text-transform: uppercase; letter-spacing: .04em; }
.oto-timing-label svg { width: 13px; height: 13px; color: var(--gold-3); }
.oto-timing-val { color: var(--text); font-weight: 700; font-size: 14px; font-variant-numeric: tabular-nums; }
.oto-timing-val.is-live { color: var(--green); }
@media (max-width: 500px) {
  .oto-timing-bar { grid-template-columns: 1fr; gap: 8px; }
}
.oto-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.oto-summary { margin-top: 12px; color: var(--text-2); font-size: 13px; }
.oto-log { display: grid; gap: 4px; max-height: 220px; overflow: auto; margin: 12px 0 0; padding: 12px 0 0; border-top: 1px solid var(--line); list-style: none; font-size: 12.5px; }
.oto-log:empty { display: none; }
.oto-log li { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 8px; color: var(--text-2); }
.oto-log time { color: var(--text-3); font-variant-numeric: tabular-nums; }
.oto-log-ok span { color: var(--text); }
.oto-log-error span { color: #f29c8c; }

/* Komut çubuğu düğmesi */
.cmd-oto { min-height: 42px; gap: 8px; }
.cmd-oto.is-live { border-color: rgb(140 199 96 / .55); color: #fff; }
.cmd-oto.is-error { border-color: rgb(226 100 79 / .55); }
.cmd-oto-next { color: var(--green); font-weight: 700; font-variant-numeric: tabular-nums; }
.cmd-oto-next:empty { display: none; }

/* Mobil alt çubuk: yer dar. Telefondan otomatik gönderim pratik değil (arka plan sekmesi uyutulur);
   düğme yalnız çalışırken ya da hata verince, sadece renkli nokta olarak görünür (saat ve ayrıntı kartta).
   Boştayken yerleşim v2.0.2 ile aynı kalır. */
@media (max-width: 760px) {
  .cmd-oto:not(.is-live):not(.is-error) { display: none; }
  .cmd-oto { padding: 0 13px; }
  .cmd-oto-next { display: none; }
  .commandbar:has(.cmd-oto.is-live, .cmd-oto.is-error) .cmd-chev { display: none; }
  .cmd-status-value { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
}

@media (prefers-reduced-motion: reduce) {
  .oto-dot.is-live, .cmd-oto.is-live .oto-dot { animation: none; }
}