.oh-filters{display:flex;align-items:center;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.oh-filter-chip{padding:8px 18px;border-radius:20px;font-size:14px;font-weight:600;border:0.5px solid rgba(255,255,255,.15);background:transparent;color:var(--sub);cursor:pointer;transition:all .15s}
.oh-filter-chip:hover{background:rgba(255,255,255,.06)}
.oh-filter-chip.active{background:rgba(56,189,248,.15);color:#38bdf8;border-color:rgba(56,189,248,.35)}
body.light .oh-filter-chip{border-color:rgba(15,23,42,.25);color:var(--text)}
body.light .oh-filter-chip.active{background:#0284c7;color:#ffffff;border-color:#0284c7;font-weight:700}
.oh-week-label{font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--sub);margin:0 0 10px;padding-left:2px}
.oh-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.oh-card{background:rgba(17,24,39,.7);border:0.5px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px;transition:border-color .15s}
.oh-card:hover{border-color:rgba(56,189,248,.25)}
body.light .oh-card{background:#ffffff;border-color:rgba(15,23,42,.08)}
body.light .oh-card:hover{border-color:rgba(2,132,199,.3)}
.oh-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.oh-card-po{font-size:10px;font-weight:700;color:#38bdf8;background:rgba(56,189,248,.12);padding:2px 7px;border-radius:4px;flex-shrink:0}
body.light .oh-card-po{color:#0284c7;background:rgba(2,132,199,.1)}
.oh-card-amount{font-size:20px;font-weight:700;color:var(--text);line-height:1;margin:0}
.oh-card-sub{font-size:12px;color:var(--sub);margin-top:3px}
.oh-card-badge{font-size:10px;padding:1px 5px;border-radius:3px;font-weight:600;background:rgba(255,255,255,.08);color:var(--sub);margin-left:4px}
body.light .oh-card-badge{background:rgba(15,23,42,.06)}
.oh-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:0.5px solid rgba(255,255,255,.06);padding-top:10px}
body.light .oh-card-footer{border-top-color:rgba(15,23,42,.08)}
.oh-card-time{font-size:11px;color:var(--sub)}
.oh-card-actions{display:flex;gap:4px}
.oh-card-btn{width:34px;height:34px;border-radius:8px;border:0.5px solid rgba(255,255,255,.1);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--sub);font-size:16px;transition:background .15s}
.oh-card-btn:hover{background:rgba(255,255,255,.08)}
.oh-card-btn.danger:hover{background:rgba(239,68,68,.12);color:#ef4444;border-color:rgba(239,68,68,.2)}
body.light .oh-card-btn{border-color:rgba(15,23,42,.12)}
body.light .oh-card-btn:hover{background:rgba(15,23,42,.05)}
.oh-prev-list{display:flex;flex-direction:column;gap:6px}
.oh-prev-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;border:0.5px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);transition:background .15s}
.oh-prev-row:hover{background:rgba(255,255,255,.04)}
body.light .oh-prev-row{border-color:rgba(15,23,42,.07);background:rgba(15,23,42,.02)}
.oh-prev-meta{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--sub)}
.oh-prev-time{font-size:11px;color:var(--sub);margin-left:auto;flex-shrink:0}
.oh-prev-actions{display:flex;gap:3px;flex-shrink:0}
.oh-load-btn{width:100%;padding:9px;border-radius:10px;border:0.5px dashed rgba(255,255,255,.12);background:transparent;cursor:pointer;font-size:12px;color:var(--sub);display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s;margin-top:8px}
.oh-load-btn:hover{background:rgba(255,255,255,.04)}
body.light .oh-load-btn{border-color:rgba(15,23,42,.15)}
.oh-empty{font-size:13px;color:var(--sub);text-align:center;padding:24px 0}

.oh-card-btn.primary{background:rgba(56,189,248,.15);color:#38bdf8;border-color:rgba(56,189,248,.3)}
.oh-card-btn.primary:hover{background:rgba(56,189,248,.25)}
.oh-card-btn.danger{background:rgba(239,68,68,.15);color:#ef4444;border-color:rgba(239,68,68,.3)}
.oh-card-btn.danger:hover{background:rgba(239,68,68,.25)}
body.light .oh-card-btn.primary{background:rgba(2,132,199,.1);color:#0284c7;border-color:rgba(2,132,199,.25)}
body.light .oh-card-btn.danger{background:rgba(220,38,38,.1);color:#dc2626;border-color:rgba(220,38,38,.25)}

/* Order History Popover */
.oh-popover{background:var(--card);border:0.5px solid rgba(255,255,255,.12);border-radius:12px;padding:4px;min-width:180px;box-shadow:0 8px 24px rgba(0,0,0,.35)}
body.light .oh-popover{border-color:rgba(15,23,42,.12);box-shadow:0 8px 24px rgba(0,0,0,.12)}
.oh-pop-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text);text-align:left;transition:background .15s}
.oh-pop-btn:hover{background:rgba(255,255,255,.07)}
body.light .oh-pop-btn:hover{background:rgba(15,23,42,.05)}
.oh-pop-btn.active{color:#38bdf8}
.oh-pop-btn i{font-size:15px;color:var(--sub);width:16px}