/* Every destination stays visible as the available width and text size change. */
.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;height:auto;min-height:64px;gap:12px;padding-block:6px}
.topbar>.grow{display:none}.topbar .tabs{height:auto;min-width:0;display:flex;flex-wrap:wrap;gap:2px}
.topbar .tab{padding:10px 12px;min-height:44px;font-size:14px;flex:0 1 auto}
.topbar .tab:nth-child(n){grid-row:auto}
.topbar .sync-chip{white-space:normal;max-width:160px}.topbar .brand-name{display:none}
.readonly-banner{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;background:var(--blue-soft);padding:10px 24px;font-size:13px}
.readonly-banner>span{flex:1;min-width:180px}.readonly-banner button{font-size:12px}
.toast{pointer-events:none}.toast button{pointer-events:auto}
.timing-status{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;margin:0 0 12px;font-size:12px;line-height:1.5}
.timing-status>span:first-child{font-weight:600}.timing-status details{margin-left:auto}.timing-status summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
.timing-status details[open]{flex-basis:100%;border:1px solid var(--line);border-radius:8px;padding:0 12px 12px}.timing-status input{width:120px;margin:0 8px}.timing-status p{margin-top:8px}
.sync-panel fieldset{border:0;padding:0;margin:0;min-width:0}.entry-card form{display:grid;gap:12px}.entry-card input{width:100%}
.research-checklist{padding:20px}.research-checklist ol{padding-left:22px;display:grid;gap:12px}.research-checklist li{line-height:1.6}.research-checklist button{margin-left:8px}
@media(max-width:1050px){.topbar{grid-template-columns:auto 1fr auto;padding-inline:16px}.topbar .brand{display:flex}.topbar .tabs{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%}.topbar .sync-chip{justify-self:end}.topbar .tab{padding:8px 4px;white-space:normal;overflow-wrap:anywhere}}
@media(max-width:600px){.topbar{padding-inline:12px;gap:4px 8px}.topbar .tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.topbar .tab{font-size:13px;padding:8px}.topbar .sync-chip{max-width:170px;font-size:12px}.topbar .brand-mark{width:24px;height:24px}.topbar .menu summary{font-size:13px}.readonly-banner{padding:10px 12px}.timing-status details{margin-left:0}.timing-status label{display:block}.research-checklist{padding:16px}.research-checklist button{margin:6px 0 0;display:flex}}