/* IPOS-198: shared Activity History uses the approved Emerald Liquid Glass
 * hierarchy: functional glass filters/chrome, matte scan-first timeline. */
.ipos-activity-history { container:ipos-activity-history / inline-size; width:min(100%, 1520px); margin:0 auto; padding:0 0 72px; color:var(--ipos-lg-ink, #16241d); }
.ipos-activity-history__header { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding:22px 24px; border:1px solid var(--ipos-lg-edge, rgb(255 255 255 / 88%)); border-radius:26px; background:linear-gradient(135deg, rgb(255 255 255 / 70%), rgb(232 246 237 / 52%)); box-shadow:0 18px 46px var(--ipos-lg-shadow, rgb(42 89 63 / 16%)), inset 0 1px 0 var(--ipos-lg-inner-highlight, rgb(255 255 255 / 58%)); backdrop-filter:blur(20px) saturate(120%); }
.ipos-activity-history__eyebrow { margin:0 0 7px; color:var(--ipos-lg-action, #197a35); font-size:12px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.ipos-activity-history h1 { margin:0; font-size:clamp(30px, 4vw, 44px); line-height:1; letter-spacing:-.045em; }
.ipos-activity-history__header p:not(.ipos-activity-history__eyebrow) { max-width:650px; margin:12px 0 0; color:var(--ipos-lg-ink-muted, #5f6c64); }
.ipos-activity-history__back { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 16px; border:1px solid rgb(27 103 67 / 24%); border-radius:14px; background:rgb(255 255 255 / 54%); color:var(--ipos-lg-action, #197a35); font-size:14px; font-weight:800; text-decoration:none; white-space:nowrap; }
.ipos-activity-history__filters { display:grid; width:100%; box-sizing:border-box; grid-template-columns:minmax(0,.72fr) minmax(0,.64fr) minmax(0,.9fr) minmax(0,1.08fr) minmax(0,1.3fr) 48px; gap:12px; align-items:end; margin-top:20px; padding:16px; border:1px solid var(--ipos-lg-edge, rgb(255 255 255 / 88%)); border-radius:22px; background:rgb(255 255 255 / 54%); box-shadow:inset 0 1px 0 rgb(255 255 255 / 60%); backdrop-filter:blur(18px) saturate(116%); }
.ipos-activity-history__filters label { display:grid; min-width:0; gap:6px; }
.ipos-activity-history__filters [hidden] { display:none !important; }
/* IPOS-336: after enhancement, the styled-select wrapper is also a direct
 * child span of the label. Restrict the label treatment to its caption so the
 * wrapper can expose its popover outside the 48px trigger box. */
.ipos-activity-history__filters label > span:first-child:not(.ipos-styled-select) { overflow:hidden; color:var(--ipos-lg-ink-muted, #5f6c64); font-size:12px; font-weight:780; text-overflow:ellipsis; white-space:nowrap; }
.ipos-activity-history__filters input,.ipos-activity-history__filters select { width:100%; min-height:44px; padding:0 12px; border:1px solid rgb(34 98 66 / 20%); border-radius:12px; background:rgb(255 255 255 / 72%); box-shadow:inset 0 1px 0 rgb(255 255 255 / 70%); color:var(--ipos-lg-ink, #16241d); font:inherit; }
.ipos-activity-history__filters .ipos-styled-select { min-width:0; }
.ipos-activity-history__filters .ipos-styled-select__trigger { color:var(--ipos-lg-ink, #16241d); font-size:14px; font-weight:720; }
.ipos-activity-history__filters .ipos-styled-select__menu { z-index:58; border-color:rgb(34 98 66 / 18%); border-radius:14px; background:#f7fcf8; box-shadow:0 16px 34px rgb(42 89 63 / 18%), inset 0 1px 0 #fff; }
.ipos-activity-history__filters .ipos-styled-select__option { min-height:42px; border-radius:10px; font-size:13px; font-weight:720; }
.ipos-activity-history__filter-search { grid-column:auto; }
.ipos-activity-history__filter-actor { min-width:0; }
.ipos-activity-history__filters:has([data-activity-date-field]:not([hidden])) { grid-template-columns:repeat(3, minmax(0, 1fr)); }
.ipos-activity-history__filters:has([data-activity-date-field]:not([hidden])) .ipos-activity-history__filter-actor { min-width:0; }
.ipos-activity-history__filters:has([data-activity-date-field]:not([hidden])) .ipos-activity-history__filter-search { grid-column:span 2; }
.ipos-activity-history__filters > button { min-height:44px; border:1px solid rgb(34 98 66 / 20%); border-radius:12px; background:rgb(255 255 255 / 62%); color:var(--ipos-lg-action, #197a35); font-size:21px; cursor:pointer; }
.ipos-activity-history__filters .ipos-styled-select__option { grid-column:auto; }
.ipos-activity-history__status { min-height:22px; margin:20px 4px 10px; color:var(--ipos-lg-ink-muted, #5f6c64); font-size:13px; }
.ipos-activity-history__timeline { display:grid; overflow:hidden; border:1px solid rgb(34 98 66 / 16%); border-radius:22px; background:var(--ipos-lg-content, rgb(255 255 255 / 88%)); box-shadow:0 14px 36px rgb(42 89 63 / 10%), inset 0 1px 0 rgb(255 255 255 / 80%); }
.ipos-activity-history__day { display:grid; }
.ipos-activity-history__day + .ipos-activity-history__day { border-top:1px solid rgb(34 98 66 / 14%); }
.ipos-activity-history__day-title { margin:0; padding:14px 20px 10px; color:var(--ipos-lg-ink-muted, #5f6c64); font-size:12px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.ipos-activity-history__item { display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:14px; align-items:start; padding:15px 20px; border-top:1px solid rgb(34 98 66 / 10%); background:rgb(255 255 255 / 46%); }
.ipos-activity-history__item:hover { background:rgb(237 248 240 / 76%); }
.ipos-activity-history__item { --ipos-activity-accent:#197a35; --ipos-activity-tint:rgb(225 245 230 / 74%); --ipos-activity-line:rgb(25 122 53 / 16%); }
.ipos-activity-history__icon { display:grid; width:36px; height:36px; place-items:center; border:1px solid var(--ipos-activity-line); border-radius:12px; background:var(--ipos-activity-tint); color:var(--ipos-activity-accent); font-weight:900; }
.ipos-activity-history__item[data-activity-event*="updated"],.ipos-activity-history__item[data-activity-event*="reassigned"],.ipos-activity-history__item[data-activity-event*="reordered"],.ipos-activity-history__item[data-activity-event*="saved"] { --ipos-activity-accent:#1766b1; --ipos-activity-tint:rgb(222 239 255 / 82%); --ipos-activity-line:rgb(23 102 177 / 20%); }
.ipos-activity-history__item[data-activity-event*="paused"],.ipos-activity-history__item[data-activity-event*="closing_started"],.ipos-activity-history__item[data-activity-event*="revoked"] { --ipos-activity-accent:#a25d00; --ipos-activity-tint:rgb(255 242 213 / 84%); --ipos-activity-line:rgb(162 93 0 / 22%); }
.ipos-activity-history__item[data-activity-event*="cancelled"],.ipos-activity-history__item[data-activity-event*="trashed"],.ipos-activity-history__item[data-activity-event*="archived"],.ipos-activity-history__item[data-activity-event*="removed"] { --ipos-activity-accent:#b5473e; --ipos-activity-tint:rgb(255 230 226 / 84%); --ipos-activity-line:rgb(181 71 62 / 21%); }
.ipos-activity-history__item[data-activity-event*="paid"],.ipos-activity-history__item[data-activity-event*="served"],.ipos-activity-history__item[data-activity-event*="resumed"],.ipos-activity-history__item[data-activity-event*="restored"],.ipos-activity-history__item[data-activity-event*="published"] { --ipos-activity-accent:#167744; --ipos-activity-tint:rgb(221 247 229 / 84%); --ipos-activity-line:rgb(22 119 68 / 20%); }
.ipos-activity-history__item h2 { margin:0; font-size:15px; line-height:1.35; }
.ipos-activity-history__item p { margin:5px 0 0; color:var(--ipos-lg-ink-muted, #5f6c64); font-size:13px; }
.ipos-activity-history__item .ipos-activity-history__cancellation { color:var(--ipos-activity-accent, #a13a34); font-size:12px; font-weight:760; }
.ipos-activity-history__item time { color:var(--ipos-lg-ink-muted, #5f6c64); font-size:12px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.ipos-activity-history__item a { display:inline-block; margin-top:8px; color:var(--ipos-lg-action, #197a35); font-size:12px; font-weight:800; text-decoration:none; }
.ipos-activity-history__load-more { display:block; min-height:44px; margin:18px auto 0; padding:0 20px; border:1px solid rgb(27 103 67 / 24%); border-radius:14px; background:rgb(255 255 255 / 64%); color:var(--ipos-lg-action, #197a35); font:inherit; font-size:14px; font-weight:800; cursor:pointer; }
.ipos-activity-history__empty { margin:0; padding:48px 18px; color:var(--ipos-lg-ink-muted, #5f6c64); text-align:center; }
.ipos-activity-history :is(a,button,input,select):focus-visible { outline:3px solid rgb(25 122 53 / 32%); outline-offset:2px; }
@media (max-width:1180px) { .ipos-activity-history__filters { grid-template-columns:repeat(3, minmax(0, 1fr)); } .ipos-activity-history__filter-actor { min-width:0; } .ipos-activity-history__filter-search { grid-column:span 2; } }
@media (max-width:780px) { .ipos-activity-history { padding:0 0 54px; } .ipos-activity-history__header { display:block; padding:20px; border-radius:22px; } .ipos-activity-history__back { margin-top:18px; } .ipos-activity-history__filters { grid-template-columns:1fr 1fr; border-radius:18px; } .ipos-activity-history__filter-search { grid-column:1 / -1; } .ipos-activity-history__filters > button { grid-column:2; } .ipos-activity-history__timeline { border-radius:18px; } .ipos-activity-history__item { grid-template-columns:36px minmax(0,1fr); gap:10px; padding:14px; } .ipos-activity-history__item time { grid-column:2; } .ipos-activity-history__day-title { padding:13px 14px 8px; } }
@media (max-width:430px) { .ipos-activity-history__filters { grid-template-columns:1fr; } .ipos-activity-history__filter-search { grid-column:auto; } .ipos-activity-history__filters > button { grid-column:auto; } }
@container ipos-activity-history (max-width:1180px) { .ipos-activity-history__filters { grid-template-columns:repeat(3, minmax(0, 1fr)); } .ipos-activity-history__filter-search { grid-column:span 2; } }
@container ipos-activity-history (min-width:781px) and (max-width:1180px) { .ipos-activity-history__filters:not(:has([data-activity-date-field]:not([hidden]))) .ipos-activity-history__filter-search { grid-column:auto; } .ipos-activity-history__filters:not(:has([data-activity-date-field]:not([hidden]))) > button { grid-column:3; } }
@container ipos-activity-history (max-width:780px) { .ipos-activity-history__filters,.ipos-activity-history__filters:has([data-activity-date-field]:not([hidden])) { grid-template-columns:1fr 1fr; border-radius:18px; } .ipos-activity-history__filter-search,.ipos-activity-history__filters:has([data-activity-date-field]:not([hidden])) .ipos-activity-history__filter-search { grid-column:1 / -1; } .ipos-activity-history__filters > button,.ipos-activity-history__filters:has([data-activity-date-field]:not([hidden])) > button { grid-column:2; } }
@container ipos-activity-history (max-width:430px) { .ipos-activity-history__filters,.ipos-activity-history__filters:has([data-activity-date-field]:not([hidden])) { grid-template-columns:1fr; } .ipos-activity-history__filter-search,.ipos-activity-history__filters:has([data-activity-date-field]:not([hidden])) .ipos-activity-history__filter-search { grid-column:auto; } .ipos-activity-history__filters > button,.ipos-activity-history__filters:has([data-activity-date-field]:not([hidden])) > button { grid-column:auto; } }
@media (prefers-reduced-transparency:reduce) { .ipos-activity-history__header,.ipos-activity-history__filters { background:#f7fbf8; backdrop-filter:none; } }
@media (prefers-reduced-motion:reduce) { .ipos-activity-history *, .ipos-activity-history *::before, .ipos-activity-history *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; } }

/* IPOS-421: AppShell hides the presentation heading on staff routes. Collapse
 * the vacated card and pair refresh with search so the phone filter panel does
 * not end in a half-width empty row. */
@media (max-width:700px) {
	body.ipos-app-shell.ipos-app-view-activity .ipos-activity-history__header {
		display:flex;
		min-height:44px;
		align-items:center;
		justify-content:flex-start;
		padding:0;
		border:0;
		border-radius:0;
		background:transparent;
		box-shadow:none;
		-webkit-backdrop-filter:none;
		backdrop-filter:none;
	}
	body.ipos-app-shell.ipos-app-view-activity .ipos-activity-history__back {
		margin-top:0;
	}
	body.ipos-app-shell.ipos-app-view-activity .ipos-activity-history__filters {
		margin-top:12px;
	}
	body.ipos-app-shell.ipos-app-view-activity .ipos-activity-history__filter-search,
	body.ipos-app-shell.ipos-app-view-activity .ipos-activity-history__filters:has([data-activity-date-field]:not([hidden])) .ipos-activity-history__filter-search {
		grid-column:1;
	}
	body.ipos-app-shell.ipos-app-view-activity .ipos-activity-history__filters > button,
	body.ipos-app-shell.ipos-app-view-activity .ipos-activity-history__filters:has([data-activity-date-field]:not([hidden])) > button {
		grid-column:2;
		width:48px;
		justify-self:end;
	}
}
@media (max-width:430px) {
	body.ipos-app-shell.ipos-app-view-activity .ipos-activity-history__filter-search,
	body.ipos-app-shell.ipos-app-view-activity .ipos-activity-history__filters:has([data-activity-date-field]:not([hidden])) .ipos-activity-history__filter-search,
	body.ipos-app-shell.ipos-app-view-activity .ipos-activity-history__filters > button,
	body.ipos-app-shell.ipos-app-view-activity .ipos-activity-history__filters:has([data-activity-date-field]:not([hidden])) > button {
		grid-column:1;
	}
}