/* A light counterpart to the daily brief: one compact, shared card grid. */
.coordination-section { position:relative;padding:76px 0 58px;background:radial-gradient(ellipse at 60% 35%,#e7dcf680,transparent 65%),#f5eef2;color:#272032;font-family:Inter,system-ui,sans-serif; }
.coordination-anchor { position:absolute;top:0;scroll-margin-top:82px; }
.coordination-section>.wrap { width:min(1184px,calc(100% - 56px)); }
.coordination-heading { margin-bottom:32px; }
.coordination-heading h2 { font-family:Manrope,Inter,sans-serif;font-size:clamp(32px,4vw,50px);line-height:1.1;letter-spacing:-.035em;font-weight:700; }
.coordination-heading>p:last-child { max-width:600px;margin-top:16px;font-size:16px;line-height:1.6;color:#706579; }
.coordination-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px; }
.coordination-card { grid-row:span 2;min-height:0;padding:16px;gap:18px;background:linear-gradient(155deg,#fffcff,#eee5f7);border:1px solid #c1a6df80;box-shadow:0 0 0 1px #ffffffb3 inset,0 20px 45px -28px #8860c980;border-radius:26px; }
.coordination-preview { min-width:0;min-height:270px;display:flex;flex-direction:column;padding:13px;border:1px solid #ceb9e380;border-radius:13px;background:linear-gradient(160deg,#fffaff,#f3edf9);box-shadow:0 14px 28px -20px #916cc280;font-size:11px;line-height:1.5;color:#756782; }
.coordination-preview-label { display:flex;align-items:center;gap:5px;color:#6d4598;font-size:10px;font-weight:600;margin-bottom:16px;white-space:nowrap; }
.coordination-icon { display:grid;place-items:center;width:22px;height:22px;background:#e8dcf6;border-radius:7px;color:#8056b9;font-size:15px; }
.coordination-tag { margin-left:auto;font-size:8px;background:#eee5f5;border:1px solid #dfd1ed;border-radius:20px;padding:2px 5px;color:#8b749e;font-weight:500; }
.coordination-appointment { display:flex;gap:10px;align-items:center; }
.coordination-date { display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e7daf6;border-radius:10px;flex:0 0 43px;padding:6px;color:#8057aa;font-size:8px;font-weight:600; }
.coordination-date strong { font-size:24px;color:#4e326d;line-height:1.1; }
.coordination-appointment>div:last-child>strong { display:block;font-size:12px;line-height:1.4;color:#3a2d48; }
.coordination-appointment p { font-size:10px;line-height:1.5;margin-top:5px; }
.coordination-checklist { margin-top:14px;padding:10px;border:1px solid #e5d9ee;border-radius:9px;background:#f1eaf7; }
.coordination-checklist strong { font-size:10px;color:#574064;font-weight:600; }
.coordination-checklist p { display:flex;align-items:start;gap:6px;font-size:10px;margin-top:5px; }
.coordination-checklist p>span { color:#916bc1; }
.coordination-prep-actions { display:flex;gap:6px;margin-top:10px;font-size:9px;color:#7e5a9f; }
.coordination-prep-actions span { padding:4px 8px;border-radius:20px;background:#e9dff3; }
.coordination-share-toggle { margin-top:auto;padding:10px 0 0;border:0;background:none;color:#7545aa;font-size:10px;font-weight:600;text-align:left;display:flex;align-items:center;justify-content:space-between; }
.coordination-share-toggle:hover { color:#442266; }.coordination-share-toggle:focus-visible { outline:2px solid #9c7bce;outline-offset:3px;border-radius:3px; }
.coordination-ui-title { font-size:13px;color:#463154; }.coordination-ui-copy { font-size:10px;margin-top:3px; }
.coordination-invite { display:flex;align-items:center;gap:5px;border:1px solid #bfa4df;background:#ebe0f7;border-radius:7px;padding:7px;margin:10px 0;color:#7754a2;font-size:10px; }.coordination-invite>span:last-child { margin-left:auto; }
.coordination-recipient { display:flex;gap:7px;align-items:center;padding:7px 0;border-bottom:1px solid #e4d9eb;font-size:10px;color:#53455e; }.coordination-recipient small { display:block;color:#8c7d97;font-size:9px; }
.coordination-avatar { display:grid;place-items:center;width:25px;height:25px;flex:none;border-radius:50%;background:#e8dcf3;color:#8a60b4;font-size:10px;font-weight:600; }
.coordination-checkbox { margin-left:auto;display:grid;place-items:center;width:14px;height:14px;background:#a585cd;color:white;border:1px solid #a585cd;border-radius:4px;font-size:10px; }.coordination-checkbox.empty { background:transparent;border-color:#c8b7d9; }
.coordination-eyebrow { color:#9c86b0;font-size:8px;letter-spacing:.1em;font-weight:600; }
.coordination-event>strong { display:block;font-size:20px;line-height:1.3;margin-top:7px;color:#42304e;font-weight:600; }.coordination-event p { margin-top:6px; }
.coordination-attendees { display:flex;margin-top:20px; }.coordination-attendees span { width:30px;height:30px;display:grid;place-items:center;margin-right:-5px;border:2px solid #fcf7ff;background:#decff0;border-radius:50%;font-size:10px;font-weight:600;color:#7d579d; }.coordination-attendees span:nth-child(2) { background:#e5dbe8; }.coordination-attendees span:nth-child(3) { background:#cee5dd;color:#5c8a78; }
.coordination-replies { display:flex;gap:20px;margin-top:13px;font-size:10px; }.coordination-replies strong { color:#77519d;font-size:14px;font-weight:600; }
.coordination-note { margin-top:auto;padding-top:12px;color:#9174a8;font-size:9px;display:flex;gap:5px;align-items:center; }
.coordination-live { margin-left:auto;font-size:8px;color:#53836e;display:flex;gap:4px;align-items:center; }.coordination-live i { width:4px;height:4px;border-radius:50%;background:#70ad94; }
.coordination-eta>strong { font-size:30px;color:#56336f;font-weight:600;letter-spacing:-.04em; }.coordination-eta>strong span { font-size:13px;letter-spacing:0;font-weight:500; }.coordination-eta>p { font-size:10px; }
.coordination-route { position:relative;height:26px;margin-top:24px; }.coordination-route:before { content:"";position:absolute;top:12px;left:3px;right:3px;height:3px;background:#e1d3ee;border-radius:3px; }.route-progress { position:absolute;top:12px;left:3px;width:64%;height:3px;background:#a180ca; }.route-start,.route-end { position:absolute;top:8px;width:10px;height:10px;border-radius:50%;background:#b794d6;border:2px solid #fff; }.route-start { left:0; }.route-end { right:0;background:#ded2e9; }.route-current { position:absolute;left:60%;top:0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#a080c8;box-shadow:0 0 0 4px #e5d9f2;font-size:12px; }
.coordination-route-labels { display:flex;justify-content:space-between;font-size:9px;color:#9a85ac;margin-top:3px; }
.coordination-update { display:flex;align-items:center;gap:8px;margin-top:21px; }.coordination-update strong { display:block;font-weight:500;color:#6a537e;font-size:10px; }.coordination-update small { display:block;font-size:9px;line-height:1.4;margin-top:3px; }
.coordination-receipt { padding-bottom:12px;margin-bottom:5px;border-bottom:1px dashed #d7c6e5; }.coordination-receipt>span { font-size:10px;color:#897198; }.coordination-receipt>strong { display:block;font-size:27px;line-height:1.3;color:#523363;font-weight:600;letter-spacing:-.02em;margin:5px 0; }.coordination-receipt>p { font-size:9px; }
.coordination-payment { display:flex;justify-content:space-between;padding:7px 0;font-size:10px;border-bottom:1px solid #e8dfee; }.coordination-payment>span:last-child { font-size:9px;color:#9876b1; }.coordination-payment>span.coordination-paid { color:#639381; }
.coordination-caption { padding-top:16px;border-color:#cdb9df80; }.coordination-caption h3 { font:600 14px/1.45 Inter,system-ui,sans-serif;letter-spacing:-.015em;color:#42314f; }.coordination-caption p { font:12px/1.6 Inter,system-ui,sans-serif;color:#705e7d;margin-top:7px; }
.coordination-more { margin-top:25px;display:flex;align-items:center;gap:15px;font-size:11px;color:#897092; }.coordination-more strong { font-weight:500;color:#705681; }.coordination-more ul { list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0; }.coordination-more li { border:1px solid #d9c5e780;background:#f9f3fc;padding:6px 10px;border-radius:20px; }.coordination-more>span { margin-left:auto;font-size:9px;color:#9f8aab; }
@media(max-width:1100px) { .coordination-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.coordination-preview { min-height:270px; }.coordination-preview-label { font-size:12px; }.coordination-tag { font-size:9px; } }
@media(max-width:600px) { .coordination-section { padding:56px 0 42px; }.coordination-section>.wrap { width:calc(100% - 36px); }.coordination-grid { grid-template-columns:minmax(0,1fr); }.coordination-card { padding:20px; }.coordination-preview { padding:17px; }.coordination-heading>p:last-child { font-size:15px; }.coordination-more { flex-wrap:wrap;gap:10px; }.coordination-more>span { width:100%;margin-left:0; }.coordination-appointment>div:last-child>strong { font-size:14px; }.coordination-caption h3 { font-size:15px; } }

.coordination-icon svg { width:15px;height:15px; }