.ipos-activity-preview__backdrop { position:fixed; z-index:79; inset:0; background:rgb(13 52 35 / 18%); backdrop-filter:blur(2px); }
.ipos-activity-preview { position:fixed; z-index:80; top:24px; right:24px; display:grid; grid-template-rows:auto auto minmax(0,1fr) auto; width:min(430px, calc(100vw - 48px)); max-height:calc(100vh - 48px); overflow:hidden; border:1px solid var(--ipos-overlay-line, var(--ipos-lg-edge)); border-radius:24px; background:var(--ipos-overlay-surface, var(--ipos-lg-content)); box-shadow:0 24px 65px var(--ipos-lg-shadow, rgb(42 89 63 / 22%)), inset 0 1px 0 var(--ipos-lg-inner-highlight, rgb(255 255 255 / 68%)); color:var(--ipos-overlay-ink, var(--ipos-lg-ink)); backdrop-filter:blur(22px) saturate(125%); }
.ipos-activity-preview__header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 20px 16px; border-bottom:1px solid var(--ipos-line); }
.ipos-activity-preview__header p { margin:0 0 4px; color:var(--ipos-overlay-muted, var(--ipos-lg-ink-muted)); font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.ipos-activity-preview__header h2 { margin:0; font-size:22px; line-height:1.1; letter-spacing:-.025em; }
.ipos-activity-preview__header button { display:grid; width:40px; height:40px; place-items:center; flex:0 0 auto; border:1px solid var(--ipos-line-strong); border-radius:14px; background:var(--ipos-button-secondary-bg); color:var(--ipos-button-secondary-text); cursor:pointer; }
.ipos-activity-preview__header button:hover { border-color:var(--ipos-field-line-hover); background:var(--ipos-button-secondary-hover); color:var(--ipos-button-secondary-hover-text); }
.ipos-activity-preview__header button svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; }
.ipos-activity-preview__status { min-height:20px; margin:0; padding:12px 20px 8px; color:var(--ipos-overlay-muted, var(--ipos-lg-ink-muted)); font-size:12px; }
.ipos-activity-preview__list { display:grid; align-content:start; overflow:auto; padding:0 12px 12px; scrollbar-color:color-mix(in srgb, var(--ipos-action) 58%, transparent) transparent; scrollbar-width:thin; }
.ipos-activity-preview__list::-webkit-scrollbar { width:8px; }
.ipos-activity-preview__list::-webkit-scrollbar-track { background:transparent; }
.ipos-activity-preview__list::-webkit-scrollbar-thumb { border:2px solid transparent; border-radius:99px; background:color-mix(in srgb, var(--ipos-action) 58%, transparent); background-clip:padding-box; }
body.ipos-app-shell:not(.ipos-app-view-customer) :is(a,article).ipos-activity-preview__item { display:grid; grid-template-columns:10px minmax(0,1fr) auto; gap:12px; align-items:center; min-height:62px; padding:11px 10px; border-bottom:1px solid var(--ipos-line); color:var(--ipos-overlay-ink, var(--ipos-lg-ink)) !important; text-decoration:none; }
.ipos-activity-preview__item:last-child { border-bottom:0; }
body.ipos-app-shell:not(.ipos-app-view-customer) a.ipos-activity-preview__item[href]:hover { background:color-mix(in srgb, var(--ipos-action) 12%, var(--ipos-overlay-surface)); color:var(--ipos-overlay-ink, var(--ipos-lg-ink)) !important; }
.ipos-activity-preview__item { --ipos-activity-accent:var(--ipos-success); --ipos-activity-ring:color-mix(in srgb, var(--ipos-success) 18%, transparent); }
.ipos-activity-preview__marker { width:8px; height:8px; border-radius:50%; background:var(--ipos-activity-accent); box-shadow:0 0 0 4px var(--ipos-activity-ring); }
.ipos-activity-preview__item[data-activity-event*="updated"],.ipos-activity-preview__item[data-activity-event*="reassigned"],.ipos-activity-preview__item[data-activity-event*="reordered"],.ipos-activity-preview__item[data-activity-event*="saved"] { --ipos-activity-accent:var(--ipos-info); --ipos-activity-ring:color-mix(in srgb, var(--ipos-info) 18%, transparent); }
.ipos-activity-preview__item[data-activity-event*="paused"],.ipos-activity-preview__item[data-activity-event*="closing_started"],.ipos-activity-preview__item[data-activity-event*="revoked"] { --ipos-activity-accent:var(--ipos-warning); --ipos-activity-ring:color-mix(in srgb, var(--ipos-warning) 18%, transparent); }
.ipos-activity-preview__item[data-activity-event*="cancelled"],.ipos-activity-preview__item[data-activity-event*="trashed"],.ipos-activity-preview__item[data-activity-event*="archived"],.ipos-activity-preview__item[data-activity-event*="removed"] { --ipos-activity-accent:var(--ipos-danger); --ipos-activity-ring:color-mix(in srgb, var(--ipos-danger) 18%, transparent); }
.ipos-activity-preview__item[data-activity-event*="paid"],.ipos-activity-preview__item[data-activity-event*="served"],.ipos-activity-preview__item[data-activity-event*="resumed"],.ipos-activity-preview__item[data-activity-event*="restored"],.ipos-activity-preview__item[data-activity-event*="published"] { --ipos-activity-accent:var(--ipos-success); --ipos-activity-ring:color-mix(in srgb, var(--ipos-success) 18%, transparent); }
.ipos-activity-preview__body { display:grid; min-width:0; gap:3px; }
.ipos-activity-preview__body strong { overflow:hidden; font-size:14px; line-height:1.3; text-overflow:ellipsis; white-space:nowrap; }
.ipos-activity-preview__body small { overflow:hidden; color:var(--ipos-overlay-muted, var(--ipos-lg-ink-muted)); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.ipos-activity-preview__item time { color:var(--ipos-overlay-muted, var(--ipos-lg-ink-muted)); font-size:12px; font-variant-numeric:tabular-nums; }
.ipos-activity-preview__empty { margin:6px 8px 12px; padding:30px 14px; border:1px dashed var(--ipos-line-strong); border-radius:16px; color:var(--ipos-overlay-muted, var(--ipos-lg-ink-muted)); text-align:center; }
.ipos-activity-preview__retry { justify-self:center; min-height:40px; margin:0 0 14px; padding:0 14px; border:1px solid var(--ipos-line-strong); border-radius:12px; background:var(--ipos-button-secondary-bg); color:var(--ipos-action); font:inherit; font-weight:750; cursor:pointer; }
.ipos-activity-preview__retry:hover { border-color:var(--ipos-field-line-hover); background:var(--ipos-button-secondary-hover); color:var(--ipos-button-secondary-hover-text); }
.ipos-activity-preview__footer { padding:12px 20px 18px; border-top:1px solid var(--ipos-line); }
body.ipos-app-shell:not(.ipos-app-view-customer) .ipos-activity-preview__footer a { display:flex; align-items:center; justify-content:space-between; min-height:44px; padding:0 14px; border:1px solid var(--ipos-button-primary-bg); border-radius:14px; background:var(--ipos-button-primary-bg); box-shadow:0 8px 18px var(--ipos-lg-shadow); color:var(--ipos-button-primary-text) !important; font-size:14px; font-weight:800; text-decoration:none; transition:background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .12s ease; }
body.ipos-app-shell:not(.ipos-app-view-customer) .ipos-activity-preview__footer a:hover { border-color:var(--ipos-button-primary-hover); background:var(--ipos-button-primary-hover); color:var(--ipos-button-primary-text) !important; box-shadow:0 10px 22px var(--ipos-lg-shadow); }
.ipos-activity-preview__footer a:active { transform:translateY(1px) scale(.985); }
.ipos-activity-preview :is(button,a):focus-visible { outline:3px solid var(--ipos-focus); outline-offset:2px; }
@media (max-width:700px) { .ipos-activity-preview__backdrop { background:rgb(13 52 35 / 24%); } .ipos-activity-preview { top:auto; right:0; bottom:0; left:0; width:100%; max-height:min(76vh, 660px); border-radius:24px 24px 0 0; } }
@media (prefers-reduced-transparency: reduce) { .ipos-activity-preview { background:var(--ipos-overlay-surface, var(--ipos-surface)); backdrop-filter:none; } }
@media (prefers-reduced-motion: reduce) { .ipos-activity-preview *, .ipos-activity-preview *::before, .ipos-activity-preview *::after { scroll-behavior:auto !important; transition-duration:.01ms !important; } }