/* Shared species and assay navigation. Neutral surfaces retain the Ageing palette. */
.ageing-species-nav{margin:0 0 16px;min-width:0}
.ageing-species-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}
.ageing-nav-label{font:600 12px/1.3 var(--font-body);color:var(--text-secondary);white-space:nowrap}
.ageing-species-jump select{max-width:230px;height:29px;border:1px solid var(--border-default);border-radius:999px;padding:0 10px;background:#ffffffb8;font:500 12px/1 var(--font-body);color:var(--text-secondary);cursor:pointer}
.ageing-species-switch{display:flex;align-items:center;gap:5px;min-width:0}
.ageing-species-rail{position:relative;display:flex;gap:3px;min-width:0;flex:1;overflow-x:auto;padding:4px;background:#ffffff65;border:1px solid #cddde1;border-radius:999px;scrollbar-width:none;overscroll-behavior-x:contain}
.ageing-species-rail::-webkit-scrollbar{display:none}
.ageing-species-chip,.ageing-assay-chip{flex:none;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--text-secondary);padding:0 14px;min-height:34px;font:500 13px/1 var(--font-body);white-space:nowrap;cursor:pointer;transition:background .12s,border-color .12s}
.ageing-species-chip:hover,.ageing-assay-chip:hover{background:#ffffffb0;color:var(--text-primary)}
.ageing-species-chip[aria-checked=true],.ageing-assay-chip[aria-pressed=true]{background:#fff;border-color:#8aaeb6;color:#183e49;font-weight:700;box-shadow:0 1px 3px #1b3c4a15,inset 0 -2px 0 #9dbec5}
.ageing-rail-arrow{flex:none;width:28px;height:32px;border:0;border-radius:999px;background:transparent;color:#5e7e86;font:400 24px/1 var(--font-body);cursor:pointer}
.ageing-rail-arrow:hover{background:#ffffff90}
.ageing-all-separator{flex:none;border-left:1px solid #bfced3;padding-left:12px;margin-left:5px}
.ageing-all-species{background:#dcebed;border-color:#c5dade;min-height:40px}
.ageing-all-species span{margin-left:6px}
.ageing-all-species[aria-checked=true]{background:#244f5a;border-color:#244f5a;color:#fff;box-shadow:0 2px 4px #244f5a20}
.ageing-species-caption{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px;padding:9px 34px 0;font:12px/1.4 var(--font-body);color:var(--text-secondary)}
.ageing-species-caption strong{font-weight:700;color:#244f5a}
.ageing-species-caption i{color:#5b767e}
.ageing-species-caption span{margin-left:auto;color:var(--text-tertiary)}
.ageing-assay-bar{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin:0 0 18px;padding:11px 0;border-top:1px solid #cddde180;border-bottom:1px solid #cddde180}
.ageing-assays{display:flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:24px;background:#e6edef}
.ageing-assay-chip{min-height:34px;padding:0 16px}
.ageing-clock-filter{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font:500 12px/1.3 var(--font-body);color:var(--text-secondary);cursor:pointer}
.ageing-clock-filter input{margin:0;accent-color:#5d8791}
.ageing-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.ageing-species-chip:focus-visible,.ageing-assay-chip:focus-visible,.ageing-rail-arrow:focus-visible{outline:2px solid #487d8a;outline-offset:2px}
@media(max-width:650px){.ageing-species-caption{padding-left:4px}.ageing-species-caption span{margin-left:0;flex-basis:100%}.ageing-all-separator{padding-left:6px;margin-left:0}.ageing-species-chip{padding:0 11px}.ageing-rail-arrow{width:20px}.ageing-clock-filter{margin-left:0}.ageing-assay-bar{gap:8px}.ageing-assay-chip{padding:0 11px;font-size:12px}.ageing-species-jump select{max-width:190px}}
@media(prefers-reduced-motion:reduce){.ageing-species-chip,.ageing-assay-chip{transition:none}}
.ageing-tissue-trigger{display:flex;align-items:center;gap:12px;width:280px;max-width:100%;padding:12px 14px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm);color:var(--text-primary);text-align:left;cursor:pointer;font:13px/1.4 var(--font-body)}
.ageing-tissue-trigger:disabled{cursor:default;opacity:1}
.ageing-tissue-trigger:not(:disabled):hover{border-color:#8aaeb6}
.ageing-tissue-icon{flex:none;display:grid;place-items:center;width:40px;height:44px;border-radius:12px;background:#eaf2f3;color:#487781;font-size:30px}
.ageing-tissue-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.ageing-tissue-copy strong{font-size:14px}.ageing-tissue-copy i{color:#5b767e;font-size:12px}.ageing-tissue-copy small{color:var(--text-tertiary);font-size:11px}
.ageing-tissue-overlay{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:18px;background:#14212666}
.ageing-tissue-dialog{box-sizing:border-box;width:min(720px,100%);max-height:calc(100dvh - 36px);overflow:auto;padding:24px;border:1px solid #cddde1;border-radius:24px;background:#fff;box-shadow:0 18px 70px #12303b30;font:14px/1.5 var(--font-body);color:var(--text-primary)}
.ageing-tissue-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ageing-tissue-dialog h2{margin:0;font:700 23px/1.2 var(--font-display)}.ageing-tissue-dialog p{margin:6px 0 0;color:var(--text-secondary)}.ageing-tissue-dialog-head button{border:1px solid #d2dfe2;border-radius:999px;background:white;padding:7px 12px;cursor:pointer;white-space:nowrap}
.ageing-tissue-note{font-size:12px;padding:12px 0}.ageing-tissue-dialog input{box-sizing:border-box;width:100%;border:1px solid #cddde1;border-radius:999px;padding:10px 15px;font:14px/1.4 var(--font-body);color:var(--text-primary);background:#f8fbfb}
.ageing-tissue-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin-top:16px}.ageing-tissue-options button{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 13px;border:1px solid #d9e3e5;border-radius:12px;background:#fff;cursor:pointer;text-align:left;color:#244f5a;font:13px/1.4 var(--font-body)}.ageing-tissue-options button>span:first-child{display:flex;flex-direction:column;gap:3px}.ageing-tissue-options small{font-size:11px;color:var(--text-secondary)}.ageing-tissue-options button[aria-pressed=true]{border-color:#729eaa;background:#e7f1f3;box-shadow:inset 3px 0 #5b8792}.ageing-tissue-options button:disabled{opacity:.5;cursor:default}.ageing-tissue-options button:hover:not(:disabled){border-color:#729eaa}.ageing-tissue-dialog :focus-visible,.ageing-tissue-trigger:focus-visible{outline:2px solid #487d8a;outline-offset:2px}