/* tamil-paste.css — Oliyon Research · the notice shown when pasted old-font Tamil is found (copy unchanged) */
.tf-bar {
  display: flex; align-items: flex-start; gap: 10px;
  padding: 12px 12px 12px 16px; border-radius: 10px;
  background: #001a45; color: #fff; border: 1px solid rgba(255, 255, 255, .14);
  box-shadow: 0 12px 28px rgba(0, 10, 30, .35);
  font-size: 15px; line-height: 1.55; text-align: left;
}
.tf-bar--float {
  position: fixed; z-index: 2147483000; left: 50%; bottom: 16px; transform: translateX(-50%);
  width: min(640px, calc(100vw - 32px));
}
.tf-bar--float.tf-bar--top { top: 12px; bottom: auto; }
.tf-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.tf-text { font-weight: 600; }
.tf-preview { color: #d6deec; font-size: 13px; overflow-wrap: anywhere; }
.tf-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 2px; }
.tf-btn {
  min-height: 36px; padding: 6px 14px; border-radius: 6px; cursor: pointer;
  border: 1px solid rgba(255, 255, 255, .35); background: transparent; color: #fff;
  font: inherit; font-size: 14px; font-weight: 600;
}
.tf-btn:hover { border-color: #feb001; background: rgba(255, 255, 255, .08); }
.tf-btn--go { background: #e9a108; border-color: #e9a108; color: #001a45; }
.tf-btn--go:hover { background: #feb001; border-color: #feb001; }
.tf-select {
  min-height: 36px; max-width: 100%; padding: 4px 8px; border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, .35); background: #0b2a5c; color: #fff; font: inherit; font-size: 14px;
}
.tf-close {
  flex: none; width: 32px; height: 32px; border-radius: 6px; border: 0; cursor: pointer;
  background: transparent; color: #d6deec; font-size: 22px; line-height: 1;
}
.tf-close:hover { background: rgba(255, 255, 255, .1); color: #fff; }
.tf-bar button:focus-visible, .tf-bar select:focus-visible { outline: 2px solid #feb001; outline-offset: 2px; }
@media (max-width: 480px) {
  .tf-bar--float { bottom: 8px; width: calc(100vw - 16px); }
  .tf-bar--float.tf-bar--top { top: 8px; bottom: auto; }
  .tf-actions .tf-btn, .tf-actions .tf-select { flex: 1 1 auto; }
}
@media print { .tf-bar { display: none; } }