#displayConfig .td-admin-panel { grid-column:1/-1; min-width:0; }
#displayConfig .td-admin-switches { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:10px; margin:16px 0; }
#displayConfig .td-admin-switches label { display:flex; gap:8px; align-items:center; font-size:13px; }
#displayConfig .td-admin-preview-tools { display:flex; flex-wrap:wrap; align-items:end; justify-content:space-between; gap:14px; margin-top:24px; padding-top:20px; border-top:1px solid #e0e8ef; }
#displayConfig .td-admin-preview-tools label { display:grid; gap:7px; font-size:12px; color:#667b8b; }
#displayConfig .td-admin-tabs { display:flex; gap:6px; }
#displayConfig .td-admin-tabs button[aria-pressed="true"] { color:#fff; background:#17669f; border-color:#17669f; }
#displayConfig .td-admin-sample-label { font-size:12px; color:#8a691b; background:#fff8e8; border-radius:8px; padding:10px 12px; }
#displayConfig .td-preview { --td-text:var(--td-ink); --td-padding:var(--td-space); width:min(100%,430px); margin:18px auto 4px; box-sizing:border-box; background:var(--td-surface); color:var(--td-text); border:1px solid #e1e9ef; border-radius:var(--td-radius); padding:var(--td-padding); box-shadow:0 12px 32px rgba(32,65,90,.05); min-width:0; overflow-wrap:anywhere; }
#displayConfig .td-preview { border:var(--td-border-width,1px) var(--td-border-style,solid) var(--td-border,#e1eaf1); box-shadow:var(--td-shadow,none); }
#displayConfig .td-preview *, #displayConfig .td-admin-dialog * { box-sizing:border-box; }
#displayConfig .td-preview-heading { display:flex; justify-content:space-between; align-items:start; gap:12px; }
#displayConfig .td-preview-heading small { font-size:10px; letter-spacing:1.6px; color:var(--td-accent); }
#displayConfig .td-preview-heading h3 { margin:7px 0 0; font-size:22px; line-height:1.3; color:var(--td-text); }
#displayConfig .td-preview-year { flex-shrink:0; padding:5px 8px; border-radius:7px; color:#8a691b; background:#fff5dc; font-size:11px; font-weight:650; }
#displayConfig .td-preview-subtitle { color:#718497; font-size:12px; line-height:1.6; margin:10px 0; }
#displayConfig .td-preview-identity { display:flex; flex-direction:column; gap:7px; min-width:0; padding:20px 0 17px; }
#displayConfig .td-preview-identity strong { font-size:18px; line-height:1.4; color:var(--td-text); }
#displayConfig .td-preview-identity b { font-size:14px; font-weight:650; line-height:1.5; }
#displayConfig .td-preview-identity span, #displayConfig .td-preview-identity small { font-size:12px; line-height:1.55; color:#718497; }
#displayConfig .td-preview-metrics { display:grid; grid-template-columns:repeat(var(--td-columns),minmax(0,1fr)); gap:10px; padding:18px 0; border-top:1px solid #e4ebf0; border-bottom:1px solid #e4ebf0; }
#displayConfig .td-preview-metrics > div { min-width:0; text-align:center; display:flex; flex-direction:column; gap:8px; }
#displayConfig .td-preview-metrics b { font-size:24px; line-height:1.25; color:var(--td-accent); font-variant-numeric:tabular-nums; }
#displayConfig .td-preview-metrics b small { margin-left:3px; font-size:11px; font-weight:500; }
#displayConfig .td-preview-metrics span { font-size:11px; line-height:1.55; color:#6c8294; }
#displayConfig .td-preview-metrics p { font-size:10px; color:#8495a1; line-height:1.5; margin:0; }
#displayConfig .td-preview-metrics > div:not([data-status="ready"]) b { font-size:14px; color:#6d8396; }
#displayConfig .td-preview-notice, #displayConfig .td-preview-empty { margin:0; padding:14px 0; color:#738795; font-size:12px; line-height:1.7; }
#displayConfig .td-preview-heat { font-size:11px; color:var(--td-accent); margin:16px 0 10px; }
#displayConfig .td-preview-updated { font-size:10px; color:#91a0ad; }
#displayConfig .td-preview-actions { display:flex; gap:8px; margin-top:20px; }
#displayConfig .td-preview .td-preview-actions button, #displayConfig .td-preview .td-preview-alternative button { flex:1; height:auto; min-height:38px; padding:9px 7px; font-size:12px; font-weight:650; color:var(--td-accent); border:1px solid #d9e5ee; border-radius:9px; background:var(--td-surface); white-space:normal; box-shadow:none; }
#displayConfig .td-preview .td-preview-actions button:first-child { background:var(--td-accent); border-color:var(--td-accent); color:white; }
#displayConfig .td-preview-section { padding-top:23px; margin-top:21px; border-top:1px solid #e4ebf0; }
#displayConfig .td-preview-section h4 { margin:0 0 14px; font-size:15px; color:var(--td-text); }
#displayConfig .td-preview-section small { color:#8a9aa6; font-size:10px; line-height:1.6; }
#displayConfig .td-preview-history article { padding:12px 0; border-bottom:1px solid #f0f3f6; }
#displayConfig .td-preview-history article > b { font-size:16px; color:var(--td-accent); }
#displayConfig .td-preview-history article > div { display:flex; gap:18px; padding:10px 0 4px; font-size:11px; }
#displayConfig .td-preview-history article strong { margin-left:4px; }
#displayConfig .td-preview-history article p, #displayConfig .td-preview-alternative p { font-size:12px; line-height:1.6; color:#6f8495; }
#displayConfig .td-preview-alternative { display:flex; flex-direction:column; gap:7px; padding:14px 0; border-bottom:1px solid #eef2f5; }
#displayConfig .td-preview-alternative > b { font-size:14px; }
#displayConfig .td-preview-alternative > span { font-size:12px; color:#718497; }
#displayConfig .td-preview-trend > div { display:flex; justify-content:space-between; padding:8px 0; font-size:12px; }
#displayConfig .td-preview-disabled { color:#78909f; font-size:13px; line-height:1.7; }
#displayConfig .td-admin-dialog { max-width:430px; margin:18px auto; padding:18px; border:1px solid #dcc691; background:#fffaf0; border-radius:14px; font-size:12px; color:#635537; }
#displayConfig .td-admin-dialog[hidden] { display:none!important; }
#displayConfig .td-admin-dialog label { display:grid; gap:8px; }
#displayConfig .td-admin-dialog button { margin:12px 8px 0 0; }
#displayConfig .td-admin-local-note { min-height:20px; color:#657f90; font-size:12px; line-height:1.7; }
@media(max-width:620px) { #displayConfig .td-preview { padding:min(var(--td-padding),17px); } #displayConfig .td-preview-year { max-width:105px; flex-shrink:1; } }