/* Private announcements shared between the customer tracking and driver portal. */
.esprit-notices{margin:16px 0;font:inherit;color:#17392b;max-width:100%}
.esprit-notices-panel{border:1px solid #cadfd0;border-radius:17px;background:#fff;box-shadow:0 6px 25px #0c492113;overflow:hidden}
.esprit-notices-header{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;padding:14px 16px;font-weight:820;font-size:14px;min-height:50px}
.esprit-notices-header::-webkit-details-marker{display:none}
.esprit-notices-header:after{content:"⌄";margin-left:auto;color:#285e42}
.esprit-notices-panel[open] .esprit-notices-header:after{transform:rotate(180deg)}
.esprit-notices-bell{font-size:18px}
.esprit-notices-badge{background:#0b6844;color:white;border-radius:50%;min-width:25px;height:25px;padding:3px 6px;text-align:center;font-size:12px}
.esprit-notices-list{display:grid;gap:10px;padding:5px 13px 14px;max-height:570px;overflow:auto}
.esprit-notices-item{background:#f9fbf9;border:1px solid #e0e9e2;border-radius:13px;padding:12px 14px}
.esprit-notices-item.is-unread{border-color:#abd7bc;background:#f0f9f2}
.esprit-notices-item>strong{display:block;font-size:14px;margin-bottom:4px}
.esprit-notices-item time{display:block;color:#697c70;font-size:11px}
.esprit-notices-item p{font-size:13px;margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.esprit-notices-empty{font-size:13px;color:#768479;padding:12px}
.esprit-notices-attachment,.esprit-notices-read{border:0;background:#e0f3e6;color:#0b6543;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:800;cursor:pointer;display:inline-flex;margin:6px 9px 0 0;align-items:center;min-height:35px}
.esprit-notices-read{background:#fff;border:1px solid #c8dfce}
.esprit-notices-attachment:disabled,.esprit-notices-read:disabled{opacity:.5;cursor:wait}
.esprit-notices-media{margin:10px 0 4px}
.esprit-notices-media img,.esprit-notices-media video{width:auto;max-width:100%;max-height:320px;border-radius:12px;object-fit:contain;background:#ebefeb}
.esprit-notices-media audio{max-width:100%;width:100%}
.esprit-notices-open{color:#0b6543;font-weight:800;font-size:13px}
.esprit-notices button:focus-visible,.esprit-notices summary:focus-visible{outline:2px solid #37a870;outline-offset:2px}
@media(max-width:520px){.esprit-notices-header{font-size:13px}.esprit-notices-list{padding:4px 9px 12px}}