/* Shared, in-flow customer attention area. Never floats over mobile controls. */
.customer-attention{position:sticky;top:0;z-index:4;display:grid;gap:8px;max-height:36vh;overflow:auto;overscroll-behavior:contain;background:var(--bg,#f4f7fa)}
.customer-attention:empty{display:none}
.customer-attention .appointment-staff-alert-banner,.customer-attention-message{position:static;inset:auto;z-index:auto;display:flex;align-items:center;gap:14px;width:100%;min-width:0;border:2px solid #b91c1c;border-left-width:7px;border-radius:10px;background:#fff;color:#991b1b;padding:12px 14px;box-shadow:none;margin-bottom:6px}
.customer-attention .appointment-staff-alert-banner>div:first-child,.customer-attention-message>div{display:grid;gap:4px;flex:1;min-width:0;overflow-wrap:anywhere}
.customer-attention small{display:block;font-size:12px;line-height:1.5}
.customer-attention .appointment-staff-alert-actions button,.customer-attention-message>button{border:0;border-radius:8px;background:#b91c1c;color:#fff;min-height:40px;padding:8px 12px;font-size:12px;cursor:pointer;font-weight:700}
.customer-attention .appointment-staff-alert-banner{background:#b91c1c;color:#fff}
.customer-attention .appointment-staff-alert-actions button{background:#fff;color:#991b1b}
.customer-attention-message{border-color:#b45309;color:#78350f}
.customer-attention-message>button{background:#92400e}
.message-inbox{display:grid;gap:16px;min-width:0;color:#172033}
.message-inbox *{box-sizing:border-box}
.message-inbox button,.message-inbox a{overflow-wrap:anywhere}
.message-inbox button{border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#174139;padding:10px 14px;min-height:42px;cursor:pointer;font-weight:700}
.message-inbox button:disabled{opacity:.55;cursor:default}
.message-inbox-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.message-inbox-heading h2{margin:0 0 8px;font-size:23px}
.message-inbox p{line-height:1.6;margin:7px 0;overflow-wrap:anywhere}
.message-inbox-heading p{font-size:13px;color:#475569;max-width:760px}
.message-inbox-heading>button{flex-shrink:0}
.message-inbox-summary{border:1px solid #dbe3eb;border-radius:10px;background:#fff;padding:14px}
.message-inbox-summary h3{margin:0 0 8px;font-size:17px}
.message-inbox-channels{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0}
.message-inbox-channels li{display:grid;gap:4px;flex:1 1 230px;min-width:0;overflow-wrap:anywhere;border-left:3px solid #94a3b8;padding:5px 10px}
.message-inbox-channels span,.message-inbox-channels small{font-size:12px;color:#475569}
.message-inbox-error{border:1px solid #f0b5b5;border-radius:8px;padding:10px;background:#fff1f2;color:#991b1b}
.message-inbox-filters,.message-inbox-pagination{display:flex;gap:8px;flex-wrap:wrap}
.message-inbox-filters [aria-pressed="true"]{background:#164e43;color:#fff;border-color:#164e43}
.message-inbox-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,1.8fr);gap:18px;align-items:start}
.message-inbox-grid>section{min-width:0}
.message-inbox-list{display:grid;gap:8px;margin-bottom:12px}
.message-inbox .message-inbox-item{display:grid;gap:5px;text-align:left;min-width:0;width:100%;font-weight:400}
.message-inbox-item[aria-current="true"]{border:2px solid #0f766e;background:#ecfdf5}
.message-inbox-item span,.message-inbox-item small{font-size:12px;color:#475569;overflow-wrap:anywhere}
.message-inbox-item strong{font-size:15px;color:#172033}
.message-inbox-detail{background:#fff;border:1px solid #dbe3eb;border-radius:10px;padding:18px;overflow-wrap:anywhere}
.message-inbox-detail h3{margin-top:0}
.message-inbox-detail>a{display:inline-block;color:#0369a1;text-decoration:underline;padding:8px 0}
.message-inbox-detail>small{display:block;color:#475569;font-size:12px}
.message-inbox-messages{list-style:none;padding:0;display:grid;gap:10px;margin:18px 0}
.message-inbox-messages li{background:#f1f5f9;border-radius:8px;padding:10px 12px}
.message-inbox-messages p{white-space:pre-wrap}
.message-inbox-messages small,.message-inbox-history{font-size:12px;color:#475569}
.message-inbox-confirm{display:flex;align-items:flex-start;gap:10px;padding:12px 0;font-size:14px;font-weight:700}
.message-inbox-confirm input{width:20px;min-width:20px;height:20px;margin:0;accent-color:#0f766e}
.message-inbox-history{padding-left:20px;line-height:1.8}
@media(max-width:760px){.message-inbox-grid{grid-template-columns:minmax(0,1fr)}.message-inbox-heading{display:grid}.message-inbox-heading>button{justify-self:start}.message-inbox-detail{padding:12px}}
@media(max-width:680px){.customer-attention{position:static;max-height:none;overflow:visible}.customer-attention .appointment-staff-alert-banner,.customer-attention-message{display:grid;padding:10px;width:100%;margin-bottom:6px}.customer-attention .appointment-staff-alert-actions{justify-content:flex-start}.customer-attention-message>button{justify-self:start}.message-inbox{gap:12px}.message-inbox-filters button{flex:1;padding-inline:8px}.message-inbox-pagination button{flex:1}.message-inbox-summary{padding:12px}}
@media print{.customer-attention{display:none!important}}