.attention-panel{padding:18px 22px;margin-bottom:20px}.attention-panel>summary{font-weight:650;cursor:pointer;font-size:16px}.attention-panel>div{margin-top:18px}.attention-toolbar{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:12px 0}.attention-toolbar label{display:flex;gap:8px;align-items:center}.attention-toolbar select,.attention-toolbar input{font:inherit;max-width:100%;padding:8px;border:1px solid #bbc7c4;background:white;border-radius:4px}.attention-list{display:grid;gap:10px}.attention-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px;border:1px solid #dce3e1;border-radius:5px;background:#fff}.attention-item small{color:#52615c}.attention-item h3{font-size:15px;margin:7px 0}.attention-item p{font-size:13px;margin:0;line-height:1.5}.attention-item .button{flex-shrink:0}.matter-appointments-card{grid-column:1/-1}.matter-appointment{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #e0e6e3}.matter-appointment p{margin:7px 0}.matter-appointment small,.matter-appointment a{display:block;font-size:12px;margin-top:8px}.matter-appointment-confirm{margin-top:20px;padding:18px;background:#f0f4f1;border:1px solid #a7bdb3;border-radius:5px}.matter-appointment-confirm>label,.matter-appointment-confirm fieldset label{display:flex;gap:10px;align-items:start;margin:10px 0}.matter-appointment-confirm input[type=checkbox]{width:auto;flex-shrink:0;margin-top:3px}.matter-appointment-confirm fieldset{border:1px solid #bacac3;padding:12px}.matter-appointment-confirm .button{margin:8px 10px 0 0}.matter-calendar-dialog{width:min(780px,calc(100vw - 28px));max-height:90vh;overflow:auto;border:1px solid #8ea99d;border-radius:8px;padding:24px;color:#1e342b}.matter-calendar-dialog::backdrop{background:#10231c88}.matter-calendar-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:15px}.matter-calendar-dialog h2{font-size:22px}.matter-calendar-dialog button,.matter-calendar-dialog select,.matter-calendar-dialog input{font:inherit}#workspaceAppointments details{margin-top:20px}#workspaceAppointments summary{cursor:pointer;font-weight:600}.attention-focus{outline:3px solid #648b79;outline-offset:4px}@media(max-width:640px){.attention-item,.matter-appointment{display:block}.attention-item .button,.matter-appointment>.text-link{margin-top:14px}.attention-panel{padding:14px}.attention-toolbar label{display:block}.attention-toolbar select{display:block;margin-top:7px}.matter-calendar-dialog{padding:15px}.matter-appointment-confirm{padding:12px}}