/* Case presentation is scoped to the office case screen. */
.app-shell #officeCasesView{--case-link:#245f91;--case-next:#f4f7fa;--case-next-line:#a6bacb;--case-active:#edf3fa;--case-active-text:#285781;--case-done:#edf5ef;--case-done-text:#346248}
html[data-theme=dark] .app-shell #officeCasesView{--case-link:#a2c7ed;--case-next:#20262c;--case-next-line:#52718d;--case-active:#263344;--case-active-text:#bdd9f3;--case-done:#24372c;--case-done-text:#bddbc7}
.app-shell #officeCasesView .split-layout{grid-template-columns:minmax(280px,.8fr) minmax(0,1.65fr);align-items:start;gap:20px}
.app-shell #officeCasesView .office-case-details-panel{background:var(--white);padding:28px;border:1px solid var(--line);border-radius:14px}
.app-shell #officeCasesView #officeCaseDetails{gap:0;color:var(--black-03);font-family:var(--ws-ui)}
.app-shell #officeCasesView #officeCaseDetails .details-header{padding-bottom:22px;gap:18px;border-bottom:1px solid var(--line)}
.app-shell #officeCasesView #officeCaseDetails .details-header h2{font-size:22px;line-height:1.45;letter-spacing:-.02em;margin:7px 0 0;font-weight:650}
.app-shell #officeCasesView #officeCaseDetails .eyebrow{font-size:11px;color:var(--muted);letter-spacing:.07em}
.app-shell #officeCasesView #officeCaseDetails .case-section{padding:24px 0;margin:0;border:0;border-bottom:1px solid var(--line);background:transparent;min-width:0}
.app-shell #officeCasesView #officeCaseDetails .case-section h3{font-size:14px;font-weight:650;line-height:1.5;color:var(--black-03);margin:0 0 18px;letter-spacing:0;text-transform:none}
.app-shell #officeCasesView #officeCaseDetails .case-section p{margin:0;font-size:14px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}
.app-shell #officeCasesView #officeCaseDetails .case-next-step{background:var(--case-next);border:1px solid var(--line);border-left:3px solid var(--case-next-line);border-radius:10px;padding:18px 20px;margin:22px 0 0}
.app-shell #officeCasesView #officeCaseDetails .case-next-step h3{margin:0 0 8px}
.app-shell #officeCasesView #officeCaseDetails .case-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;min-width:0;margin:0}
.app-shell #officeCasesView #officeCaseDetails .case-verification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px;min-width:0;margin:0}
.app-shell #officeCasesView #officeCaseDetails .case-field{min-width:0;padding:0;border:0;background:transparent}
.app-shell #officeCasesView #officeCaseDetails .case-field-wide{grid-column:1/-1}
.app-shell #officeCasesView #officeCaseDetails .case-field dt{font-size:11px;font-weight:550;line-height:1.6;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 7px}
.app-shell #officeCasesView #officeCaseDetails .case-field dd{font-size:14px;font-weight:450;line-height:1.7;color:var(--black-03);background:transparent;border:0;box-shadow:none;padding:0;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.app-shell #officeCasesView #officeCaseDetails .case-empty{color:var(--muted);font-weight:400}
.app-shell #officeCasesView #officeCaseDetails a.case-document-link{color:var(--case-link);font-weight:550;text-decoration:underline;text-underline-offset:3px;white-space:normal}
.app-shell #officeCasesView #officeCaseDetails .case-field :is(strong,a){background:transparent;box-shadow:none;border:0}
.app-shell #officeCasesView #officeCaseDetails .detail-actions{gap:10px;flex-wrap:wrap;margin:0;padding-top:20px}
.app-shell #officeCasesView #officeCaseAssignForm{padding-top:18px;margin-top:18px;border-top:1px solid var(--line);align-items:end}
.app-shell #officeCasesView #officeCaseAssignForm label{flex:1;min-width:200px}
.app-shell #officeCasesView .office-case-row{border:1px solid var(--line);border-radius:10px;padding:16px;background:var(--white);box-shadow:none;gap:10px;font-family:var(--ws-ui)}
.app-shell #officeCasesView .office-case-row:hover{background:var(--light);border-color:var(--line-strong)}
.app-shell #officeCasesView .office-case-row.is-active{background:var(--case-next);border-color:var(--case-next-line);box-shadow:inset 3px 0 0 var(--case-next-line)}
.app-shell #officeCasesView .office-case-heading strong{font-size:14px;line-height:1.6;font-weight:600;background:transparent}
.app-shell #officeCasesView .office-case-preview{font-size:12px;line-height:1.65;font-weight:400}
.app-shell #officeCasesView .office-case-meta{font-size:11px;line-height:1.6}
.app-shell #officeCasesView .status{border:1px solid var(--line);border-radius:20px;padding:5px 10px;font-size:11px;font-weight:550;line-height:1.5;white-space:nowrap;background:var(--light);color:var(--muted)}
.app-shell #officeCasesView .status.preparation{background:var(--case-active);color:var(--case-active-text);border-color:transparent}
.app-shell #officeCasesView .status.completed{background:var(--case-done);color:var(--case-done-text);border-color:transparent}
@media(max-width:1200px){.app-shell #officeCasesView #officeCaseDetails .case-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.app-shell #officeCasesView .split-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.app-shell #officeCasesView .office-case-details-panel{padding:18px}.app-shell #officeCasesView #officeCaseDetails .case-meta-grid,.app-shell #officeCasesView #officeCaseDetails .case-verification-grid{grid-template-columns:minmax(0,1fr);gap:20px}.app-shell #officeCasesView #officeCaseDetails .details-header{flex-direction:column;gap:12px}.app-shell #officeCasesView #officeCaseDetails .details-header h2{font-size:20px}.app-shell #officeCasesView #officeCaseDetails .case-next-step{padding:16px}.app-shell #officeCasesView #officeCaseDetails .case-section{padding-top:20px;padding-bottom:20px}.app-shell #officeCasesView #officeCaseAssignForm label{min-width:0}.app-shell #officeCasesView .office-case-heading{flex-wrap:wrap}}
.app-shell #officeCasesView #officeCaseDetails{scroll-margin-top:110px}.app-shell #officeCasesView #officeCaseDetails .case-field dd.case-empty{color:var(--muted);font-weight:400}