.key-insights{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--panel);margin-bottom:12px}.key-insight{padding:20px;min-height:126px}.key-insight+.key-insight{border-left:1px solid var(--line)}.key-insight label,.timing-insight label{display:block;color:#a8b7c6;font:600 9px var(--mono);letter-spacing:.13em;text-transform:uppercase}.key-insight strong{display:block;margin:12px 0 7px;color:#f4f2ec;font:600 27px var(--mono)}.key-insight small,.timing-insight small{color:#b3bec9;font:10px/1.55 var(--mono)}.timing-insights{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-bottom:12px}.timing-insight{padding:17px;background:var(--panel);min-height:112px}.timing-insight strong{display:block;margin:11px 0 6px;color:#f4f2ec;font:600 22px var(--mono)}.methodology{margin:0 0 38px;border:1px solid var(--line);border-radius:7px;background:#141a20}.methodology summary{padding:11px 13px;cursor:pointer;color:#bec8d1;font:500 10px var(--mono);letter-spacing:.06em;text-transform:uppercase}.methodology-body{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 22px;padding:12px 14px;border-top:1px solid var(--line)}.methodology-body p{margin:0;color:#97a4b2;font-size:11px;line-height:1.6}.methodology-body strong{color:#d7dee5}.controls{display:grid;grid-template-columns:minmax(220px,2fr) repeat(7,minmax(112px,1fr));gap:9px;align-items:start;margin-bottom:8px}.controls>input{height:40px;padding:0 11px;background:#171d24;color:#e3e8ed;border:1px solid var(--line);border-radius:6px}.filter-menu{position:relative}.filter-menu summary{list-style:none;height:40px;padding:0 34px 0 11px;display:flex;align-items:center;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#171d24;color:#d7dfe6;border:1px solid var(--line);border-radius:6px;font-size:12px}.filter-menu summary::-webkit-details-marker{display:none}.filter-menu summary::after{content:'⌄';position:absolute;right:11px;color:#8d9aa7}.selected-count{margin-left:6px;color:var(--cyan)}.filter-popover{position:absolute;top:45px;left:0;z-index:70;min-width:220px;max-width:300px;max-height:330px;overflow:auto;padding:8px;background:#171d24;border:1px solid #46515d;border-radius:7px;box-shadow:0 14px 35px #0008}.filter-option{display:flex;align-items:center;gap:9px;min-height:34px;padding:6px 7px;border-radius:4px;color:#c4ced8;font-size:11px;cursor:pointer}.filter-option:hover{background:#202832}.filter-option input{width:15px;height:15px;accent-color:var(--cyan)}.filter-actions{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:5px;padding-top:7px}.filter-actions button{background:none;border:0;color:#73cfc1;font:9px var(--mono);cursor:pointer}.active-filter-summary{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}.filter-chip{padding:5px 8px;border:1px solid #3a4652;border-radius:999px;background:#151b22;color:#aeb9c4;font:9px var(--mono)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:9px;background:#151b22;scrollbar-color:#687786 #18202a;scrollbar-width:thin}.table-wrap table{width:100%;min-width:1248px;border-collapse:separate;border-spacing:0;table-layout:fixed}.table-wrap th,.table-wrap td{padding:12px 9px;border-bottom:1px solid #29333e;text-align:left;vertical-align:middle;font-size:10px}.table-wrap th{background:#121820;color:#c7d1dc;font:600 9px var(--mono);letter-spacing:.07em;text-transform:uppercase}.sort-button{display:inline-flex;align-items:center;gap:4px;padding:0;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.sort-button.active{color:#f1f5f8}.sort-arrow::after{content:'↕';color:#8190a0}.table-wrap th[aria-sort=ascending] .sort-arrow::after{content:'↑';color:var(--cyan)}.table-wrap th[aria-sort=descending] .sort-arrow::after{content:'↓';color:var(--cyan)}.table-wrap .product{color:#eef1f4;font-weight:600;line-height:1.4}.mono{font-family:var(--mono);white-space:nowrap}.time-stock{color:#f0eee8;font:600 10px var(--mono)}.time-queue{color:#a9b6c3;font-family:var(--mono)}.pill,.reliability-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;white-space:nowrap}.pill{padding:5px 7px;font:600 8px var(--mono);letter-spacing:.06em}.pill.pre{background:#3a2037;color:#e5a8d6}.pill.rest{background:#16342f;color:#75d2c3}.reliability-badge{padding:5px 8px;border:1px solid transparent;font:600 8px var(--mono);letter-spacing:.05em;text-transform:uppercase;cursor:help}.reliability-great{background:#153d35;color:#77d9c8;border-color:#21594e}.reliability-good{background:#183448;color:#78bfe8;border-color:#26516d}.reliability-okay{background:#4a3c18;color:#efc86c;border-color:#665223}.reliability-low{background:#523018;color:#f0a363;border-color:#704221}.reliability-bad{background:#4b2525;color:#ee8d88;border-color:#683333}.swipe-hint{display:none}.definitions{margin-top:50px}.definition-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.definition{padding:13px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.definition p{margin:9px 0 0;color:#aeb8c3;font-size:11px;line-height:1.55}@media(max-width:1050px){.controls{grid-template-columns:repeat(4,1fr)}.controls>input{grid-column:span 2}.definition-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.key-insights{grid-template-columns:1fr}.key-insight+.key-insight{border-left:0;border-top:1px solid var(--line)}.timing-insights{grid-template-columns:1fr}.methodology-body{grid-template-columns:1fr}.controls{grid-template-columns:1fr 1fr}.controls>input{grid-column:1/-1}.filter-popover{position:fixed;left:10px;right:10px;top:auto;max-width:none}.table-wrap{position:relative;display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}.table-wrap table{width:1248px!important;min-width:1248px!important}.table-wrap thead th{position:sticky;top:0;z-index:5}.table-wrap th:first-child,.table-wrap td:first-child{position:sticky;left:0;z-index:4;width:76px!important;min-width:76px!important;background:#17202a;box-shadow:1px 0 #34404c}.table-wrap thead th:first-child{z-index:6;background:#121820}.table-wrap th:nth-child(3),.table-wrap td:nth-child(3){position:static!important;left:auto!important;width:auto!important;min-width:210px!important;background:transparent!important;box-shadow:none!important}.table-wrap thead th:nth-child(3){background:#121820!important}.table-wrap td:nth-child(3){white-space:normal}.swipe-hint{display:block;margin:7px 0 0;color:#7b8997;font:9px var(--mono);text-transform:uppercase;letter-spacing:.08em}.definition-grid{grid-template-columns:1fr}.mobile{display:none!important}}@media(max-width:430px){.controls{grid-template-columns:1fr}.controls>input{grid-column:auto}}

/* v3 polish: remove the large reliability banner directly above the table. */
.reliability-note{display:none!important}

/* Restore the more balanced desktop hero/card composition. */
@media (min-width: 761px) {
  .key-insights {
    margin-top: 0;
  }

  .key-insight {
    min-height: 124px;
    padding: 20px 19px;
  }

  .timing-insight {
    min-height: 112px;
    padding: 17px 18px;
  }
}

/* QUEUEDEX EXACT DETAILS FILTER FIX */
.filter-menu { position: relative; overflow: visible; }
.filter-menu[open] { z-index: 5000; }
.filter-menu[open] > summary { border-color: #4d746f; }
.filter-menu[open] > summary::after { content: '⌃'; }
.filter-menu:not([open]) > .filter-popover { display: none !important; }
.filter-menu[open] > .filter-popover {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

@media (max-width: 760px) {
  .controls { overflow: visible !important; }
  .filter-menu > summary {
    min-height: 44px;
    height: 44px;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }
  .filter-menu[open] > .filter-popover {
    position: fixed !important;
    z-index: 10000 !important;
    left: 10px !important;
    right: 10px !important;
    top: auto !important;
    bottom: 12px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    max-height: min(68vh, 520px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    padding-bottom: max(8px, env(safe-area-inset-bottom));
    box-shadow: 0 0 0 100vmax rgba(0,0,0,.58), 0 18px 50px #000c !important;
  }
}
@media(max-width:760px){}
@media(max-width:430px){}
@media(prefers-reduced-motion:reduce){}



/* QUEUEDEX DROP LOG FILTER STYLE MATCH */
/* Visually matches the Drop Log's existing details/filter-menu controls to the
   Analysis checkbox filters without changing any filtering behaviour. */
.filters details.filter-menu,
.filter-grid details.filter-menu,
details.filter-menu {
    position: relative;
    min-width: 0;
}

.filters details.filter-menu > summary,
.filter-grid details.filter-menu > summary,
details.filter-menu > summary {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 38px;
    padding: 0 10px;
    border: 1px solid var(--line, #33404a);
    border-radius: 5px;
    background: #11171d;
    color: #dbe2e7;
    cursor: pointer;
    list-style: none;
    font-size: 10px;
}

details.filter-menu > summary::-webkit-details-marker {
    display: none;
}

details.filter-menu > summary::after {
    content: '⌄';
    color: #8fa0ae;
    font-size: 12px;
    line-height: 1;
}

details.filter-menu[open] > summary {
    border-color: #49736d;
}

details.filter-menu[open] > summary::after {
    content: '⌃';
}

.filters .filter-popover,
.filter-grid .filter-popover,
details.filter-menu .filter-popover {
    box-sizing: border-box;
    z-index: 90;
    width: max(100%, 245px);
    max-height: 330px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #3a4650;
    border-radius: 6px;
    background: #151c22;
    color: #d5dde3;
    box-shadow: 0 14px 32px rgba(0,0,0,.42);
}

/* Supports the class names used across the Drop Log's previous iterations. */
.filter-popover .filter-actions,
.filter-popover .menu-actions,
.filter-popover > .actions,
.filter-popover > header {
    box-sizing: border-box;
    display: flex;
    gap: 5px;
    padding: 8px;
    border-bottom: 1px solid #2b3640;
    background: #151c22;
}

.filter-popover .filter-actions button,
.filter-popover .menu-actions button,
.filter-popover > .actions button,
.filter-popover > header button,
.filter-popover button[data-action],
.filter-popover button[data-select-all],
.filter-popover button[data-clear] {
    padding: 5px 7px;
    border: 1px solid #34414b;
    border-radius: 4px;
    background: #10161b;
    color: #9fadb8;
    font: 8px var(--mono, monospace);
    cursor: pointer;
}

.filter-popover .filter-actions button:hover,
.filter-popover .menu-actions button:hover,
.filter-popover > .actions button:hover,
.filter-popover > header button:hover,
.filter-popover button[data-action]:hover,
.filter-popover button[data-select-all]:hover,
.filter-popover button[data-clear]:hover {
    border-color: #49736d;
    color: #dce5e7;
}.filter-popover .filter-options, .filter-popover [data-options]{
    box-sizing: border-box;
    max-height: 275px;
    padding: 6px;
    overflow-y: auto;
    background: #151c22;
    scrollbar-color: #687680 #151c22;
    scrollbar-width: thin;
}

.filter-popover label {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 9px;
    width: 100%;
    padding: 7px 8px;
    border-radius: 4px;
    background: transparent;
    color: #d5dde3;
    cursor: pointer;
    font-size: 10px;
}

.filter-popover label:hover {
    background: #1d2830;
}

.filter-popover input[type='checkbox'] {
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    margin: 0;
    accent-color: #3dc8b5;
}

.filter-popover label span {
    color: inherit;
}

/* The native scrollbar seen in the current Drop Log becomes dark as well. */
.filter-popover ::-webkit-scrollbar,
.filter-popover::-webkit-scrollbar {
    width: 10px;
}
.filter-popover ::-webkit-scrollbar-track,
.filter-popover::-webkit-scrollbar-track {
    background: #151c22;
}
.filter-popover ::-webkit-scrollbar-thumb,
.filter-popover::-webkit-scrollbar-thumb {
    border: 2px solid #151c22;
    border-radius: 99px;
    background: #687680;
}

@media (max-width: 760px) {
    details.filter-menu .filter-popover {
        position: fixed;
        z-index: 220;
        top: auto;
        right: 12px;
        bottom: 12px;
        left: 12px;
        width: auto;
        max-height: min(70vh, 470px);
    }.filter-popover .filter-options, .filter-popover [data-options]{
        max-height: calc(min(70vh, 470px) - 52px);
    }
}


/* QUEUEDEX FILTER ACTION POSITION */
details.filter-menu .filter-popover {
    display: flex;
    flex-direction: column;
}

details.filter-menu .filter-popover .queuedex-filter-actions,
details.filter-menu .filter-popover .filter-actions,
details.filter-menu .filter-popover .menu-actions,
details.filter-menu .filter-popover > .actions {
    order: -10;
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-start;
    gap: 5px;
    padding: 8px;
    border-top: 0;
    border-bottom: 1px solid #2b3640;
    background: #151c22;
}details.filter-menu .filter-popover .filter-options, details.filter-menu .filter-popover [data-options]{
    order: 0;
    flex: 1 1 auto;
    min-height: 0;
}


/* QUEUEDEX DROP LOG WEEKDAY COLUMN */
.table-wrap th:nth-child(2),
.table-wrap td:nth-child(2) {
    text-align: center;
}
.table-wrap td:nth-child(2),
.weekday-cell {
    color: #8fa0ae;
    font: 600 9px var(--mono);
    letter-spacing: .08em;
    white-space: nowrap;
}
@media (max-width: 760px) {
    .table-wrap th:nth-child(2),
    .table-wrap td:nth-child(2) {
        position: static !important;
        left: auto !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    .table-wrap thead th:nth-child(2) {
        background: #121820 !important;
    }
}


/* QUEUEDEX HOMEPAGE COMMUNITY LINKS */
.lead .hero-secondary,
.lead .hero-community {
    display: block;
    max-width: 1040px;
    font-family: var(--sans);
    font-style: normal;
    letter-spacing: 0;
}

.lead .hero-secondary {
    max-width: 760px;
    color: #9facb8;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
}

.lead .hero-community {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 10px;
}

.lead .hero-community .hero-action {
    display: inline-flex;
    align-items: center;
    color: var(--cyan);
    font: 500 11px var(--mono);
    text-decoration: none;
    text-underline-offset: 3px;
}

.lead .hero-community .hero-action:hover,
.lead .hero-community .hero-action:focus-visible {
    color: #c9fff6;
    text-decoration: underline;
}

.lead .hero-community .hero-action.primary {
    font-weight: 600;
}



/* QUEUEDEX DIRECT DROP TABLE ALIGNMENT START */
/* The real Drop Log markup is `.table-wrap table` with a twelve-column colgroup. */
@media (min-width: 761px) {
  .table-wrap table {
    width: 100% !important;
    min-width: 1355px !important;
    table-layout: fixed !important;
  }

  .table-wrap th,
  .table-wrap td {
    box-sizing: border-box !important;
    min-width: 0 !important;
    overflow: hidden !important;
    vertical-align: middle !important;
  }

  /* Product, Set and Product Type wrap inside their assigned colgroup widths. */
  .table-wrap td:nth-child(3),
  .table-wrap td:nth-child(4),
  .table-wrap td:nth-child(5) {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    text-overflow: clip !important;
    line-height: 1.35 !important;
  }

  /* All compact/date/time/status fields remain on one line. */
  .table-wrap td:nth-child(1),
  .table-wrap td:nth-child(2),
  .table-wrap td:nth-child(n+6) {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  .table-wrap td:nth-child(3) {
    padding-right: 13px !important;
  }

  .table-wrap td:nth-child(4),
  .table-wrap td:nth-child(5) {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}
/* QUEUEDEX DIRECT DROP TABLE ALIGNMENT END */

/* Homepage drop-log hierarchy and filter affordances. */
#key-insights,
#timing-insights {
    gap: 12px;
    overflow: visible;
    border: 0;
    background: transparent;
}

#key-insights .key-insight,
#timing-insights .timing-insight {
    border: 1px solid #35434e;
    border-top: 2px solid #35c8b5;
    border-radius: 9px;
    background: linear-gradient(145deg, #1b242c 0%, #151b22 76%);
    box-shadow: 0 8px 22px #0003;
    transition: border-color 160ms ease, transform 160ms ease;
}

#key-insights .key-insight + .key-insight {
    border-left: 1px solid #35434e;
}

#key-insights .key-insight:hover,
#timing-insights .timing-insight:hover {
    border-color: #4d6b70;
    transform: translateY(-2px);
}

#key-insights .key-insight label,
#timing-insights .timing-insight label {
    color: #8ebdb8;
}

#key-insights .key-insight strong {
    font-size: 29px;
}

#timing-insights .timing-insight strong {
    font-size: 23px;
}

#filters.controls {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 16px;
    margin-bottom: 10px;
}

#filters.controls > #search {
    grid-column: span 1;
    height: 44px;
    border-color: #3b4854;
    background: #151c23;
    font-size: 12px;
}

#filters.controls > #search:focus {
    outline: 2px solid #35c8b566;
    outline-offset: 1px;
    border-color: #35c8b5;
}

#filters .filter-menu > summary {
    height: 44px;
    border-color: #3b4854;
    background: #151c23;
    font-size: 11px;
}

#filters .filter-menu > summary:hover,
#filters .filter-menu[open] > summary {
    border-color: #4d746f;
    background: #1a252b;
}

#filters .filter-popover {
    border-color: #4a5a66;
    box-shadow: 0 16px 38px #000a;
}

#filters .filter-actions button {
    min-height: 32px;
    padding: 0 10px;
    border: 1px solid #35444e;
    border-radius: 5px;
    background: #1b252c;
    font-size: 10px;
}

#filters .filter-actions button:hover,
#filters .filter-actions button:focus-visible {
    border-color: #4d746f;
    color: #b8fff3;
}

#filters .filter-menu summary:focus-visible,
#filters .filter-actions button:focus-visible,
.table-wrap .sort-button:focus-visible {
    outline: 2px solid #35c8b5;
    outline-offset: 2px;
}

#active-filters:not(:empty) {
    margin-top: 2px;
    margin-bottom: 12px;
}

#active-filters .filter-chip {
    border-color: #365750;
    background: #172722;
    color: #9de2d4;
}

.table-wrap {
    border-color: #3a4652;
    background: #11171d;
    box-shadow: 0 10px 28px #0003;
}

.table-wrap th {
    background: #1b252e;
    box-shadow: inset 0 -2px 0 #35c8b5;
    color: #e0e7ec;
}

.table-wrap tbody tr:nth-child(even) td {
    background-color: #182028;
}

.table-wrap tbody tr:hover td {
    background-color: #202d33;
}

.table-wrap tbody tr:last-child td {
    border-bottom: 0;
}

@media (max-width: 760px) {
    #filters.controls {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #filters.controls > #search {
        grid-column: 1 / -1;
    }
}

@media (max-width: 430px) {
    #filters.controls {
        grid-template-columns: 1fr;
    }

    #filters.controls > #search {
        grid-column: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    #key-insights .key-insight,
    #timing-insights .timing-insight {
        transition: none;
    }
}