/* C186 · approved CRM, Service and Dashboard presentation only. */
.engagement-case{color:#20324c}.engagement-case>.card{width:100%;margin:0 0 18px!important}.engagement-case>.card>.card-head,.engagement-service-area>.card>.card-head{background:var(--blue);color:#fff;border-bottom:0;padding:14px 18px;font-size:16px}
.engagement-form-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.engagement-form-footer small,.engagement-activity-head small{font-size:12px;color:#65768d}.engagement-end{justify-content:flex-end}.engagement-complete{background:#eaf8ef!important;color:#17824d!important;border-color:#eaf8ef!important}.engagement-complete:disabled{opacity:.45;cursor:default}
.engagement-schedule-row{display:grid;grid-template-columns:minmax(0,1fr) 190px auto;gap:14px;align-items:end}.engagement-schedule-row>div{min-width:0}.engagement-schedule-row input,.engagement-schedule-row select{width:100%;min-width:0}.engagement-case textarea{width:100%;min-height:80px}
#crmDetailFollowup #crmPendingFollowupWrap{overflow-x:auto!important}#crmDetailFollowup #crmPendingFollowupTable{min-width:0!important;width:100%!important;table-layout:fixed!important}#crmDetailFollowup #crmPendingFollowupTable th,#crmDetailFollowup #crmPendingFollowupTable td{padding:12px 8px!important;white-space:normal!important;overflow-wrap:anywhere}
#crmDetailFollowup #crmPendingFollowupTable th:first-child,#crmDetailFollowup #crmPendingFollowupTable td:first-child{width:40px!important}#crmDetailFollowup #crmPendingFollowupTable th:nth-child(3){width:155px!important}#crmDetailFollowup #crmPendingFollowupTable th:last-child,#crmDetailFollowup #crmPendingFollowupTable td:last-child{width:175px!important}
#crmDetailFollowup #crmPendingFollowupRows [data-followup-operation="complete"]{display:none!important}#crmDetailFollowup #crmPendingFollowupRows .actions{width:auto!important;max-width:100%!important;flex-wrap:wrap!important;gap:5px!important;justify-content:center!important}#crmDetailFollowup #crmPendingFollowupRows .actions button{padding:7px 9px!important;font-size:12px!important}#crmDetailFollowup #crmPendingFollowupRows [hidden]{display:none!important}
.engagement-activity{margin-top:20px}.engagement-activity-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 13px}.engagement-activity-head h2{margin:0;font-size:18px;color:#20324c}
.engagement-filters,.engagement-service-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:18px}.engagement-filters button,.engagement-service-tabs button{border:0;background:transparent;color:#65768d;padding:8px 11px;border-radius:7px;font-size:13px}.engagement-filters button[aria-pressed="true"]{background:#e9f1fd;color:#123f85;font-weight:700}.engagement-service-tabs{border-bottom:1px solid #dce5f0;padding-bottom:10px}.engagement-service-tabs button[aria-pressed="true"]{background:#123f85;color:#fff}
.engagement-timeline{border-left:2px solid #dce5f0;margin:0 0 0 10px!important;padding-left:25px!important}.engagement-day{font-size:12px;font-weight:650;color:#65768d;padding:12px 0}.engagement-event{position:relative;background:#fff;color:#20324c;border:1px solid #dce5f0;border-radius:9px;padding:15px 17px;margin-bottom:15px}.engagement-event::before{position:absolute;content:'';left:-33px;top:22px;width:12px;height:12px;background:#fff;border:2px solid #dce5f0;border-radius:50%}.engagement-note{background:#fff8dc}.engagement-done{border-left:3px solid #17824d}.engagement-done::before{background:#17824d;border-color:#17824d}.engagement-done .engagement-event-head strong{color:#17824d}.engagement-event-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:7px}.engagement-event-head strong{font-size:14px;font-weight:700}.engagement-event-head small{font-size:12px;color:#65768d}.engagement-event p{font-size:14px!important;line-height:1.55!important;margin:0;overflow-wrap:anywhere}.engagement-event .service-photo-grid{margin-top:10px}
#engagementDashboard{padding:17px 20px}.engagement-due-group{margin-bottom:17px}.engagement-due-group h3{font-size:14px;margin:0 0 4px;color:#123f85}.engagement-due-group h3 span{font-size:12px;margin-left:6px;background:#edf3fc;border-radius:12px;padding:2px 8px}.engagement-overdue h3,.engagement-overdue-text{color:#b64032!important}.engagement-overdue .engagement-task-date{color:#b64032}.engagement-task-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #dce5f0;min-width:0}.engagement-task-row>input[type=checkbox]{width:18px;height:18px;min-width:18px;min-height:18px;flex:0 0 18px;padding:0;margin:0;accent-color:#123f85}.engagement-task-main{flex:1;min-width:0}.engagement-task-main>strong{display:block;font-size:14px;overflow-wrap:anywhere}.engagement-task-main>small{display:block;font-size:12px;color:#65768d}.engagement-task-main .crm-case-name-link{display:block!important;padding:0;margin-top:4px;text-align:left;font-size:12px;white-space:normal;overflow-wrap:anywhere}.engagement-task-date{font-size:12px;text-align:right;flex:0 0 auto;max-width:125px;color:#65768d}.engagement-task-date small{display:block;font-size:11px}.engagement-task-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.engagement-task-actions button{font-size:12px;padding:7px 9px}.engagement-empty{font-size:13px;color:#65768d;padding:12px 0}
#servicesApp .engagement-service-area>.card{margin-bottom:18px}.engagement-service-schedule{display:grid;grid-template-columns:minmax(0,1.3fr) 150px minmax(0,1fr) auto;gap:12px;align-items:end}.engagement-service-schedule>div{min-width:0}.engagement-service-schedule input,.engagement-service-schedule select{width:100%;min-width:0}.engagement-service-schedule label{font-size:12px}.engagement-service-area .service-comment-compose{grid-template-columns:minmax(0,1fr) auto;display:grid;gap:12px}.engagement-service-area .service-comment-compose textarea{grid-column:1/-1;width:100%}.engagement-service-area .service-comment-compose input[type=file]{min-width:0;width:100%}.engagement-service-area .service-comment-compose [data-service-action="add-comment"]{justify-self:end}.engagement-service-area .service-comment-compose #serviceDraftPhotos{grid-column:1/-1}.engagement-service-area .service-comment-compose button{max-width:100%}
#servicesApp [hidden],#crmDetailFollowup [hidden],#crmDashboardView .crm-table-wrap[hidden],.engagement-timeline [hidden]{display:none!important}
@media(max-width:700px){.engagement-schedule-row,.engagement-service-schedule{grid-template-columns:1fr}.engagement-schedule-row>button,.engagement-service-schedule>button{justify-self:end}.engagement-event-head{flex-direction:column;gap:4px}.engagement-timeline{padding-left:18px!important;margin-left:5px!important}.engagement-event::before{left:-26px}.engagement-event{padding:13px}.engagement-task-row{gap:8px;flex-wrap:wrap}.engagement-task-main{flex-basis:45%}.engagement-task-actions{margin-left:26px}.engagement-task-date{max-width:95px;font-size:11px}#engagementDashboard{padding:14px 12px}.engagement-service-area .service-comment-compose{grid-template-columns:1fr}.engagement-service-area .service-comment-compose [data-service-action="add-comment"]{grid-column:1/-1}
#crmDetailFollowup #crmPendingFollowupTable th,#crmDetailFollowup #crmPendingFollowupTable td{padding:10px 4px!important;font-size:12px!important}#crmDetailFollowup #crmPendingFollowupTable th:first-child,#crmDetailFollowup #crmPendingFollowupTable td:first-child{width:28px!important}#crmDetailFollowup #crmPendingFollowupTable th:nth-child(3){width:85px!important}#crmDetailFollowup #crmPendingFollowupTable th:last-child,#crmDetailFollowup #crmPendingFollowupTable td:last-child{width:84px!important}#crmDetailFollowup #crmPendingFollowupRows .actions button{padding:6px!important;font-size:11px!important}}
@media(pointer:coarse){.engagement-service-area input,.engagement-service-area select,.engagement-service-area textarea,.engagement-schedule-row input,.engagement-schedule-row select{font-size:16px}.engagement-filters button,.engagement-service-tabs button,.engagement-task-actions button{min-height:44px}}
