body.disclosures-page { height: auto; min-height: 100vh; overflow-x: hidden; overflow-y: auto; }
.disclosures-page .app-container { height: auto; min-height: 100vh; }
.disclosures-page .dashboard-header { position: sticky; top: 0; z-index: 40; }

.disclosures-shell { width: min(1120px, 100%); margin: 0 auto; padding: 24px 18px 72px; }
.disclosures-hero { margin-bottom: 16px; }
.disclosures-hero-copy { max-width: 720px; }
.disclosures-hero-note {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--text-muted);
    font-size: 11.5px;
}
.disclosures-live-dot { width: 7px; height: 7px; border-radius: 50%; background: #4ac17a; box-shadow: 0 0 9px rgba(74,193,122,.65); }

.disclosure-filters {
    margin-bottom: 14px;
    padding: 14px;
    display: grid;
    grid-template-columns: minmax(140px, 1.2fr) minmax(170px, 1.5fr) repeat(3, minmax(120px, .8fr)) auto;
    gap: 10px;
    border: 1px solid var(--border-color);
    border-radius: 14px;
    background: rgba(14, 20, 32, 0.88);
    box-shadow: var(--surface-shadow);
}
.disclosure-filter-field { display: flex; flex-direction: column; gap: 5px; }
.disclosure-filter-field label { color: var(--text-muted); font-size: 10.5px; font-weight: 700; }
.disclosure-filter-field input,
.disclosure-filter-field select {
    width: 100%;
    min-height: 40px;
    padding: 0 11px;
    border: 1px solid var(--border-color);
    border-radius: 9px;
    outline: none;
    color: var(--text-primary);
    background: rgba(20, 29, 45, 0.94);
    font-size: 12.5px;
}
.disclosure-filter-field input:focus,
.disclosure-filter-field select:focus { border-color: #5f88f6; box-shadow: 0 0 0 3px rgba(58,111,247,.10); }
.disclosure-filter-action { align-self: end; min-height: 40px; padding: 0 18px; border: 0; border-radius: 9px; color: #fff; background: var(--accent); font-weight: 700; cursor: pointer; }
.disclosure-filter-action:hover { background: var(--accent-hover); }

.disclosure-feed-panel { overflow: hidden; border: 1px solid var(--border-color); border-radius: 15px; background: rgba(12, 18, 29, .82); box-shadow: var(--surface-shadow); }
.disclosure-feed-head { min-height: 52px; padding: 10px 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--border-color); }
.disclosure-feed-head strong { font-size: 13.5px; }
.disclosure-feed-status { color: var(--text-muted); font-size: 11.5px; }
.disclosure-feed { padding: 14px; display: flex; flex-direction: column; gap: 10px; }
.disclosure-load-more { width: calc(100% - 28px); min-height: 42px; margin: 0 14px 14px; border: 1px solid var(--border-color); border-radius: 9px; color: var(--text-secondary); background: rgba(255,255,255,.025); cursor: pointer; font-weight: 650; }
.disclosure-load-more:hover { color: var(--text-primary); border-color: rgba(93,135,244,.45); }

.disclosure-modal { position: fixed; z-index: 200; inset: 0; display: grid; place-items: center; padding: 18px; }
.disclosure-modal-backdrop { position: absolute; inset: 0; background: rgba(3, 6, 11, .78); backdrop-filter: blur(5px); }
.disclosure-modal-dialog { position: relative; width: min(820px, 100%); max-height: min(820px, calc(100dvh - 36px)); overflow: hidden; display: flex; flex-direction: column; border: 1px solid rgba(139,158,190,.24); border-radius: 16px; background: #0e1624; box-shadow: 0 28px 90px rgba(0,0,0,.55); }
.disclosure-modal-head { min-height: 58px; padding: 12px 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--border-color); }
.disclosure-modal-head h2 { margin: 0; font-size: 16px; }
.disclosure-modal-close { width: 38px; height: 38px; border: 0; border-radius: 9px; color: var(--text-secondary); background: transparent; font-size: 25px; cursor: pointer; }
.disclosure-modal-close:hover { color: #fff; background: rgba(255,255,255,.06); }
.disclosure-modal-body { padding: 18px; overflow-y: auto; display: flex; flex-direction: column; gap: 18px; }
.disclosure-detail-title { margin: 0; font-size: 18px; line-height: 1.5; }
.disclosure-detail-summary { margin: 0; color: var(--text-secondary); font-size: 13px; line-height: 1.75; white-space: pre-wrap; }
.disclosure-detail-section { display: flex; flex-direction: column; gap: 9px; }
.disclosure-detail-section h3 { margin: 0; color: var(--text-secondary); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.disclosure-detail-sources { display: flex; flex-wrap: wrap; gap: 7px; }
.disclosure-detail-source { padding: 8px 10px; border: 1px solid var(--border-color); border-radius: 8px; color: var(--text-secondary); font-size: 11.5px; text-decoration: none; }
.disclosure-detail-source:hover { color: #fff; border-color: #5f88f6; }
.disclosure-facts-wrap { overflow-x: auto; }
.disclosure-facts { width: 100%; border-collapse: collapse; font-size: 11.5px; }
.disclosure-facts th, .disclosure-facts td { padding: 8px 9px; border-bottom: 1px solid var(--border-color); text-align: left; white-space: nowrap; }
.disclosure-facts th { color: var(--text-muted); font-size: 10px; }
.disclosure-facts td { color: var(--text-secondary); }
.disclosure-facts td.amount { color: var(--text-primary); font-family: var(--font-mono); text-align: right; }

@media (max-width: 900px) {
    .disclosure-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .disclosure-filter-action { width: 100%; }
}

@media (max-width: 768px) {
    .disclosures-shell { padding: 12px 10px calc(var(--mobile-nav-height) + 28px); }
    .disclosures-hero-note { display: none; }
}

@media (max-width: 560px) {
    .disclosure-filters { grid-template-columns: 1fr; padding: 12px; }
    .disclosure-feed { padding: 9px; }
    .disclosure-feed-head { align-items: flex-start; flex-direction: column; gap: 4px; }
    .disclosure-modal { padding: 0; place-items: end center; }
    .disclosure-modal-dialog { max-height: 92dvh; border-radius: 16px 16px 0 0; }
    .disclosure-modal-body { padding: 15px; }
}