.procurement-value-additions{display:grid;gap:16px}
.odoo-value-tabs{display:flex;gap:7px;padding:7px;border:1px solid var(--line);border-radius:14px;background:var(--soft);overflow-x:auto;scrollbar-width:thin}
.odoo-value-tabs button{min-height:42px;flex:1 0 max-content;padding:9px 14px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);font:inherit;font-weight:800;cursor:pointer}
.odoo-value-tabs button.active{border-color:color-mix(in srgb,var(--theme-accent,var(--blue)),transparent 60%);background:var(--white);color:var(--ink);box-shadow:0 5px 16px rgba(0,0,0,.08)}
.odoo-value-pane{display:grid;gap:14px}
.odoo-value-pane[hidden]{display:none!important}
.odoo-value-card{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--white)}
.odoo-value-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.odoo-value-card h4,.odoo-value-card p{margin:0}
.odoo-value-card p,.odoo-value-card small{color:var(--muted)}
.odoo-value-card-actions{display:flex;flex-wrap:wrap;gap:7px}
.odoo-value-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.odoo-value-kpis span{display:grid;gap:3px;padding:9px;border-radius:10px;background:var(--soft)}
.odoo-value-kpis b{font-size:16px;color:var(--ink)}
.odoo-analytics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.odoo-price-rank{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(90px,.6fr));gap:8px;align-items:center;padding:11px;border-bottom:1px solid var(--line)}
.odoo-price-rank:last-child{border-bottom:0}
body[data-dashboard-theme="current-roast"] .odoo-value-card{background:#2b1c13}

@media(max-width:920px){
  .odoo-value-tabs{position:sticky;top:calc(var(--mobile-topbar-height,66px) + env(safe-area-inset-top));z-index:120;margin-inline:-15px;border-inline:0;border-radius:0;padding-inline:12px}
  .odoo-value-tabs button{min-height:44px}
  .odoo-analytics-grid{grid-template-columns:1fr 1fr}
  .odoo-value-kpis{grid-template-columns:1fr 1fr}
  .odoo-price-rank{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .odoo-analytics-grid{grid-template-columns:1fr}
  .odoo-value-card-head{display:grid}
  .odoo-value-card-actions .button{width:100%}
  .odoo-price-rank{grid-template-columns:1fr}
}