.ipos-coupons [hidden] { display: none !important; }

/* IPOS-COUPON visual parity pass: same liquid-glass chrome as Operations/QR. */
body.ipos-app-view-coupons { background-color: var(--ipos-lg-canvas, #f7f5ee); background-image: var(--ipos-app-ambient-background); background-position: center; background-size: cover; }
body.ipos-app-view-coupons .ipos-admin-shell { grid-template-columns: 232px minmax(0, 1fr); background: transparent; }
body.ipos-app-view-coupons .ipos-admin-sidebar { position: sticky; top: 0; height: calc(100dvh - 28px); margin: 14px 0 14px 14px; padding: 18px 10px; border: 1px solid var(--ipos-lg-edge, rgb(255 255 255 / 88%)); border-radius: 32px; background: rgb(255 255 255 / 62%); box-shadow: inset 0 1px 0 var(--ipos-lg-inner-highlight, rgb(255 255 255 / 56%)), 0 18px 40px var(--ipos-lg-shadow, rgb(42 89 63 / 18%)); -webkit-backdrop-filter: blur(24px) saturate(1.18); backdrop-filter: blur(24px) saturate(1.18); }
body.ipos-app-view-coupons .ipos-admin-bar { display: none; }
body.ipos-app-view-coupons .ipos-admin-content { padding: 24px 24px 34px 34px; }
.ipos-coupons { width: 100%; max-width: 1400px; margin: 0 auto; padding: 8px 0 28px; color: var(--ipos-lg-ink, var(--ipos-ink)); }
.ipos-coupons__header { align-items: center; padding: 4px 4px 18px; margin-bottom: 0; }
.ipos-coupons__eyebrow { margin-bottom: 7px; color: var(--ipos-action); font-size: 11px; letter-spacing: .03em; }
.ipos-coupons h1 { font-size: clamp(34px, 3.15vw, 44px); letter-spacing: -.035em; line-height: 1.08; }
.ipos-coupons__header p:not(.ipos-coupons__eyebrow) { margin-top: 6px; color: var(--ipos-lg-ink-muted, var(--ipos-muted)); font-size: 15px; }
.ipos-coupons__primary { min-height: 46px; padding-inline: 18px; border-radius: 22px; box-shadow: 0 8px 18px rgb(25 122 53 / 14%); }
.ipos-coupons__primary:hover { box-shadow: 0 10px 22px rgb(25 122 53 / 20%); }
.ipos-coupons__guide, .ipos-coupons__summary, .ipos-coupons__toolbar { border-color: var(--ipos-lg-edge, rgb(255 255 255 / 88%)); background: var(--ipos-lg-glass, rgb(255 255 255 / 52%)); box-shadow: inset 0 1px 0 var(--ipos-lg-inner-highlight, rgb(255 255 255 / 56%)), 0 10px 24px rgb(42 89 63 / 10%); -webkit-backdrop-filter: blur(20px) saturate(1.16); backdrop-filter: blur(20px) saturate(1.16); }
.ipos-coupons__guide { min-height: 56px; align-items: center; margin: 0 0 16px; padding: 8px 16px; border-radius: 24px; }
.ipos-coupons__guide span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: #e8f3ea; }
.ipos-coupons__summary { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0 0 16px; padding: 7px; border-radius: 24px; }
.ipos-coupons__summary > div { padding: 13px 16px; border: 0; border-radius: 0; background: transparent; }
.ipos-coupons__summary > div + div { border-left: 1px solid rgb(80 102 87 / 13%); }
.ipos-coupons__summary strong { margin-top: 4px; color: var(--ipos-lg-ink, var(--ipos-ink)); font-size: 26px; }
.ipos-coupons__toolbar { position: relative; z-index: 2; min-height: 64px; align-items: center; margin: 0; padding: 8px 10px; border-radius: 27px; }
.ipos-coupons__toolbar input, .ipos-coupons__toolbar select { min-height: 46px; border-color: var(--ipos-field-line, var(--ipos-line-strong)); border-radius: 19px; background: var(--ipos-field-surface, var(--ipos-surface)); box-shadow: inset 0 1px 0 var(--ipos-lg-inner-highlight, rgb(255 255 255 / 24%)); color: var(--ipos-ink); }
.ipos-coupons__toolbar select { padding-right: 32px; }
.ipos-coupons__toolbar > .ipos-styled-select { width: 190px; flex: 0 0 190px; }
.ipos-coupons__toolbar > .ipos-field--floating { width: 190px; flex: 0 0 190px; }
.ipos-coupons__toolbar > .ipos-field--floating > .ipos-styled-select { width: 100%; }
.ipos-coupons__toolbar .ipos-styled-select__trigger { min-height: 46px; border-color: rgb(84 111 92 / 16%); border-radius: 19px; background: rgb(255 255 255 / 44%); box-shadow: inset 0 1px 0 rgb(255 255 255 / 70%); color: var(--ipos-lg-ink, var(--ipos-ink)); }
.ipos-coupons__toolbar .ipos-styled-select__menu { border-color: rgb(84 111 92 / 16%); border-radius: 15px; background: var(--ipos-selection-surface-solid); box-shadow: 0 16px 34px rgb(42 89 63 / 18%), inset 0 1px 0 #fff; backdrop-filter: none; }
.ipos-coupons__toolbar .ipos-styled-select__option { min-height: 40px; border-radius: 10px; background: var(--ipos-selection-surface-solid); }
.ipos-coupons__status { margin: 8px 12px; padding: 7px 0; color: var(--ipos-lg-ink-muted, var(--ipos-muted)); }
.ipos-coupons__list { border-top-color: rgb(80 102 87 / 13%); }
.ipos-coupons__row { min-height: 68px; padding: 12px 8px; border-bottom-color: rgb(80 102 87 / 13%); }
.ipos-coupons__row:hover { background: rgb(255 255 255 / 38%); }
.ipos-coupons__drawer { border-radius: 24px 0 0 24px; background: rgb(255 255 255 / 92%); }
.ipos-coupons__form .ipos-styled-select { width: 100%; }
.ipos-coupons__form .ipos-styled-select__trigger { min-height: 44px; border-color: var(--ipos-line-strong); border-radius: 7px; background: color-mix(in srgb,#fff 92%,var(--ipos-surface-muted,#eef2ed)); color: var(--ipos-ink); font: inherit; font-size: 14px; font-weight: 500; }
.ipos-coupons__form label.ipos-field--floating > input,
.ipos-coupons__form label.ipos-field--floating > textarea { margin-top: 0; }
@media (min-width: 701px) and (max-width: 1180px) { body.ipos-app-view-coupons .ipos-admin-shell { grid-template-columns: 76px minmax(0, 1fr); } body.ipos-app-view-coupons .ipos-admin-sidebar { align-items: center; padding-inline: 10px; } body.ipos-app-view-coupons .ipos-admin-content { padding: 20px 20px 26px 26px; } }
@media (min-width: 701px) and (max-width: 900px) { .ipos-coupons__row { grid-template-columns: minmax(150px, 1.5fr) minmax(55px, .6fr) minmax(60px, .65fr) minmax(100px, .8fr) 100px 12px; gap: 8px; } .ipos-coupons__row > * { min-width: 0; } }
@media (max-width: 700px) { body.ipos-app-view-coupons .ipos-admin-shell { display: block; } body.ipos-app-view-coupons .ipos-admin-sidebar { position: static; width: auto; height: auto; margin: 0; padding: 10px 8px 0; border: 0; border-bottom: 1px solid var(--ipos-line); border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; } body.ipos-app-view-coupons .ipos-admin-content { padding: 12px 14px calc(100px + env(safe-area-inset-bottom)); } .ipos-coupons { padding: 8px 0 32px; } .ipos-coupons__header { align-items: stretch; gap: 16px; } .ipos-coupons__header .ipos-coupons__primary { width: 100%; } .ipos-coupons__summary { gap: 0; } .ipos-coupons__summary > div { padding: 12px 10px; } .ipos-coupons__toolbar > .ipos-styled-select, .ipos-coupons__toolbar > .ipos-field--floating { width: 100%; } }

/* Restore the approved animated Coupon drawer and form rhythm. */
.ipos-coupons__backdrop { opacity: 0; transition: opacity 180ms ease; }
.ipos-coupons__backdrop.is-open { opacity: 1; }
.ipos-coupons__drawer {
	width: min(500px, calc(100vw - 18px));
	background: linear-gradient(148deg, rgb(255 255 255 / 96%), rgb(238 250 242 / 90%));
	-webkit-backdrop-filter: blur(28px) saturate(1.16);
	backdrop-filter: blur(28px) saturate(1.16);
	transform: translate3d(100%, 0, 0);
	opacity: .5;
	transition: transform 220ms cubic-bezier(.22,.8,.25,1), opacity 160ms ease;
	will-change: transform, opacity;
}
.ipos-coupons__drawer.is-open { transform: translate3d(0, 0, 0); opacity: 1; }
.ipos-coupons__drawer > header button {
	display: grid;
	place-items: center;
	padding: 0;
	font-size: 0;
	line-height: 1;
}
.ipos-coupons__drawer > header button::before { content: '×'; display: block; font-size: 29px; font-weight: 360; line-height: 1; transform: translateY(-.5px); }
.ipos-coupons__form > section:first-of-type > label { margin-top: 18px; }
.ipos-coupons__form > section:first-of-type > label textarea { min-height: 88px; }
@media (max-width: 700px) { .ipos-coupons__drawer { width: min(100vw, 560px); } }
@media (prefers-reduced-motion: reduce) { .ipos-coupons__drawer, .ipos-coupons__backdrop { transition: none; } }

/* IPOS-421: the title is intentionally screen-reader-only in AppShell. Avoid
 * stretching its sole visible action into a full-width banner on phones. */
@media (max-width: 700px) {
	body.ipos-app-shell.ipos-app-view-coupons .ipos-coupons {
		padding-top: 0;
	}
	body.ipos-app-shell.ipos-app-view-coupons .ipos-coupons__header {
		align-items: flex-end;
		gap: 0;
		padding: 0 4px 14px;
	}
	body.ipos-app-shell.ipos-app-view-coupons .ipos-coupons__header .ipos-coupons__primary {
		width: auto;
		min-width: 164px;
	}
}


/* Coupon scope groups: category + all/only + product ticks */
.ipos-coupons__scope { display: grid; gap: 12px; }
.ipos-coupons__scope-hint, .ipos-coupons__scope-empty { margin: 0; color: #5d7a68; font-size: 13px; }
.ipos-coupons__scope-list { display: grid; gap: 10px; }
.ipos-coupons__scope-group { display: grid; gap: 8px; padding: 10px; border: 1px solid rgb(159 187 168 / 45%); border-radius: 12px; background: rgb(255 255 255 / 55%); }
.ipos-coupons__scope-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ipos-coupons__scope-head strong { font-size: 13px; font-weight: 780; color: #163626; }
.ipos-coupons__scope-remove { min-height: 32px; padding: 0 10px; border: 0; border-radius: 8px; background: transparent; color: #8a3d3d; font-size: 12px; font-weight: 700; cursor: pointer; }
.ipos-coupons__scope-mode { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.ipos-coupons__scope-mode button { min-height: 38px; padding: 0 8px; border: 1px solid rgb(159 187 168 / 45%); border-radius: 8px; background: rgb(255 255 255 / 80%); color: #355d43; font-size: 11px; font-weight: 700; cursor: pointer; }
.ipos-coupons__scope-mode button[aria-checked="true"] { border-color: #0b7044; background: #0b7044; color: #fff; }
.ipos-coupons__scope-options { display: grid; gap: 8px; }
.ipos-coupons__scope-option { display: flex; min-height: 44px; align-items: center; gap: 10px; padding: 0 12px; border: 1px solid rgb(159 187 168 / 45%); border-radius: 10px; background: rgb(255 255 255 / 70%); color: #1d3d2c; font-size: 13px; font-weight: 650; text-align: left; cursor: pointer; }
.ipos-coupons__scope-option span:last-child { display: grid; gap: 2px; min-width: 0; }
.ipos-coupons__scope-option small { color: #5d7a68; font-size: 11px; font-weight: 600; }
.ipos-coupons__scope-option[aria-checked="true"] { border-color: #0c6b45; background: rgb(214 246 229 / 70%); }
.ipos-coupons__scope-check { width: 16px; height: 16px; flex: 0 0 auto; border: 1.5px solid #7aa58a; border-radius: 4px; }
.ipos-coupons__scope-option[aria-checked="true"] .ipos-coupons__scope-check { border-color: #0c6b45; background: #0c6b45; box-shadow: inset 0 0 0 2px #fff; }
.ipos-coupons__scope-add select { width: 100%; min-height: 44px; border: 1px solid rgb(159 187 168 / 45%); border-radius: 10px; background: rgb(255 255 255 / 80%); color: #163626; font-size: 13px; font-weight: 650; padding: 0 12px; }