/* OpportunityOS v1.12 coloured grouped toolbar design */
.phoenix-toolbar{padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;margin-top:12px!important;}
.op-toolbar-panel-grid{display:grid;grid-template-columns:1fr;gap:10px;width:100%;align-items:stretch;}.op-toolbar-actions-row{display:flex;gap:10px;width:100%;align-items:stretch;justify-content:flex-start}.op-toolbar-actions-row .op-selection-panel{flex:0 0 auto;width:max-content}.op-toolbar-actions-row .op-utility-panel{flex:1 1 auto;min-width:0}
.op-toolbar-panel{position:relative;min-width:0;border-radius:15px;padding:0 12px 12px;overflow:visible;box-shadow:0 6px 18px rgba(15,23,42,.07);}
.op-filter-panel{background:linear-gradient(180deg,#eaf4ff 0%,#f3f8ff 40%,#f7fbff 100%)!important;border:1px solid #b8d6ff;}
.op-selection-panel{background:linear-gradient(180deg,#e9f9ef 0%,#f1fbf4 42%,#f6fdf8 100%)!important;border:1px solid #b7ebc6;}
.op-utility-panel{background:linear-gradient(180deg,#f3eaff 0%,#f8f2ff 42%,#fbf8ff 100%)!important;border:1px solid #d7c7fb;}
.op-toolbar-section-title{margin:0 -12px 8px;padding:0 12px;height:36px;display:flex;align-items:center;gap:8px;border-radius:14px 14px 0 0;font-size:12px;font-weight:950;letter-spacing:.035em;}
.op-filter-panel .op-toolbar-section-title{background:linear-gradient(90deg,#d8eaff,#eaf4ff);color:#1555b6;border-bottom:1px solid #cfe2ff;}
.op-selection-panel .op-toolbar-section-title{background:linear-gradient(90deg,#dff6e7,#ebfaef);color:#15803d;border-bottom:1px solid #cdeed6;}
.op-utility-panel .op-toolbar-section-title{background:linear-gradient(90deg,#eadcff,#f4ebff);color:#6d28d9;border-bottom:1px solid #dfd0fa;}
.op-toolbar-section-title>span:first-child{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:16px;}
.op-filter-panel .op-toolbar-section-title>span:first-child{color:#2563eb;}
.op-selection-panel .op-toolbar-section-title>span:first-child{color:#16a34a;}
.op-utility-panel .op-toolbar-section-title>span:first-child{color:#7c3aed;}
.op-toolbar-panel-body{display:flex;align-items:flex-end;gap:7px;flex-wrap:nowrap;min-width:0;}
.op-filter-primary{display:flex;align-items:flex-end;gap:6px;flex-wrap:nowrap;width:100%;min-width:0;}
.phoenix-toolbar .op-toolbar-panel .toolbar-pill,.phoenix-toolbar .op-toolbar-panel .toolbar-group,.phoenix-toolbar .op-toolbar-panel .toolbar-group.toolbar-green{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;min-width:0;}
.phoenix-toolbar .op-toolbar-panel .toolbar-pill-label,.phoenix-toolbar .op-toolbar-panel .toolbar-label{font-size:10px!important;line-height:1!important;color:#334155!important;font-weight:850!important;white-space:nowrap;}
.phoenix-toolbar .op-toolbar-panel select,.phoenix-toolbar .op-toolbar-panel input{height:34px!important;border:1px solid #cbd5e1!important;border-radius:9px!important;background:rgba(255,255,255,.92)!important;color:#17233d!important;font-size:11px!important;font-weight:700!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;}
.phoenix-toolbar .op-toolbar-panel select:hover,.phoenix-toolbar .op-toolbar-panel input:hover{border-color:#94a3b8!important;background:#fff!important;}
.phoenix-toolbar .op-filter-panel select:focus,.phoenix-toolbar .op-filter-panel input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px rgba(59,130,246,.12)!important;outline:none;}
.phoenix-toolbar .op-filter-panel .toolbar-pill select{min-width:78px;max-width:108px;}
.phoenix-toolbar .op-filter-panel #phoenix-process{width:150px;min-width:150px;max-width:150px;}
.phoenix-toolbar .op-filter-panel #phoenix-opportunity-mode{width:170px;min-width:170px;max-width:170px;}
.phoenix-toolbar .op-filter-panel #phoenix-view{width:235px;min-width:235px;max-width:235px;}
.phoenix-toolbar .op-filter-panel #phoenix-supplier{min-width:100px;max-width:112px;}
.phoenix-toolbar .op-filter-panel #phoenix-row-limit{min-width:82px;max-width:92px;}
.phoenix-toolbar .op-filter-panel #phoenix-exclude-qualified-out{min-width:108px;max-width:120px;}
.phoenix-toolbar #phoenix-load-dashboard{height:34px!important;align-self:flex-end!important;padding:0 14px!important;background:linear-gradient(180deg,#3481ff,#2563eb)!important;border:1px solid #1d4ed8!important;color:#fff!important;box-shadow:0 6px 14px rgba(37,99,235,.24)!important;font-weight:900!important;white-space:nowrap;}
.phoenix-toolbar #phoenix-load-dashboard:hover{background:linear-gradient(180deg,#2563eb,#1d4ed8)!important;transform:translateY(-1px);box-shadow:0 8px 18px rgba(37,99,235,.30)!important;}
.op-selection-panel .op-toolbar-panel-body,.op-utility-panel .op-toolbar-panel-body{align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:10px;}
.phoenix-toolbar #phoenix-selection-count{order:-10;min-width:105px!important;height:38px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:0 11px!important;border:1px solid #a9cdfb!important;border-radius:10px!important;background:linear-gradient(180deg,#e7f2ff,#dcecff)!important;color:#1e3a5f!important;box-shadow:0 2px 6px rgba(37,99,235,.08)!important;white-space:nowrap;}
#phoenix-selection-count-value{display:inline-flex;min-width:23px;height:23px;padding:0 6px;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(180deg,#2990ff,#1670df);color:#fff;font-weight:950!important;box-shadow:0 2px 5px rgba(37,99,235,.25);}
.phoenix-toolbar .op-selection-panel .toolbar-button,.phoenix-toolbar .op-utility-panel .toolbar-button{height:38px!important;padding:0 13px!important;border-radius:9px!important;background:rgba(255,255,255,.90)!important;color:#17233d!important;font-weight:800!important;box-shadow:0 1px 2px rgba(15,23,42,.035)!important;white-space:nowrap;}
.phoenix-toolbar .op-selection-panel #phoenix-check-amazon-approval{border:1px solid #a8d5b5!important;background:linear-gradient(180deg,#ffffff,#eefbf2)!important;}
.phoenix-toolbar .op-selection-panel #phoenix-refresh-keepa{border:1px solid #9fc9ec!important;background:linear-gradient(180deg,#ffffff,#edf7ff)!important;color:#134f8a!important;}
.phoenix-toolbar .op-selection-panel .toolbar-button:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(15,23,42,.08)!important;}
.phoenix-toolbar .op-utility-panel .toolbar-pill:has(.toolbar-pill-label){height:38px!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:7px!important;padding:0 12px!important;border:1px solid #aee9bf!important;border-radius:10px!important;background:linear-gradient(180deg,#e8f9ed,#dff6e7)!important;color:#15803d!important;box-shadow:0 2px 6px rgba(22,163,74,.06)!important;white-space:nowrap;}
.phoenix-toolbar .op-utility-panel .toolbar-pill .toolbar-pill-label{color:#15803d!important;font-size:11px!important;font-weight:900!important;}
.phoenix-toolbar .op-utility-panel #phoenix-search-master-price-file{flex:0 0 auto!important;width:auto!important;min-width:0!important;border:1px solid #c8b8ed!important;background:rgba(255,255,255,.90)!important;}
.phoenix-toolbar .op-utility-panel #phoenix-refresh-keepa-tokens{border:1px solid #b7a0f5!important;color:#5b21b6!important;background:linear-gradient(180deg,#fff,#f2eaff)!important;}
.phoenix-toolbar .op-utility-panel #phoenix-tools{border:1px solid #8b5cf6!important;color:#6d28d9!important;background:linear-gradient(180deg,#ffffff,#efe5ff)!important;}
.phoenix-toolbar .op-utility-panel .toolbar-button:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(109,40,217,.09)!important;}
.phoenix-toolbar .phoenix-keepa-progress{flex:1 1 100%;max-width:none;}
.phoenix-toolbar .phoenix-keepa-progress-track{background:#e2e8f0;}
.phoenix-toolbar .phoenix-keepa-progress-bar{background:linear-gradient(90deg,#22c55e,#16a34a);}
@media(max-width:1500px){.op-toolbar-actions-row{grid-template-columns:1fr;}.op-filter-primary,.op-toolbar-panel-body{flex-wrap:wrap;}.op-selection-panel .op-toolbar-panel-body,.op-utility-panel .op-toolbar-panel-body{flex-wrap:wrap;}}


/* OpportunityOS v1.18 - authoritative primary filter widths.
   Keep these dimensions stable across initial render, toolbar re-render and grid load. */
.phoenix-toolbar #phoenix-process{
  flex:0 0 150px!important;
  width:150px!important;
  min-width:150px!important;
  max-width:150px!important;
  box-sizing:border-box!important;
}
.phoenix-toolbar #phoenix-opportunity-mode{
  flex:0 0 170px!important;
  width:170px!important;
  min-width:170px!important;
  max-width:170px!important;
  box-sizing:border-box!important;
}
.phoenix-toolbar #phoenix-view{
  flex:0 0 235px!important;
  width:235px!important;
  min-width:235px!important;
  max-width:235px!important;
  box-sizing:border-box!important;
}
.phoenix-toolbar #phoenix-process-pill{
  flex:0 0 150px!important;
  width:150px!important;
  min-width:150px!important;
  max-width:150px!important;
}
.phoenix-toolbar #phoenix-opportunity-mode-pill{
  flex:0 0 170px!important;
  width:170px!important;
  min-width:170px!important;
  max-width:170px!important;
}
.phoenix-toolbar #phoenix-view-pill{
  flex:0 0 235px!important;
  width:235px!important;
  min-width:235px!important;
  max-width:235px!important;
}


/* OpportunityOS v1.19 - keep the three primary dashboard filters the same compact height as all other filters. */
.phoenix-toolbar .op-filter-panel #phoenix-process-pill,
.phoenix-toolbar .op-filter-panel #phoenix-opportunity-mode-pill,
.phoenix-toolbar .op-filter-panel #phoenix-view-pill{
  height:auto!important;
  min-height:0!important;
  align-self:flex-end!important;
}
.phoenix-toolbar .op-filter-panel #phoenix-process,
.phoenix-toolbar .op-filter-panel #phoenix-opportunity-mode,
.phoenix-toolbar .op-filter-panel #phoenix-view{
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
}

/* Match the sourcing model multi-select to the other dashboard filter fields. */
.phoenix-toolbar .op-filter-panel #phoenix-sourcing-model-view-pill{width:150px;min-width:150px;max-width:150px;position:relative;}
.phoenix-toolbar .op-filter-panel #phoenix-sourcing-model-view{width:150px;position:relative;}
.phoenix-toolbar .op-filter-panel #phoenix-sourcing-model-view>summary{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:150px;min-width:150px;height:34px;padding:0 10px;border:1px solid #cbd5e1;border-radius:9px;background:rgba(255,255,255,.92);color:#17233d;font:700 11px Inter,Arial,sans-serif;cursor:pointer;list-style:none;overflow:hidden;text-overflow:ellipsis;}
.phoenix-toolbar .op-filter-panel #phoenix-sourcing-model-view>summary::-webkit-details-marker{display:none;}
.phoenix-toolbar .op-filter-panel #phoenix-sourcing-model-view>summary::after{content:'';flex:none;width:6px;height:6px;margin-left:8px;border-right:1.5px solid #334155;border-bottom:1.5px solid #334155;transform:rotate(45deg) translateY(-2px);}
.phoenix-toolbar .op-filter-panel #phoenix-sourcing-model-view>summary:hover{border-color:#94a3b8;background:#fff;}
.phoenix-toolbar .op-filter-panel #phoenix-sourcing-model-view>summary:focus-visible{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.12);}
.phoenix-toolbar .op-filter-panel #phoenix-sourcing-model-view>div{box-sizing:border-box;width:max-content;min-width:260px;max-width:340px;max-height:320px;overflow:auto;background:white;}
.phoenix-toolbar .op-filter-panel #phoenix-sourcing-model-view input[type=checkbox]{appearance:auto!important;flex:none!important;width:15px!important;min-width:15px!important;height:15px!important;margin:0!important;padding:0!important;border-radius:3px!important;box-shadow:none!important;}

/* Keep each filter at its normal width when a view adds extra fields. */
.phoenix-toolbar .op-filter-panel .op-filter-primary{flex-wrap:wrap!important;}
.phoenix-toolbar .op-filter-panel .op-filter-primary>*{flex-shrink:0!important;}
.phoenix-toolbar .op-filter-panel #phoenix-with-supplier,
.phoenix-toolbar .op-filter-panel #phoenix-high-volume-sales,
.phoenix-toolbar .op-filter-panel #phoenix-select-peak-sales{width:112px!important;min-width:112px!important;max-width:112px!important;box-sizing:border-box!important;}
.phoenix-toolbar .op-filter-panel #phoenix-row-limit{width:92px!important;min-width:92px!important;max-width:92px!important;box-sizing:border-box!important;}
.phoenix-toolbar .op-filter-panel #phoenix-exclude-qualified-out{width:112px!important;min-width:112px!important;max-width:112px!important;box-sizing:border-box!important;}

/* v1.35: Import File matches the dashboard's other labelled filter fields. */
.phoenix-toolbar .op-filter-panel #phoenix-import-file-pill{
  flex:0 0 175px!important;width:175px!important;min-width:175px!important;max-width:175px!important;
  align-self:flex-end!important;position:relative!important;
}
.phoenix-toolbar .op-filter-panel #phoenix-import-file-pill .toolbar-file-button{
  box-sizing:border-box!important;display:flex!important;align-items:center!important;
  width:175px!important;height:34px!important;min-height:34px!important;
  padding:0 11px!important;border:1px solid #cbd5e1!important;border-radius:9px!important;
  background:rgba(255,255,255,.92)!important;color:#17233d!important;
  font:700 11px Inter,Arial,sans-serif!important;cursor:pointer!important;
}
.phoenix-toolbar .op-filter-panel #phoenix-import-file-pill .toolbar-file-button:hover{border-color:#94a3b8!important;background:#fff!important;}
.phoenix-toolbar .op-filter-panel #phoenix-import-file-pill #phoenix-import-file{display:none!important;}
.phoenix-toolbar .op-filter-panel #phoenix-import-file-pill .toolbar-file-name{
  display:block!important;width:175px!important;max-width:175px!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  color:#475569!important;font-size:10px!important;line-height:1.2!important;
}

/* v1.36: filename must not increase Import File's flex-row height.
   Keep every filter label and control on the same baseline. */
.phoenix-toolbar .op-filter-panel #phoenix-import-file-pill{
  height:48px!important;min-height:48px!important;max-height:48px!important;
  justify-content:flex-end!important;align-self:flex-end!important;
}
.phoenix-toolbar .op-filter-panel #phoenix-import-file-pill .toolbar-file-name{
  position:absolute!important;left:0!important;top:51px!important;
  margin:0!important;pointer-events:none!important;
}
.phoenix-toolbar .op-filter-panel:has(#phoenix-import-file-pill){
  padding-bottom:26px!important;
}