@import '_content/Jds.UI/Jds.UI.j2mbhikoz6.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Cases/CaseFrame.razor.rz.scp.css */
.case-head[b-xiet5bvpgj] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.case-facts[b-xiet5bvpgj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2) var(--space-4);
    margin: 0;
}

.case-messages:empty[b-xiet5bvpgj] {
    display: none;
}

/* The AI summary's Markdown (#20 demo fix 4): SummaryMarkdown's headings (h3 down, with the type scale's class),
   paragraphs and lists, in the page's spacing. Tokens only; the markup comes in whole, so ::deep reaches it. */
.summary-text[b-xiet5bvpgj]  > :first-child {
    margin-block-start: 0;
}

.summary-text[b-xiet5bvpgj]  :is(h3, h4, h5, h6) {
    margin: var(--space-4) 0 var(--space-1);
}

.summary-text[b-xiet5bvpgj]  :is(p, ul, ol) {
    margin: 0 0 var(--space-2);
}

.summary-text[b-xiet5bvpgj]  :is(ul, ol) {
    padding-inline-start: var(--space-6);
}

.summary-text[b-xiet5bvpgj]  li + li {
    margin-block-start: var(--space-1);
}
/* /Cases/MyTaskTable.razor.rz.scp.css */
.task-title[b-yzf2sjc4z9] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2);
}
/* /Pages/CaseCharges.razor.rz.scp.css */
.case-section[b-ks9rqmeml2] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.section-head[b-ks9rqmeml2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2) var(--space-4);
}

.section-head h2[b-ks9rqmeml2] {
    margin: 0;
}

/* The sentence summary under the disposition, on its own line. */
.charge-sentence[b-ks9rqmeml2] {
    display: block;
}
/* /Pages/CaseConflictChecks.razor.rz.scp.css */
.case-section[b-eclgmgsjuy] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.section-head[b-eclgmgsjuy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2) var(--space-4);
}

.section-head h2[b-eclgmgsjuy],
.case-section > h2[b-eclgmgsjuy],
.case-section > p[b-eclgmgsjuy] {
    margin: 0;
}

.case-section[b-eclgmgsjuy]  .conflict-search,
.case-section[b-eclgmgsjuy]  .conflict-record {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--space-3) var(--space-4);
}

.case-section[b-eclgmgsjuy]  .conflict-search > :first-child {
    flex: 1 1 18rem;
    max-inline-size: 32rem;
}

.conflict-results[b-eclgmgsjuy] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.conflict-results > p[b-eclgmgsjuy] {
    margin: 0;
}
/* /Pages/CaseCourtDates.razor.rz.scp.css */
.case-section[b-s49m9v2zf1] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

/* The heading, and the section's action beside it while there's room. */
.section-head[b-s49m9v2zf1] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2) var(--space-4);
}

.section-head h2[b-s49m9v2zf1] {
    margin: 0;
}

.court-date-messages:empty[b-s49m9v2zf1] {
    display: none;
}

.court-date-outcome[b-s49m9v2zf1] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2);
}
/* /Pages/CaseHistory.razor.rz.scp.css */
.case-section[b-87sh48sctw] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

/* One changed field per line. */
.history-change[b-87sh48sctw] {
    display: block;
}
/* /Pages/CaseNotes.razor.rz.scp.css */
.case-section[b-oh4pidhtah] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

/* The heading on the left, the section's action on the right. */
.section-head[b-oh4pidhtah] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
}

.section-messages:empty[b-oh4pidhtah] {
    display: none;
}

.note-list[b-oh4pidhtah] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    margin: 0;
    padding: 0;
    list-style: none;
}

.note[b-oh4pidhtah] {
    padding: var(--space-4);
    border: var(--stroke-thickness) solid var(--stroke-subtle);
    border-radius: var(--radius-control);
    background: var(--layer-raised);
}

.note-head[b-oh4pidhtah] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-2);
}

.note-title[b-oh4pidhtah] {
    margin: 0;
    overflow-wrap: anywhere;
}

.note-actions[b-oh4pidhtah] {
    display: flex;
    flex-shrink: 0;
    gap: var(--space-1);
}

.note-meta[b-oh4pidhtah] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-1) var(--space-3);
    margin: var(--space-1) 0 var(--space-3);
}

/* The note as written: its line breaks kept, long words wrapped. */
.note-body[b-oh4pidhtah] {
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    max-inline-size: 80ch;
}
/* /Pages/CaseOverview.razor.rz.scp.css */
.case-section[b-qoh7ylb39y] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

/* Label and value side by side while there's room; stacked on a narrow screen. */
.case-details[b-qoh7ylb39y] {
    display: grid;
    grid-template-columns: minmax(10rem, max-content) 1fr;
    gap: var(--space-2) var(--space-6);
    margin: 0;
}

.case-details dt[b-qoh7ylb39y] {
    color: var(--text-secondary);
}

.case-details dd[b-qoh7ylb39y] {
    margin: 0;
}

@media (max-width: 40rem) {
    .case-details[b-qoh7ylb39y] {
        grid-template-columns: 1fr;
        gap: var(--space-0-5);
    }

    .case-details dd[b-qoh7ylb39y] {
        margin-block-end: var(--space-2);
    }
}

.section-head[b-qoh7ylb39y] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2) var(--space-4);
}

.section-head h2[b-qoh7ylb39y] {
    margin: 0;
}
/* /Pages/CaseParties.razor.rz.scp.css */
.case-section[b-jj5s0v6ots] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.section-head[b-jj5s0v6ots] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2) var(--space-4);
}

.section-head h2[b-jj5s0v6ots] {
    margin: 0;
}
/* /Pages/CasePleaOffers.razor.rz.scp.css */
.case-section[b-58fdqm58xr] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

/* The heading, and the section's action beside it while there's room. */
.section-head[b-58fdqm58xr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2) var(--space-4);
}

.section-head h2[b-58fdqm58xr] {
    margin: 0;
}

.offer-messages:empty[b-58fdqm58xr] {
    display: none;
}

/* The offer being changed, as recorded, line breaks and all. */
.offer-terms[b-58fdqm58xr] {
    white-space: pre-wrap;
    color: var(--text-secondary);
}
/* /Pages/Cases.razor.rz.scp.css */
/* Search and filters in one row that wraps; the button lines up with the inputs, not their labels. */
.page-body[b-gzbsfwftjn]  .case-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--space-4);
}

.page-body[b-gzbsfwftjn]  .case-filters > .field:first-of-type {
    flex: 1 1 18rem;
}

.page-body[b-gzbsfwftjn]  .case-filters > .field {
    flex: 0 1 12rem;
}

.page-body[b-gzbsfwftjn]  .case-filters-action {
    display: flex;
    align-items: flex-end;
    align-self: stretch;
    padding-block-end: var(--space-5);
}
/* /Pages/CaseTasks.razor.rz.scp.css */
.case-section[b-iuj5u0m9wg] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

/* The heading on the left, the section's action on the right. */
.section-head[b-iuj5u0m9wg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
}

.section-messages:empty[b-iuj5u0m9wg] {
    display: none;
}

.task-filter[b-iuj5u0m9wg] {
    max-inline-size: 16rem;
}

.task-title[b-iuj5u0m9wg] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2);
}

/* A done task reads as done without relying on colour alone: struck through, and the Done column has its date. */
.task-done[b-iuj5u0m9wg] {
    color: var(--text-secondary);
    text-decoration: line-through;
}

.task-actions[b-iuj5u0m9wg] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--space-1);
}
/* /Pages/DirectoryPage.razor.rz.scp.css */
/* Search and the kind filter in one row that wraps, like the cases list's; the button lines up with the inputs. */
.page-body[b-tnqb7ljbot]  .directory-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--space-4);
}

.page-body[b-tnqb7ljbot]  .directory-filters > .field:first-of-type {
    flex: 1 1 18rem;
}

.page-body[b-tnqb7ljbot]  .directory-filters > .field {
    flex: 0 1 12rem;
}

.page-body[b-tnqb7ljbot]  .directory-filters-action {
    display: flex;
    align-items: flex-end;
    align-self: stretch;
    padding-block-end: var(--space-5);
}
/* /Pages/Docket.razor.rz.scp.css */
.docket[b-m42hw4pcez] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

/* The day or week shown, and whose dates, side by side while there's room. */
.docket-head[b-m42hw4pcez] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--space-2) var(--space-4);
}

.docket-range[b-m42hw4pcez] {
    margin: 0;
}

.docket-messages:empty[b-m42hw4pcez] {
    display: none;
}

/* The list, and the courtroom panel beside it on wide screens, under it on narrow ones. */
.docket-layout[b-m42hw4pcez] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
    align-items: start;
}

@media (min-width: 1100px) {
    .docket-layout[b-m42hw4pcez] {
        grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem);
    }
}

.docket-list[b-m42hw4pcez],
.docket-day[b-m42hw4pcez] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.docket-list[b-m42hw4pcez] {
    gap: var(--space-5);
}

.docket-day h3[b-m42hw4pcez] {
    margin: 0;
}

.docket-panel[b-m42hw4pcez] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding: var(--space-4);
    border: var(--stroke-thickness) solid var(--stroke-subtle);
    border-radius: var(--radius-control);
    background: var(--layer-raised);
}

.docket-panel h2[b-m42hw4pcez],
.panel-facts p[b-m42hw4pcez] {
    margin: 0;
}

.panel-facts[b-m42hw4pcez] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

/* Label and value pairs, labels muted. */
.panel-list[b-m42hw4pcez] {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    gap: var(--space-1) var(--space-3);
    margin: 0;
}

.panel-list dt[b-m42hw4pcez] {
    color: var(--text-secondary);
}

.panel-list dd[b-m42hw4pcez] {
    margin: 0;
}

.panel-actions[b-m42hw4pcez] {
    display: flex;
    justify-content: flex-end;
}

.panel-note[b-m42hw4pcez] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding-top: var(--space-4);
    border-top: var(--stroke-thickness) solid var(--stroke-divider);
}
/* /Pages/HomeDashboard.razor.rz.scp.css */
.home[b-x4gpgyp6kc] {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
}

.home-greeting[b-x4gpgyp6kc] {
    margin: 0;
    color: var(--text-secondary);
}

.home-section[b-x4gpgyp6kc] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

/* The heading, and its link to the full page beside it while there's room. */
.section-head[b-x4gpgyp6kc] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-2) var(--space-4);
}

.section-head h2[b-x4gpgyp6kc] {
    margin: 0;
}
