ion-modal.case-detail-modal .case-detail{scroll-padding-top:calc(var(--case-sticky-scroll352,0px) + 12px)}
ion-modal.case-detail-modal .case-detail [data-case-sticky352]{position:sticky!important;top:var(--case-sticky-top352,0px);z-index:32;background:#f4f8f7;box-shadow:0 -16px 0 #f4f8f7,0 12px 0 #f4f8f7;isolation:isolate}
ion-modal.case-detail-modal .case-detail [data-case-sticky352="title"]{z-index:35;box-shadow:0 -48px 0 #f4f8f7,0 12px 0 #f4f8f7}
ion-modal.case-detail-modal .case-detail .checklist-main-add-row[data-case-sticky352]{z-index:34;box-shadow:0 -8px 0 #f4f8f7,0 12px 0 #f4f8f7,0 14px 2px #173f3d20}
ion-modal.case-detail-modal .case-detail.case-sticky-short352 [data-case-sticky352="controls"]{position:relative!important;top:auto;z-index:auto;box-shadow:none}
ion-modal.case-detail-modal .case-detail .activity-filter-panel323>.activity-filters299{max-height:45dvh;overflow:auto}

/* Compact composer with room for wider activity filters. */
.case-detail .case-search353{border:1px solid #94c6bf;border-radius:7px;background:#edf8f5;color:#12665f;padding:9px 12px;white-space:nowrap;font:14px Arial;cursor:pointer;min-height:38px;order:-2}
.case-detail .activity-filter-panel323>.activity-filters299{width:380px;max-width:calc(100vw - 40px)}
.case-detail .activity-filters299 input[type=search]{box-sizing:border-box;width:100%;min-height:40px;border:1px solid #adcfc9;border-radius:7px;padding:8px;background:white;color:#234d4b;font:16px Arial}
@media(min-width:701px){.case-detail .checklist-main-add-row{grid-template-columns:minmax(160px,1fr) 46px 54px 112px minmax(130px,220px)!important}.case-detail .checklist-main-add-row>.activity-filter-panel323{width:100%;justify-self:stretch}.case-detail .activity-filter-toggle323{width:100%}}
.case-detail .checklist-input-with-dictation ion-textarea{height:auto;max-height:none}.case-detail .checklist-input-with-dictation textarea{resize:vertical;overflow-y:auto}
@media(max-width:700px){.case-detail .case-search353{font-size:12px;padding:7px;min-height:34px}.case-detail .activity-filter-panel323>.activity-filters299{width:100%;max-width:none}}
@media(min-width:360px) and (max-width:700px){.case-detail>.case-detail-drag-handle{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:5px 0}.case-detail>.case-detail-drag-handle>h1{grid-column:1/-1}.case-detail .case-quick-actions{grid-column:1;grid-row:2;flex-wrap:nowrap!important;gap:0!important;min-width:0}.case-detail .case-detail-title-actions{grid-column:2;grid-row:2;gap:0!important}.case-detail .case-quick-actions .case-export-pdf-button{min-width:62px!important}.case-detail .case-quick-actions ion-button:has(.action-visual-v231){min-width:58px!important}.case-detail .case-search353{padding:6px;font-size:11px}}

/* Move the entire Ionic surface, including background and scrollbar. */
ion-modal.case-detail-modal::part(content){translate:var(--case-modal-x356,0px) var(--case-modal-y356,0px)}
@media(max-width:700px){ion-modal.case-detail-modal::part(content){translate:none}}

.case-detail .composer357{align-items:center;flex-wrap:wrap!important;gap:8px!important}
.case-detail .composer357 .checklist-input-with-dictation{border:1px solid #862936!important;background:#fff8f9!important;box-shadow:0 0 0 1px #86293622,0 2px 7px #86293622!important;flex:1 1 220px!important}
.case-detail .composer357 .checklist-input-with-dictation ion-textarea{--background:transparent;--color:#532631}
.case-detail .composer357 .checklist-dictation-button{color:#802432!important;border-color:#802432!important}
.case-detail .activity-filter-toggle323{background:#802432!important;color:#fff!important;border-color:#802432!important}
.case-detail .activity-filter-panel323 .activity-filters299{border-color:#b7818a;background:#fffafb}
.case-detail .composer357>.activity-filter-panel323{flex:0 0 130px!important;width:130px!important;max-width:100%}
.case-detail .composer-options357{order:3;flex:0 1 auto;max-width:100%;color:#632330}
.case-detail .composer-options357>summary{cursor:pointer;list-style:none;border:1px solid #b5818a;border-radius:7px;padding:10px 13px;background:#fff5f6;font-size:13px;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case-detail .composer-options357>summary::after{content:' ▾'}
.case-detail .composer-options357[open]{flex:1 1 100%;order:6}
.case-detail .composer-panel357{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px;background:#fff8f9;border:1px solid #dfbfc6;border-radius:7px;margin-top:5px}
.case-detail .composer-panel357 label{display:flex;flex-direction:column;gap:4px;font-size:12px;min-width:150px;max-width:100%}
.case-detail .composer-panel357 select{padding:7px;max-width:100%;background:white;color:#532631;border:1px solid #c6a1a9;border-radius:5px}
.case-detail .composer-panel357 .activity-assignee-visual-v236{position:relative;flex:0 0 60px!important;width:60px!important;height:46px}
.case-detail .composer-panel357 small{flex-basis:100%}
@media(max-width:700px){.case-detail .composer357 .checklist-input-with-dictation{flex-basis:100%!important}.case-detail .composer357>.activity-filter-panel323{flex:1 1 90px!important;width:auto!important}.case-detail .composer-options357>summary{max-width:150px}.case-detail .composer-panel357{gap:8px}}

.case-detail .checklist-main-add-row.composer357{display:flex!important;grid-template-columns:none!important}
.case-detail .composer357>.checklist-input-with-dictation{order:0;min-width:180px}
.case-detail .composer357>.checklist-add-button{order:1;flex:0 0 auto}
.case-detail .composer357>.composer-options357{order:2}
.case-detail .composer357>.composer-options357[open]{order:5;width:100%}
.case-detail .composer357>.activity-filter-panel323{order:3}
.case-detail .composer-panel357>.activity-attachment-button{min-width:44px!important;width:44px!important;flex:0 0 44px!important}

/* White surfaces with wine outlines. */
.case-detail .composer357 .checklist-input-with-dictation,.case-detail .composer-options357>summary,.case-detail .composer-panel357,.case-detail .activity-filter-panel323 .activity-filters299{background:#fff!important;border-color:#802432!important}
.case-detail .composer357 .checklist-input-with-dictation{box-shadow:none!important}
.case-detail .activity-filter-toggle323{background:#fff!important;color:#802432!important;border:1px solid #802432!important}
.case-detail .composer-panel357 select,.case-detail .composer-panel357 input{box-sizing:border-box;background:#fff;color:#532631;border:1px solid #802432;border-radius:5px;padding:7px;max-width:100%;min-height:34px}
.case-detail .composer-panel357 input{width:210px}