#ttImportPanel { margin-bottom: 24px; min-width:0; max-width:100%; }
#ttImportPanel [hidden] { display:none!important; }
.tt-choosing { min-width:0; max-width:100%; }
.tt-choosing > :not(#ttImportPanel) { display: none !important; }
#ttImportPanel[hidden] { display: none; }
.tt-toolbar { display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:18px 24px; }
.tt-toolbar input[type=search] { flex:1; min-width:180px; padding:10px 12px; border:1px solid #dbe3ee; border-radius:6px; font:inherit; }
.tt-summary { padding:12px 24px; background:#f1f6fd; color:#34465c; min-height:46px; overflow-wrap:anywhere; }
.tt-table { overflow:auto; min-height:300px; max-height:55vh; }
.tt-table thead { position:sticky; top:0; z-index:1; }
.tt-table table { width:100%; border-collapse:collapse; table-layout:fixed; min-width:850px; }
.tt-table th,.tt-table td { padding:12px 16px; border-bottom:1px solid #e8edf4; text-align:left; overflow-wrap:anywhere; }
.tt-table th { font-weight:500; color:#65748b; background:#f7f9fc; }
.tt-table small { display:block; color:#718096; margin-top:4px; }
.tt-error { color:#b42318!important; }
.tt-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 24px; flex-wrap:wrap; }
.tt-footer > div { display:flex; gap:10px; align-items:center; }
#ttImportPanel input[type=checkbox] { width:16px; height:16px; accent-color:#2563eb; }
#ttImportPanel button:disabled { opacity:.5; cursor:default; }
@media(max-width:700px) {
  body:has(.tt-choosing) .main { min-width:0; }
  #ttImportPanel { width:calc(100vw - 32px); }
  .tt-toolbar { padding:14px; }
  .tt-footer { padding:14px; }
  .tt-footer > div { flex-wrap:wrap; }
}