button.bar-fill-blue[data-archive-link-detail] {
    position: relative;
    min-width: 2px;
    padding: 0;
    border: 0;
    color: white;
    font: inherit;
    cursor: pointer;
}

button.bar-fill-blue[data-archive-link-detail]:hover {
    filter: brightness(0.92) saturate(1.12);
}

button.bar-fill-blue[data-archive-link-detail]:focus-visible {
    outline: 2px solid white;
    outline-offset: -3px;
    box-shadow: inset 0 0 0 4px rgba(13, 71, 161, 0.72);
}

body.archive-link-modal-open { overflow: hidden; }

.archive-link-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1360;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(18, 31, 44, 0.48);
}

.archive-link-backdrop.open { display: flex; }

.archive-link-dialog {
    display: flex;
    width: min(1120px, 100%);
    max-height: min(880px, calc(100vh - 40px));
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #d8e1e8;
    border-radius: 6px;
    background: white;
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.24);
}

.ald-dialog-header { display: flex; flex: 0 0 auto; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 17px 20px 15px; border-bottom: 1px solid #e3e9ee; }
.ald-dialog-heading { min-width: 0; }
.ald-dialog-context { overflow: hidden; color: #708090; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.ald-dialog-title { margin: 3px 0 0; overflow-wrap: anywhere; color: #22313f; font-size: 19px; line-height: 1.35; }
.ald-close { display: inline-grid; width: 36px; height: 36px; flex: 0 0 36px; place-items: center; padding: 0; border: 1px solid #d4dde5; border-radius: 4px; background: white; color: #657585; font-size: 24px; line-height: 1; cursor: pointer; }
.ald-close:hover { border-color: #1565c0; color: #1565c0; }
.ald-close:focus-visible { outline: 3px solid rgba(21, 101, 192, 0.2); outline-offset: 1px; }
.ald-dialog-body { overflow: auto; }

.ald-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-bottom: 1px solid #e3e9ee; background: #f7f9fb; }
.ald-summary-item { min-width: 0; padding: 14px 18px; border-right: 1px solid #e3e9ee; }
.ald-summary-item:last-child { border-right: 0; }
.ald-summary-label { color: #708090; font-size: 11px; }
.ald-summary-value { display: block; margin-top: 4px; overflow: hidden; color: #1565c0; font-size: 22px; font-weight: 750; font-variant-numeric: tabular-nums; text-overflow: ellipsis; white-space: nowrap; }
.ald-scope { padding: 10px 20px; border-bottom: 1px solid #edf1f4; color: #617181; font-size: 12px; }
.ald-section { padding: 17px 20px 20px; border-bottom: 1px solid #e3e9ee; }
.ald-section:last-child { border-bottom: 0; }
.ald-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.ald-section-head h3 { margin: 0; color: #263746; font-size: 15px; }
.ald-section-note { color: #7b8996; font-size: 11px; }

.ald-distribution { display: grid; gap: 8px; }
.ald-distribution-row { display: grid; grid-template-columns: minmax(96px, 180px) minmax(100px, 1fr) 76px; align-items: center; gap: 10px; min-width: 0; }
.ald-distribution-label { overflow: hidden; color: #455768; font-size: 12px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.ald-distribution-track { height: 20px; overflow: hidden; border-radius: 4px; background: #edf2f6; }
.ald-distribution-fill { height: 100%; min-width: 3px; border-radius: 4px; background: #1976d2; }
.ald-distribution-count { color: #1565c0; font-size: 12px; font-weight: 750; font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }

.ald-table-wrap { overflow: auto; border: 1px solid #dfe6ec; border-radius: 4px; }
.ald-table { width: 100%; min-width: 1120px; border-collapse: collapse; color: #314252; font-size: 12px; }
.ald-table th, .ald-table td { padding: 9px 11px; border-bottom: 1px solid #e8edf1; text-align: left; vertical-align: top; }
.ald-table th { position: sticky; top: 0; z-index: 1; background: #f5f7f9; color: #607080; font-size: 11px; white-space: nowrap; }
.ald-table tbody tr:last-child td { border-bottom: 0; }
.ald-table tbody tr:hover { background: #f8fbff; }
.ald-code { color: #275d91; font-family: Consolas, "SFMono-Regular", monospace; font-size: 11px; font-weight: 700; }
.ald-number { font-weight: 750; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ald-muted { color: #7b8996; }
.ald-empty { padding: 26px 18px; color: #7b8996; text-align: center; }

@media (max-width: 720px) {
    .archive-link-backdrop { align-items: flex-end; padding: 0; }
    .archive-link-dialog { max-height: 94vh; border-right: 0; border-bottom: 0; border-left: 0; border-radius: 6px 6px 0 0; }
    .ald-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ald-summary-item:nth-child(2) { border-right: 0; }
    .ald-summary-item:nth-child(-n + 2) { border-bottom: 1px solid #e3e9ee; }
    .ald-dialog-header, .ald-section { padding-right: 14px; padding-left: 14px; }
    .ald-scope { padding-right: 14px; padding-left: 14px; }
    .ald-section-head { align-items: flex-start; flex-direction: column; gap: 4px; }
    .ald-distribution-row { grid-template-columns: 74px minmax(80px, 1fr) 58px; gap: 7px; }
}