/* Home-area bar, picker and registration fields (assets/js/area.js). */
.tt-area-bar { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px; margin: 0 0 12px;
  padding: 8px 12px; border-radius: 8px; background: #f3f4f6; color: #374151; font-size: 14px; line-height: 1.4; }
.tt-area-bar button { border: 0; background: none; padding: 0; color: #1d4ed8; font: inherit; font-weight: 600;
  text-decoration: underline; cursor: pointer; }
.tt-area-back { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center;
  padding: 16px; background: rgba(17, 24, 39, 0.55); }
.tt-area-box { width: 100%; max-width: 420px; padding: 20px; border-radius: 12px; background: #fff; color: #111827;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25); font-family: inherit; }
.tt-area-box h2 { margin: 0 0 6px; font-size: 20px; }
.tt-area-note { margin: 0 0 14px; color: #4b5563; font-size: 14px; line-height: 1.45; }
.tt-area-box label, .tt-home-fields label { display: block; margin: 10px 0 4px; font-size: 13px; font-weight: 600; color: #374151; }
.tt-area-box select, .tt-home-fields select { width: 100%; padding: 9px 10px; border: 1px solid #d1d5db; border-radius: 8px;
  background: #fff; color: #111827; font-size: 15px; }
.tt-area-err { min-height: 1.2em; margin: 8px 0 0; color: #b91c1c; font-size: 13px; }
.tt-area-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 12px; }
.tt-area-save, .tt-area-cancel { padding: 9px 14px; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; }
.tt-area-save { border: 0; background: #1d4ed8; color: #fff; }
.tt-area-save:disabled { opacity: 0.6; }
.tt-area-cancel { border: 1px solid #d1d5db; background: #fff; color: #374151; }
.tt-home-fields { margin: 12px 0; }
.tt-home-fields[hidden] { display: none; }
.tt-home-hint { margin: 4px 0 0; font-size: 12px; color: #6b7280; }
.feed-group, .pairs-group { margin: 20px 0 8px; font-size: 16px; font-weight: 700; color: #111827; }
.alert-info-group { padding: 8px 12px 4px; font-size: 11px; font-weight: 700; letter-spacing: 0.04em;
  text-transform: uppercase; color: #6b7280; }