#view-promotions .promotion-layout{display:block;min-width:0}
.promotion-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:12px}
.promotion-filters label{display:grid;gap:6px;font-size:13px;color:var(--muted)}
.promotion-filters label:first-child{flex:1 1 260px}
.promotion-filters input,.promotion-filters select{width:100%;min-height:40px;border:1px solid var(--line);border-radius:7px;background:white;padding:8px 10px;color:var(--ink)}
#promotionListCount{font-size:13px;color:var(--muted);margin:8px 0}
#promotionsTable{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:12px;background:white}
.promotion-table{width:100%;min-width:980px;border-collapse:collapse;table-layout:fixed;font-size:14px}
.promotion-table th,.promotion-table td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:normal;word-break:normal}
.promotion-table th{background:var(--soft);font-size:12px;color:var(--muted);font-weight:600}
.promotion-table th:nth-child(1){width:23%}.promotion-table th:nth-child(2){width:9%}.promotion-table th:nth-child(3),.promotion-table th:nth-child(4){width:12%}.promotion-table th:nth-child(5){width:11%}.promotion-table th:nth-child(6){width:14%}.promotion-table th:nth-child(7){width:19%}
.promotion-table th button{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;padding:0;border:0;background:transparent;text-align:left;color:inherit;font:inherit;cursor:pointer;min-height:36px}
.promotion-table th[aria-sort=ascending],.promotion-table th[aria-sort=descending]{color:var(--ink)}
.promotion-table td:first-child{overflow-wrap:anywhere}.promotion-table code{font-size:14px}
.promotion-table small{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:5px}
.promotion-table time,.promotion-number strong{white-space:nowrap}.promotion-table time{font-size:13px}
.promotion-state{display:inline-block;background:var(--soft);border-radius:4px;padding:2px 7px;font-size:12px;margin-top:7px}
.promotion-actions{display:flex;flex-direction:column;gap:7px}
.promotion-actions button{width:100%;margin:0;padding:7px 10px;font-size:12px;line-height:1.4;min-height:36px}
.promotion-table tr:last-child td{border-bottom:0}.promotion-table tbody tr:hover{background:#f6f8f7}
#view-promotions .promotion-form{margin-top:24px;max-width:760px;grid-template-columns:repeat(2,minmax(0,1fr))}
#promotionForm h3,#promotionForm>p,#promotionForm>button{grid-column:1/-1}
.promotion-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.promotion-filters{display:grid;grid-template-columns:1fr 1fr}.promotion-filters label:first-child{grid-column:1/-1}.promotion-filters label{min-width:0}.promotion-filters button{grid-column:1/-1}#view-promotions .promotion-form{grid-template-columns:1fr}.promotion-table{font-size:13px}}
.promotion-table th button>span[aria-hidden]{font-size:18px;line-height:1;flex:none;color:var(--ink)}