/* Overview uses the existing desktop panels, blue actions and compact business typography. */
@media screen and (min-width:769px) {
  body.pc-ui-preview .dw-classic-page .dw-classic-monthly {
    grid-column:1/-1;
    display:grid;
    grid-template-columns:200px minmax(0,1fr) auto;
    align-items:center;
    gap:20px;
    min-width:0;
    min-height:90px;
    padding:16px 18px;
    background:#fff;
    border:1px solid #dbe3ef;
    border-radius:6px;
  }
  body.pc-ui-preview .dw-classic-page .dw-monthly-heading h2 { margin:0; font-size:15px; font-weight:600; line-height:1.5; color:#20344b; }
  body.pc-ui-preview .dw-classic-page .dw-monthly-heading p { margin:5px 0 0; font-size:12px; color:#64748b; }
  body.pc-ui-preview .dw-classic-page .dw-monthly-values { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:0; min-width:0; }
  body.pc-ui-preview .dw-classic-page .dw-monthly-values>div { min-width:0; border-left:1px solid #e7ebef; padding-left:24px; }
  body.pc-ui-preview .dw-classic-page .dw-monthly-values dt { margin:0 0 5px; font-size:12px; font-weight:400; color:#64748b; }
  body.pc-ui-preview .dw-classic-page .dw-monthly-values dd { margin:0; font-size:20px; line-height:1.35; font-weight:600; color:#20344b; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
  body.pc-ui-preview .dw-classic-page .dw-monthly-values dd.is-negative { color:#b83c36; }
  body.pc-ui-preview .dw-classic-page .dw-monthly-action { display:flex; flex-direction:column; align-items:flex-end; gap:5px; }
  body.pc-ui-preview .dw-classic-page .dw-monthly-action button { margin:0; padding:0; min-height:0; width:auto; border:0; background:none; box-shadow:none; color:var(--brand); font-size:12px; font-weight:400; line-height:1.6; white-space:nowrap; }
  body.pc-ui-preview .dw-classic-page .dw-monthly-action button:hover { text-decoration:underline; }
  body.pc-ui-preview .dw-classic-page .dw-monthly-action span { color:#64748b; font-size:12px; line-height:1.5; }
}
/* Keep only the desktop overview inside the viewport; its lists own their scrolling. */
@media screen and (min-width:769px) {
  body.pc-ui-preview:has(#content > .dw-classic-page) {
    overflow:hidden;
  }
  body.pc-ui-preview .main-view:has(> #content > .dw-classic-page) {
    height:100vh;
    height:100dvh;
    min-height:0;
    grid-template-rows:64px minmax(0,1fr);
  }
  body.pc-ui-preview .main-view > #content:has(> .dw-classic-page) {
    min-height:0;
    overflow:hidden;
    overscroll-behavior:contain;
    box-sizing:border-box;
  }
  body.pc-ui-preview #content > .dashboard-workbench-page.dw-classic-page {
    height:100%;
    min-height:0;
    grid-template-rows:max-content max-content max-content max-content minmax(0,1fr);
    row-gap:0;
    align-items:stretch;
  }
  body.pc-ui-preview #content > .dw-classic-page:has(> .dw-classic-recent) {
    grid-template-rows:max-content max-content max-content max-content minmax(0,3fr) minmax(0,2fr);
  }
  body.pc-ui-preview #content > .dw-classic-page .dw-classic-heading { grid-row:1; margin-bottom:14px; }
  body.pc-ui-preview #content > .dw-classic-page .dw-classic-warning { grid-row:2; margin-bottom:14px; }
  body.pc-ui-preview #content > .dw-classic-page .dw-classic-finance { grid-row:3; margin-bottom:14px; }
  body.pc-ui-preview #content > .dw-classic-page .dw-classic-monthly { grid-row:4; margin-bottom:14px; }
  body.pc-ui-preview #content > .dw-classic-page .dw-classic-business {
    display:flex;
    flex-direction:column;
    grid-row:5;
    min-height:0;
  }
  body.pc-ui-preview #content > .dw-classic-page:has(> .dw-classic-recent) .dw-classic-business { margin-bottom:14px; }
  body.pc-ui-preview #content > .dw-classic-page > .dw-classic-recent {
    display:flex;
    flex-direction:column;
    grid-row:6;
    min-height:0;
  }
  body.pc-ui-preview #content > .dw-classic-page :is(.dw-classic-section-head,.dw-classic-recent > .section-head) { flex:0 0 auto; }
  body.pc-ui-preview #content > .dw-classic-page :is(.dw-classic-rows,.dw-classic-recent .client-detail-list) {
    flex:1 1 auto;
    min-height:0;
    max-height:none;
    overflow-y:auto;
    overscroll-behavior-y:contain;
    scrollbar-gutter:stable;
    scrollbar-width:thin;
    scrollbar-color:#b8c4d2 #f2f5f8;
  }
}
@media screen and (min-width:1500px) {
  body.pc-ui-preview #content > .dw-classic-page:has(> .dw-classic-recent) {
    grid-template-rows:max-content max-content max-content max-content minmax(0,1fr);
  }
  body.pc-ui-preview #content > .dw-classic-page:has(> .dw-classic-recent) .dw-classic-business { margin-bottom:0; }
  body.pc-ui-preview #content > .dw-classic-page > .dw-classic-recent { grid-row:5; }
}
@media screen and (min-width:769px) and (max-width:1199px) {
  body.pc-ui-preview .dw-classic-page .dw-classic-monthly { grid-template-columns:minmax(0,1fr) auto; gap:16px; }
  body.pc-ui-preview .dw-classic-page .dw-monthly-heading { grid-column:1; grid-row:1; }
  body.pc-ui-preview .dw-classic-page .dw-monthly-action { grid-column:2; grid-row:1; }
  body.pc-ui-preview .dw-classic-page .dw-monthly-values { grid-column:1/-1; grid-row:2; }
  body.pc-ui-preview .dw-classic-page .dw-monthly-values>div:first-child { border-left:0; padding-left:0; }
}
@media (min-width:769px) {
  body.pc-ui-preview .dashboard-workbench-page.dw-classic-page {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:14px;
    width:100%;
    max-width:none;
    margin:0;
    color:#1f2933;
    font-size:14px;
    line-height:1.55;
  }
  body.pc-ui-preview .dw-classic-page *,
  body.pc-ui-preview .dw-classic-dialog * { box-sizing:border-box; }
  body.pc-ui-preview .dw-classic-page [hidden],
  body.pc-ui-preview .dw-classic-dialog [hidden] { display:none!important; }
  body.pc-ui-preview .dw-classic-page .dw-classic-content {
    display:contents;
    min-width:0;
  }
  body.pc-ui-preview .dw-classic-page button {
    font-family:inherit;
    cursor:pointer;
  }
  body.pc-ui-preview .dw-classic-page button:focus-visible,
  body.pc-ui-preview .dw-classic-dialog :is(button,input,select):focus-visible {
    outline:3px solid #a4c1e8;
    outline-offset:3px;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-heading {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    grid-column:1/-1;
    padding:14px 18px;
    margin:0;
    border:1px solid #dfe3e8;
    border-radius:6px;
    background:#fff;
    box-shadow:none;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-heading h2 {
    margin:0;
    color:#20344b;
    font-size:15px;
    line-height:1.5;
    font-weight:600;
    letter-spacing:0;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-heading time {
    font-size:12px;
    color:#75808d;
    white-space:nowrap;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-heading>div {
    display:flex;
    align-items:center;
    gap:14px;
    flex-shrink:0;
  }
  body.pc-ui-preview .dw-classic-page [data-classic-refresh] {
    width:auto;
    margin:0;
    padding:6px 12px;
    border:1px solid #cbd5df;
    border-radius:6px;
    background:#fff;
    box-shadow:none;
    color:#40556b;
    font-size:13px;
    font-weight:600;
    line-height:1.5;
  }
  body.pc-ui-preview .dw-classic-page [data-classic-refresh]:hover:not(:disabled) {
    border-color:#a4bddf;
    color:#245da8;
    background:#f5f9ff;
  }
  body.pc-ui-preview .dw-classic-page [data-classic-refresh]:disabled {
    cursor:wait;
    opacity:.7;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-finance {
    display:grid;
    grid-column:1/-1;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));
    gap:12px;
    min-width:0;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:none;
    box-shadow:none;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-money {
    min-width:0;
    padding:15px 18px;
    background:#fff;
    border:1px solid #dfe3e8;
    border-radius:6px;
    box-shadow:none;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-money :is(.dw-classic-title,.title) {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-money :is(.dw-classic-title,.title)>button,
  body.pc-ui-preview .dw-classic-page .dw-classic-row-heading>button {
    width:auto;
    min-width:0;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:none;
    color:#40556b;
    text-align:left;
    font-size:13px;
    line-height:1.55;
    font-weight:600;
    box-shadow:none;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-money :is(.dw-classic-title,.title)>button:hover,
  body.pc-ui-preview .dw-classic-page .dw-classic-row-heading>button:hover { color:#1d61bc; }
  body.pc-ui-preview .dw-classic-page .dw-classic-money :is(.dw-classic-title,.title)>button:last-child:not(:first-child) {
    flex-shrink:0;
    min-width:28px;
    padding:1px 6px;
    border:1px solid #cbd5df;
    border-radius:4px;
    color:var(--brand);
    font-size:16px;
    font-weight:400;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-amount {
    display:flex;
    align-items:baseline;
    flex-wrap:wrap;
    gap:4px 12px;
    margin:8px 0 10px;
    color:#20364f;
    font-variant-numeric:tabular-nums;
    overflow-wrap:anywhere;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-amount strong {
    font-size:24px;
    line-height:1.3;
    font-weight:600;
    letter-spacing:0;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-amount small {
    color:#75808d;
    font-size:12px;
    font-weight:400;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-pills {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px 8px;
    min-width:0;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-pill {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    width:auto;
    max-width:100%;
    min-height:28px;
    margin:0;
    padding:3px 8px;
    border:1px solid #dce3eb;
    border-radius:4px;
    background:#f7f9fc;
    box-shadow:none;
    color:#40556b;
    font-size:13px;
    font-weight:400;
    line-height:1.45;
    text-align:left;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-pill strong {
    color:#264e7f;
    font-size:13px;
    font-weight:600;
    font-variant-numeric:tabular-nums;
    white-space:nowrap;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-pill.is-overdue {
    background:#fff5f4;
    border-color:#f0d6d2;
    color:#b83c36;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-pill.is-overdue strong { color:#b83c36; }
  body.pc-ui-preview .dw-classic-page .dw-classic-pill:hover:not(:disabled) {
    border-color:#8eb3e5;
    background:#edf5ff;
    color:#245da8;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-pill:disabled {
    cursor:default;
    opacity:.7;
  }
  body.pc-ui-preview .dashboard-workbench-page.dw-classic-page .dw-classic-business,
  body.pc-ui-preview .dashboard-workbench-page.dw-classic-page>.dw-classic-recent {
    display:block;
    min-width:0;
    margin:0;
    padding:0;
    border:1px solid #dfe3e8;
    border-radius:6px;
    background:#fff;
    box-shadow:none;
    color:#1f2933;
    overflow:hidden;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-section-head,
  body.pc-ui-preview .dw-classic-page .dw-classic-recent .section-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px 20px;
    margin:0;
    padding:14px 18px;
    border:0;
    border-bottom:1px solid #e7ebef;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-section-head h2,
  body.pc-ui-preview .dw-classic-page .dw-classic-recent .section-head h3 {
    margin:0;
    color:#20262d;
    font-size:16px;
    font-weight:600;
    line-height:1.5;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-section-head :is(p,small,span),
  body.pc-ui-preview .dw-classic-page .dw-classic-recent .section-head-note {
    margin:0;
    color:#75808d;
    font-size:12px;
    line-height:1.5;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-business>:is(.dw-classic-rows,.rows) { padding:0 18px; }
  body.pc-ui-preview .dw-classic-page .dw-classic-row {
    display:grid;
    grid-template-columns:180px minmax(0,1fr) 72px;
    align-items:center;
    gap:16px;
    min-width:0;
    min-height:58px;
    margin:0;
    padding:10px 0;
    border:0;
    border-bottom:1px solid #edf0f3;
    background:none;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-row:last-child { border-bottom:0; }
  body.pc-ui-preview .dw-classic-page .dw-classic-row-heading {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:4px 12px;
    min-width:0;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-row-heading>button { font-size:14px; font-weight:600; color:#20364f; }
  body.pc-ui-preview .dw-classic-page .dw-classic-count {
    color:#75808d;
    font-size:12px;
    font-weight:400;
    font-variant-numeric:tabular-nums;
    white-space:nowrap;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-all {
    justify-self:end;
    width:auto;
    margin:0;
    padding:5px 9px;
    border:1px solid #cbd5df;
    border-radius:4px;
    background:#fff;
    box-shadow:none;
    color:var(--brand);
    font-size:12px;
    font-weight:500;
    line-height:1.55;
    text-align:right;
    white-space:nowrap;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-all:hover { border-color:#a9c5f4; background:#f5f9ff; color:var(--brand-dark); }
  body.pc-ui-preview .dw-classic-page .dw-classic-warning {
    grid-column:1/-1;
    margin:0;
    padding:12px 16px;
    border:1px solid #e8d8b8;
    border-radius:6px;
    background:#fffbf3;
    color:#805c26;
    font-size:13px;
    line-height:1.6;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-warning button {
    width:auto;
    margin:0 0 0 12px;
    padding:3px 0;
    border:0;
    background:none;
    color:#416b9b;
    font-size:13px;
  }
  body.pc-ui-preview .dw-classic-page :is(.dw-classic-note,.dw-classic-loading,.dw-classic-empty) {
    margin:0;
    color:#75808d;
    font-size:13px;
    line-height:1.6;
  }
  body.pc-ui-preview .dw-classic-page :is(.dw-classic-loading,.dw-classic-empty) { padding:18px 22px; }
  body.pc-ui-preview .dw-classic-page .dw-classic-pills>.dw-classic-empty { padding:0; }
  body.pc-ui-preview .dw-classic-page .dw-classic-recent .client-detail-list {
    display:block;
    min-width:0;
    min-height:0;
    max-height:420px;
    padding:0 18px;
    gap:0;
    overflow-y:auto;
    overscroll-behavior-y:contain;
    scrollbar-gutter:stable;
    scrollbar-width:thin;
    scrollbar-color:#b8c4d2 #f2f5f8;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-recent .client-detail-item {
    margin:0;
    padding:9px 0;
    border:0;
    border-radius:0;
    background:none;
    color:#52657e;
    font-size:13px;
    line-height:1.6;
    overflow-wrap:anywhere;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-recent .client-detail-item strong {
    display:block;
    margin-bottom:3px;
    color:#75808d;
    font-size:12px;
    font-weight:400;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-recent .client-detail-item .muted {
    margin-top:3px;
    color:#75808d;
    font-size:12px;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-recent .dw-log-group { border-bottom:1px solid #e7edf3; }
  body.pc-ui-preview .dw-classic-page .dw-classic-recent .dw-log-group:last-child { border-bottom:0; }
  body.pc-ui-preview .dw-classic-page .dw-classic-recent .dw-log-group details {
    padding:0 0 10px 12px;
    color:#6d8096;
    font-size:12px;
    line-height:1.6;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-recent .dw-log-tabs {
    margin:0;
    padding:12px 22px 0;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-recent .dw-log-tabs button {
    padding:5px 10px;
    font-size:14px;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-recent .dw-log-more {
    width:auto;
    margin:0 22px 14px auto;
    padding:3px 0;
    border:0;
    background:none;
    color:var(--brand);
    font-size:12px;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-recent .section-head .dw-log-more {
    flex-shrink:0;
    margin:0;
    white-space:nowrap;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-recent .dw-empty {
    margin:0;
    padding:15px 0;
    color:#75808d;
    font-size:13px;
  }
  body.pc-ui-preview .dw-classic-dialog.dw-dialog {
    width:min(1060px,calc(100vw - 60px));
    height:fit-content;
    min-height:0;
    max-height:calc(100vh - 48px);
    border-color:#dfe3e8;
    border-radius:6px;
    color:#1f2933;
    font-size:14px;
  }
  body.pc-ui-preview .dw-classic-dialog.dw-dialog>header { padding:16px 18px; }
  body.pc-ui-preview .dw-classic-dialog.dw-dialog h2 { font-size:16px; color:#20262d; }
  body.pc-ui-preview .dw-classic-dialog.dw-dialog header p { font-size:13px; }
  body.pc-ui-preview .dw-classic-dialog.dw-dialog header button {
    padding:7px 14px;
    font-size:13px;
  }
  body.pc-ui-preview .dw-classic-dialog .dw-list-tools { padding:14px 18px 0; }
  body.pc-ui-preview .dw-classic-dialog .dw-filter-tabs button {
    padding:6px 11px;
    font-size:13px;
    line-height:1.5;
  }
  body.pc-ui-preview .dw-classic-dialog .dw-list-controls label { font-size:12px; }
  body.pc-ui-preview .dw-classic-dialog .dw-list-controls :is(input,select) {
    height:38px;
    font-size:13px;
  }
  body.pc-ui-preview .dw-classic-dialog .dw-list-controls>button { font-size:13px; }
  body.pc-ui-preview .dw-classic-dialog .dw-list-count { margin:12px 0 3px; font-size:13px; }
  body.pc-ui-preview .dw-classic-dialog .dw-dialog-list { padding:4px 18px 16px; }
  body.pc-ui-preview .dw-classic-dialog .dw-dialog-list .dw-row {
    grid-template-columns:minmax(0,1fr) 90px 160px 105px;
    gap:16px;
    padding:14px 0;
    font-size:13px;
  }
  body.pc-ui-preview .dw-classic-dialog .dw-row-main strong { font-size:14px; line-height:1.55; }
  body.pc-ui-preview .dw-classic-dialog .dw-row small { font-size:13px; line-height:1.6; }
  body.pc-ui-preview .dw-classic-dialog .dw-date { font-size:13px; line-height:1.6; }
  body.pc-ui-preview .dw-classic-dialog .dw-row>button { padding:7px 0; font-size:13px; line-height:1.6; }
  body.pc-ui-preview .dw-classic-dialog .dw-dialog-list .dw-row.dw-cost-row {
    grid-template-columns:minmax(0,1fr) 145px;
  }
  body.pc-ui-preview .dw-classic-dialog .dw-cost-row .dw-row-main { gap:6px; }
  body.pc-ui-preview .dw-classic-dialog .dw-cost-row>button { white-space:nowrap; }
  body.pc-ui-preview .dw-classic-dialog .dw-empty { font-size:13px; }
}
@media (min-width:1200px) {
  body.pc-ui-preview .dw-classic-page .dw-classic-finance:has(>.dw-classic-money:nth-child(3):last-child) {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.83fr);
  }
}
@media (min-width:769px) and (max-width:1199px) {
  body.pc-ui-preview .dw-classic-page .dw-classic-row {
    grid-template-columns:170px minmax(0,1fr) 65px;
    gap:14px;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-money { padding:14px 16px; }
  body.pc-ui-preview .dw-classic-page .dw-classic-section-head { align-items:baseline; flex-wrap:wrap; }
  body.pc-ui-preview .dw-classic-dialog .dw-dialog-list .dw-row {
    grid-template-columns:minmax(0,1fr) 75px 140px 100px;
    gap:12px;
  }
}
@media (min-width:769px) and (max-width:959px) {
  body.pc-ui-preview .dw-classic-page .dw-classic-finance:has(>.dw-classic-money:nth-child(3):last-child) { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.pc-ui-preview .dw-classic-page .dw-classic-finance:has(>.dw-classic-money:nth-child(3):last-child)>.dw-classic-money:last-child {
    grid-column:1/-1;
    margin-top:0;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-row { grid-template-columns:150px minmax(0,1fr) 50px; gap:10px; }
}
@media (min-width:1500px) {
  body.pc-ui-preview .dashboard-workbench-page.dw-classic-page:has(>.dw-classic-recent) { grid-template-columns:minmax(0,1fr) 310px; align-items:start; }
  body.pc-ui-preview .dw-classic-page .dw-classic-business { grid-column:1; }
  body.pc-ui-preview .dashboard-workbench-page.dw-classic-page>.dw-classic-recent {
    grid-column:2;
    display:flex;
    flex-direction:column;
    align-self:stretch;
    min-height:0;
    contain:size;
  }
  body.pc-ui-preview .dw-classic-page .dw-classic-recent .section-head { flex:0 0 auto; flex-wrap:wrap; gap:6px 12px; }
  body.pc-ui-preview .dw-classic-page .dw-classic-recent .client-detail-list { flex:1 1 auto; max-height:none; }
  body.pc-ui-preview .dw-classic-page .dw-classic-recent .client-detail-item { font-size:12px; padding:12px 0; }
}

/* Short desktop windows keep the overview fixed without minimum-height overflow. */
@media screen and (min-width:769px) and (max-height:700px) {
  body.pc-ui-preview .main-view > #content:has(> .dw-classic-page) { padding-top:12px; padding-bottom:12px; }
  body.pc-ui-preview #content > .dw-classic-page :is(.dw-classic-heading,.dw-classic-warning,.dw-classic-finance,.dw-classic-monthly) { margin-bottom:10px; }
  body.pc-ui-preview #content > .dw-classic-page .dw-classic-heading { padding:7px 12px; }
  body.pc-ui-preview #content > .dw-classic-page .dw-classic-finance { gap:8px; }
  body.pc-ui-preview #content > .dw-classic-page .dw-classic-money { padding:8px 10px; }
  body.pc-ui-preview #content > .dw-classic-page .dw-classic-amount { margin:4px 0 6px; }
  body.pc-ui-preview #content > .dw-classic-page .dw-classic-amount strong { font-size:20px; }
  body.pc-ui-preview #content > .dw-classic-page .dw-classic-pill { min-height:24px; padding:2px 6px; font-size:12px; }
  body.pc-ui-preview #content > .dw-classic-page .dw-classic-monthly { min-height:0; padding:8px 10px; gap:6px 12px; }
  body.pc-ui-preview #content > .dw-classic-page .dw-monthly-heading p { margin-top:2px; }
  body.pc-ui-preview #content > .dw-classic-page .dw-monthly-values { gap:8px; }
  body.pc-ui-preview #content > .dw-classic-page .dw-monthly-values>div { padding-left:10px; }
  body.pc-ui-preview #content > .dw-classic-page .dw-monthly-values dd { font-size:18px; }
  body.pc-ui-preview #content > .dw-classic-page :is(.dw-classic-section-head,.dw-classic-recent > .section-head) { padding:7px 12px; gap:6px 10px; }
  body.pc-ui-preview #content > .dw-classic-page .dw-classic-section-head h2 { font-size:14px; }
}
@media screen and (min-width:769px) and (max-width:959px) and (max-height:700px) {
  body.pc-ui-preview #content > .dw-classic-page .dw-classic-finance:has(>.dw-classic-money:nth-child(3):last-child) { grid-template-columns:repeat(3,minmax(0,1fr)); }
  body.pc-ui-preview #content > .dw-classic-page .dw-classic-finance:has(>.dw-classic-money:nth-child(3):last-child)>.dw-classic-money:last-child { grid-column:auto; }
}

@media screen and (min-width:769px) and (max-width:1199px) and (max-height:700px) {
  body.pc-ui-preview #content > .dw-classic-page .dw-classic-monthly { grid-template-columns:110px minmax(0,1fr) auto; }
  body.pc-ui-preview #content > .dw-classic-page .dw-monthly-heading { grid-column:1; grid-row:1; }
  body.pc-ui-preview #content > .dw-classic-page .dw-monthly-values { grid-column:2; grid-row:1; }
  body.pc-ui-preview #content > .dw-classic-page .dw-monthly-action { grid-column:3; grid-row:1; }
}

/* Keep recovery notices readable without consuming the fixed work area. */
@media screen and (min-width:769px) {
  body.pc-ui-preview #content > .dw-classic-page .dw-classic-warning {
    max-height:84px;
    overflow-y:auto;
    overscroll-behavior-y:contain;
    scrollbar-gutter:stable;
    scrollbar-width:thin;
  }
}
@media screen and (min-width:769px) and (max-width:1499px) {
  body.pc-ui-preview #content > .dw-classic-page:has(> .dw-classic-recent.dw-recent-empty) {
    grid-template-rows:max-content max-content max-content max-content minmax(0,1fr) max-content;
  }
  body.pc-ui-preview #content > .dw-classic-page > .dw-classic-recent.dw-recent-empty .client-detail-list {
    flex:0 0 auto;
  }
  body.pc-ui-preview #content > .dw-classic-page .dw-classic-recent.dw-recent-empty .dw-empty {
    padding:6px 0;
    font-size:12px;
  }
}
@media screen and (min-width:769px) and (max-height:700px) {
  body.pc-ui-preview #content > .dw-classic-page .dw-classic-warning {
    max-height:48px;
    padding:6px 12px;
  }
}
@media screen and (min-width:769px) {
  body.pc-ui-preview #content > .dw-classic-page .dw-classic-warning:focus-visible {
    outline:3px solid #a4c1e8;
    outline-offset:2px;
  }
}