.ovso-app{--bg:#fff;--ink:#202522;--muted:#69716c;--line:#e3e8e4;--soft:#f7f9f7;--soft2:#eef3ef;--accent:#315d46;--warn:#8a4b13;font-family:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 14px 40px rgba(20,40,28,.08);box-sizing:border-box;max-width:100%}
.ovso-app *{box-sizing:border-box}.ovso-toolbar{display:flex;gap:18px;align-items:flex-end;justify-content:space-between;margin-bottom:17px}.ovso-title-wrap h2{margin:0;font-size:clamp(25px,3vw,38px);letter-spacing:-.035em}.ovso-title-wrap p{margin:5px 0 0;color:var(--muted)}
.ovso-type-switch{display:flex;gap:4px;background:transparent;padding:0;border:0}.ovso-type-switch button{border:0;border-bottom:2px solid transparent;background:transparent;padding:9px 10px;cursor:pointer;font:inherit;color:var(--muted);transition:.18s ease;border-radius:0}.ovso-type-switch button:hover{color:var(--ink)}.ovso-type-switch .active{background:transparent;color:var(--accent);border-bottom-color:var(--accent);font-weight:800}
.ovso-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:15px 0}.ovso-controls label{display:grid;gap:5px;font-size:12px;font-weight:700;color:var(--muted)}.ovso-controls select,.ovso-controls button{min-height:42px;border:1px solid #d5ddd7;background:#fff;border-radius:12px;padding:9px 13px;color:var(--ink);font:inherit;box-shadow:0 2px 8px rgba(20,40,28,.04);transition:border-color .18s,box-shadow .18s,transform .18s,background .18s}.ovso-controls select{min-width:225px;padding-right:38px;cursor:pointer;appearance:auto}.ovso-controls select:focus,.ovso-controls button:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.ovso-controls button{cursor:pointer;font-weight:750}.ovso-controls button:hover{background:#f8faf8;border-color:color-mix(in srgb,var(--accent) 35%,#d5ddd7);transform:translateY(-1px)}.ovso-admin-status{color:var(--accent);font-size:13px;font-weight:700;align-self:center}
.ovso-policy-note{position:relative;font-size:13px;line-height:1.5;background:#fff8ef;border:1px solid #f0d3b1;border-radius:14px;padding:12px 46px 12px 14px;margin:12px 0 16px;color:#5d3b1e;box-shadow:0 3px 10px rgba(115,72,25,.04)}.ovso-policy-note[hidden]{display:none}.ovso-note-close{position:absolute;right:9px;top:8px;width:28px;height:28px;border:0;border-radius:8px;background:rgba(138,75,19,.08);color:#6b421f;font-size:20px;line-height:1;cursor:pointer}.ovso-note-close:hover{background:rgba(138,75,19,.15)}.ovso-claim-dot{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#f6b66f;color:#4f2a06;font-weight:800;font-size:12px;margin-left:6px;flex:0 0 auto}
.ovso-scroll-wrap{overflow:auto;max-width:100%;max-height:min(76vh,900px);padding-bottom:8px;scrollbar-width:thin;overscroll-behavior-x:contain;overscroll-behavior-y:auto;border:1px solid var(--line);border-radius:16px;background:#fff;-webkit-overflow-scrolling:touch}.ovso-table{width:100%;min-width:100%}.ovso-head-row,.ovso-row{display:grid;align-items:stretch;width:100%;min-width:calc(150px + (var(--ovso-count,3) * 220px))}.ovso-head-row{position:sticky;top:0;z-index:20;background:#fff;box-shadow:0 5px 12px rgba(28,48,35,.07)}
.ovso-corner{position:sticky;left:0;z-index:24;font-weight:800;display:flex;align-items:flex-end;padding:14px 12px;color:var(--muted);background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.ovso-oil-head{position:relative;min-width:0;min-height:118px;padding:17px 42px 15px 15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fafcfb);box-sizing:border-box;overflow:visible}.ovso-oil-head.is-active{box-shadow:inset 0 3px 0 var(--accent)}.ovso-oil-head h3{font-size:clamp(15px,1.5vw,19px);line-height:1.2;margin:7px 0 5px;overflow-wrap:anywhere}.ovso-sub{font-size:11px;color:var(--muted);font-style:italic;overflow-wrap:anywhere}.ovso-badge{display:inline-block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;background:color-mix(in srgb,var(--accent) 9%,#fff);color:var(--accent);border-radius:99px;padding:4px 7px;font-weight:800}.ovso-remove{position:absolute;right:9px;top:8px;width:30px;height:30px;border:0;border-radius:50%;background:transparent;font-size:24px;line-height:1;color:#7d8580;cursor:pointer}.ovso-remove:hover{background:#f0f3f1;color:#303532}.ovso-vs-badge{position:absolute;left:0;top:52px;transform:translateX(-50%);z-index:30;display:grid;grid-template-columns:1fr 1fr;width:34px;height:24px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;box-shadow:0 2px 8px rgba(20,40,28,.09);font-size:10px;color:#858e88;text-transform:lowercase}.ovso-vs-badge b:first-child{text-align:right;padding-right:1px}.ovso-vs-badge b:last-child{text-align:left;padding-left:1px}
.ovso-row.alt .ovso-cell,.ovso-row.alt .ovso-label{background:var(--soft)}.ovso-row.claim-row .ovso-cell,.ovso-row.claim-row .ovso-label{background:#fff9f2}.ovso-label{position:sticky;left:0;z-index:8;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 9px;font-size:12px;font-weight:750;display:flex;align-items:flex-start;min-width:0;overflow-wrap:anywhere}.ovso-drag{cursor:grab;color:#98a19b;margin-right:7px;letter-spacing:-2px;flex:0 0 auto}.ovso-cell{min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 12px;line-height:1.45;font-size:13px;background:#fff;overflow-wrap:anywhere}.ovso-cell.editable{outline:none}.ovso-cell.editable:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,#b9cbbf)}.ovso-cell.editable:focus{box-shadow:inset 0 0 0 2px var(--accent);background:#fbfffc}
.ovso-best-text{margin-bottom:9px;color:#59615c}.ovso-rating{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:3px 0 9px;min-width:0}.ovso-rating>span:first-child{display:block;max-width:100%}.ovso-drops{display:flex;flex-wrap:nowrap;gap:6px;align-items:center;justify-content:flex-start;min-width:max-content;white-space:nowrap}.ovso-drop-icon{display:block;width:11px;height:11px;flex:0 0 11px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#ffe8a0 0 20%,#f7bf57 30%,#ec9c25 63%,#c96b10 100%);box-shadow:inset 0 1px 1px rgba(255,255,255,.5),inset 0 -1px 1px rgba(122,62,5,.18),0 1px 1px rgba(85,45,8,.12);opacity:.18}.ovso-drop-icon.on{opacity:1}.ovso-rate-btn{display:inline-flex;align-items:center;justify-content:center;width:11px;height:11px;flex:0 0 11px;border:0;background:transparent;padding:0;cursor:pointer;line-height:1;border-radius:50%}.ovso-rate-btn:hover{background:#fff4df;transform:translateY(-1px);box-shadow:0 0 0 5px rgba(255,244,223,.95)}
.ovso-buy-row .ovso-label,.ovso-buy-row .ovso-cell{position:sticky;bottom:0;z-index:7;background:#fbfcfb;border-top:1px solid #dfe6e1}.ovso-buy-row .ovso-label{left:0;z-index:10}.ovso-buy-cell{display:flex;align-items:center;min-height:64px}.ovso-buy-btn{display:inline-flex;align-items:center;gap:7px;text-decoration:none!important;background:var(--accent);color:#fff!important;border-radius:11px;padding:10px 14px;font-size:13px;font-weight:800;box-shadow:0 5px 13px color-mix(in srgb,var(--accent) 25%,transparent);transition:transform .16s,box-shadow .16s,filter .16s}.ovso-buy-btn:hover{transform:translateY(-1px);filter:brightness(.92);box-shadow:0 7px 16px color-mix(in srgb,var(--accent) 30%,transparent)}.ovso-not-sold{color:#a2aaa5}.ovso-help{font-size:12px;color:var(--muted);margin-top:10px}.ovso-empty{padding:32px;color:var(--muted);min-width:100%;text-align:center}.ovso-row.dragging{opacity:.5}
@media(min-width:900px){.ovso-head-row,.ovso-row{min-width:calc(150px + (var(--ovso-count,3) * 220px))}.ovso-table{min-width:100%}}
@media(max-width:899px){.ovso-app{padding:16px;border-radius:18px}.ovso-toolbar{align-items:flex-start;flex-direction:column}.ovso-type-switch{width:100%;overflow:auto}.ovso-type-switch button{flex:0 0 auto;white-space:nowrap}.ovso-controls{align-items:stretch}.ovso-controls label{width:100%}.ovso-controls select{width:100%;min-width:0}.ovso-controls button{flex:1 1 145px}.ovso-head-row,.ovso-row{grid-template-columns:135px repeat(var(--ovso-count,1),minmax(210px,1fr))!important;min-width:calc(135px + (var(--ovso-count,1) * 210px))}.ovso-scroll-wrap{max-height:74vh}.ovso-oil-head{padding-left:13px;padding-right:38px}.ovso-vs-badge{width:30px}}
@media(max-width:520px){.ovso-app{padding:10px;border-radius:14px}.ovso-title-wrap h2{font-size:27px}.ovso-title-wrap p{font-size:13px}.ovso-type-switch{gap:10px}.ovso-type-switch button{padding:8px 3px}.ovso-controls{gap:8px}.ovso-controls button{width:100%;flex-basis:100%}.ovso-policy-note{font-size:12px}.ovso-head-row,.ovso-row{grid-template-columns:112px repeat(var(--ovso-count,1),minmax(calc(100vw - 158px),220px))!important;min-width:calc(112px + (var(--ovso-count,1) * max(220px, calc(100vw - 158px))))}.ovso-label{font-size:11px;padding:10px 7px}.ovso-cell{font-size:12px;padding:10px}.ovso-oil-head{min-height:112px}.ovso-oil-head h3{font-size:16px}.ovso-corner{padding:10px 7px}.ovso-drops{margin-top:0}}

/* 1.3.0 discovery and beginner controls */
.ovso-intro{margin:2px 0 16px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--accent) 4%,#fff);font-size:13px;line-height:1.55;color:#4f5852}
.ovso-intro strong{color:var(--ink)}
.ovso-discovery{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:13px 14px;margin:10px 0 2px;border:1px solid var(--line);border-radius:16px;background:#fbfcfb}
.ovso-view-mode{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.ovso-view-mode>span,.ovso-need-wrap>span{font-size:11px;font-weight:800;letter-spacing:.03em;color:var(--muted);text-transform:uppercase;margin-right:5px}.ovso-view-mode button{border:1px solid #d5ddd7;background:#fff;border-radius:999px;padding:8px 13px;min-height:38px;font:inherit;font-size:13px;font-weight:750;cursor:pointer;color:#59615c}.ovso-view-mode button.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 18%,transparent)}
.ovso-need-wrap{display:flex;align-items:center;gap:6px;margin-left:auto}.ovso-need-wrap[hidden]{display:none}.ovso-need-select{min-height:40px;min-width:190px;border:1px solid #d5ddd7;background:#fff;border-radius:11px;padding:8px 34px 8px 11px;color:var(--ink);font:inherit;cursor:pointer}.ovso-need-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}
.ovso-oil-head.has-vs{padding-left:30px}.ovso-rank-badge{display:inline-block;margin:0 0 4px 7px;padding:4px 7px;border-radius:999px;background:#fff3d8;color:#7c4c05;font-size:9px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;border:1px solid #f1d599}
@media(max-width:700px){.ovso-discovery{align-items:stretch}.ovso-view-mode{width:100%}.ovso-need-wrap{margin-left:0;width:100%;display:grid;gap:6px}.ovso-need-select{width:100%;min-width:0}.ovso-oil-head.has-vs{padding-left:25px}}
.ovso-need-wrap small{display:block;max-width:330px;font-size:10px;line-height:1.35;color:var(--muted);text-transform:none;font-weight:500}

/* 1.4.0: frameless white layout and direct horizontal panning */
.ovso-app{background:#fff;border:0;border-radius:0;padding:0;box-shadow:none}
.ovso-scroll-wrap{cursor:auto;touch-action:pan-y pinch-zoom}
.ovso-scroll-wrap.ovso-can-pan .ovso-cell:not(.editable),
.ovso-scroll-wrap.ovso-can-pan .ovso-oil-head{cursor:grab}
.ovso-scroll-wrap.is-panning,
.ovso-scroll-wrap.is-panning .ovso-cell,
.ovso-scroll-wrap.is-panning .ovso-oil-head{cursor:grabbing!important;user-select:none}
@media(max-width:899px){.ovso-app{padding:0;border-radius:0}}
@media(max-width:520px){.ovso-app{padding:0;border-radius:0}}