.skyledger-view { display: none; gap: 18px; }
.skyledger-view.active { display: grid; }
.skyledger-view .platform-area-hero { margin-bottom: 0; }
.skyledger-view .panel { padding: 22px; }
.skyledger-account-filters { display: grid; grid-template-columns: repeat(auto-fit, minmax(165px, 1fr)); gap: 14px; }
.skyledger-account-filters label:first-child { grid-column: span 2; }
.skyledger-account-filters label { display: grid; gap: 6px; }
.skyledger-account-filters input, .skyledger-account-filters select { width: 100%; padding: 10px; }
.skyledger-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 5px 20px; align-items: center; border-top: 1px solid #dce4ec; padding: 16px 0; }
.skyledger-row strong { grid-column: 1; }
.skyledger-row small { grid-column: 1; color: #66758a; }
.skyledger-row span { grid-column: 2; grid-row: 1 / span 2; font-weight: 700; }
.skyledger-account-toggle { grid-column: 2; grid-row: 3; justify-self: end; border: 1px solid #afc1d2; border-radius: 6px; background: #fff; color: #174b72; padding: 6px 12px; cursor: pointer; }
.skyledger-account-toggle:focus-visible { outline: 3px solid #2374b5; outline-offset: 2px; }
.skyledger-account-detail { margin: 0 0 16px; padding: 16px; border: 1px solid #dce4ec; border-radius: 8px; background: #f7fafc; }
.skyledger-account-detail[hidden] { display: none; }
.skyledger-account-detail p { margin: 0 0 12px; }
.skyledger-account-detail dl { display: grid; grid-template-columns: minmax(120px, 180px) minmax(0, 1fr); gap: 8px 16px; margin: 0; }
.skyledger-account-detail dt { color: #66758a; }
.skyledger-account-detail dd { margin: 0; overflow-wrap: anywhere; }
.skyledger-entity-views { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 16px; }
.skyledger-entity-panel { min-width: 0; }
.skyledger-entity-panel h3 { margin-top: 0; }
.skyledger-entity-panel label { display: grid; gap: 6px; }
.skyledger-entity-panel input { width: 100%; padding: 10px; }
.skyledger-reports { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px; }
.skyledger-report h3 { margin-top: 0; }
.skyledger-report p { color: #66758a; }
.skyledger-report-buckets { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 16px; margin-bottom: 0; }
.skyledger-report-buckets dt { color: #66758a; }
.skyledger-report-buckets dd { margin: 0; text-align: right; font-variant-numeric: tabular-nums; }
@media (max-width: 640px) { .skyledger-account-filters { grid-template-columns: 1fr; } .skyledger-account-filters label:first-child { grid-column: auto; } .skyledger-row { grid-template-columns: 1fr; } .skyledger-row span, .skyledger-account-toggle { grid-column: 1; grid-row: auto; justify-self: start; } .skyledger-account-detail dl { grid-template-columns: 1fr; gap: 2px; } .skyledger-account-detail dd { margin-bottom: 8px; } }
