:root {
  --roi-primary:#0ea5e9;
  --roi-dark:#0f172a;
  --roi-light:#f1f5f9;
  --roi-accent:#22c55e;
}
.roi-wrap{max-width:1100px;margin:20px auto;padding:12px}
.roi-header{display:flex;gap:16px;align-items:center;justify-content:space-between;background:#fff;border-radius:16px;padding:14px 18px;box-shadow:0 6px 24px rgba(0,0,0,.06)}
.roi-logo{width:72px;height:72px;object-fit:cover;border-radius:12px;border:1px solid #e5e7eb}
.roi-title h2{margin:0;font-size:24px;color:var(--roi-dark)}
.roi-sub{margin:4px 0 0;color:#64748b}
.roi-btn{background:var(--roi-primary);color:#fff;border:none;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:600}
.roi-btn:hover{opacity:.9}
.roi-order-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0}
.roi-order-meta label{background:#fff;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;border:1px solid #e5e7eb}
.roi-order-meta input,.roi-order-meta select{padding:10px;border:1px solid #e2e8f0;border-radius:8px}
.roi-menu{margin-top:10px}
.roi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.roi-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e5e7eb;display:flex;flex-direction:column}
.roi-card-img{height:140px;background:#e2e8f0 center/cover no-repeat}
.roi-card-body{padding:12px;display:flex;flex-direction:column;gap:8px}
.roi-desc{color:#64748b;font-size:14px;min-height:40px}
.roi-row{display:flex;align-items:center;justify-content:space-between}
.roi-price{font-weight:700;color:var(--roi-dark)}
.roi-cart{position:sticky;bottom:0;margin-top:18px;background:#0b1220;color:#fff;border-radius:16px;padding:14px}
#roi-cart-items{display:flex;flex-direction:column;gap:8px}
.roi-cart-line{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:center;background:#111827;padding:8px 10px;border-radius:10px}
.roi-small{background:#334155;color:#fff;border:none;border-radius:8px;padding:6px 10px;cursor:pointer}
.roi-small:hover{opacity:.9}
#roi-msg{margin-top:10px}
#roi-msg.ok{color:#22c55e}
#roi-msg.err{color:#ef4444}
/* Admin */
.roi-admin .form-table th{width:240px}