[hidden] { display: none !important; }
body * { letter-spacing: 0; }
.main { min-width: 0; }
.topbar, .card-h, .filter-bar, .user-toolbar { flex-wrap: wrap; gap: 12px; }
.topbar > div { min-width: 0; }
.page-title, .desc dd, .role-flag { overflow-wrap: anywhere; }
.user-toolbar { display: flex; align-items: end; margin: 16px 0; }
.user-toolbar .field { flex: 1 1 160px; }
.user-toolbar .field:first-child { flex: 2 1 240px; }
.user-actions { display: flex; flex-wrap: wrap; gap: 6px; min-width: 190px; }
#user-rows td { padding: 10px 14px; background: var(--gray-50); }
.user-actions .btn { min-height: 28px; padding: 4px 8px; }
.user-log { white-space: pre-wrap; overflow-wrap: anywhere; }
#monitor-summary .num { font-size: 16px; overflow-wrap: anywhere; line-height: 1.6; }
[data-nav="model-publish"] .evaluation-view[role="tabpanel"] { padding: 20px; background: var(--bg-surface); border: 1px solid var(--gray-200); border-radius: var(--radius); margin-bottom: 20px; }
[data-nav="model-publish"] .evaluation-view[role="tabpanel"] > h3 { margin: 20px 0 12px; }
[data-nav="model-publish"] .evaluation-view[role="tabpanel"] > h3:first-child { margin-top: 0; }
[data-nav="model-publish"] .evaluation-view > .desc { margin: 16px 0; }
@media(max-width:600px) { [data-nav="model-publish"] .evaluation-view[role="tabpanel"] { padding: 16px; } }
#monitor-task { max-width: 100%; }
.main > .card, .evaluation-view > .card, #view-tl-list > .card,
#view-tl-create > .card { border-radius: var(--radius); box-shadow: var(--shadow); }
/* 列表筛选与数据面板留出明确边界，动态页面复用同一基线。 */
#view-tl-list > .filter-bar { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); padding: 20px; margin-bottom: 20px; background: var(--bg-surface); border: 1px solid var(--gray-200); border-radius: var(--radius); }
#view-tl-list > .filter-bar .field { min-width: 0; }
#view-tl-list > .filter-bar .filter-actions { padding-top: 0; margin-left: 0; justify-content: flex-end; }
@media(max-width:1200px) { #view-tl-list > .filter-bar { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media(max-width:800px) { #view-tl-list > .filter-bar { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { #view-tl-list > .filter-bar { grid-template-columns: minmax(0,1fr); } #view-tl-list > .filter-bar .filter-actions { justify-content: flex-start; } }
.card-h > .filter-bar { align-items: center; gap: 8px; }
.card-h select, .card-h input:not([type="checkbox"]):not([type="radio"]) { min-height: 36px; max-width: 100%; min-width: 0; padding: 7px 10px; border: 1px solid var(--gray-300); border-radius: var(--radius-sm); background: var(--bg-surface); color: var(--gray-800); font-size: 13px; }
#task-artifacts { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
#task-artifacts > h2, #task-artifacts > dl, #task-artifacts > p, #task-artifacts > .hint { flex-basis: 100%; min-width: 0; }
#model-file-rows td { overflow-wrap: anywhere; }
.user-toolbar .field { min-width: 0; }
@media (max-width: 600px) {
  #view-tl-list > .filter-bar { padding: 16px; }
  #view-tl-list > .filter-bar .field { flex-basis: 100%; }
  .card-h > .action-group { justify-content: flex-start; }
  .card-h > .filter-bar { width: 100%; }
}
.form-error { color: var(--danger, var(--gray-700)); }
.release-account { align-items: end; }
.release-account .field { width: 260px; max-width: 100%; }
[data-nav="model-publish"] .summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
[data-nav="model-publish"] h2 { font-size: 18px; margin: 16px 0 12px; }
[data-nav="model-publish"] #release-selection-panel { border-bottom: 1px solid var(--gray-300); padding-bottom: 12px; margin-bottom: 16px; }
[data-nav="model-publish"] #release-selection-panel summary { cursor: pointer; padding: 8px 0; }
[data-nav="model-publish"] #release-selection-panel .field { flex: 1 1 280px; min-width: 0; max-width: 640px; }
[data-nav="model-publish"] #release-version-select { width: 100%; min-width: 0; }
@media (max-width: 600px) {
  [data-nav="model-publish"] .summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .form-grid, .form-grid-3 { grid-template-columns: minmax(0, 1fr); }
  .filter-bar > *, .user-toolbar > * { max-width: 100%; }
  .steps { flex-wrap: wrap; }
  .step-line { display: none; }
  .modal { width: calc(100% - 24px); max-height: calc(100dvh - 24px); overflow: auto; }
}