/* Complete activity presentation v379. */
ion-modal.case-detail-modal{--border-radius:28px;--background:#eef5fc}
ion-modal.case-detail-modal::part(content){border:1px solid #fff;border-radius:28px!important;overflow:hidden;box-shadow:0 24px 70px #203e6240}
ion-modal.case-detail-modal .case-detail{background:radial-gradient(ellipse at 20% 0%,#d7edf8 0%,transparent 50%),linear-gradient(135deg,#eef6ff,#f9f8fc 70%,#eaf5f8)!important;padding:20px 24px!important}
.case-detail>.case-detail-drag-handle{border:1px solid #ffffffb0;border-radius:18px;padding:8px 12px!important;margin-bottom:8px!important;background:linear-gradient(110deg,#e0f3fa,#ffffffed)!important;box-shadow:0 9px 22px #6687ac26!important}
.case-detail .checklist-header{position:relative;min-height:106px;display:flex;align-items:center!important;gap:16px;padding:16px 8px!important;margin-bottom:8px;isolation:isolate;border-radius:16px;overflow:hidden;background:linear-gradient(115deg,#edf6fd,#f7f5fc)!important;box-shadow:none!important}
.case-detail .checklist-header::before{content:"";position:absolute;inset:0 16% 0 35%;background:url('./activity-hero379.svg') center bottom/contain no-repeat;z-index:-1;pointer-events:none}
.case-detail .activity-heading379{max-width:58%;padding:8px;border-radius:12px;background:linear-gradient(90deg,#f0f7fde8,#f0f7fd00)}
.case-detail .activity-heading379 h2{color:#801f20!important;font-size:21px!important;line-height:1.3!important;margin:0!important}
.case-detail .activity-heading379 p{font-size:13px;color:#677e9d;margin:5px 0 0;line-height:1.4;max-width:340px}
.case-detail .activity-progress379{margin-left:auto;min-width:155px;display:flex;flex-direction:column;gap:9px;align-items:stretch}
.case-detail .activity-progress379 span{font-size:14px!important;font-weight:650;color:#3f577a;text-align:right}
.case-detail .activity-progress379 progress{appearance:none;width:100%;height:10px;border:0;border-radius:8px;overflow:hidden;background:#c8d3e4;box-shadow:inset 0 2px 4px #6982a34d}
.case-detail progress::-webkit-progress-bar{background:#c8d3e4;box-shadow:inset 0 2px 4px #6982a34d;border-radius:8px}
.case-detail progress::-webkit-progress-value{background:linear-gradient(90deg,#38d6c0,#07999e);border-radius:8px}
.case-detail progress::-moz-progress-bar{background:#07999e;border-radius:8px}
ion-modal.case-detail-modal .case-detail .checklist-main-add-row.composer357{background:linear-gradient(130deg,#ffffff,#eff4fd)!important;border:1px solid #fff!important;box-shadow:0 7px 18px #627fa326!important;border-radius:18px!important;padding:12px!important}
.case-detail .composer357 .checklist-input-with-dictation{border:1px solid #d8e5f4!important;background:#fbfdff!important;box-shadow:inset 0 1px 5px #6e94be24!important}
.case-detail .composer-options357>summary,.case-detail .activity-filter-toggle323{border:1px solid #fff!important;color:#395a7c!important;background:linear-gradient(#fff,#eaf0f8)!important;box-shadow:0 4px 9px #6d91b72b!important;padding:12px!important}
.case-detail .checklist-item{border-radius:16px!important;background:linear-gradient(110deg,#ffffffed,#f4fafce8)!important;border:1px solid #ffffffeb!important;box-shadow:0 5px 14px #5e7f9e12!important;padding:10px 12px!important;margin:7px 0!important}
.case-detail .checklist-item-text{font-size:16px!important;line-height:1.35!important}
.case-detail .checklist-item-actions{padding:3px!important;border-radius:12px;background:linear-gradient(100deg,#edf5fa00,#eaf5f866)}
.case-detail .checklist-item-actions>button{border-radius:10px!important}
.case-detail .checklist-item-actions .today-star313{font-size:22px!important}
@media(max-width:700px){
 ion-modal.case-detail-modal .case-detail{padding:12px!important}
 .case-detail>.case-detail-drag-handle{padding:6px!important;border-radius:14px}
 .case-detail .checklist-header{min-height:115px;flex-wrap:wrap;padding:10px!important;gap:6px}
 .case-detail .checklist-header::before{inset:0 0 0 55%;opacity:.6}
 .case-detail .activity-heading379{max-width:100%;padding:0}
 .case-detail .activity-heading379 h2{font-size:20px!important}
 .case-detail .activity-heading379 p{font-size:12px;max-width:240px}
 .case-detail .activity-progress379{min-width:0;width:100%;gap:5px}
 .case-detail .activity-progress379 span{font-size:12px!important;text-align:left}
 .case-detail .checklist-item-text{font-size:15px!important}
}