/* FOOD OS 84.75.0 — product categories, premium reports, minimal settings save, fast order cancellation */

/* ---------- Product management sections ---------- */
.pc-pm-section-tabs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  margin:14px 0 16px;
  padding:6px;
  border:1px solid #e2e8f0;
  border-radius:18px;
  background:rgba(248,250,252,.92);
  box-shadow:0 10px 28px rgba(15,23,42,.05);
}
.pc-pm-section-tab{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 13px;
  border:1px solid transparent;
  border-radius:13px;
  background:transparent;
  color:#64748b;
  font:inherit;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.pc-pm-section-tab:hover{background:#fff;color:#0f172a}
.pc-pm-section-tab.is-active{
  border-color:#dbeafe;
  background:#fff;
  color:#0369a1;
  box-shadow:0 7px 18px rgba(15,23,42,.08);
}
.pc-pm-section-tab b{
  min-width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 7px;
  border-radius:999px;
  background:#e2e8f0;
  color:#475569;
  font-size:9px;
}
.pc-pm-section-tab.is-active b{background:#e0f2fe;color:#0369a1}
.pc-pm-section-panel{animation:pcPmSectionIn .22s ease both}
@keyframes pcPmSectionIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.pc-pm-product-toolbar{align-items:center!important;margin-bottom:8px!important}
.pc-pm-primary-action,.pc-pm-secondary-action{min-height:42px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;border-radius:13px!important}
.pc-pm-product-summary{display:flex;align-items:baseline;gap:6px;color:#64748b;font-size:9.5px;font-weight:800}
.pc-pm-product-summary b{color:#0f172a;font-size:15px;font-weight:950}
.pc-pm-drag-hint{display:flex;align-items:center;gap:7px;margin:4px 2px 12px;color:#64748b;font-size:9.5px;font-weight:750}
.pc-pm-drag-hint .pc-svg-icon{color:#0ea5e9}
.pc-pm-categories-panel{
  padding:22px;
  border:1px solid #e2e8f0;
  border-radius:24px;
  background:linear-gradient(150deg,#fff,#fbfdff);
  box-shadow:0 18px 45px rgba(15,23,42,.07);
}
.pc-pm-category-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.pc-pm-eyebrow,.repPro-cardEyebrow,.repPro-eyebrow{display:block;color:#0284c7;font-size:9px;font-weight:950;letter-spacing:.04em}
.pc-pm-category-header h2{margin:5px 0 0!important;color:#0f172a!important;font-size:18px!important;font-weight:950!important}
.pc-pm-category-header p{max-width:610px;margin:7px 0 0;color:#64748b;font-size:10px;font-weight:750;line-height:1.85}
.pc-pm-edit-categories{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex:0 0 auto;
  padding:0 13px;
  border:1px solid #cbd5e1;
  border-radius:12px;
  background:#fff;
  color:#475569;
  font:inherit;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
}
.pc-pm-edit-categories.is-active{border-color:#86efac;background:#f0fdf4;color:#15803d}
.pc-pm-category-create{margin-top:20px;padding:15px;border:1px solid #dbeafe;border-radius:17px;background:#f8fbff}
.pc-pm-category-create>label{display:block;margin-bottom:8px;color:#334155;font-size:9.5px;font-weight:900}
.pc-pm-category-create>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.pc-pm-category-create input{
  width:100%;
  min-width:0;
  height:44px;
  padding:0 14px;
  border:1px solid #cbd5e1;
  border-radius:13px;
  background:#fff;
  color:#0f172a;
  font:inherit;
  font-size:10.5px;
  font-weight:800;
  outline:0;
}
.pc-pm-category-create input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(14,165,233,.12)}
.pc-pm-add-category{
  min-width:104px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 14px;
  border:0;
  border-radius:13px;
  background:linear-gradient(135deg,#0284c7,#2563eb);
  color:#fff;
  font:inherit;
  font-size:10px;
  font-weight:950;
  box-shadow:0 8px 18px rgba(2,132,199,.18);
  cursor:pointer;
}
.pc-pm-category-list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:22px 2px 11px}
.pc-pm-category-list-head>div{display:flex;align-items:center;gap:8px}
.pc-pm-category-list-head b{color:#0f172a;font-size:11px;font-weight:950}
.pc-pm-category-list-head span{padding:4px 8px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-size:8.5px;font-weight:950}
.pc-pm-category-list-head small{color:#94a3b8;font-size:8.5px;font-weight:750}
.pc-pm-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pc-pm-category-card{
  min-width:0;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  padding:12px;
  border:1px solid #e2e8f0;
  border-radius:16px;
  background:#fff;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.pc-pm-category-card:hover{transform:translateY(-1px);border-color:#bae6fd;box-shadow:0 10px 24px rgba(15,23,42,.07)}
.pc-pm-category-mark{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:linear-gradient(145deg,#e0f2fe,#eff6ff);color:#0284c7}
.pc-pm-category-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
.pc-pm-category-copy strong{overflow:hidden;color:#0f172a;font-size:11px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}
.pc-pm-category-copy span{color:#64748b;font-size:8.5px;font-weight:750}
.pc-pm-category-count{min-width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:9px;font-weight:950}
.pc-pm-category-delete{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid #fecaca;border-radius:11px;background:#fff7f7;color:#dc2626;cursor:pointer}
.pc-pm-category-delete:hover{background:#fee2e2}
.pc-pm-category-empty{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px dashed #cbd5e1;border-radius:17px;background:#f8fafc;color:#94a3b8;text-align:center}
.pc-pm-category-empty b{color:#334155;font-size:11px;font-weight:950}
.pc-pm-category-empty span{font-size:9px;font-weight:750}

/* ---------- Premium reports suite ---------- */
body.pc-reports-active main#app-container>.pc-report-suite{
  width:min(1180px,calc(100% - 28px))!important;
  max-width:1180px!important;
  min-height:100%!important;
  margin:0 auto!important;
  padding:0 0 80px!important;
}
body.pc-reports-active .pc-report-suite .repPro-pad{padding:0!important}
body.pc-reports-active .pc-report-suite #dashboard-content-new{padding:0!important}
body.pc-reports-active .pc-report-suite .repPro-area{padding:16px 0 0!important;background:transparent!important}
.repPro-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.repPro-periods{display:flex;align-items:center;gap:5px;padding:5px;border:1px solid #e2e8f0;border-radius:15px;background:#f8fafc}
.repPro-period{
  min-height:36px;
  padding:0 13px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#64748b;
  font:inherit;
  font-size:9.5px;
  font-weight:900;
  cursor:pointer;
  white-space:nowrap;
}
.repPro-period:hover{background:#fff;color:#0f172a}
.repPro-period.is-active{background:#fff;color:#0369a1;box-shadow:0 5px 14px rgba(15,23,42,.09)}
.repPro-export-actions{display:flex;align-items:center;gap:7px}
.repPro-export-btn{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 14px;
  border:1px solid #cbd5e1;
  border-radius:12px;
  background:#fff;
  color:#334155;
  font:inherit;
  font-size:9.5px;
  font-weight:950;
  cursor:pointer;
}
.repPro-export-btn--primary{border-color:#0284c7;background:#0284c7;color:#fff;box-shadow:0 8px 18px rgba(2,132,199,.18)}
.repPro-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);
  align-items:end;
  gap:26px;
  padding:28px;
  border:1px solid rgba(125,211,252,.22);
  border-radius:25px;
  background:radial-gradient(circle at 6% 8%,rgba(56,189,248,.24),transparent 19rem),linear-gradient(135deg,#082f49,#172554 72%,#1e3a8a);
  color:#fff;
  box-shadow:0 22px 45px rgba(15,23,42,.16);
}
.repPro-hero:after{content:"";position:absolute;inset:auto -55px -95px auto;width:240px;height:240px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 40px rgba(255,255,255,.025);z-index:-1}
.repPro-hero .repPro-eyebrow{color:#7dd3fc}
.repPro-hero h2{display:flex;align-items:baseline;gap:9px;margin:12px 0 0!important;color:#fff!important}
.repPro-hero h2 strong{font-size:34px;font-weight:950;letter-spacing:-.03em;line-height:1}
.repPro-hero h2 small{color:#bae6fd;font-size:11px;font-weight:900}
.repPro-hero-copy p{max-width:600px;margin:12px 0 0;color:#cbd5e1;font-size:10px;font-weight:750;line-height:1.85}
.repPro-hero-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.repPro-hero-metrics>div{min-width:0;padding:14px;border:1px solid rgba(186,230,253,.18);border-radius:16px;background:rgba(255,255,255,.07);backdrop-filter:blur(9px)}
.repPro-hero-metrics span{display:block;color:#bae6fd;font-size:8.5px;font-weight:850}
.repPro-hero-metrics b{display:block;margin-top:7px;color:#fff;font-size:15px;font-weight:950;white-space:nowrap}
.repPro-hero-metrics b small{color:#94a3b8;font-size:7.5px}
.repPro-kpiGrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:12px 0!important}
.repPro-kpiCard{
  min-width:0!important;
  min-height:128px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  grid-template-rows:auto 1fr!important;
  align-items:start!important;
  gap:10px!important;
  margin:0!important;
  padding:15px!important;
  border:1px solid #e2e8f0!important;
  border-radius:18px!important;
  background:#fff!important;
  color:#0f172a!important;
  font:inherit!important;
  text-align:right!important;
  box-shadow:0 12px 28px rgba(15,23,42,.055)!important;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.repPro-kpiCard:hover{transform:translateY(-2px);border-color:#bae6fd!important;box-shadow:0 16px 32px rgba(15,23,42,.09)!important}
.repPro-kpiCard.is-active{border-color:#38bdf8!important;box-shadow:0 0 0 3px rgba(14,165,233,.10),0 16px 32px rgba(15,23,42,.08)!important}
.repPro-kpiIcon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#f0f9ff;color:#0284c7}
.repPro-kpiCopy{min-width:0;display:flex;flex-direction:column}
.repPro-kpiLbl{color:#64748b!important;font-size:8.5px!important;font-weight:850!important;white-space:normal!important}
.repPro-kpiVal{display:block!important;overflow:hidden;margin-top:7px;color:#0f172a!important;font-size:16px!important;font-weight:950!important;text-overflow:ellipsis;white-space:nowrap}
.repPro-kpiCopy small{margin-top:2px;color:#94a3b8;font-size:8px;font-weight:800}
.repPro-kpiCount{grid-column:1/-1;align-self:end;padding-top:9px;border-top:1px solid #f1f5f9;color:#64748b;font-size:8.5px;font-weight:850}
.repPro-insights-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}
body.pc-reports-active .pc-report-suite .repPro-card{
  min-width:0!important;
  margin:0!important;
  padding:20px!important;
  border:1px solid #e2e8f0!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(15,23,42,.06)!important;
}
.repPro-cardHead{align-items:flex-start!important;margin-bottom:17px!important}
.repPro-cardEyebrow{margin-bottom:5px}
.repPro-cardTitle{color:#0f172a!important;font-size:12px!important;font-weight:950!important}
.repPro-cardMeta{padding:5px 8px;border-radius:999px;background:#f1f5f9;color:#64748b!important;font-size:8px!important;font-weight:900!important;white-space:nowrap}
.repPro-payment-card .repPro-bar{margin-top:13px!important}
.repPro-barTop{margin-bottom:7px!important}
.repPro-barTop span{color:#475569!important;font-size:9px!important;font-weight:850!important}
.repPro-track{height:7px!important;border-radius:999px!important;background:#eef2f7!important}
.repPro-fill{height:100%!important;border-radius:999px!important}
.repPro-fill.repPro-pos{background:linear-gradient(90deg,#0ea5e9,#2563eb)!important}
.repPro-fill.repPro-cash{background:linear-gradient(90deg,#34d399,#10b981)!important}
.repPro-fill.repPro-transfer{background:linear-gradient(90deg,#a78bfa,#7c3aed)!important}
.repPro-fill.repPro-other{background:linear-gradient(90deg,#fbbf24,#f59e0b)!important}
.repPro-profitCard{margin:0!important}
.repPro-profitGrid{gap:8px!important}
.repPro-profitItem{padding:12px!important;border:1px solid #e2e8f0!important;border-radius:14px!important;background:#f8fafc!important}
.repPro-profitItem span{color:#64748b!important;font-size:8.5px!important;font-weight:800!important}
.repPro-profitItem b{margin-top:6px!important;color:#0f172a!important;font-size:11px!important;font-weight:950!important}
.repPro-profitItem.repPro-profitGood{border-color:#bbf7d0!important;background:#f0fdf4!important}
.repPro-profitItem.repPro-profitGood b{color:#15803d!important}
.repPro-profitHint{margin-top:12px!important;color:#64748b!important;font-size:8px!important;font-weight:750!important;line-height:1.75!important}
.repPro-transactions-card{margin-top:0!important}
.repPro-list{display:flex!important;flex-direction:column!important;gap:7px!important}
.repPro-row{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto minmax(104px,auto) 22px!important;
  align-items:center!important;
  gap:11px!important;
  min-height:64px!important;
  padding:10px 12px!important;
  border:1px solid #e2e8f0!important;
  border-right:1px solid #e2e8f0!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.repPro-row:hover{transform:translateY(-1px)!important;border-color:#bae6fd!important;background:#fbfdff!important;box-shadow:0 10px 24px rgba(15,23,42,.06)!important}
.repPro-row:focus-visible{outline:3px solid rgba(14,165,233,.18);outline-offset:2px}
.repPro-rowIcon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#f0f9ff;color:#0284c7}
.repPro-row.is-cash .repPro-rowIcon{background:#ecfdf5;color:#059669}
.repPro-row.is-transfer .repPro-rowIcon{background:#f5f3ff;color:#7c3aed}
.repPro-rowMain{min-width:0!important}
.repPro-rowName{color:#0f172a!important;font-size:10.5px!important;font-weight:950!important}
.repPro-rowMeta{margin-top:4px!important;color:#94a3b8!important;font-size:8.5px!important;font-weight:750!important}
.repPro-method-badge{padding:5px 8px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:8px;font-weight:900;white-space:nowrap}
.repPro-rowAmt{display:flex!important;flex-direction:column!important;align-items:flex-end!important;color:#0f172a!important;font-family:inherit!important;white-space:nowrap}
.repPro-rowAmt strong{font-size:11px;font-weight:950}
.repPro-rowAmt small{margin-top:3px;color:#94a3b8;font-size:7.5px;font-weight:800}
.repPro-rowChevron{color:#94a3b8}
.repPro-empty{min-height:215px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:1px dashed #cbd5e1!important;border-radius:16px!important;background:#f8fafc!important;color:#94a3b8!important}
.repPro-emptyIcon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:#e0f2fe;color:#0284c7}
.repPro-emptyTitle{color:#334155!important;font-size:11px!important;font-weight:950!important}
.repPro-emptySub{color:#64748b!important;font-size:9px!important;font-weight:750!important}

/* ---------- Minimal settings save ---------- */
.pc-settings-save-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 1px;background:transparent;border:0;box-shadow:none}
.pc-settings-save-hint{color:#64748b;font-size:8.5px;font-weight:750;line-height:1.7}
body.pc-settings-active .pc-settings-save-button--minimal{
  width:auto!important;
  min-width:142px!important;
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0 15px!important;
  border:0!important;
  border-radius:12px!important;
  background:#0284c7!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:950!important;
  box-shadow:none!important;
}
body.pc-settings-active .pc-settings-save-button--minimal:hover{background:#0369a1!important}
body.pc-settings-active .pc-settings-save-button--minimal:focus-visible{outline:3px solid rgba(14,165,233,.20);outline-offset:2px}

/* ---------- Optimistic onsite order cancellation ---------- */
.comm-card.pc-order-cancel-card{border-color:#fecaca!important;background:linear-gradient(145deg,#fff,#fff7f7)!important;transition:border-color .18s ease,background .18s ease,opacity .18s ease!important}
.pc-order-cancel-live{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 13px;border:1px solid #fecaca;border-radius:13px;background:#fff1f2;color:#be123c;text-align:right}
.pc-order-cancel-live>span{display:flex;flex-direction:column;gap:2px}
.pc-order-cancel-live strong{font-size:10px;font-weight:950}
.pc-order-cancel-live small{color:#e11d48;font-size:8px;font-weight:750}
.pc-order-cancel-live.is-done{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}
.pc-order-cancel-live.is-done small{color:#16a34a}
.pc-order-cancel-live>i{width:17px;height:17px;flex:0 0 auto;border:2px solid #fecdd3;border-top-color:#e11d48;border-radius:50%;animation:pcCancelSpin .7s linear infinite}
@keyframes pcCancelSpin{to{transform:rotate(360deg)}}

/* ---------- Dark mode ---------- */
html.pc-dark-mode .pc-pm-section-tabs,body.pc-dark-mode .pc-pm-section-tabs,
html.pc-dark-mode .pc-pm-categories-panel,body.pc-dark-mode .pc-pm-categories-panel,
html.pc-dark-mode .pc-pm-category-card,body.pc-dark-mode .pc-pm-category-card,
html.pc-dark-mode .pc-pm-category-create,body.pc-dark-mode .pc-pm-category-create{
  border-color:#1e293b!important;
  background:#0f172a!important;
  color:#e5e7eb!important;
  box-shadow:0 16px 34px rgba(0,0,0,.22)!important;
}
html.pc-dark-mode .pc-pm-section-tab:hover,body.pc-dark-mode .pc-pm-section-tab:hover,
html.pc-dark-mode .pc-pm-section-tab.is-active,body.pc-dark-mode .pc-pm-section-tab.is-active{border-color:#334155;background:#1e293b;color:#7dd3fc}
html.pc-dark-mode .pc-pm-category-header h2,body.pc-dark-mode .pc-pm-category-header h2,
html.pc-dark-mode .pc-pm-category-list-head b,body.pc-dark-mode .pc-pm-category-list-head b,
html.pc-dark-mode .pc-pm-category-copy strong,body.pc-dark-mode .pc-pm-category-copy strong,
html.pc-dark-mode .pc-pm-product-summary b,body.pc-dark-mode .pc-pm-product-summary b{color:#f8fafc!important}
html.pc-dark-mode .pc-pm-category-create input,body.pc-dark-mode .pc-pm-category-create input,
html.pc-dark-mode .pc-pm-edit-categories,body.pc-dark-mode .pc-pm-edit-categories{border-color:#334155;background:#111827;color:#e2e8f0}
html.pc-dark-mode .repPro-periods,body.pc-dark-mode .repPro-periods{border-color:#1e293b;background:#0f172a}
html.pc-dark-mode .repPro-period:hover,body.pc-dark-mode .repPro-period:hover,
html.pc-dark-mode .repPro-period.is-active,body.pc-dark-mode .repPro-period.is-active{background:#1e293b;color:#7dd3fc}
html.pc-dark-mode .repPro-export-btn,body.pc-dark-mode .repPro-export-btn{border-color:#334155;background:#0f172a;color:#e2e8f0}
html.pc-dark-mode .repPro-export-btn--primary,body.pc-dark-mode .repPro-export-btn--primary{border-color:#0284c7;background:#0284c7;color:#fff}
html.pc-dark-mode body.pc-reports-active .pc-report-suite .repPro-card,
body.pc-dark-mode.pc-reports-active .pc-report-suite .repPro-card,
html.pc-dark-mode .repPro-kpiCard,body.pc-dark-mode .repPro-kpiCard,
html.pc-dark-mode .repPro-row,body.pc-dark-mode .repPro-row{border-color:#1e293b!important;background:#0f172a!important;color:#e5e7eb!important;box-shadow:0 14px 32px rgba(0,0,0,.20)!important}
html.pc-dark-mode .repPro-kpiCard.is-active,body.pc-dark-mode .repPro-kpiCard.is-active{border-color:#0ea5e9!important}
html.pc-dark-mode .repPro-kpiVal,body.pc-dark-mode .repPro-kpiVal,
html.pc-dark-mode .repPro-cardTitle,body.pc-dark-mode .repPro-cardTitle,
html.pc-dark-mode .repPro-rowName,body.pc-dark-mode .repPro-rowName,
html.pc-dark-mode .repPro-rowAmt,body.pc-dark-mode .repPro-rowAmt,
html.pc-dark-mode .repPro-profitItem b,body.pc-dark-mode .repPro-profitItem b{color:#f8fafc!important}
html.pc-dark-mode .repPro-cardMeta,body.pc-dark-mode .repPro-cardMeta,
html.pc-dark-mode .repPro-method-badge,body.pc-dark-mode .repPro-method-badge,
html.pc-dark-mode .repPro-profitItem,body.pc-dark-mode .repPro-profitItem{border-color:#273449!important;background:#111827!important;color:#94a3b8!important}
html.pc-dark-mode .repPro-track,body.pc-dark-mode .repPro-track{background:#1e293b!important}
html.pc-dark-mode .pc-settings-save-hint,body.pc-dark-mode .pc-settings-save-hint{color:#94a3b8}
html.pc-dark-mode .comm-card.pc-order-cancel-card,body.pc-dark-mode .comm-card.pc-order-cancel-card{border-color:#7f1d1d!important;background:#1f1117!important}
html.pc-dark-mode .pc-order-cancel-live,body.pc-dark-mode .pc-order-cancel-live{border-color:#7f1d1d;background:#2a1118;color:#fda4af}
html.pc-dark-mode .pc-order-cancel-live.is-done,body.pc-dark-mode .pc-order-cancel-live.is-done{border-color:#14532d;background:#10251a;color:#86efac}

/* ---------- Responsive ---------- */
@media (max-width:960px){
  .repPro-kpiGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .repPro-hero{grid-template-columns:1fr;align-items:start}
  .repPro-hero-metrics{max-width:560px}
}
@media (max-width:720px){
  body.pc-reports-active main#app-container>.pc-report-suite{width:min(100%,calc(100% - 20px))!important}
  .repPro-toolbar{align-items:stretch;flex-direction:column}
  .repPro-periods{overflow-x:auto;scrollbar-width:none}
  .repPro-periods::-webkit-scrollbar{display:none}
  .repPro-period{flex:1 0 auto}
  .repPro-export-actions{justify-content:flex-end}
  .repPro-insights-grid{grid-template-columns:1fr}
  .pc-pm-category-grid{grid-template-columns:1fr}
  .repPro-row{grid-template-columns:38px minmax(0,1fr) minmax(96px,auto) 20px!important}
  .repPro-method-badge{display:none}
}
@media (max-width:540px){
  .pc-pm-categories-panel{padding:16px;border-radius:19px}
  .pc-pm-category-header{align-items:stretch;flex-direction:column}
  .pc-pm-edit-categories{align-self:flex-start}
  .pc-pm-category-list-head{align-items:flex-start;flex-direction:column;gap:5px}
  .pc-pm-category-create>div{grid-template-columns:1fr}
  .pc-pm-add-category{min-height:42px}
  .pc-pm-section-tab{padding-inline:8px}
  .pc-pm-product-toolbar{align-items:flex-start!important;flex-direction:column!important}
  .repPro-hero{gap:20px;padding:20px;border-radius:20px}
  .repPro-hero h2 strong{font-size:27px}
  .repPro-kpiGrid{grid-template-columns:1fr 1fr!important}
  .repPro-kpiCard{min-height:119px!important;padding:12px!important}
  .repPro-kpiIcon{width:34px;height:34px}
  .repPro-kpiVal{font-size:13px!important}
  body.pc-reports-active .pc-report-suite .repPro-card{padding:15px!important;border-radius:17px!important}
  .repPro-row{grid-template-columns:34px minmax(0,1fr) auto!important;gap:9px!important}
  .repPro-rowIcon{width:34px;height:34px}
  .repPro-rowChevron{display:none}
  .repPro-rowAmt strong{font-size:9.5px}
  .pc-settings-save-row{align-items:stretch;flex-direction:column}
  body.pc-settings-active .pc-settings-save-button--minimal{align-self:flex-start!important}
}
@media (max-width:370px){
  .pc-pm-section-tab .pc-svg-icon{display:none}
  .repPro-hero-metrics{grid-template-columns:1fr}
  .repPro-kpiGrid{grid-template-columns:1fr!important}
  .repPro-export-btn{flex:1}
}
@media (prefers-reduced-motion:reduce){
  .pc-pm-section-panel,.pc-order-cancel-live>i{animation:none!important}
  .pc-pm-section-tab,.pc-pm-category-card,.repPro-kpiCard,.repPro-row{transition:none!important}
}