/* Compact, stable selection lines. No change to dispatch behaviour. */
#engagement-slots1221{display:flex;flex-direction:column;gap:7px;margin:12px 0;min-width:0}
#engagement-slots1221 .engagement-row1223{box-sizing:border-box;height:54px;min-height:54px;max-height:54px;border-radius:6px;border:1px solid #7d8793;padding:0 12px;min-width:0}
.engagement-row1223.empty{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,#333a43 0,#333a43 8px,#414954 8px,#414954 10px);color:#f4f6f9!important;font-weight:650;font-size:.9rem}
.engagement-row1223.filled{display:grid;grid-template-columns:minmax(0,1fr) auto 32px;align-items:center;gap:8px;background:#e7edf5;border-color:#6aaff0!important;color:#142739!important;box-shadow:inset 3px 0 #408bd0}
.engagement-row1223 strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;color:#142739!important}
.engagement-row1223 .engagement-status1223{font-size:.72rem;font-weight:650;white-space:nowrap;color:#25384a!important}
.engagement-row1223 button{width:32px!important;height:32px!important;min-width:32px;padding:0!important;margin:0!important;border:1px solid #9aa9b9!important;background:#d7e0eb!important;color:#24384d!important;font-size:1.2rem;line-height:1}
/* Shared interaction feedback: no movement of controls, no flashing. */
button,a.button,input,select,textarea{transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #8cc8ff!important;outline-offset:3px}
button:disabled{cursor:not-allowed}
button:not(:disabled):hover,a.button:hover{box-shadow:0 0 0 1px #ffffff55}
dialog{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;border-radius:12px;box-shadow:0 20px 65px #0008}
dialog::backdrop{background:#080e18ad}
dialog[open]{animation:themis-dialog1223 .12s ease-out}
@keyframes themis-dialog1223{from{opacity:.65}to{opacity:1}}
/* PC: clearer grouping and consistent spacing. */
#content .page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#content .page-head h1{margin-bottom:4px}
#content .page-head>.row{justify-content:flex-end;gap:8px;flex-wrap:wrap}
#call-form .alarm-save-bar{gap:6px;align-items:center;flex-wrap:wrap}
#call-form .alarm-save-bar button{min-height:34px;margin:0}
#call-form .alarm-save-bar [data-do="call-close"],#call-form .alarm-save-bar [data-do="call-reopen"]{border:1px solid #85909d}
#content .resource-tile1221 .resource-actions1221{align-items:center;gap:8px}
#content .resource-tile1221 .resource-img{flex:0 0 100px}
#content .people-filters1221{gap:12px;padding:12px}
#content .people-filters1221 label{margin:0}
#content .people-filters1221 input,#content .people-filters1221 select{min-height:38px}
#content .dms-person-row{align-items:center}
#content .dms-person-row .row{gap:6px}
@media(min-width:1600px){#content .resource-tile1221{padding:18px}#content .page-head{margin-bottom:20px}}
@media(max-width:1100px){#call-form .form-grid{grid-template-columns:minmax(0,1fr)!important}#call-form .form-grid>*{min-width:0}#content .page-head>.row{justify-content:flex-start}#content .page-head{align-items:flex-start}}
@media(max-width:600px){dialog{max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:14px}#content .people-filters1221 label{flex-basis:100%}#engagement-slots1221 .engagement-row1223{padding:0 8px}.engagement-row1223.filled{gap:5px}.engagement-row1223 strong{font-size:.85rem}.engagement-row1223 .engagement-status1223{font-size:.65rem}.mobile-topbar .icon-button,.field-topbar .icon-button{min-width:40px;min-height:40px}}
@media(prefers-reduced-motion:reduce){button,a.button,input,select,textarea{transition:none!important}dialog[open]{animation:none!important}}
/* Reserve two tag lines so neighbouring resource actions stay aligned. */
#content .resource-tile1221 .resource-tags1221{min-height:60px;align-content:flex-start;align-items:flex-start}