.cc-wcpr{
  --cc-wcpr-bg:#fffdf8;
  --cc-wcpr-bg-soft:#f8f3e9;
  --cc-wcpr-line:#e4d7bf;
  --cc-wcpr-line-strong:#d2b57a;
  --cc-wcpr-text:#2f2b24;
  --cc-wcpr-sub:#6a6254;
  --cc-wcpr-accent:#b48b2d;
  --cc-wcpr-accent-soft:#f3ead7;
  --cc-wcpr-accent-blue:#3b74b7;
  --cc-wcpr-shadow:0 12px 28px rgba(45,34,14,.06);
  color:var(--cc-wcpr-text);
  font-size:14px;
  line-height:1.6;
}

.cc-wcpr *,
.cc-wcpr *::before,
.cc-wcpr *::after{
  box-sizing:border-box;
}

.cc-wcpr-admin-head{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-bottom:14px;
}

.cc-wcpr__header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:20px;
}

.cc-wcpr__header-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.cc-wcpr__eyebrow{
  margin:0 0 6px;
  color:var(--cc-wcpr-accent);
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
}

.cc-wcpr__title{
  margin:0;
  font-size:clamp(22px,3vw,30px);
  line-height:1.2;
}

.cc-wcpr__filters,
.cc-wcpr__summary,
.cc-wcpr__table-wrap,
.cc-wcpr__message,
.cc-wcpr__export-actions{
  background:var(--cc-wcpr-bg);
  border:1px solid var(--cc-wcpr-line);
  border-radius:20px;
  box-shadow:var(--cc-wcpr-shadow);
}

.cc-wcpr__filters{
  padding:18px;
  margin-bottom:18px;
}

.cc-wcpr__filter-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:16px;
}

.cc-wcpr__field{
  display:grid;
  gap:8px;
  min-width:0;
  align-content:start;
}

.cc-wcpr__field label,
.cc-wcpr__label{
  color:var(--cc-wcpr-sub);
  font-size:12px;
  font-weight:700;
}

.cc-wcpr__field input[type="text"],
.cc-wcpr__field input[type="date"],
.cc-wcpr__field input[type="url"],
.cc-wcpr__field select,
.cc-wcpr__lookup-input,
.cc-wcpr__date-input{
  width:100%;
  min-height:54px;
  height:54px;
  padding:0 14px;
  border:1px solid var(--cc-wcpr-line);
  border-radius:12px;
  background:#fff;
  color:var(--cc-wcpr-text);
  font-size:16px;
  line-height:1.4;
}

.cc-wcpr__checkboxes{
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
}

.cc-wcpr__checkboxes label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:0 10px;
  border:1px solid var(--cc-wcpr-line);
  border-radius:999px;
  background:var(--cc-wcpr-bg-soft);
  color:var(--cc-wcpr-text);
}

.cc-wcpr__checkboxes input{
  margin:0;
}

.cc-wcpr__help{
  margin:6px 0 0;
  color:var(--cc-wcpr-sub);
  font-size:12px;
}

.cc-wcpr__presets,
.cc-wcpr__actions,
.cc-wcpr__export-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}

.cc-wcpr__presets{
  margin-bottom:14px;
}

.cc-wcpr__actions{
  padding-top:14px;
  border-top:1px solid var(--cc-wcpr-line);
}

.cc-wcpr__summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  padding:16px;
  margin-bottom:18px;
}

.cc-wcpr__summary-card{
  padding:14px 16px;
  border:1px solid var(--cc-wcpr-line);
  border-radius:16px;
  background:var(--cc-wcpr-bg-soft);
}

.cc-wcpr__summary-label{
  display:block;
  margin-bottom:6px;
  color:var(--cc-wcpr-sub);
  font-size:12px;
  font-weight:700;
}

.cc-wcpr__summary-value{
  font-size:20px;
  line-height:1.2;
}

.cc-wcpr__export-actions{
  padding:12px 14px;
  margin-bottom:14px;
}

.cc-wcpr__table-wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

.cc-wcpr__table{
  width:100%;
  min-width:1080px;
  border-collapse:separate;
  border-spacing:0;
  background:#fff;
}

.cc-wcpr__table th,
.cc-wcpr__table td{
  display:table-cell !important;
  width:auto !important;
  padding:12px 14px;
  vertical-align:middle;
  border:0;
  border-bottom:1px solid var(--cc-wcpr-line);
  white-space:nowrap;
}

.cc-wcpr__table th{
  position:sticky;
  top:0;
  z-index:2;
  background:var(--cc-wcpr-bg-soft);
  color:var(--cc-wcpr-text);
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  text-align:left;
}

.cc-wcpr__cell--order_count,
.cc-wcpr__cell--total_quantity,
.cc-wcpr__cell--total_amount{
  text-align:right;
}

.cc-wcpr__subtotal-row td{
  background:#f7fbff;
  color:var(--cc-wcpr-accent-blue);
  font-weight:700;
}

.cc-wcpr__total-row td{
  background:var(--cc-wcpr-accent-soft);
  font-weight:800;
}

.cc-wcpr__empty{
  padding:22px 14px !important;
  color:var(--cc-wcpr-sub);
  text-align:center !important;
}

.cc-wcpr__message{
  padding:14px 16px;
  margin-bottom:16px;
}

.cc-wcpr__message--error{
  border-color:#e2b2b2;
  background:#fff7f7;
  color:#8a2e2e;
}

.ui-datepicker{
  width:18em;
  padding:.4em .4em 0;
  border:1px solid var(--cc-wcpr-line-strong);
  border-radius:16px;
  background:#fffdf8;
  box-shadow:0 18px 36px rgba(45,34,14,.12);
  z-index:999999 !important;
}

.ui-datepicker .ui-datepicker-header{
  position:relative;
  padding:.6em 0;
  border:0;
  background:transparent;
}

.ui-datepicker .ui-datepicker-title{
  margin:0 2.4em;
  text-align:center;
  font-weight:700;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{
  position:absolute;
  top:.4em;
  width:2em;
  height:2em;
  border:1px solid var(--cc-wcpr-line);
  border-radius:999px;
  cursor:pointer;
}

.ui-datepicker .ui-datepicker-prev{left:.2em;}
.ui-datepicker .ui-datepicker-next{right:.2em;}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span{
  display:block;
  text-indent:-9999px;
  overflow:hidden;
  position:relative;
}
.ui-datepicker .ui-datepicker-prev span::before,
.ui-datepicker .ui-datepicker-next span::before{
  content:'';
  position:absolute;
  top:.55em;
  left:.7em;
  width:.5em;
  height:.5em;
  border-top:2px solid var(--cc-wcpr-text);
  border-right:2px solid var(--cc-wcpr-text);
}
.ui-datepicker .ui-datepicker-prev span::before{transform:rotate(-135deg);}
.ui-datepicker .ui-datepicker-next span::before{transform:rotate(45deg);}

.ui-datepicker table{
  width:100%;
  border-collapse:collapse;
  margin:0 0 .4em;
}

.ui-datepicker th{
  padding:.45em 0;
  text-align:center;
  font-size:12px;
  color:var(--cc-wcpr-sub);
}

.ui-datepicker td{
  padding:0;
}

.ui-datepicker td span,
.ui-datepicker td a{
  display:block;
  padding:.5em;
  text-align:center;
  text-decoration:none;
  color:var(--cc-wcpr-text);
  border-radius:10px;
}

.ui-datepicker td a:hover{background:var(--cc-wcpr-bg-soft);}
.ui-datepicker .ui-state-active{background:#e9d7ab;color:#5c430c;}
.ui-datepicker .ui-state-disabled span{opacity:.35;}

@media (max-width: 1100px){
  .cc-wcpr__filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width: 767px){
  .cc-wcpr__header{align-items:flex-start; flex-direction:column;}
  .cc-wcpr__summary{grid-template-columns:repeat(2,minmax(0,1fr));}
  .cc-wcpr__filters{padding:14px;}
  .cc-wcpr__filter-grid{grid-template-columns:1fr;}
  .cc-wcpr__table{min-width:980px;}
}

.cc-wcpr__lookup-wrap{
  position:relative;
  display:block;
}

.cc-wcpr__lookup-input{
  width:100%;
}

.cc-wcpr__lookup-results{
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  right:0;
  z-index:30;
  max-height:280px;
  overflow:auto;
  border:1px solid var(--cc-wcpr-line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 16px 36px rgba(45,34,14,.10);
}

.cc-wcpr__lookup-item{
  display:block;
  width:100%;
  padding:11px 13px;
  border:0;
  border-bottom:1px solid rgba(228,215,191,.7);
  background:#fff;
  color:var(--cc-wcpr-text);
  text-align:left;
  cursor:pointer;
}

.cc-wcpr__lookup-item:last-child{
  border-bottom:0;
}

.cc-wcpr__lookup-item:hover,
.cc-wcpr__lookup-item:focus{
  background:var(--cc-wcpr-bg-soft);
}

.cc-wcpr__lookup-empty{
  padding:11px 13px;
  color:var(--cc-wcpr-sub);
}

.cc-wcpr__lookup-actions{
  margin-top:8px;
}

.cc-wcpr__copy-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}


.cc-wcpr__filter-grid > .cc-wcpr__field{
  grid-auto-rows:min-content;
}
.cc-wcpr__date-input,
.cc-wcpr__lookup-input{
  margin:0 !important;
}