
.kpbm-app,.kpbm-login-wrap{
  --brand:#69bb8d;--brand-dark:#3f9c6c;--bg:#f6f8f7;--card:#fff;--text:#18221d;
  --muted:#78847d;--border:#e7ece9;--danger:#df6b6b;--warning:#d99a3e;
  --blue:#5b8def;--shadow:0 8px 28px rgba(25,45,35,.06);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
.kpbm-app *,.kpbm-login-wrap *{box-sizing:border-box}
.kpbm-app{display:flex;min-height:100vh;background:var(--bg);color:var(--text)}
.kpbm-sidebar{width:250px;background:#fff;border-right:1px solid var(--border);padding:24px 16px;position:fixed;inset:0 auto 0 0;z-index:10;overflow:auto}
.kpbm-brand{display:flex;align-items:center;gap:10px;padding:4px 10px 28px}
.kpbm-logo-mark{width:34px;height:34px;border-radius:11px;background:var(--brand);display:grid;place-items:center;color:#fff;font-weight:800}
.kpbm-brand strong{display:block;font-size:20px;font-weight:800}.kpbm-brand span{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.kpbm-nav small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#a0aaa4;padding:0 11px;margin:15px 0 7px}
.kpbm-nav button{width:100%;border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:10px;color:#657169;cursor:pointer;margin:2px 0}
.kpbm-nav button:hover,.kpbm-nav button.active{background:#eef8f2;color:var(--brand-dark);font-weight:650}
.kpbm-main{margin-left:250px;width:calc(100% - 250px);padding:26px 30px 40px;min-height:100vh}
.kpbm-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.kpbm-topbar h1{font-size:25px;margin:0 0 4px}.kpbm-topbar p{margin:0;color:var(--muted);font-size:13px}
.kpbm-user-actions{display:flex;gap:10px;align-items:center;font-size:12px}.kpbm-user-actions a{border:1px solid var(--border);background:#fff;border-radius:9px;padding:9px 13px;color:#4e5a53;text-decoration:none}
.kpbm-page{display:none}.kpbm-page.active{display:block}
.kpbm-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.kpbm-stat,.kpbm-panel{background:var(--card);border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow)}
.kpbm-stat{padding:18px}.kpbm-stat span{display:block;color:var(--muted);font-size:12px}.kpbm-stat strong{display:block;font-size:25px;font-weight:750;margin:10px 0 6px}
.kpbm-content-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:15px;margin-top:15px}.kpbm-panel{padding:19px}.kpbm-panel h3{font-size:15px;margin:0 0 17px}
.kpbm-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.kpbm-summary-grid>div{padding:14px;border:1px solid var(--border);border-radius:10px;background:#fff}.kpbm-summary-grid span{display:block;font-size:10px;color:var(--muted)}.kpbm-summary-grid b{display:block;font-size:16px;margin-top:4px}
.kpbm-alert{padding:12px;border-radius:9px;background:#fff7e9;color:#9a681d;font-size:11px}
.kpbm-toolbar{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px}.kpbm-search{border:1px solid var(--border);background:#fff;border-radius:8px;padding:9px 10px;font-size:11px;outline:none;min-width:220px}.kpbm-search:focus{border-color:#a9d9bd}
.kpbm-btn{border:1px solid var(--border);background:#fff;border-radius:9px;padding:9px 14px;cursor:pointer;color:#4e5a53;font-size:12px}.kpbm-btn.primary{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:650}
.kpbm-table-wrap{overflow:auto}.kpbm-table{width:100%;border-collapse:collapse;font-size:12px}.kpbm-table th{text-align:left;color:#9aa49e;font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;padding:10px 8px;border-bottom:1px solid var(--border);white-space:nowrap}.kpbm-table td{padding:12px 8px;border-bottom:1px solid #f0f3f1;vertical-align:middle}.kpbm-table tr:last-child td{border-bottom:0}
.kpbm-row-actions{display:flex;gap:6px;white-space:nowrap}.kpbm-link-btn{border:1px solid var(--border);background:#fff;border-radius:7px;padding:5px 8px;font-size:9px;color:#526059;cursor:pointer}.kpbm-link-btn.danger{color:var(--danger)}
.kpbm-status{display:inline-block;border-radius:20px;padding:5px 8px;font-size:10px;font-weight:650;background:#f0f2f1;color:#727d76}.kpbm-status.published,.kpbm-status.delivered,.kpbm-status.received{background:#eaf7ef;color:#39845c}.kpbm-status.pending,.kpbm-status.ordered{background:#fff5e5;color:#a96f1e}.kpbm-status.processing,.kpbm-status.shipped,.kpbm-status.in_transit{background:#edf3ff;color:#5577bf}.kpbm-status.cancelled,.kpbm-status.returned{background:#fdeeee;color:#b65555}
.kpbm-muted{color:var(--muted);font-size:10px}.green{color:var(--brand-dark)}.red{color:var(--danger)}
.kpbm-pnl>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--border)}.kpbm-pnl .total{font-size:15px;border-bottom:0}.kpbm-big-number{font-size:44px;font-weight:800;margin-top:22px}
.kpbm-report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kpbm-report-grid .kpbm-panel{margin:0}.kpbm-report-grid p{font-size:20px;font-weight:800;margin:0}
.kpbm-front-modal{position:fixed;inset:0;background:rgba(20,30,25,.35);display:none;align-items:center;justify-content:center;z-index:99999;padding:20px}.kpbm-front-modal.open{display:flex}.kpbm-front-modal-box{background:#fff;border-radius:14px;width:min(620px,100%);padding:21px;box-shadow:0 25px 70px rgba(0,0,0,.15);max-height:90vh;overflow:auto;position:relative}.kpbm-front-modal-box.wide{width:min(900px,100%)}.kpbm-front-close{position:absolute;right:14px;top:14px;border:0;background:#f1f3f2;border-radius:8px;width:30px;height:30px;cursor:pointer;font-size:18px}
.kpbm-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.kpbm-form-grid label{display:block;font-size:10px;color:#707b75;font-weight:600}.kpbm-form-grid input,.kpbm-form-grid select,.kpbm-form-grid textarea{width:100%;border:1px solid var(--border);background:#fff;border-radius:8px;padding:9px 10px;font-size:11px;outline:none;margin-top:5px}.kpbm-form-grid textarea{min-height:70px}.kpbm-form-grid .full{grid-column:1/-1}.kpbm-modal-actions{margin-top:18px;display:flex;justify-content:flex-end;gap:8px}
.kpbm-order-item{display:grid;grid-template-columns:1fr 90px 110px 36px;gap:7px;margin:7px 0}.kpbm-order-item button{border:1px solid var(--border);background:#fff;border-radius:7px;color:var(--danger);cursor:pointer}
.kpbm-mobile-menu{display:none}
.kpbm-login-wrap{min-height:100vh;display:grid;place-items:center;background:var(--bg);padding:20px}.kpbm-login-card{width:min(430px,100%);background:#fff;border:1px solid var(--border);border-radius:18px;padding:30px;box-shadow:var(--shadow)}
.kpbm-login-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.kpbm-login-brand h1{font-size:20px;margin:0}.kpbm-login-brand p{font-size:11px;color:var(--muted);margin:2px 0 0}.kpbm-login-card h2{margin:0 0 7px;font-size:23px}
#loginform p{margin:0 0 14px}#loginform label{display:block;font-size:11px;font-weight:650;color:#59645e;margin-bottom:5px}#loginform input[type=text],#loginform input[type=password]{width:100%;border:1px solid var(--border);border-radius:9px;padding:11px 12px}#loginform .button-primary{width:100%;border:0;border-radius:9px;background:var(--brand);color:#fff;padding:11px 14px;font-weight:700;cursor:pointer}
.kpbm-admin-shell{margin-left:-20px}.kpbm-admin-shell .kpbm-app{min-height:calc(100vh - 32px)}.kpbm-admin-shell .kpbm-sidebar{top:32px}.kpbm-admin-shell .kpbm-main{min-height:calc(100vh - 32px)}
@media(max-width:1050px){.kpbm-stat-grid{grid-template-columns:repeat(2,1fr)}.kpbm-content-grid{grid-template-columns:1fr}.kpbm-report-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:782px){.kpbm-admin-shell{margin-left:-10px}.kpbm-admin-shell .kpbm-sidebar{top:46px}}
@media(max-width:700px){.kpbm-sidebar{transform:translateX(-100%);transition:.2s}.kpbm-sidebar.open{transform:translateX(0)}.kpbm-main{margin-left:0;width:100%;padding:18px 14px 30px}.kpbm-mobile-menu{display:inline-block}.kpbm-topbar{align-items:flex-start}.kpbm-user-actions span{display:none}.kpbm-form-grid{grid-template-columns:1fr}.kpbm-form-grid .full{grid-column:auto}.kpbm-order-item{grid-template-columns:1fr 70px 90px 34px}.kpbm-report-grid,.kpbm-summary-grid{grid-template-columns:1fr}.kpbm-toolbar{display:block}.kpbm-search{width:100%;min-width:0;margin-bottom:8px}}


/* WP Admin embedding fix
   Keep the same approved app styling, but anchor the app sidebar inside
   the plugin content area rather than to the browser viewport. */
body.wp-admin .kpbm-admin-shell{
  position:relative;
  margin-left:-20px;
  margin-right:0;
  min-height:calc(100vh - 32px);
  overflow:hidden;
}
body.wp-admin .kpbm-admin-shell .kpbm-app{
  position:relative;
  min-height:calc(100vh - 32px);
}
body.wp-admin .kpbm-admin-shell .kpbm-sidebar{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  height:auto;
  min-height:100%;
}
body.wp-admin .kpbm-admin-shell .kpbm-main{
  margin-left:250px;
  width:calc(100% - 250px);
  min-height:calc(100vh - 32px);
}

/* WordPress responsive admin bar height */
@media(max-width:782px){
  body.wp-admin .kpbm-admin-shell{
    margin-left:-10px;
    min-height:calc(100vh - 46px);
  }
  body.wp-admin .kpbm-admin-shell .kpbm-app,
  body.wp-admin .kpbm-admin-shell .kpbm-main{
    min-height:calc(100vh - 46px);
  }
}

/* Mobile app behavior inside WP Admin */
@media(max-width:700px){
  body.wp-admin .kpbm-admin-shell .kpbm-sidebar{
    position:fixed;
    left:0;
    top:46px;
    bottom:0;
    height:auto;
  }
  body.wp-admin .kpbm-admin-shell .kpbm-main{
    margin-left:0;
    width:100%;
  }
}


/* Approved dashboard styling restoration */
.kpbm-top-actions{display:flex;gap:9px;align-items:center}
.kpbm-title-block h1{font-size:25px;margin:0 0 4px}
.kpbm-title-block p{margin:0;color:var(--muted);font-size:13px}
.kpbm-stat-label{color:var(--muted);font-size:12px}
.kpbm-trend{font-size:11px;margin-top:3px}
.amber{color:var(--warning)}
.kpbm-dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:15px;margin-top:15px}
.kpbm-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}
.kpbm-panel-head h3{font-size:15px;margin:0}
.kpbm-panel-head>span{font-size:11px;color:var(--muted)}
.kpbm-sales-chart{height:220px;display:flex;align-items:flex-end;gap:14px;padding:15px 5px 0;border-bottom:1px solid var(--border);margin-bottom:28px}
.kpbm-chart-bar-wrap{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;position:relative}
.kpbm-chart-bar{width:55%;max-width:35px;background:#bfe7ce;border-radius:6px 6px 2px 2px}
.kpbm-chart-bar.hot{background:var(--brand)}
.kpbm-chart-bar-wrap>span{position:absolute;bottom:-25px;color:var(--muted);font-size:10px}
.kpbm-chart-legend{font-size:11px;color:var(--muted);margin-top:15px}
.kpbm-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--brand);margin-right:5px}
.kpbm-quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.kpbm-quick-grid button{padding:14px;border:1px solid var(--border);border-radius:10px;cursor:pointer;background:#fff;text-align:left}
.kpbm-quick-grid button:hover{border-color:#b9dfc9;background:#fbfefc}
.kpbm-quick-grid b{display:block;font-size:12px;margin-bottom:4px}
.kpbm-quick-grid span{font-size:10px;color:var(--muted)}
.kpbm-notice{padding:12px;border-radius:9px;background:#fff7e9;color:#9a681d;font-size:11px;margin-top:10px}
.kpbm-notice.good{background:#eef8f2;color:#39845c}
.kpbm-profit-breakdown>div{display:flex;justify-content:space-between;padding:13px 8px;border-bottom:1px solid #f0f3f1;font-size:12px}
.kpbm-profit-breakdown .total{font-weight:700;border-bottom:0}
.kpbm-empty-cell{text-align:center;color:var(--muted);padding:24px!important}

/* Preserve exact sidebar proportions from approved prototype */
.kpbm-sidebar{width:250px}
.kpbm-main{margin-left:250px;width:calc(100% - 250px)}
.kpbm-brand strong{font-size:20px}
.kpbm-nav button{font-size:12px}

/* WP Admin embedding keeps the app to the right of the native WP menu */
body.wp-admin .kpbm-admin-shell .kpbm-sidebar{position:absolute;left:0;top:0;bottom:0}
body.wp-admin .kpbm-admin-shell .kpbm-main{margin-left:250px;width:calc(100% - 250px)}

@media(max-width:1050px){
  .kpbm-dashboard-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .kpbm-top-actions .kpbm-period-btn{display:none}
  .kpbm-dashboard-grid{gap:10px}
}


/* v2.1.3 — Strong form controls to prevent theme/wp-admin CSS conflicts */
.kpbm-app .kpbm-form-grid input[type="text"],
.kpbm-app .kpbm-form-grid input[type="email"],
.kpbm-app .kpbm-form-grid input[type="number"],
.kpbm-app .kpbm-form-grid input[type="date"],
.kpbm-app .kpbm-form-grid input[type="search"],
.kpbm-app .kpbm-form-grid input:not([type]),
.kpbm-app .kpbm-form-grid select,
.kpbm-app .kpbm-form-grid textarea,
.kpbm-front-modal .kpbm-form-grid input[type="text"],
.kpbm-front-modal .kpbm-form-grid input[type="email"],
.kpbm-front-modal .kpbm-form-grid input[type="number"],
.kpbm-front-modal .kpbm-form-grid input[type="date"],
.kpbm-front-modal .kpbm-form-grid input[type="search"],
.kpbm-front-modal .kpbm-form-grid input:not([type]),
.kpbm-front-modal .kpbm-form-grid select,
.kpbm-front-modal .kpbm-form-grid textarea{
  display:block !important;
  width:100% !important;
  min-height:42px !important;
  margin:6px 0 0 !important;
  padding:9px 12px !important;
  border:1px solid #dfe7e2 !important;
  border-radius:9px !important;
  background:#fff !important;
  color:#18221d !important;
  font:500 12px/1.4 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  box-shadow:none !important;
  outline:none !important;
  opacity:1 !important;
  text-indent:0 !important;
  -webkit-appearance:auto;
  appearance:auto;
}
.kpbm-app .kpbm-form-grid select,
.kpbm-front-modal .kpbm-form-grid select{
  cursor:pointer !important;
  padding-right:34px !important;
}
.kpbm-app .kpbm-form-grid textarea,
.kpbm-front-modal .kpbm-form-grid textarea{
  min-height:96px !important;
  resize:vertical !important;
}
.kpbm-app .kpbm-form-grid input:focus,
.kpbm-app .kpbm-form-grid select:focus,
.kpbm-app .kpbm-form-grid textarea:focus,
.kpbm-front-modal .kpbm-form-grid input:focus,
.kpbm-front-modal .kpbm-form-grid select:focus,
.kpbm-front-modal .kpbm-form-grid textarea:focus{
  border-color:#8dceb0 !important;
  box-shadow:0 0 0 3px rgba(105,187,141,.12) !important;
}
.kpbm-app .kpbm-form-grid label,
.kpbm-front-modal .kpbm-form-grid label{
  color:#68746d !important;
  font-size:11px !important;
  font-weight:650 !important;
  line-height:1.35 !important;
}
.kpbm-front-modal-box h2{
  margin:0 42px 20px 0 !important;
  padding:0 !important;
  font-size:24px !important;
  line-height:1.2 !important;
  font-weight:750 !important;
  color:#18221d !important;
}
.kpbm-front-modal-box{
  border:1px solid #e7ece9 !important;
}
.kpbm-front-modal .kpbm-btn.primary{
  min-width:110px;
}
.kpbm-front-modal input[type="date"]::-webkit-calendar-picker-indicator{
  cursor:pointer;
  opacity:.7;
}

/* v2.2.0 campaign attribution */
.kpbm-order-item.attribution-item{
  grid-template-columns:minmax(170px,1.35fr) 70px 95px 115px minmax(155px,1.25fr) 36px;
  align-items:center;
}
.kpbm-order-item.attribution-item select,
.kpbm-order-item.attribution-item input{
  width:100%;
  min-height:38px;
  border:1px solid #dfe7e2;
  border-radius:8px;
  background:#fff;
  padding:7px 8px;
  font-size:11px;
}
.kpbm-order-item.attribution-item .oi-campaign:disabled{background:#f4f6f5;color:#9aa39e}
@media(max-width:900px){
  .kpbm-order-item.attribution-item{grid-template-columns:1fr 65px 90px}
  .kpbm-order-item.attribution-item .oi-source,
  .kpbm-order-item.attribution-item .oi-campaign{grid-column:auto}
}
@media(max-width:600px){
  .kpbm-order-item.attribution-item{grid-template-columns:1fr 65px}
  .kpbm-order-item.attribution-item .oi-product,
  .kpbm-order-item.attribution-item .oi-source,
  .kpbm-order-item.attribution-item .oi-campaign{grid-column:1/-1}
}


/* v2.2.1 — Solid button treatment.
   Strongly scoped to override WordPress/theme button transparency. */
.kpbm-app .kpbm-btn,
.kpbm-front-modal .kpbm-btn,
.kpbm-app button.kpbm-btn,
.kpbm-front-modal button.kpbm-btn{
  -webkit-appearance:none !important;
  appearance:none !important;
  background:#ffffff !important;
  background-image:none !important;
  border:1px solid #dfe7e2 !important;
  color:#46534c !important;
  opacity:1 !important;
  box-shadow:0 1px 2px rgba(24,34,29,.04) !important;
  text-shadow:none !important;
  border-radius:9px !important;
  font-weight:650 !important;
  text-decoration:none !important;
  transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease !important;
}
.kpbm-app .kpbm-btn:hover,
.kpbm-front-modal .kpbm-btn:hover{
  background:#f7fbf8 !important;
  border-color:#a9d9bd !important;
  color:#317e56 !important;
  box-shadow:0 3px 9px rgba(24,34,29,.07) !important;
}
.kpbm-app .kpbm-btn:active,
.kpbm-front-modal .kpbm-btn:active{
  transform:translateY(1px);
  box-shadow:none !important;
}
.kpbm-app .kpbm-btn.primary,
.kpbm-front-modal .kpbm-btn.primary,
.kpbm-app button.kpbm-btn.primary,
.kpbm-front-modal button.kpbm-btn.primary{
  background:#69bb8d !important;
  background-image:none !important;
  border-color:#69bb8d !important;
  color:#ffffff !important;
  opacity:1 !important;
  box-shadow:0 3px 9px rgba(63,156,108,.18) !important;
}
.kpbm-app .kpbm-btn.primary:hover,
.kpbm-front-modal .kpbm-btn.primary:hover{
  background:#58ad7d !important;
  border-color:#58ad7d !important;
  color:#ffffff !important;
}
.kpbm-app .kpbm-link-btn,
.kpbm-front-modal .kpbm-link-btn{
  background:#ffffff !important;
  background-image:none !important;
  border:1px solid #dfe7e2 !important;
  color:#526059 !important;
  opacity:1 !important;
  box-shadow:none !important;
}
.kpbm-app .kpbm-link-btn:hover{
  background:#f7fbf8 !important;
  border-color:#b8dcca !important;
}
.kpbm-app .kpbm-link-btn.danger{
  background:#fff7f7 !important;
  border-color:#f0d2d2 !important;
  color:#c65c5c !important;
}
.kpbm-app .kpbm-link-btn.danger:hover{
  background:#fdecec !important;
  border-color:#e7bcbc !important;
}
.kpbm-front-close{
  background:#f0f3f1 !important;
  background-image:none !important;
  color:#526059 !important;
  border:1px solid #e1e7e3 !important;
  opacity:1 !important;
}
.kpbm-front-close:hover{
  background:#e7ece9 !important;
  color:#18221d !important;
}

/* Quick-action cards are buttons too: keep them visibly opaque. */
.kpbm-quick-grid button{
  background:#ffffff !important;
  background-image:none !important;
  opacity:1 !important;
  border:1px solid #e7ece9 !important;
  color:#18221d !important;
}
.kpbm-quick-grid button:hover{
  background:#f8fcfa !important;
  border-color:#b8ddc8 !important;
}

/* Disabled state remains visibly intentional, not transparent. */
.kpbm-app button:disabled,
.kpbm-front-modal button:disabled{
  opacity:.62 !important;
  cursor:not-allowed !important;
}


/* v2.3.0 dynamic dashboard */
.kpbm-period-input,.kpbm-product-filter{min-height:40px!important;border:1px solid #dfe7e2!important;border-radius:9px!important;background:#fff!important;color:#46534c!important;padding:8px 11px!important;font-size:11px!important;box-shadow:0 1px 2px rgba(24,34,29,.03)!important}
.kpbm-product-filter{min-width:190px}
.kpbm-product-summary-bar{margin-top:15px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:10px;background:#fff;border:1px solid var(--border);border-radius:13px;padding:13px 16px;box-shadow:var(--shadow)}
.kpbm-product-summary-bar>div{padding:5px 10px;border-right:1px solid #eff3f1}.kpbm-product-summary-bar>div:last-child{border-right:0}.kpbm-product-summary-bar span{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.kpbm-product-summary-bar b{font-size:14px}
.kpbm-sales-chart.dynamic-chart{display:block;height:255px;padding:5px 0 0;border-bottom:0;margin-bottom:10px}.kpbm-chart-svg-wrap{height:225px;position:relative}.kpbm-svg-chart{width:100%;height:205px;overflow:visible}.kpbm-axis-line{stroke:#e5ebe8;stroke-width:1.5}
.kpbm-sales-line{fill:none;stroke:#69bb8d;stroke-width:5;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.kpbm-profit-line{fill:none;stroke:#5b8def;stroke-width:4;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.kpbm-chart-labels{position:absolute;left:0;right:0;bottom:0;height:20px}.kpbm-chart-labels span{position:absolute;transform:translateX(-50%);color:var(--muted);font-size:9px}
.kpbm-chart-legend{display:flex;gap:15px;align-items:center}.kpbm-dot.sales{background:#69bb8d}.kpbm-dot.profit{background:#5b8def;margin-left:6px}
@media(max-width:900px){.kpbm-top-actions{flex-wrap:wrap;justify-content:flex-end}.kpbm-product-summary-bar{grid-template-columns:repeat(2,1fr)}.kpbm-product-summary-bar>div{border-right:0;border-bottom:1px solid #eff3f1}}
@media(max-width:700px){.kpbm-top-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-top:10px}.kpbm-product-filter{min-width:0;width:100%}.kpbm-period-input{width:100%}.kpbm-top-actions #top-new-order{grid-column:1/-1}.kpbm-product-summary-bar{grid-template-columns:1fr}}

/* v2.4.0 product variations */
.kpbm-variation-title{display:block;font-size:12px;font-weight:750;color:#18221d;margin-bottom:3px}.kpbm-variations{margin:10px 0}.variation-row{display:grid;grid-template-columns:115px 135px 105px 85px 95px 75px 105px 36px;gap:7px;margin-bottom:8px;align-items:center}.variation-row input,.variation-row select{width:100%!important;min-height:38px!important;border:1px solid #dfe7e2!important;border-radius:8px!important;background:#fff!important;padding:7px 8px!important;font-size:10px!important}.variation-row .remove-variation{height:38px;border:1px solid #f0d2d2!important;background:#fff7f7!important;color:#c65c5c!important;border-radius:8px!important;cursor:pointer}.kpbm-order-item.attribution-item{grid-template-columns:minmax(145px,1.2fr) minmax(125px,1fr) 60px 85px 105px minmax(135px,1.1fr) 36px!important}.kpbm-order-item .oi-variation{min-width:0}.kpbm-front-modal-box:has(#product-variations){width:min(980px,100%)}
@media(max-width:1050px){.variation-row{grid-template-columns:repeat(4,1fr)}.variation-row .remove-variation{width:36px}.kpbm-order-item.attribution-item{grid-template-columns:1fr 1fr 70px!important}.kpbm-order-item.attribution-item .oi-source,.kpbm-order-item.attribution-item .oi-campaign{grid-column:auto}}
@media(max-width:700px){.variation-row{grid-template-columns:1fr 1fr}.variation-row .v-name,.variation-row .v-value{grid-column:auto}.kpbm-order-item.attribution-item{grid-template-columns:1fr 70px!important}.kpbm-order-item.attribution-item .oi-product,.kpbm-order-item.attribution-item .oi-variation,.kpbm-order-item.attribution-item .oi-source,.kpbm-order-item.attribution-item .oi-campaign{grid-column:1/-1}}


/* v2.5.0 WooCommerce importer */
.kpbm-toolbar-actions{display:flex;gap:8px;align-items:center}
.kpbm-woo-label{display:block;font-size:11px;color:#68746d;font-weight:650}
#woo-products-select{
  display:block!important;
  width:100%!important;
  min-height:300px!important;
  margin-top:7px!important;
  padding:7px!important;
  border:1px solid #dfe7e2!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#18221d!important;
  box-shadow:none!important;
  font-size:11px!important;
}
#woo-products-select option{padding:8px 9px;border-radius:6px}
#woo-products-select option:checked{background:#eaf7ef linear-gradient(0deg,#eaf7ef 0%,#eaf7ef 100%)!important;color:#317e56!important}
.kpbm-woo-loading{padding:22px;border:1px dashed #cfe0d6;border-radius:10px;background:#fbfefc;color:#647069;font-size:12px}
@media(max-width:700px){.kpbm-toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.kpbm-toolbar-actions .kpbm-btn{width:100%}}
