.pmx-orders-page{padding:16px 0 26px;color:var(--pmx-text)}
.pmx-orders-wrap{max-width:1440px;margin:0 auto;padding:0 6px}
.pmx-orders-top{display:flex;justify-content:flex-end;align-items:flex-end;gap:16px;margin-bottom:16px}

.pmx-orders-search{min-width:280px}
.pmx-orders-search__box{position:relative}
.pmx-orders-search .form-control{
  height:52px;border-radius:16px;border:1px solid var(--pmx-border-strong);
  background:var(--pmx-surface-3);color:var(--pmx-text);box-shadow:none;padding:12px 52px 12px 16px
}
.pmx-orders-search .form-control:focus{
  border-color:var(--pmx-accent-border);background:var(--pmx-surface);
  box-shadow:0 0 0 4px rgba(124,58,237,.10)
}
.pmx-orders-search__btn{
  position:absolute;top:50%;right:10px;transform:translateY(-50%);
  width:38px;height:38px;border:0;border-radius:12px;
  background:linear-gradient(135deg,var(--pmx-accent) 0,var(--pmx-accent-2) 100%);color:#fff
}

/* filters */
.pmx-filter-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:16px}
.pmx-filter-tile{
  min-height:64px;padding:10px 8px;border-radius:16px;
  background:linear-gradient(180deg,var(--pmx-surface) 0,var(--pmx-surface-2) 100%);
  border:1px solid var(--pmx-border);box-shadow:var(--pmx-shadow-soft);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  color:var(--pmx-text-muted);text-decoration:none;text-align:center;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease
}
.pmx-filter-tile i{font-size:14px;color:var(--pmx-accent)}
.pmx-filter-tile span{font-size:11px;font-weight:700;line-height:1.25}
.pmx-filter-tile:hover,.pmx-filter-tile:focus{
  text-decoration:none;color:var(--pmx-accent);transform:translateY(-1px);
  border-color:var(--pmx-accent-border);box-shadow:var(--pmx-shadow)
}
.pmx-filter-tile.active{
  background:linear-gradient(135deg,var(--pmx-accent) 0,var(--pmx-accent-2) 100%);
  border-color:transparent;color:#fff;box-shadow:0 14px 28px rgba(124,58,237,.20)
}
.pmx-filter-tile.active i{color:#fff}

/* bulk */
.pmx-bulkbar{
  display:none;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;margin-bottom:16px;
  border-radius:18px;background:linear-gradient(180deg,var(--pmx-surface) 0,var(--pmx-surface-2) 100%);
  border:1px solid var(--pmx-border);box-shadow:var(--pmx-shadow-soft);position:relative;z-index:5;overflow:visible
}
.pmx-bulkbar.is-visible{display:flex}
.pmx-bulkbar__left,.pmx-bulkbar__right{display:flex;align-items:center;gap:14px}
.pmx-check-master{display:inline-flex;align-items:center;gap:10px;margin:0;cursor:pointer;position:relative}
.pmx-check-master input,.pmx-order-check__input{
  position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;margin:0
}
.pmx-check-master__ui,.pmx-order-check__ui{
  width:18px;height:18px;border-radius:6px;border:1px solid var(--pmx-border-strong);
  background:var(--pmx-surface);position:relative;flex:0 0 auto;
  display:inline-flex;align-items:center;justify-content:center
}
.pmx-check-master input:checked+.pmx-check-master__ui,
.pmx-order-check__input:checked+.pmx-order-check__ui{
  background:linear-gradient(135deg,var(--pmx-accent) 0,var(--pmx-accent-2) 100%);border-color:var(--pmx-accent)
}
.pmx-check-master input:checked+.pmx-check-master__ui:after,
.pmx-order-check__input:checked+.pmx-order-check__ui:after{
  content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)
}
.pmx-check-master input:focus+.pmx-check-master__ui,
.pmx-order-check__input:focus+.pmx-order-check__ui{
  box-shadow:0 0 0 4px rgba(124,58,237,.12)
}
.pmx-check-master__text,.pmx-bulkbar__count{color:var(--pmx-text-muted);font-size:13px;font-weight:600}
.pmx-bulkmenu{position:relative}
.pmx-bulkmenu__toggle{
  min-height:42px;padding:10px 14px;border-radius:14px;border:1px solid var(--pmx-border-strong);
  background:var(--pmx-surface);color:var(--pmx-text);font-weight:700
}
.pmx-bulkmenu__dropdown{
  display:none;position:absolute;top:calc(100% + 10px);right:0;min-width:220px;max-width:min(320px,calc(100vw - 32px));
  padding:8px;border-radius:16px;background:linear-gradient(180deg,var(--pmx-surface) 0,var(--pmx-surface-2) 100%);
  border:1px solid var(--pmx-border);box-shadow:var(--pmx-shadow);z-index:50
}
.pmx-bulkmenu__dropdown.is-open{display:block}
.pmx-bulkmenu__item{
  width:100%;border:0;background:transparent;min-height:42px;padding:10px 12px;border-radius:12px;text-align:left;
  color:var(--pmx-text);font-weight:600
}
.pmx-bulkmenu__item:hover,.pmx-bulkmenu__item:focus{background:var(--pmx-surface-3);color:var(--pmx-accent)}

/* cards */
.pmx-orders-grid{display:flex;flex-wrap:wrap;margin-left:-8px;margin-right:-8px}
.pmx-order-col{padding:0 8px;margin-bottom:16px;display:flex}
.pmx-order-card{
  width:100%;background:linear-gradient(180deg,var(--pmx-surface) 0,var(--pmx-surface-2) 100%);
  border:1px solid var(--pmx-border);border-radius:22px;padding:18px;box-shadow:var(--pmx-shadow-soft);
  display:flex;flex-direction:column;gap:14px
}
.pmx-order-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pmx-order-card__header-left,.pmx-order-card__header-right{display:flex;align-items:center}
.pmx-order-check{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin:0;position:relative;line-height:1}
.pmx-order-details-btn{
  min-height:38px;padding:8px 14px;border-radius:12px;border:1px solid var(--pmx-border-strong);
  background:var(--pmx-surface);color:var(--pmx-accent);font-size:12px;font-weight:700
}
.pmx-order-main{display:flex;flex-direction:column;gap:10px}
.pmx-order-front-box{
  padding:13px 14px;border-radius:16px;background:var(--pmx-surface-3);border:1px solid var(--pmx-border)
}
.pmx-order-front-box__label{
  display:block;color:var(--pmx-text-muted);font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px
}
.pmx-order-front-box__value{
  color:var(--pmx-text);font-size:14px;font-weight:700;line-height:1.45;word-break:break-word
}
.pmx-order-front-box__value--link{font-size:13px}
.pmx-order-front-box__value--service{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pmx-order-service-id{
  display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 9px;border-radius:999px;
  background:var(--pmx-accent-soft);color:var(--pmx-accent);font-size:11px;font-weight:800;line-height:1;white-space:nowrap
}
.pmx-order-service-name{min-width:0;flex:1 1 auto}
.pmx-order-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:2px}
.pmx-action-btn,.pmx-order-badge{
  display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;border-radius:12px;
  font-size:12px;font-weight:700;text-decoration:none!important
}
.pmx-action-btn--primary{
  background:linear-gradient(135deg,var(--pmx-accent) 0,var(--pmx-accent-2) 100%);color:#fff!important;border:0
}
.pmx-action-btn--default{background:var(--pmx-accent-soft);color:var(--pmx-accent)!important;border:0}
.pmx-order-badge{background:var(--pmx-surface-3);color:var(--pmx-text-muted)}

/* popup */
.pmx-popup-backdrop{
  position:fixed;inset:0;background:var(--pmx-overlay);z-index:1200;display:none;
  align-items:center;justify-content:center;padding:16px;overflow-y:auto;opacity:0;transition:opacity .22s ease
}
.pmx-popup-backdrop.is-visible{display:flex}
.pmx-popup-backdrop.is-open{opacity:1}
.pmx-popup-card{
  width:min(920px,calc(100vw - 32px));max-height:min(88dvh,920px);margin:auto;
  overflow:hidden;border-radius:24px;background:linear-gradient(180deg,var(--pmx-surface) 0,var(--pmx-surface-2) 100%);
  border:1px solid var(--pmx-border);box-shadow:var(--pmx-shadow);display:flex;flex-direction:column;
  transform:translateY(18px) scale(.98);opacity:0;transition:transform .22s ease,opacity .22s ease
}
.pmx-popup-card.is-open{transform:translateY(0) scale(1);opacity:1}
.pmx-popup-card__header{
  display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 20px;
  border-bottom:1px solid var(--pmx-border);flex:0 0 auto
}
.pmx-popup-card__title{margin:0;color:var(--pmx-text);font-size:20px;font-weight:700;min-width:0}
.pmx-popup-card__close{
  width:40px;height:40px;border:0;border-radius:12px;background:var(--pmx-surface-3);
  color:var(--pmx-accent);font-size:24px;line-height:1;flex:0 0 auto
}
.pmx-popup-card__body{padding:20px;overflow-y:auto;min-height:0}
.pmx-popup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}
.pmx-popup-box{
  padding:14px;border-radius:16px;background:var(--pmx-surface-3);border:1px solid var(--pmx-border)
}
.pmx-popup-box--full{grid-column:1/-1}
.pmx-popup-box__label,.pmx-popup-detail-item__label{
  color:var(--pmx-text-muted);font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;margin-bottom:8px
}
.pmx-popup-box__value,.pmx-popup-detail-item__value{
  color:var(--pmx-text);font-size:13px;line-height:1.55;font-weight:700;word-break:break-word;white-space:pre-wrap
}
.pmx-popup-box__sub{margin-top:6px;color:var(--pmx-danger-text);font-size:12px;font-weight:600;line-height:1.45}
.pmx-popup-section{margin-bottom:18px}
.pmx-popup-section:last-child{margin-bottom:0}
.pmx-popup-section__title{color:var(--pmx-text);font-size:16px;font-weight:700;margin-bottom:12px}
.pmx-popup-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pmx-popup-detail-item{
  padding:14px;border-radius:16px;background:var(--pmx-surface-3);border:1px solid var(--pmx-border)
}
.pmx-popup-detail-item__value--textarea{min-height:120px}

/* empty, toast, pagination */
.pmx-orders-empty{
  padding:42px 18px;border-radius:24px;background:linear-gradient(180deg,var(--pmx-surface) 0,var(--pmx-surface-2) 100%);
  border:1px solid var(--pmx-border);text-align:center;box-shadow:var(--pmx-shadow-soft)
}
.pmx-orders-empty__icon{font-size:32px;color:var(--pmx-accent);margin-bottom:10px}
.pmx-orders-empty__title{color:var(--pmx-text);font-size:18px;font-weight:700}
.pmx-copy-toast{
  position:fixed;bottom:18px;right:18px;z-index:1300;min-width:180px;max-width:320px;padding:12px 14px;border-radius:14px;
  background:linear-gradient(135deg,var(--pmx-accent) 0,var(--pmx-accent-2) 100%);color:#fff;font-size:13px;font-weight:700;
  box-shadow:0 14px 30px rgba(124,58,237,.25);opacity:0;visibility:hidden;transform:translateY(8px);transition:all .2s ease
}
.pmx-copy-toast.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.pmx-pagination-wrap{margin-top:18px;text-align:center}
.pmx-pagination-wrap .pagination>li>a,
.pmx-pagination-wrap .pagination>li>span{color:var(--pmx-accent);border-color:var(--pmx-border);background:var(--pmx-surface)}
.pmx-pagination-wrap .pagination>.active>a,
.pmx-pagination-wrap .pagination>.active>span,
.pmx-pagination-wrap .pagination>.active>a:hover,
.pmx-pagination-wrap .pagination>.active>span:hover,
.pmx-pagination-wrap .pagination>.active>a:focus,
.pmx-pagination-wrap .pagination>.active>span:focus{
  background:linear-gradient(135deg,var(--pmx-accent) 0,var(--pmx-accent-2) 100%);border-color:var(--pmx-accent);color:#fff
}

/* rtl */
.rtl .pmx-orders-search__btn,[dir="rtl"] .pmx-orders-search__btn{right:auto;left:10px}
.rtl .pmx-orders-search .form-control,[dir="rtl"] .pmx-orders-search .form-control{padding-right:16px;padding-left:52px}
.rtl .pmx-order-card,[dir="rtl"] .pmx-order-card{text-align:right}
.rtl .pmx-bulkmenu__dropdown,[dir="rtl"] .pmx-bulkmenu__dropdown{right:auto;left:0}
.rtl .pmx-bulkmenu__item,[dir="rtl"] .pmx-bulkmenu__item{text-align:right}
.rtl .pmx-copy-toast,[dir="rtl"] .pmx-copy-toast{right:auto;left:18px}

/* responsive */
@media (max-width:1199px){
  .pmx-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:991px){
  .pmx-orders-wrap{padding:0 4px}
  .pmx-orders-top{flex-direction:column;align-items:stretch}
  .pmx-orders-search{min-width:100%}
  .pmx-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pmx-bulkbar{flex-direction:column;align-items:stretch}
  .pmx-bulkbar__left,.pmx-bulkbar__right{justify-content:space-between}
  .pmx-popup-card{width:min(92vw,820px);max-height:90dvh}
  .pmx-popup-grid,.pmx-popup-detail-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
  .pmx-orders-page{padding:12px 0 20px}
  .pmx-orders-wrap{padding:0 2px}
  .pmx-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pmx-order-card{padding:14px;border-radius:18px}
  .pmx-order-card__header{align-items:flex-start}
  .pmx-bulkmenu,.pmx-bulkmenu__toggle{width:100%}
  .pmx-bulkmenu__dropdown{width:100%;left:0;right:0;min-width:0;max-width:100%}
  .pmx-popup-backdrop{
    align-items:flex-start;
    padding:10px;
    padding-top:max(10px,env(safe-area-inset-top));
    padding-bottom:max(10px,env(safe-area-inset-bottom))
  }
  .pmx-popup-card{
    width:calc(100vw - 20px);
    max-height:calc(100dvh - max(20px,env(safe-area-inset-top)) - max(20px,env(safe-area-inset-bottom)));
    border-radius:18px;
    margin:0 auto
  }
  .pmx-popup-card__header,.pmx-popup-card__body{padding:14px}
  .pmx-popup-grid,.pmx-popup-detail-grid{grid-template-columns:1fr}
}
@media (max-width:480px){
  .pmx-filter-tile{min-height:60px;padding:9px 8px;border-radius:14px}
  .pmx-filter-tile i{font-size:13px}
  .pmx-filter-tile span{font-size:10px}
  .pmx-action-btn,.pmx-order-badge,.pmx-order-details-btn{font-size:11px}
  .pmx-copy-toast{left:12px;right:12px;min-width:0;max-width:none}
  .pmx-popup-backdrop{
    padding:6px;
    padding-top:max(6px,env(safe-area-inset-top));
    padding-bottom:max(6px,env(safe-area-inset-bottom))
  }
  .pmx-popup-card{
    width:calc(100vw - 12px);
    max-height:calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)));
    border-radius:16px
  }
  .pmx-popup-card__title{font-size:18px}
}