/* The tracker uses the same column, type and colors as the rest of Juniper. */
.tracker .foot-note{font-size:13.5px;color:var(--muted)}
.tracker .filters{display:grid;gap:12px;margin:28px 0}
/* Filter text matches Recs and Sources: 14px; typed text and active choices in ink,
   labels, placeholders and inactive choices muted. */
.tracker .filters>input{min-width:0;font-size:14px;border-color:var(--rule-ink)}
.tracker .filters>input::placeholder{color:var(--muted);opacity:1}
.tracker .filter-controls{display:flex;flex-wrap:wrap;align-items:start;gap:8px 20px}
.tracker .filter-dropdown{position:relative;min-width:80px}
.tracker .filter-dropdown>summary{
  display:flex;align-items:center;gap:6px;min-height:42px;padding:8px 0;
  border-bottom:1px solid var(--rule);font-size:14px;color:var(--muted);cursor:pointer;list-style:none;
}
.tracker .filter-dropdown:has(.dropdown-count:not(:empty))>summary{color:var(--ink)}
.tracker .filter-dropdown>summary::-webkit-details-marker{display:none}
.tracker .filter-dropdown>summary::after{
  content:"";width:6px;height:6px;margin:0 3px 3px auto;
  border-right:1px solid var(--muted);border-bottom:1px solid var(--muted);transform:rotate(45deg);
}
.tracker .filter-dropdown[open]>summary::after{transform:rotate(225deg);margin-bottom:-3px}
.tracker .dropdown-count{color:inherit}
.tracker .sort-control{display:flex;align-items:center;gap:8px;min-width:0;margin-left:auto;border-bottom:1px solid var(--rule)}
.tracker .sort-control>span{font-size:14px;color:var(--muted)}
.tracker .sort-control select{width:auto;min-width:0;min-height:42px;padding:8px 0;border:0;background:transparent;font-size:14px;color:var(--ink)}
.tracker .dropdown-menu{
  position:absolute;z-index:2;left:0;top:100%;
  width:min(280px,calc(100vw - 2 * var(--pad)));
  max-height:320px;max-height:min(320px,60dvh);overflow-y:auto;
  padding:10px 13px;background:var(--surface);border:1px solid var(--rule);
  box-shadow:0 8px 24px #0001;
}
.tracker .dropdown-option,.tracker .toggle-option{display:flex;align-items:center;gap:8px}
.tracker .dropdown-option{padding:8px 0;font-size:14px;color:var(--ink-soft);cursor:pointer}
.tracker .toggle-option{min-height:42px;white-space:nowrap;font-size:14px;color:var(--muted)}
.tracker .toggle-option:has(input:checked){color:var(--ink)}
.tracker .clear-filter{font:inherit;font-size:13px;color:var(--muted);border:0;background:none;padding:8px 0;text-decoration:underline;cursor:pointer}
.tracker .clear-filter:disabled{color:var(--faint);cursor:default;text-decoration:none}
.tracker .filters input[type=checkbox]{width:18px;height:18px;padding:0;flex-shrink:0;accent-color:var(--ink)}
.tracker .table-head,.tracker .row>summary{
  display:grid;grid-template-columns:32px minmax(0,1.2fr) minmax(0,2.4fr) 56px 12px;
  gap:12px;align-items:start;
}
.tracker .table-head{padding:12px 0;font-size:13px;color:var(--muted)}
.tracker .row{border-top:1px solid var(--rule);scroll-margin-top:24px}
.tracker .row[hidden]{display:none}
.tracker .row>summary{list-style:none;cursor:pointer;padding:18px 0;font-size:14px}
.tracker .row>summary::-webkit-details-marker{display:none}
.tracker .row>summary::after{content:"+";color:var(--muted);text-align:center}
.tracker .row[open]>summary::after{content:"−"}
.tracker .row>summary>span{min-width:0;overflow-wrap:anywhere}
.tracker .row-logo{position:relative;display:grid;place-items:center;width:32px;height:32px;background:var(--chip)}
.tracker .row-logo img{position:absolute;inset:0;width:32px;height:32px;object-fit:contain;background:var(--paper);z-index:1}
.tracker .row-logo-fallback{font-size:18px;color:var(--muted)}
.tracker .row-name{font-size:16px;font-weight:500}
.tracker .row-year{color:var(--muted)}
.tracker .row-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.tracker .field-tag{font-size:12px;font-weight:400;line-height:1.4;color:var(--muted);padding:2px 6px;border:1px solid var(--rule);border-radius:2px}
.tracker .badge{display:inline-block;font-size:12px;font-weight:400;padding:2px 5px;background:var(--chip)}
.tracker .badge-megacap{margin-left:6px}
.tracker .drawer{padding:0 24px 24px 44px;overflow-wrap:anywhere}
.tracker .drawer dt{color:var(--muted);margin-top:14px}
.tracker .drawer dd{margin-top:4px}
.tracker .drawer dd p{margin-bottom:0}
.tracker .drawer-links{margin:18px 0 0}
.tracker .foot-note{margin-top:28px}

/* 16px search on touch screens, so iOS Safari doesn't zoom in on focus. */
@media(pointer:coarse){.tracker .filters>input{font-size:16px}}

@media(max-width:640px){
  .tracker .filter-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
  .tracker .filter-dropdown>summary{min-height:44px}
  .tracker .dropdown-menu{position:static;width:100%;max-height:240px;border:0;border-bottom:1px solid var(--rule);box-shadow:none;background:transparent}
  .tracker .sort-control{width:100%;margin-left:0}
  .tracker .sort-control select{flex:1;min-height:44px}
  .tracker .table-head{display:none}
  .tracker .row>summary{grid-template-columns:32px minmax(0,1fr) 12px;gap:8px 12px}
  .tracker .row>summary::after{grid-column:3;grid-row:1}
  .tracker .row-value,.tracker .row-year{grid-column:2}
  .tracker .row-value::before{content:"Valuation: ";color:var(--muted)}
  .tracker .row-year::before{content:"Founded: ";color:var(--muted)}
  .tracker .drawer{padding-left:44px;padding-right:0}
}