/* Customer-facing rewards UI. Neutral tokens so it sits inside any theme. */
.ourw-panel{border:1px solid #e4e9ec;border-radius:14px;padding:16px;margin:0 0 18px;background:#fff;font-size:14px}
.ourw-panel.is-busy{opacity:.6;pointer-events:none}
.ourw-panel__head{display:flex;align-items:center;gap:11px;margin-bottom:10px}
.ourw-panel__ic{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#E7F3F6;color:#17788A}
.ourw-panel__ic svg{width:19px;height:19px}
.ourw-panel__head strong{display:block;font-weight:800;color:#111;font-size:15px;line-height:1.2}
.ourw-panel__head span{color:#7A8994;font-size:12.5px}
.ourw-panel__apply{display:flex;gap:8px}
.ourw-panel__apply input{flex:0 0 96px;border:1px solid #e4e9ec;border-radius:9px;padding:9px 11px;font:inherit;font-size:14px;min-width:0}
.ourw-panel__btn{flex:1;border:0;border-radius:9px;background:#12222F;color:#fff;font-weight:700;font-size:14px;padding:10px 14px;cursor:pointer;transition:.2s}
.ourw-panel__btn:hover{background:#17788A}
.ourw-panel__note{margin:9px 0 0;font-size:12.5px;color:#8A9BA7;line-height:1.45}
.ourw-panel__on{margin:0;font-size:13.5px;color:#17788A;font-weight:600}
.ourw-panel__on b{color:#111}
.ourw-panel__clear{background:none;border:0;padding:0;color:#8A9BA7;font-size:12.5px;text-decoration:underline;cursor:pointer}
.ourw-panel__clear:hover{color:#C0392B}
.ourw-panel__msg{margin:8px 0 0;font-size:12.5px}
.ourw-panel__msg:empty{display:none}
.ourw-panel__msg.is-err{color:#C0392B}
.ourw-panel--guest p{margin:0;color:#5D6B75}

.ourw-earn{margin:10px 0 0;font-size:13.5px;color:#17788A}
.ourw-earn b{font-weight:800}

.ourw-account__hero{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;background:#0B1B2E;color:#fff;border-radius:16px;padding:24px}
.ourw-account__n{font-size:40px;font-weight:800;line-height:1}
.ourw-account__l{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.85}
.ourw-account__w{width:100%;font-size:13.5px;color:#B8C7D2}
.ourw-account__how{margin:16px 0 26px;color:#5D6B75;line-height:1.6}
.ourw-account__table{width:100%;border-collapse:collapse;font-size:14px}
.ourw-account__table th,.ourw-account__table td{padding:10px 8px;border-bottom:1px solid #eef1f3;text-align:left}
.ourw-account__table .num{text-align:right}
.ourw-account__table .pos{color:#17788A;font-weight:700}
.ourw-account__table .neg{color:#C0392B;font-weight:700}

@media(max-width:520px){
  .ourw-panel__apply{flex-wrap:wrap}
  .ourw-panel__apply input{flex:1 1 100%}
  .ourw-panel__btn{flex:1 1 100%}
  .ourw-account__n{font-size:34px}
}