.manager-rewards-admin-root { display:grid; gap:14px; }
.manager-rewards-admin-root [hidden] { display:none !important; }
.manager-reward-admin-toolbar { display:flex; flex-wrap:wrap; align-items:end; gap:10px; padding:14px; border:1px solid var(--line); border-radius:6px; background:#fff; }
.manager-reward-admin-toolbar label { display:grid; gap:5px; color:var(--muted); font-size:11px; font-weight:700; }
.manager-reward-admin-toolbar input,.manager-reward-admin-toolbar select,.manager-reward-admin-assignment input,.manager-reward-admin-assignment select { min-height:34px; padding:0 8px; border:1px solid var(--line); border-radius:4px; color:var(--ink); background:#fff; }
.manager-reward-admin-tabs { display:flex; gap:3px; padding:3px; border:1px solid var(--line); border-radius:5px; background:#f2f7f5; }
.manager-reward-admin-tabs button { min-height:28px; padding:0 15px; border:0; border-radius:3px; color:var(--muted); background:transparent; font-weight:700; }
.manager-reward-admin-tabs button.selected { color:#fff; background:var(--teal); }
.manager-reward-admin-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.manager-reward-admin-summary article { min-width:0; padding:14px; border:1px solid #dfeae5; border-radius:6px; background:#fff; }
.manager-reward-admin-summary article.total { grid-column:1/-1; background:#eaf6f1; }
.manager-reward-admin-summary span,.manager-reward-admin-summary small { display:block; color:var(--muted); font-size:11px; }
.manager-reward-admin-summary strong { display:block; margin:9px 0 5px; color:#17685f; font-size:21px; font-variant-numeric:tabular-nums; }
.manager-reward-admin-summary .total strong { color:var(--teal); font-size:26px; }
.manager-reward-admin-panel { padding:15px; border:1px solid var(--line); border-radius:6px; background:#fff; }
.manager-reward-admin-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.manager-reward-admin-panel-heading h2 { margin:0; font-size:16px; }
.manager-reward-admin-panel-heading p { margin:4px 0 0; color:var(--muted); font-size:11px; }
.manager-reward-admin-assignment form,.manager-reward-admin-panel form { display:flex; flex-wrap:wrap; align-items:end; gap:9px; }
.manager-reward-admin-assignment label,.manager-reward-admin-panel form label { display:grid; gap:5px; color:var(--muted); font-size:11px; font-weight:700; }
.manager-reward-admin-assignment select { min-width:250px; }
.manager-reward-admin-table-wrap { overflow:auto; }
.manager-reward-admin-table-wrap table { width:100%; min-width:760px; border-collapse:collapse; font-size:12px; }
.manager-reward-admin-table-wrap th,.manager-reward-admin-table-wrap td { padding:9px 8px; border-bottom:1px solid #e7eeeb; text-align:left; vertical-align:middle; white-space:nowrap; }
.manager-reward-admin-table-wrap th { color:var(--muted); font-size:10px; font-weight:700; }
.manager-reward-admin-table-wrap td small { display:block; margin-top:3px; color:var(--muted); font-size:10px; }
.manager-reward-admin-table-wrap .amount-cell { color:#17685f; font-variant-numeric:tabular-nums; }
.manager-reward-admin-table-wrap .is-inactive { color:#899590; background:#fafcfb; }
.manager-reward-admin-table-wrap .text-button { margin-right:7px; padding:0; border:0; color:var(--teal); background:transparent; cursor:pointer; font-size:11px; }
.backfill-badge { display:inline-flex; align-items:center; padding:1px 4px; border:1px solid #d69b34; border-radius:3px; color:#8a5b12; background:#fff5dc; font-size:9px; font-style:normal; font-weight:700; vertical-align:middle; }
#manager-reward-admin-attachment-dialog { width:min(92vw,720px); padding:0; border:0; border-radius:7px; }
.manager-reward-admin-attachment { padding:16px; background:#fff; }
.manager-reward-admin-attachment img { display:block; width:100%; max-height:75vh; object-fit:contain; background:#f2f5f4; }
.manager-reward-admin-attachment p { margin:8px 0 0; color:var(--muted); font-size:11px; }
@media (max-width:900px) { .manager-reward-admin-summary { grid-template-columns:1fr 1fr; } }
@media (max-width:540px) { .manager-reward-admin-summary { grid-template-columns:1fr; } .manager-reward-admin-summary article.total { grid-column:auto; } .manager-reward-admin-toolbar > label { flex:1 1 140px; } .manager-reward-admin-tabs { flex:1 1 100%; } .manager-reward-admin-tabs button { flex:1; } }
