.realtime-events-card{padding:0;overflow:hidden;margin-bottom:20px;border:1px solid #e0e8e3;border-radius:12px}.realtime-events-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #edf1ed}.realtime-events-eyebrow{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1.8px;font-weight:650;color:#628573}.realtime-events-eyebrow i{width:6px;height:6px;border-radius:50%;background:#3e9b79;box-shadow:0 0 0 3px #edf7f0}.realtime-events-heading h2{font-size:17px;color:#304b3a;margin:6px 0 4px}.realtime-events-heading p{font-size:11px;color:#87968b;margin:0}.realtime-events-controls{display:flex;align-items:center;gap:8px;flex:none}.realtime-events-controls select{height:32px;border:1px solid #dce5df;border-radius:5px;background:#fff;padding:0 10px;color:#526b58;font-size:11px}.realtime-events-controls .button{font-size:11px}.realtime-event-list{max-height:420px;min-height:160px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.realtime-event-row{display:flex;align-items:flex-start;gap:12px;padding:16px 24px;border-bottom:1px solid #eff3ed;background:#fff}.realtime-event-row:last-child{border-bottom:0}.realtime-event-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;color:#6e8ba6;background:#eef3f8;font-size:18px;line-height:1}.realtime-event-icon.add_to_cart{color:#bb8949;background:#fbf3e7}.realtime-event-icon.checkout_enter{color:#8d80ab;background:#f2eff8}.realtime-event-icon.phone_entered{color:#478d98;background:#ecf5f5}.realtime-event-icon.order_submitted{color:#307b57;background:#e4f4e8}.realtime-event-content{min-width:0;flex:1}.realtime-event-line{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;color:#718577;font-size:11px;line-height:1.6}.realtime-event-line>strong{color:#405a45;font-size:12px;font-weight:600}.realtime-event-amount{font-weight:650;color:#28794e!important;font-size:13px}.realtime-event-products{font-size:12px;line-height:1.65;margin-top:5px;color:#425d45;overflow-wrap:anywhere}.realtime-event-products a:hover{text-decoration:underline}.realtime-event-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;color:#94a094;font-size:10px;margin-top:6px}.realtime-event-meta>span+span:before{content:'·';margin-right:10px;color:#b4beb4}.realtime-event-meta button{font-size:10px;padding:0;overflow-wrap:anywhere;max-width:100%}.realtime-event-row>time{flex:none;font-size:10px;font-variant-numeric:tabular-nums;color:#95a294;padding-top:3px}.realtime-event-row.is-order{background:#f6fbf4;border-left:3px solid #85ae86;padding-left:21px}.realtime-event-row.is-new{animation:realtime-event-arrival 2s ease-out}.realtime-events-empty{padding:40px 24px;text-align:center;font-size:12px;color:#91a08f;line-height:1.8}.realtime-events-note{padding:12px 24px;border-top:1px solid #edf1eb;font-size:10px;color:#92a08f;line-height:1.8;margin:0}.realtime-events-unread{display:block;width:100%;background:#eff7ed;color:#507747;padding:9px 16px;font-size:11px;border-bottom:1px solid #dfeadc}.realtime-events-controls button[aria-pressed=true]{border-color:#7f9d75;background:#eff5ea;color:#526f45}.realtime-events-card button:focus-visible,.realtime-events-card select:focus-visible,.realtime-event-list:focus-visible{outline:2px solid #7f9d75;outline-offset:-2px}@keyframes realtime-event-arrival{from{background:#e7f3df}to{background:#fff}}@media(prefers-reduced-motion:reduce){.realtime-event-row.is-new{animation:none}}@media(max-width:700px){.realtime-events-heading{align-items:start;flex-direction:column;padding:18px 15px;gap:12px}.realtime-events-heading h2{font-size:16px}.realtime-events-controls{width:100%}.realtime-events-controls select{min-width:0;flex:1}.realtime-event-row{padding:14px 15px;gap:9px}.realtime-event-row.is-order{padding-left:12px}.realtime-event-icon{width:27px;height:27px;border-radius:8px;font-size:16px}.realtime-event-row>time{font-size:9px}.realtime-event-line{font-size:10px;gap:4px 7px}.realtime-event-line>strong{font-size:11px}.realtime-event-products{font-size:11px}.realtime-event-meta{font-size:9px;gap:5px 8px}.realtime-event-meta>span+span:before{margin-right:8px}.realtime-events-note{padding:12px 15px}.realtime-event-list{max-height:400px}}