/* Watch operations and customer benefit codes. Shared admin tokens support both themes. */
.watch-page-head{margin-bottom:12px}.watch-eyebrow{font-size:12px;font-weight:700;color:var(--accent);margin-bottom:8px}
.watch-page-head h2{font-size:28px;letter-spacing:-.8px;line-height:1.3}.watch-page-head p,[data-sec="watch"]>.hint{font-size:14px;color:var(--mut);line-height:1.6;margin:10px 0 24px}
#watchOps .dkpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}
#watchOps .dkpi{padding:22px;border-radius:16px;min-width:0}#watchOps .dkpi .v{font-size:26px;line-height:1.4;margin:9px 0}#watchOps .dkpi .s{line-height:1.65}
.watch-panel,.promo-panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;min-width:0;margin-bottom:20px}
.watch-panel h3,.promo-panel h3{font-size:17px;margin:0}.watch-table-wrap,.promo-table-wrap{overflow-x:auto;margin-top:18px}.watch-table-wrap .tbl{min-width:700px}
.promo-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.promo-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.promo-panel-head p{font-size:13px;color:var(--mut);margin-top:7px;line-height:1.6}.promo-label{display:inline-block;border:1px solid var(--line);padding:5px 9px;border-radius:7px;font-size:12px;color:var(--mut);white-space:nowrap}
.promo-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px}.promo-form label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:700;min-width:0}.promo-form label span{font-weight:400;color:var(--mut)}
.promo-form input,.promo-form select{width:100%;min-width:0;height:46px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);padding:0 13px;font:inherit;font-weight:400}
.promo-form input::placeholder{color:var(--mut)}.promo-form :is(input,select):focus-visible,.promo-console button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.promo-form small{font-size:12px;font-weight:400;color:var(--mut);line-height:1.55}.promo-form-footer{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid var(--line);padding-top:20px}
.promo-console .btn{min-height:40px;font-family:inherit;white-space:nowrap}.promo-form-footer .primary{padding:11px 24px;min-height:46px}.promo-form-footer p{font-size:12px;color:var(--mut);line-height:1.6}
.promo-benefit{background:var(--soft)}.promo-benefit .watch-eyebrow{margin-bottom:16px}.promo-benefit h3{font-size:23px;line-height:1.5}.promo-benefit dl{margin:24px 0 18px}.promo-benefit dl>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:14px 0;font-size:13px}.promo-benefit dt{color:var(--mut)}.promo-benefit dd{font-weight:700}.promo-benefit p{font-size:12px;color:var(--mut);line-height:1.7}
.promo-benefit details{font-size:12px;color:var(--mut);margin-top:22px;line-height:1.7}.promo-benefit summary{cursor:pointer;font-weight:700}.promo-benefit details p{margin-top:10px}
.promo-result{border:1px solid var(--accent);background:var(--soft);border-radius:12px;padding:18px 20px;margin-bottom:20px}.promo-result [data-result]{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:14px}.promo-result [data-copy]{margin-top:12px}
.promo-console [hidden]{display:none!important}.promo-console .tbl{min-width:960px}.promo-console .tbl th{font-size:12px;padding:12px 14px;background:var(--soft)}.promo-console .tbl td{padding:18px 14px;font-size:13px;vertical-align:middle;overflow-wrap:anywhere;max-width:280px}.promo-console .tbl td small{display:block;margin-top:5px;color:var(--mut);font-size:12px}.promo-console .tbl td:last-child{white-space:nowrap}.promo-status{display:inline-block;padding:5px 9px;border-radius:6px;background:var(--soft);font-size:12px;font-weight:700;white-space:nowrap;border:1px solid var(--line)}.promo-status.available{color:var(--accent)}.promo-status.redeemed{color:var(--green)}.promo-console .promo-cancel{color:var(--danger);border-color:transparent;background:transparent}
.promo-console .btn:not(.primary):not(.promo-cancel){background:var(--surface);border:1px solid var(--line);color:var(--ink)}.promo-console .btn.primary{background:#3457f5;color:#fff}.promo-console .btn.primary:hover:not(:disabled){background:#2746cc}
#watchOps .dkpi.bad{border-color:var(--danger)}#watchOps .dkpi.bad .v,#watchOps .tbl .bad{color:var(--danger)}
.promo-empty{text-align:center;padding:48px 20px;color:var(--mut);font-size:13px;line-height:1.8}.promo-empty strong{display:block;color:var(--ink);font-size:15px;margin-bottom:7px}.promo-more{display:flex;justify-content:center;margin-top:18px}.promo-console button:disabled{opacity:.5;cursor:wait}
@media(max-width:1200px){#watchOps .dkpis{grid-template-columns:repeat(2,minmax(0,1fr))}.promo-layout{grid-template-columns:minmax(0,1fr)}.promo-benefit dl{display:flex;gap:28px;margin:12px 0}.promo-benefit dl>div{flex:1;flex-wrap:wrap}.promo-benefit h3{font-size:19px}.promo-benefit details{margin-top:12px}}
@media(max-width:600px){.watch-panel,.promo-panel{padding:18px;border-radius:12px}.watch-page-head h2{font-size:24px}.promo-form{grid-template-columns:minmax(0,1fr)}.promo-form-footer{align-items:stretch;flex-direction:column;gap:14px}.promo-benefit dl{gap:12px}.promo-benefit dl>div{flex-direction:column}.promo-panel-head{gap:10px}.promo-panel-head .btn{padding:8px 10px;font-size:12px}#watchOps .dkpis{gap:10px}#watchOps .dkpi{padding:15px}#watchOps .dkpi .v{font-size:20px}}