
/* v381: compact controls, stronger illustration and readable mobile text. */
ion-modal.case-detail-modal .case-detail{padding-left:12px!important;padding-right:12px!important}
.case-detail .checklist-item{padding-left:6px!important;padding-right:6px!important}
.case-detail .checklist-header{min-height:62px!important}
.case-detail .checklist-header::before{inset:0 0 0 auto!important;width:150px;opacity:1!important;filter:saturate(1.5) contrast(1.08);background-position:right center!important;background-size:auto 76px!important}
.case-detail .activity-heading379{position:relative;z-index:1;background:transparent!important;max-width:calc(100% - 135px)!important}
.case-detail .checklist-add-button{--background:linear-gradient(#a32a38,#801f20)!important;--background-hover:#701921!important;--background-activated:#63151c!important;--color:white!important;--border-radius:12px!important;--box-shadow:0 4px 9px #801f2030!important;color:white!important}
.case-detail .checklist-add-button::part(native){background:linear-gradient(#a32a38,#801f20)!important;color:#fff!important}
.case-detail .activity-filter-toggle323{background:linear-gradient(#20d9be,#009c9f)!important;color:white!important;border-color:#0ab4a7!important;box-shadow:0 4px 9px #008f9335!important}
@media(max-width:700px){
 ion-modal.case-detail-modal .case-detail{padding-left:6px!important;padding-right:6px!important}
 .case-detail .checklist-item-text{font-size:18px!important}
 .case-detail .checklist-header{min-height:62px!important}
 .case-detail .checklist-header::before{width:115px;background-size:auto 70px!important}
 .case-detail .activity-heading379{max-width:calc(100% - 100px)!important}
 .case-detail .checklist-main-add-row.composer357{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)!important;gap:6px!important;padding:8px 6px!important}
 .case-detail .composer357>.checklist-input-with-dictation{grid-column:1/-1!important;grid-row:1!important;min-width:0!important;width:100%;box-sizing:border-box}
 .case-detail .composer357>.checklist-add-button{grid-column:1!important;grid-row:2!important;width:100%!important;min-width:0!important;margin:0!important}
 .case-detail .composer357>.composer-options357{grid-column:2!important;grid-row:2!important;min-width:0!important;width:100%!important}
 .case-detail .composer-options357>summary{padding:10px 5px!important;max-width:none!important;text-align:center;font-size:12px!important}
 .case-detail .composer357>.activity-filter-panel323{grid-column:3!important;grid-row:2!important;width:100%!important;min-width:0!important;max-width:none!important}
 .case-detail .activity-filter-toggle323{width:100%!important;padding:10px 5px!important;min-width:0!important;font-size:12px!important}
 .case-detail .composer357>.composer-options357[open]{grid-column:1/-1!important;grid-row:3!important}
 .case-detail .activity-filter-toggle323 .activity-filter-count299{display:none!important}
 .case-detail .checklist-item-actions{grid-column:1/-1!important;display:flex!important;flex-wrap:nowrap!important;gap:2px!important;width:100%;max-width:100%;box-sizing:border-box;overflow-x:auto;padding:3px 0!important}
 .case-detail .checklist-item-actions>button,.case-detail .checklist-item-actions>ion-button{width:28px!important;min-width:28px!important;flex:0 0 28px!important;padding:1px!important;margin:0!important}
 .case-detail .checklist-item-actions .assign-activity-v232{width:34px!important;min-width:34px!important;flex:0 0 34px!important}
 .case-detail .checklist-item-actions .assign-activity-v232:not(.important-save-v234){width:34px!important;min-width:34px!important;flex-basis:34px!important}
 .case-detail .checklist-item-actions .today-star313{width:26px!important;min-width:26px!important;flex:0 0 26px!important}
 .case-detail .checklist-item-actions .activity-alarm-button{width:28px!important;min-width:28px!important;flex:0 0 28px!important}
 .case-detail .checklist-item-actions>ion-button[aria-label="Editar actividad"]{width:28px!important;min-width:28px!important;flex-basis:28px!important}
 .case-detail .checklist-item-actions .assign-activity-v232 span{font-size:8px!important}
}
