.attendance-page{direction:rtl}
.attendance-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.85fr);gap:18px;direction:ltr;align-items:start}
.attendance-layout>*{direction:rtl;min-width:0}
.attendance-list-panel{grid-column:1;min-height:430px}
.attendance-form-panel{grid-column:2;border-top:3px solid var(--purple)}
.attendance-form-panel .form-grid{grid-template-columns:1fr 1fr;gap:12px}
.attendance-form-panel .form-grid label{font-size:10px}
.attendance-form-panel .form-grid input,.attendance-form-panel .form-grid select,.attendance-form-panel .form-grid textarea{font:11px Vazirmatn}
.attendance-date-label{position:relative}
.novin-calendar-field{display:flex!important;align-items:center;gap:6px;margin-top:6px}
.novin-calendar-field input{flex:1!important;margin-top:0!important;min-width:0}
.novin-calendar-trigger{display:inline-grid!important;place-items:center;width:36px;height:36px;flex:0 0 36px;border:1px solid #d8d5ff;border-radius:8px;background:#f4f2ff;color:#554bdd;font:16px Vazirmatn;line-height:1;cursor:pointer}
.operator-form-card .novin-calendar-field{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;margin-top:5px!important}
.operator-form-card .novin-calendar-field input{display:block!important;width:auto!important;min-width:0!important;flex:1 1 auto!important;margin-top:0!important}
.operator-form-card .novin-calendar-trigger{width:38px!important;height:38px!important;flex:0 0 38px!important;margin:0!important}
.novin-calendar-trigger:hover{background:#e7e4ff;border-color:#bdb8ff}
.attendance-holiday-status,.novin-calendar-status{display:block;margin-top:5px;font-size:9px;font-weight:600;min-height:14px}
.attendance-holiday-status.holiday,.novin-calendar-status.holiday{color:#d65f6c}
.attendance-holiday-status.workday,.novin-calendar-status.workday{color:#16a47a}
.novin-calendar-popup{position:fixed;z-index:1000;width:328px;padding:14px;border:1px solid #dedbff;border-radius:16px;background:#fff;box-shadow:0 18px 45px #17203330;direction:rtl;font-family:Vazirmatn}
.novin-calendar-popup[hidden]{display:none}
.novin-calendar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:11px;color:#303a53;font-size:11px}
.novin-calendar-head button{width:29px;height:29px;border:0;border-radius:8px;background:#f1efff;color:#554bdd;font:19px Vazirmatn;cursor:pointer}
.novin-calendar-head button:hover{background:#e5e1ff}
.novin-calendar-heading{flex:1;min-width:0;text-align:center}
.novin-calendar-heading strong{display:block;margin:1px 0 8px;font-size:13px;font-weight:800;color:#29344d}
.novin-calendar-jump{display:grid;grid-template-columns:1.25fr .9fr;gap:6px}
.novin-calendar-jump label{display:flex;align-items:center;gap:4px;min-width:0;color:#8992a5;font-size:9px}
.novin-calendar-jump label span{flex:0 0 auto}
.novin-calendar-jump select{width:100%;min-width:0;height:30px;padding:0 7px;border:1px solid #e0e2ef;border-radius:8px;background:#fafaff;color:#3b4660;font:10px Vazirmatn;cursor:pointer;outline:none}
.novin-calendar-jump select:focus{border-color:#635bff;box-shadow:0 0 0 3px #635bff18}
.novin-calendar-weekdays,.novin-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
.novin-calendar-weekdays{margin-bottom:4px;color:#9aa2b0;font-size:9px}
.novin-calendar-day{position:relative;height:31px;border:1px solid transparent;border-radius:8px;background:#f8f9fc;color:#515b70;font:10px Vazirmatn;cursor:pointer}
.novin-calendar-day:hover{background:#635bff;color:#fff}
.novin-calendar-day.selected{background:#635bff;color:#fff;font-weight:800;box-shadow:0 4px 9px #635bff35}
.novin-calendar-day.holiday{background:#fff0f0;color:#d65f6c;border-color:#ffd8dc}
.novin-calendar-day.holiday.selected{background:#e96a78;color:#fff}
.novin-calendar-day i{position:absolute;top:4px;left:5px;width:4px;height:4px;border-radius:50%;background:#e96a78}
.novin-calendar-day.selected i{background:#fff}
.novin-calendar-empty{height:31px}
.novin-calendar-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f4;margin-top:10px;padding-top:9px;color:#8b93a2;font-size:9px}
.novin-calendar-foot span{display:flex;align-items:center;gap:5px}
.novin-calendar-foot i{width:7px;height:7px;border-radius:50%;background:#e96a78}
.novin-calendar-foot div{display:flex;align-items:center;gap:6px}
.novin-calendar-foot button{border:0;border-radius:7px;background:#f4f2ff;color:#554bdd;padding:5px 7px;font:10px Vazirmatn;cursor:pointer}
.novin-calendar-foot button:hover{background:#e7e4ff}
.attendance-form-panel .form-grid textarea{display:block;width:100%;margin-top:6px;border:1px solid #dfe3ea;border-radius:7px;padding:9px 10px;resize:vertical}
.attendance-full{grid-column:1/-1}
.attendance-manual-label{display:none}
.attendance-manual-label.visible{display:block}
.attendance-calculation{margin-top:15px;border:1px solid #e2e0ff;background:#f7f6ff;color:#5148d7;border-radius:9px;padding:10px;font-size:10px;font-weight:600}
.attendance-actions{margin-top:16px}
.attendance-search{width:220px;flex:none;font:10px Vazirmatn}
.attendance-list-panel .table-wrap{margin-top:13px}
.attendance-list-panel table{min-width:720px}
.attendance-list-panel tbody tr:hover{background:#fafaff}
.attendance-list-panel td,.attendance-list-panel th{vertical-align:middle}
.attendance-list-panel td:last-child{white-space:nowrap}
.attendance-list-panel .text-btn{padding:4px 6px}
.attendance-empty{text-align:center!important;color:#9aa2b0!important;padding:70px 10px!important}
.attendance-editing{box-shadow:0 0 0 3px #635bff20}
.attendance-page .status.late{background:#ffeded;color:#d65f6c}
.attendance-confirm{position:fixed;right:24px;bottom:24px;z-index:15;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e5e7ef;border-radius:12px;padding:11px 13px;box-shadow:0 12px 32px #17203325;color:#4d5668;font:10px Vazirmatn}
.attendance-confirm .danger-confirm{background:#ef6a6a;border-color:#e15c5c;padding:8px 12px;font-size:10px;box-shadow:none}
.attendance-report-page{direction:rtl}
.attendance-report-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.attendance-report-filter-panel{border-top:3px solid var(--purple)}
.attendance-report-filter-panel .panel-head{align-items:center}
.attendance-report-filter-panel .panel-head>span{color:var(--purple);font-size:10px;font-weight:700}
.attendance-report-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px}
.attendance-report-filter-grid label{display:block;color:#687286;font-size:10px}
.attendance-report-filter-grid input,.attendance-report-filter-grid select{display:block;width:100%;height:38px;margin-top:6px;border:1px solid #dfe3ea;border-radius:8px;background:#fff;color:var(--ink);padding:6px 9px;font:11px Vazirmatn;outline:none}
.attendance-report-filter-grid input:focus,.attendance-report-filter-grid select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #635bff15}
.attendance-report-metrics{margin-top:15px}
.attendance-report-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:15px;margin-top:15px}
.attendance-report-grid .panel{min-width:0}
.attendance-report-grid .table-wrap{margin-top:13px}
.attendance-report-grid table{min-width:620px}
.attendance-report-grid tbody tr:hover{background:#fafaff}
.attendance-report-grid td,.attendance-report-grid th{vertical-align:middle}
@media(max-width:1050px){.attendance-report-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-report-grid{grid-template-columns:1fr}}
@media(max-width:650px){.attendance-report-filter-grid{grid-template-columns:1fr 1fr}.attendance-report-actions{width:100%}.attendance-report-actions button{flex:1}.attendance-report-page .page-heading{padding-top:24px}}
@media print{.attendance-report-actions,.attendance-report-filter-panel{display:none!important}.attendance-report-grid{display:block}.attendance-report-grid .panel{margin-top:15px}}
.work-hours-page{direction:rtl}.work-hours-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.65fr);gap:16px;align-items:start}.work-hours-form-panel{border-top:3px solid var(--purple)}.work-shift-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.work-shift-card{border:1px solid #e7e9f1;border-radius:14px;padding:16px;background:#fff}.work-shift-card.morning{background:linear-gradient(180deg,#fffdf5,#fff)}.work-shift-card.night{background:linear-gradient(180deg,#f8f7ff,#fff)}.work-shift-title{display:flex;align-items:center;gap:9px;margin-bottom:14px}.work-shift-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:18px}.morning .work-shift-icon{background:#fff1cf;color:#e7a126}.night .work-shift-icon{background:#eeecff;color:#635bff}.work-shift-title h3{font-size:13px;margin:0 0 3px}.work-shift-title small{color:#929aaa;font-size:9px}.work-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.work-time-grid label{font-size:10px;color:#687286}.work-time-grid input{display:block;width:100%;height:36px;margin-top:5px;border:1px solid #dfe3ea;border-radius:8px;padding:6px 9px;background:#fff;color:var(--ink);font:12px Vazirmatn;outline:none}.work-time-grid input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #635bff15}.work-shift-summary{margin-top:12px;padding:9px 10px;border-radius:8px;background:#f7f8fc;color:#5d687c;font-size:9px}.work-hours-actions{display:flex;justify-content:flex-start;gap:8px;border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.work-hours-help{border-top:3px solid #14b8a6}.work-hours-help-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e8f8f2;color:#149d7e;font-size:22px;margin-bottom:12px}.work-hours-help h2{font-size:15px;margin:0 0 7px}.work-hours-help>p{font-size:10px;color:#7b8496;line-height:1.9;margin:0 0 14px}.work-hours-example{padding:11px 12px;background:#f8f9fc;border:1px solid #edf0f4;border-radius:9px;margin-top:9px}.work-hours-example b,.work-hours-example span{display:block}.work-hours-example b{font-size:10px;color:#3e485a}.work-hours-example span{font-size:9px;color:#8992a2;line-height:1.8;margin-top:4px}@media(max-width:850px){.work-hours-layout{grid-template-columns:1fr}.work-hours-help{grid-row:2}}@media(max-width:600px){.work-shift-grid{grid-template-columns:1fr}.work-time-grid{grid-template-columns:1fr 1fr}}
@media(max-width:1050px){
  .attendance-layout{grid-template-columns:1fr}
  .attendance-list-panel,.attendance-form-panel{grid-column:1}
  .attendance-form-panel{grid-row:1}
  .attendance-list-panel{grid-row:2}
}
@media(max-width:650px){
  .attendance-form-panel .form-grid{grid-template-columns:1fr}
  .attendance-search{width:150px}
  .attendance-page .page-heading{padding-top:24px}
}

/* ورود و خروج: فرم ثابت در سمت راست، اسکرول فقط برای فهرست ثبت‌شده‌ها */
#attendance.active-view{
  height:calc(100vh - 126px);
  min-height:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}

body:has(#attendance.active-view){
  overflow:hidden;
}

body:has(#attendance.active-view) .main-content{
  overflow:hidden;
}

#attendance.active-view .attendance-form-panel>.panel-head{
  display:none;
}

#attendance.active-view .attendance-form-panel>form{
  margin-top:0;
}

#attendance.active-view>.page-heading{
  flex:0 0 auto;
  padding-top:22px;
  padding-bottom:14px;
  justify-content:center;
  text-align:center;
}

#attendance.active-view>.page-heading>div{
  width:100%;
}

#attendance.active-view>.page-heading #newAttendance{
  display:none;
}

#attendance.active-view>.attendance-layout{
  flex:1 1 auto;
  min-height:0;
  grid-template-columns:minmax(0,1fr) minmax(300px,330px);
  gap:14px;
  align-items:stretch;
}

#attendance.active-view .attendance-list-panel{
  grid-column:1;
  grid-row:1;
  min-height:0;
  height:100%;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}

#attendance.active-view .attendance-list-panel>.panel-head{
  flex:0 0 auto;
  min-height:40px;
}

#attendance.active-view .attendance-list-panel>.table-wrap{
  flex:1 1 auto;
  min-height:0;
  margin-top:10px;
  overflow-y:scroll;
  overflow-x:hidden;
  scrollbar-gutter:stable;
}

#attendance.active-view .attendance-list-panel>.table-wrap::-webkit-scrollbar{
  width:10px;
  height:0;
}

#attendance.active-view .attendance-list-panel>.table-wrap::-webkit-scrollbar-track{
  background:#f0efff;
  border-radius:8px;
}

#attendance.active-view .attendance-list-panel>.table-wrap::-webkit-scrollbar-thumb{
  background:#8f88ff;
  border:2px solid #f0efff;
  border-radius:8px;
}

#attendance.active-view .attendance-form-panel{
  grid-column:2;
  grid-row:1;
  align-self:start;
  position:sticky;
  top:0;
  z-index:2;
  height:max-content;
  max-height:100%;
  overflow:hidden;
}

#attendance.active-view .attendance-form-panel .panel-head{
  margin-bottom:8px;
}

#attendance.active-view .attendance-form-panel .form-grid{
  grid-template-columns:1fr;
  gap:7px;
}

#attendance.active-view .attendance-form-panel .form-grid label{
  min-width:0;
}

#attendance.active-view .attendance-form-panel .form-grid input,
#attendance.active-view .attendance-form-panel .form-grid select{
  height:32px;
  margin-top:4px;
  padding:5px 8px;
}

#attendance.active-view .attendance-form-panel .form-grid textarea{
  height:42px;
  min-height:42px;
  resize:none;
}

#attendance.active-view .attendance-form-panel .attendance-calculation{
  margin-top:9px;
  padding:8px;
}

#attendance.active-view .attendance-form-panel .attendance-actions{
  margin-top:9px;
  padding-top:8px;
}

#attendance.active-view .attendance-form-panel .form-grid{
  grid-template-columns:1fr 1fr;
}

#attendance.active-view .attendance-form-panel .form-grid>label:not(:has(#attendanceEntry)):not(:has(#attendanceExit)){
  grid-column:1/-1;
}

#attendance.active-view .attendance-form-panel .form-grid>label:has(#attendanceEntry),
#attendance.active-view .attendance-form-panel .form-grid>label:has(#attendanceExit){
  grid-column:auto;
  min-width:0;
}

#attendance.active-view .attendance-form-panel .form-grid>label:has(#attendanceEntry) input,
#attendance.active-view .attendance-form-panel .form-grid>label:has(#attendanceExit) input{
  height:28px;
  margin-top:3px;
  padding:3px 6px;
  font-size:10px;
}

@media(max-width:1050px) and (min-width:651px){
  #attendance.active-view>.attendance-layout{
    grid-template-columns:minmax(0,1fr) minmax(270px,300px);
  }
}

@media(max-width:650px){
  #attendance.active-view{
    height:auto;
    min-height:0;
    overflow:visible;
  }

  #attendance.active-view>.attendance-layout{
    display:grid;
    height:auto;
    grid-template-columns:1fr;
    align-items:stretch;
  }

  #attendance.active-view .attendance-form-panel{
    grid-column:1;
    grid-row:1;
    position:static;
    max-height:none;
    overflow:visible;
  }

  #attendance.active-view .attendance-list-panel{
    grid-column:1;
    grid-row:2;
    height:460px;
  }

  #attendance.active-view .attendance-form-panel{
    padding:11px 12px !important;
  }

  #attendance.active-view .attendance-form-panel .form-grid{
    grid-template-columns:1fr 1fr !important;
    gap:3px !important;
  }

  #attendance.active-view .attendance-form-panel .form-grid>label:not(:has(#attendanceEntry)):not(:has(#attendanceExit)){
    grid-column:1/-1 !important;
  }

  #attendance.active-view .attendance-form-panel .form-grid>label:has(#attendanceEntry),
  #attendance.active-view .attendance-form-panel .form-grid>label:has(#attendanceExit){
    grid-column:auto !important;
  }

  #attendance.active-view .attendance-form-panel .form-grid label{
    font-size:9px !important;
    line-height:1.2 !important;
  }

  #attendance.active-view .attendance-form-panel .form-grid input,
  #attendance.active-view .attendance-form-panel .form-grid select{
    height:27px !important;
    margin-top:2px !important;
    padding:3px 7px !important;
    font-size:10px !important;
  }

  #attendance.active-view .attendance-form-panel .novin-calendar-field{
    margin-top:2px !important;
    gap:4px !important;
  }

  #attendance.active-view .attendance-form-panel .attendance-calendar-button,
  #attendance.active-view .attendance-form-panel .novin-calendar-trigger{
    width:27px !important;
    height:27px !important;
    flex-basis:27px !important;
    font-size:12px !important;
  }

  #attendance.active-view .attendance-form-panel .attendance-holiday-status{
    min-height:9px !important;
    margin-top:2px !important;
    font-size:8px !important;
  }

  #attendance.active-view .attendance-form-panel .form-grid textarea{
    height:34px !important;
    min-height:34px !important;
    margin-top:2px !important;
    padding:4px 7px !important;
  }

  #attendance.active-view .attendance-form-panel .attendance-calculation{
    margin-top:5px !important;
    padding:5px 7px !important;
    font-size:8px !important;
    line-height:1.4 !important;
  }

  #attendance.active-view .attendance-form-panel .attendance-actions{
    margin-top:5px !important;
    padding-top:5px !important;
    gap:5px !important;
  }

  #attendance.active-view .attendance-form-panel .attendance-actions button{
    height:28px !important;
    padding:3px 9px !important;
    font-size:9px !important;
  }
}
.receipt-page{direction:rtl}
.receipt-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:15px}
.receipt-layout{display:block;direction:rtl}
.receipt-layout>*{direction:rtl;min-width:0}
.receipt-list-panel{min-height:520px}
.receipt-form-panel{border-top:3px solid var(--purple)}
.receipt-entry-overlay{display:none;position:fixed;inset:0;z-index:2000;align-items:center;justify-content:center;padding:20px;background:rgba(23,32,51,.52);backdrop-filter:blur(3px)}
.receipt-entry-overlay.is-open{display:flex}
.receipt-entry-overlay .receipt-entry-modal-panel{width:min(1160px,96vw);max-height:calc(100vh - 40px);margin:0;overflow:auto;border:1px solid #e2e5ef;border-top:4px solid var(--purple);border-radius:18px;box-shadow:0 22px 70px rgba(23,32,51,.25);background:#fff}
.receipt-entry-modal-panel>.panel-head{position:sticky;top:0;z-index:4;background:#fff;padding-top:4px}
.receipt-modal-close{width:34px;height:34px;border:0;border-radius:10px;background:#f3f4f8;color:#687286;font:22px Vazirmatn;line-height:1;cursor:pointer;transition:.18s}
.receipt-modal-close:hover{background:#eeecff;color:var(--purple)}
.receipt-entry-modal-panel form{padding-top:2px}
.receipt-entry-modal-panel .receipt-item-entry{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.receipt-entry-modal-panel .receipt-add-item{grid-column:1/-1;justify-self:start;min-width:135px}
.receipt-entry-modal-panel .receipt-draft-wrap{margin-top:17px}
.receipt-entry-modal-panel .receipt-draft-wrap>.table-wrap{max-height:410px;overflow:auto}
.receipt-entry-modal-panel .receipt-draft-table{min-width:920px}
.receipt-entry-modal-panel .receipt-draft-table thead th{position:sticky;top:0;z-index:2;background:#f7f8fc}
.receipt-entry-modal-panel .receipt-actions{position:sticky;bottom:0;z-index:3;background:#fff;padding-bottom:2px}
.receipt-document-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#eeecff;color:var(--purple);font-size:22px}
.receipt-search{width:270px;flex:none;font:10px Vazirmatn;display:flex;align-items:center;gap:6px}
.receipt-search input{width:100%;margin:0}
.receipt-header-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px}
.receipt-header-grid label,.receipt-item-entry label{display:block;color:#687286;font-size:10px}
.receipt-header-grid input,.receipt-header-grid select,.receipt-header-grid textarea,.receipt-item-entry input,.receipt-item-entry select{display:block;width:100%;height:38px;margin-top:6px;border:1px solid #dfe3ea;border-radius:8px;background:#fff;color:var(--ink);padding:6px 9px;outline:0;font:11px Vazirmatn}
.receipt-header-grid textarea{height:auto;resize:vertical}
.receipt-header-grid input:focus,.receipt-header-grid select:focus,.receipt-header-grid textarea:focus,.receipt-item-entry input:focus,.receipt-item-entry select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #635bff15}
.receipt-full{grid-column:1/-1}
.receipt-date-wrap{display:flex;align-items:center;gap:6px;margin-top:6px}
.receipt-date-wrap input{margin-top:0;flex:1}
.receipt-date-wrap button{width:38px;height:38px;flex:0 0 38px;border:1px solid #d8d5ff;border-radius:8px;background:#f4f2ff;color:#554bdd;font:16px Vazirmatn;cursor:pointer}
.receipt-date-wrap button:hover{background:#e7e4ff}
.receipt-section-title{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:18px;padding-top:16px}
.receipt-section-title b,.receipt-section-title span{display:block}
.receipt-section-title b{font-size:12px}
.receipt-section-title span{margin-top:3px;color:#929aaa;font-size:9px}
.receipt-item-entry{display:grid;grid-template-columns:1.35fr .75fr .75fr .85fr .95fr .95fr 1fr 1fr auto;gap:9px;align-items:end;margin-top:12px;padding:12px;border:1px solid #e7e9f1;border-radius:11px;background:#fafbff}
.receipt-item-entry input,.receipt-item-entry select{height:36px}
.receipt-quantity-field::after{
  content:'اختلاف با فاکتور در فهرست اقلام نمایش داده می‌شود';
  display:block;
  margin-top:3px;
  color:#9aa2b0;
  font-size:8px;
}
.receipt-item-entry .receipt-add-item{height:36px;white-space:nowrap;padding:0 12px}
.receipt-draft-wrap{margin-top:15px;border:1px solid #edf0f4;border-radius:11px;overflow:hidden}
.receipt-draft-head{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;background:#f7f8fc;border-bottom:1px solid #edf0f4}
.receipt-draft-head h3{font-size:11px;margin:0}
.receipt-draft-head span{font-size:9px;color:#929aaa}
.receipt-draft-table{min-width:620px}
.receipt-draft-table th,.receipt-draft-table td{padding:8px;font-size:9px}
.receipt-total-row{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;background:#f4f2ff;color:#5148d7;font-size:10px}
.receipt-total-row b{font-size:12px}
.receipt-actions{margin-top:15px}
.receipt-form-panel button:disabled{opacity:.5;cursor:not-allowed}
.receipt-empty{text-align:center!important;color:#9aa2b0!important;padding:58px 10px!important}
.receipt-details-dialog{min-width:390px;max-width:620px;text-align:right}
.receipt-details-dialog h3{margin:0 0 8px;font-size:15px}
.receipt-details-dialog p{margin:0 0 13px;color:#8992a2;font-size:10px}
.receipt-detail-items{border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;margin-bottom:13px}
.receipt-detail-items>div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #f0f1f5;font-size:10px}
.receipt-detail-items>div:last-child{border-bottom:0}
.receipt-detail-items span{color:#687286;white-space:nowrap}
.receipt-details-dialog>strong{display:block;color:#5148d7;font-size:11px}
.ownership-chip{display:inline-block;padding:4px 7px;border-radius:999px;background:#eeecff;color:#5148d7;font-size:9px}
.ownership-chip.customer{background:#fff2dd;color:#c47c13}
.ownership-chip.supplier{background:#e7f8f2;color:#159c7d}
.table-sub{display:block;margin-top:3px;color:#9aa2b0;font-size:8px}
.warehouse-manager-backdrop{position:fixed!important;inset:0!important;z-index:2200!important;padding:16px;overflow:hidden}
.app-notice.warehouse-manager-dialog{width:min(760px,92vw);max-width:760px;height:min(720px,calc(100vh - 32px));max-height:calc(100vh - 32px);min-height:0;display:flex;flex-direction:column;text-align:right;padding:0;overflow:hidden}
.warehouse-manager-head{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px 15px;background:linear-gradient(135deg,#f8f7ff,#f4fffb);border-bottom:1px solid #edf0f5}
.warehouse-manager-head h3{font-size:17px;margin:0 0 5px}
.warehouse-manager-head p{color:#8992a2;font-size:10px;margin:0}
.app-notice.warehouse-manager-dialog .warehouse-manager-close{flex:0 0 32px;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:10px;background:#fff;color:#687286;font:20px Vazirmatn;cursor:pointer}
.app-notice.warehouse-manager-dialog .warehouse-manager-close:hover{background:#eeecff;color:var(--purple)}
.warehouse-manager-form{flex:0 0 auto;display:grid;grid-template-columns:1.5fr 1fr .8fr auto;gap:10px;align-items:end;padding:16px 22px;border-bottom:1px solid #edf0f5}
.warehouse-manager-form label{display:flex;flex-direction:column;gap:4px;min-width:0;color:#687286;font-size:10px;line-height:1.3}
.warehouse-manager-form input,.warehouse-manager-form select{display:block;width:100%;height:38px;margin-top:0;border:1px solid #dfe3ea;border-radius:9px;background:#fff;color:var(--ink);padding:6px 9px;outline:0;font:10px Vazirmatn}
.warehouse-manager-form input:focus,.warehouse-manager-form select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #635bff15}
.warehouse-manager-actions{display:flex;gap:7px;white-space:nowrap}
.app-notice.warehouse-manager-dialog .warehouse-manager-actions button{height:38px;margin:0}
.app-notice.warehouse-manager-dialog .warehouse-manager-actions .filter-btn{padding:0 14px;font:600 10px Vazirmatn}
.app-notice.warehouse-manager-dialog .warehouse-manager-actions .primary-btn{padding:0 17px;font:700 11px Vazirmatn}
.warehouse-manager-list{min-height:0;flex:1 1 auto;padding:16px 22px 20px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}
.warehouse-manager-list-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px}
.warehouse-manager-list-head b{font-size:12px}
.warehouse-manager-list-head span{min-width:0;font-size:9px;color:#9aa2b0}
.warehouse-manager-list::-webkit-scrollbar{width:8px}
.warehouse-manager-list::-webkit-scrollbar-thumb{background:#cbc7f4;border:2px solid #fff;border-radius:99px}
.warehouse-manager-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #f0f1f5}
.warehouse-manager-row-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eeecff;color:var(--purple)}
.warehouse-manager-row-main{min-width:0}
.warehouse-manager-row-main b,.warehouse-manager-row-main span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.warehouse-manager-row-main b{font-size:11px}
.warehouse-manager-row-main span{margin-top:3px;color:#929aaa;font-size:9px}
.warehouse-manager-row-actions{display:flex;gap:5px;align-items:center;white-space:nowrap}
.app-notice.warehouse-manager-dialog .warehouse-manager-row-actions .text-btn{margin:0;padding:5px 7px;background:#f1efff;color:#554bdd;border-radius:7px;font:600 9px Vazirmatn}
.app-notice.warehouse-manager-dialog .warehouse-manager-row-actions .text-btn:hover{background:#dfdcff;color:#3f36b8}
.app-notice.warehouse-manager-dialog .warehouse-manager-row-actions .danger-btn{background:#fff0f0;color:#d65f6c}
.warehouse-manager-empty{text-align:center;color:#9aa2b0;font-size:10px;padding:25px}
@media(max-width:1150px){
  .receipt-entry-overlay .receipt-entry-modal-panel{width:min(96vw,900px)}
}
@media(max-width:800px){
  .receipt-summary-grid{grid-template-columns:1fr}
  .receipt-header-grid{grid-template-columns:1fr 1fr}
  .receipt-item-entry,.receipt-entry-modal-panel .receipt-item-entry{grid-template-columns:1fr 1fr}
  .receipt-item-entry label:first-child{grid-column:1/-1}
  .receipt-item-entry .receipt-add-item{grid-column:1/-1}
  .receipt-search{width:200px}
}
@media(max-width:700px){
  .warehouse-manager-backdrop{padding:8px}
  .app-notice.warehouse-manager-dialog{width:100%;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}
  .warehouse-manager-form{grid-template-columns:1fr 1fr}
  .warehouse-manager-actions{grid-column:1/-1}
  .warehouse-manager-list{padding:14px 16px 18px}
  .warehouse-manager-list-head{align-items:flex-start;flex-direction:column}
  .warehouse-manager-row{grid-template-columns:auto minmax(0,1fr) auto}
  .warehouse-manager-row-actions{grid-column:1/-1;justify-content:flex-start;padding-right:44px}
}
@media(max-width:600px){
  .receipt-header-grid{grid-template-columns:1fr}
  .receipt-full{grid-column:auto}
  .receipt-list-panel .panel-head{display:block}
  .receipt-search{width:100%;margin-top:10px}
  .receipt-details-dialog{min-width:0;width:min(92vw,620px)}
  .receipt-entry-overlay{padding:8px}
  .receipt-entry-overlay .receipt-entry-modal-panel{width:100%;max-height:calc(100vh - 16px);border-radius:13px}
}
.inventory-page{direction:rtl}
.inventory-heading{align-items:flex-end}
.inventory-heading-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.inventory-heading-actions .filter-btn{height:40px}
.inventory-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:15px}
.inventory-summary-grid .metric-card{min-width:0}
.inventory-value-card{border-top:3px solid #635bff}
.inventory-items-card{border-top:3px solid #18b899}
.inventory-alert-card{border-top:3px solid #f0a43b}
.inventory-receipt-card{border-top:3px solid #4797e9}
.inventory-value-card .metric-icon{background:#eeecff;color:#635bff}
.inventory-items-card .metric-icon{background:#e7f8f2;color:#159c7d}
.inventory-alert-card .metric-icon{background:#fff3dc;color:#d88c1c}
.inventory-receipt-card .metric-icon{background:#eaf4ff;color:#3689df}
.inventory-alert-card .trend.down{color:#d68b1b}
.inventory-warehouse-panel{margin-bottom:15px}
.inventory-live-badge{display:inline-flex;align-items:center;gap:5px;color:#149d7d;background:#e9f8f2;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:700;white-space:nowrap}
.inventory-live-badge::first-letter{color:#18b899}
.inventory-warehouse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.inventory-warehouse-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-width:0;padding:14px;border:1px solid #e5e7f2;border-radius:13px;background:linear-gradient(135deg,#fff,#fafaff);overflow:hidden}
.inventory-warehouse-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#635bff}
.inventory-warehouse-card:nth-child(2)::before{background:#18b899}
.inventory-warehouse-card.quarantine::before{background:#f0a43b}
.inventory-card-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eeecff;color:#635bff;font-size:20px}
.inventory-warehouse-card:nth-child(2) .inventory-card-icon{background:#e7f8f2;color:#159c7d}
.inventory-warehouse-card.quarantine .inventory-card-icon{background:#fff3dc;color:#d88c1c}
.inventory-card-main{min-width:0}
.inventory-card-main b,.inventory-card-main span{display:block}
.inventory-card-main b{font-size:12px;color:#303a53}
.inventory-card-main span{margin-top:3px;color:#9099aa;font-size:9px}
.inventory-warehouse-card>strong{font-size:17px;color:#313b55;direction:rtl}
.inventory-warehouse-card>small{grid-column:3;color:#9aa2b0;font-size:8px;text-align:right}
.inventory-card-footer{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f4;margin-top:3px;padding-top:9px;color:#929aaa;font-size:9px}
.inventory-card-footer b{color:#5148d7;font-size:10px}
.inventory-warehouse-card>em{position:absolute;left:12px;top:11px;color:#d88c1c;font-size:8px;font-style:normal;font-weight:700}
.inventory-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:15px;align-items:start}
.inventory-stock-panel{min-width:0}
.inventory-stock-head{align-items:flex-end}
.inventory-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.inventory-filters .searchbox{width:220px;flex:none}
.inventory-filters .searchbox input{margin:0;width:100%;font:10px Vazirmatn}
.inventory-filters select{height:36px;min-width:135px;border:1px solid #dfe3ea;border-radius:8px;background:#fff;color:#687286;padding:5px 9px;font:10px Vazirmatn;outline:0}
.inventory-filters select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #635bff15}
.inventory-stock-table{min-width:840px}
.inventory-stock-table th,.inventory-stock-table td{padding:11px 9px;vertical-align:middle}
.inventory-stock-table tbody tr:hover,.inventory-recent-table tbody tr:hover{background:#fafaff}
.inventory-quantity{font-weight:800;color:#303a53}
.inventory-quantity.is-zero{color:#d65f6c}
.inventory-stock-table .amount,.inventory-recent-table .amount{white-space:nowrap;color:#5148d7;font-weight:700}
.inventory-stock-table .amount small,.inventory-recent-table .amount small{font-size:8px;font-weight:500}
.inventory-alert-panel{min-width:0;border-top:3px solid #f0a43b}
.inventory-alert-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#fff3dc;color:#d88c1c;font-weight:900}
.inventory-alert-list{display:flex;flex-direction:column;gap:8px}
.inventory-alert-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px;border:1px solid #ffe8bd;border-radius:10px;background:#fffbf2}
.inventory-alert-item.empty{border-color:#ffdfe1;background:#fff8f8}
.inventory-alert-dot{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#fff0d1;color:#d88c1c;font-size:12px;font-weight:900}
.inventory-alert-item.empty .inventory-alert-dot{background:#ffe5e7;color:#d65f6c}
.inventory-alert-item b,.inventory-alert-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inventory-alert-item b{font-size:10px;color:#3e485a}
.inventory-alert-item span{margin-top:3px;color:#929aaa;font-size:8px}
.inventory-alert-item>strong{color:#d88c1c;font-size:8px;white-space:nowrap}
.inventory-alert-item.empty>strong{color:#d65f6c}
.inventory-alert-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:185px;color:#929aaa;text-align:center}
.inventory-alert-empty span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#e7f8f2;color:#159c7d;font-size:19px;margin-bottom:8px}
.inventory-alert-empty b{font-size:11px;color:#4b566b}
.inventory-alert-empty small{font-size:9px;margin-top:5px}
.inventory-recent-panel{margin-top:15px}
.inventory-recent-table{min-width:720px}
.inventory-recent-table th,.inventory-recent-table td{padding:10px 9px;vertical-align:middle}
.inventory-empty{text-align:center!important;color:#9aa2b0!important;padding:52px 10px!important}
.supplier-directory-panel{grid-column:1/-1;margin-top:15px;border-top:3px solid #18b899}
.supplier-directory-panel .panel-head{align-items:center}
.supplier-entry-form{display:grid;grid-template-columns:1.4fr .8fr 1fr 1fr .7fr auto;gap:10px;align-items:end;margin-top:14px;padding:13px;border:1px solid #e2f2ec;border-radius:12px;background:linear-gradient(135deg,#fbfffd,#f7fbff)}
.supplier-entry-form label{display:block;color:#687286;font-size:10px}
.supplier-entry-form input,.supplier-entry-form select{display:block;width:100%;height:36px;margin-top:6px;border:1px solid #dfe3ea;border-radius:8px;background:#fff;color:var(--ink);padding:6px 9px;outline:0;font:10px Vazirmatn}
.supplier-entry-form input:focus,.supplier-entry-form select:focus{border-color:#18b899;box-shadow:0 0 0 3px #18b89918}
.supplier-entry-actions{display:flex;align-items:center;gap:7px;white-space:nowrap}
.supplier-entry-actions button{height:36px}
.supplier-table-wrap{margin-top:13px}
.supplier-table-wrap table{min-width:720px}
.supplier-table-wrap th,.supplier-table-wrap td{padding:9px;vertical-align:middle}
.supplier-table-wrap tbody tr:hover{background:#f8fffc}
.supplier-table-wrap .text-btn{padding:4px 6px}
.supplier-empty{text-align:center!important;color:#9aa2b0!important;padding:38px 10px!important}
@media(max-width:1000px){
  .supplier-entry-form{grid-template-columns:repeat(3,minmax(0,1fr))}
  .supplier-entry-actions{grid-column:1/-1;justify-content:flex-start}
}
@media(max-width:600px){
  .supplier-entry-form{grid-template-columns:1fr 1fr}
  .supplier-entry-form label:first-child{grid-column:1/-1}
}
@media(max-width:1150px){
  .inventory-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inventory-dashboard-grid{grid-template-columns:1fr}
  .inventory-alert-panel{grid-row:1}
}
@media(max-width:760px){
  .inventory-heading{display:block}
  .inventory-heading-actions{margin-top:12px}
  .inventory-heading-actions button{flex:1}
  .inventory-warehouse-grid{grid-template-columns:1fr}
  .inventory-stock-head{display:block}
  .inventory-filters{margin-top:10px}
  .inventory-filters .searchbox{width:100%}
  .inventory-filters select{flex:1}
}
@media(max-width:520px){
  .inventory-summary-grid{grid-template-columns:1fr}
  .inventory-heading-actions{display:grid;grid-template-columns:1fr}
}

/* رسید ورود کالا: فرم فشرده و جدول بزرگ برای اقلام رسید */
.receipt-entry-modal-panel{
  display:flex;
  flex-direction:column;
  width:min(1180px,96vw)!important;
  height:min(760px,calc(100vh - 32px));
  max-height:calc(100vh - 32px)!important;
  overflow:hidden!important;
}
.receipt-entry-modal-panel>.panel-head{
  flex:0 0 auto;
  padding:9px 14px 7px;
  margin-bottom:0;
}
.receipt-entry-modal-panel>.panel-head h2{font-size:16px;margin:0 0 2px}
.receipt-entry-modal-panel>.panel-head span{font-size:8px}
.receipt-entry-modal-panel>.panel-head .receipt-document-icon{width:34px;height:34px;font-size:18px}
.receipt-entry-modal-panel>form{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  min-height:0;
  overflow:hidden;
  padding:0 14px 9px;
}
.receipt-entry-modal-panel .receipt-header-grid{
  flex:0 0 auto;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:7px;
  margin-top:6px;
}
.receipt-entry-modal-panel .receipt-full{grid-column:span 2}
.receipt-entry-modal-panel .receipt-header-grid label,
.receipt-entry-modal-panel .receipt-item-entry label{font-size:9px}
.receipt-entry-modal-panel .receipt-header-grid input,
.receipt-entry-modal-panel .receipt-header-grid select,
.receipt-entry-modal-panel .receipt-header-grid textarea,
.receipt-entry-modal-panel .receipt-item-entry input,
.receipt-entry-modal-panel .receipt-item-entry select{
  height:31px;
  margin-top:4px;
  padding:5px 7px;
  font-size:10px;
}
.receipt-entry-modal-panel .receipt-date-wrap{margin-top:4px}
.receipt-entry-modal-panel .receipt-date-wrap button{width:31px;height:31px;flex-basis:31px;font-size:13px}
.receipt-entry-modal-panel .receipt-header-grid textarea{
  height:31px;
  min-height:31px;
  resize:none;
}
.receipt-entry-modal-panel .receipt-section-title{
  flex:0 0 auto;
  margin-top:7px;
  padding-top:7px;
}
.receipt-entry-modal-panel .receipt-section-title b{font-size:11px}
.receipt-entry-modal-panel .receipt-section-title span{display:none}
.receipt-entry-modal-panel .receipt-item-entry{
  flex:0 0 auto;
  grid-template-columns:1.5fr .85fr .6fr .75fr .85fr .85fr .95fr .95fr auto;
  gap:6px;
  margin-top:7px;
  padding:8px;
}
.receipt-entry-modal-panel .receipt-item-entry .receipt-add-item{
  grid-column:auto;
  min-width:108px;
  height:31px;
  padding:0 8px;
  font-size:9px;
}
.receipt-entry-modal-panel .receipt-quantity-field{
  position:relative;
}
.receipt-entry-modal-panel .receipt-quantity-field input{
  border:2px solid var(--purple);
  background:#fbfaff;
  font-weight:700;
  box-shadow:0 0 0 3px #635bff12;
}
.receipt-entry-modal-panel .receipt-quantity-field input::placeholder{
  color:#635bff;
  opacity:.8;
}
.receipt-entry-modal-panel .receipt-draft-wrap{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  min-height:185px;
  margin-top:9px;
}
.receipt-entry-modal-panel .receipt-draft-head{
  flex:0 0 auto;
  padding:7px 9px;
}
.receipt-entry-modal-panel .receipt-draft-head h3{font-size:10px}
.receipt-entry-modal-panel .receipt-draft-head span{font-size:8px}
.receipt-entry-modal-panel .receipt-draft-wrap>.table-wrap{
  flex:1 1 auto;
  min-height:0;
  max-height:none;
  overflow:auto;
}
.receipt-entry-modal-panel .receipt-draft-table th,
.receipt-entry-modal-panel .receipt-draft-table td{
  padding:6px 7px;
  font-size:9px;
  white-space:nowrap;
}
.receipt-entry-modal-panel .receipt-draft-table thead th{
  position:sticky;
  top:0;
  z-index:2;
  background:#f7f8fc;
}
.receipt-entry-modal-panel .receipt-empty{padding:22px 10px!important}
.receipt-entry-modal-panel .receipt-total-row{
  flex:0 0 auto;
  padding:7px 9px;
  font-size:9px;
}
.receipt-entry-modal-panel .receipt-total-row b{font-size:11px}
.receipt-entry-modal-panel .receipt-actions{
  position:static!important;
  flex:0 0 auto;
  margin-top:8px!important;
  padding:7px 0 0!important;
}
.receipt-entry-modal-panel .receipt-actions button{height:34px;padding:0 14px;font-size:10px}
.novin-calendar-popup{z-index:3000!important}

/* گزارش کار اپراتورها: فرم ثبت ثابت در راست و فهرست اسکرولی در چپ */
#operatorWorkReport.active-view{
  height:calc(100vh - 76px);
  min-height:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  contain:layout paint;
}
html:has(#operatorWorkReport.active-view),
body:has(#operatorWorkReport.active-view){height:100%;overflow:hidden}
body:has(#operatorWorkReport.active-view) .app-shell,
body:has(#operatorWorkReport.active-view) .main-content{
  height:100vh;
  min-height:0;
  overflow:hidden;
}
body:has(#operatorWorkReport.active-view) .main-content{
  overscroll-behavior:none;
  padding-bottom:0;
}
body:has(#operatorWorkReport.active-view) .sidebar{
  scrollbar-width:none;
}
body:has(#operatorWorkReport.active-view) .sidebar::-webkit-scrollbar{
  width:0;
}
#operatorWorkReport.active-view>.page-heading{
  flex:0 0 auto;
  min-height:58px;
  padding:10px 0 8px;
  justify-content:center;
  text-align:center;
}
#operatorWorkReport.active-view>.page-heading>div{
  width:100%;
  justify-content:center;
}
#operatorWorkReport.active-view>.page-heading .eyebrow{
  display:none;
}
#operatorWorkReport.active-view>.page-heading h1{
  font-size:20px;
}
#operatorWorkReport.active-view>.page-heading p{
  font-size:9px;
}
#operatorWorkReport.active-view>.operator-work-report-layout{
  flex:1 1 auto;
  min-height:0;
  height:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,350px);
  gap:14px;
  direction:ltr;
  align-items:stretch;
}
#operatorWorkReport.active-view>.operator-work-report-layout>*{
  direction:rtl;
  min-width:0;
}
#operatorWorkReport.active-view .operator-work-list-panel,
#operatorWorkReport.active-view .operator-work-entry-panel{
  min-height:0;
  overflow:hidden;
}
#operatorWorkReport.active-view .operator-work-list-panel{
  display:flex;
  flex-direction:column;
}
#operatorWorkReport.active-view .operator-work-list-head{
  flex:0 0 auto;
  align-items:center;
  gap:10px;
  margin-bottom:9px;
}
#operatorWorkReport.active-view .operator-work-list-head h2{
  font-size:14px;
  margin:0 0 3px;
}
#operatorWorkReport.active-view .operator-work-list-head span{
  font-size:9px;
}
#operatorWorkReport.active-view .operator-work-list-head button{
  height:30px;
  padding:0 11px;
  white-space:nowrap;
}
#operatorWorkReport.active-view .operator-work-filters{
  flex:0 0 auto;
  padding:9px;
  margin-bottom:9px;
  border:1px solid #e5e5fb;
  border-radius:11px;
  background:#fafaff;
}
#operatorWorkReport.active-view .operator-work-filter-title{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:8px;
  margin-bottom:7px;
}
#operatorWorkReport.active-view .operator-work-filter-title b{
  color:#3f46a8;
  font-size:10px;
}
#operatorWorkReport.active-view .operator-work-filter-title small{
  color:#939bad;
  font-size:8px;
}
#operatorWorkReport.active-view .operator-work-filter-checks{
  display:flex;
  flex-wrap:wrap;
  gap:5px 12px;
  margin-bottom:7px;
}
#operatorWorkReport.active-view .operator-work-filter-checks label{
  display:flex;
  align-items:center;
  gap:4px;
  color:#5f6980;
  font-size:9px;
  white-space:nowrap;
}
#operatorWorkReport.active-view .operator-work-filter-checks input{
  accent-color:var(--purple);
  width:13px;
  height:13px;
  margin:0;
}
#operatorWorkReport.active-view .operator-work-filter-fields{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px 8px;
}
#operatorWorkReport.active-view .operator-work-filter-fields label,
#operatorWorkReport.active-view .operator-work-entry-panel label{
  display:block;
  color:#687286;
  font-size:9px;
  min-width:0;
}
#operatorWorkReport.active-view .operator-work-standard-hint{
  display:block;
  margin-top:3px;
  color:#929aaa;
  font-size:8px;
  line-height:1.5;
}
#operatorWorkReport.active-view .operator-work-stop-hint{
  display:block;
  margin-top:3px;
  color:#929aaa;
  font-size:8px;
  line-height:1.5;
}
#operatorWorkReport.active-view #operatorWorkStop[readonly]{
  background:#f7f8fc;
  color:#59627a;
  cursor:default;
}
#operatorWorkReport.active-view .operator-work-filter-fields input,
#operatorWorkReport.active-view .operator-work-filter-fields select{
  width:100%;
  height:29px;
  margin-top:3px;
  padding:4px 7px;
  border:1px solid #dfe3ea;
  border-radius:7px;
  background:#fff;
  color:var(--ink);
  outline:0;
  font:9px Vazirmatn;
}
#operatorWorkReport.active-view .operator-work-filter-fields input:focus,
#operatorWorkReport.active-view .operator-work-filter-fields select:focus,
#operatorWorkReport.active-view .operator-work-entry-panel input:focus,
#operatorWorkReport.active-view .operator-work-entry-panel select:focus,
#operatorWorkReport.active-view .operator-work-entry-panel textarea:focus{
  border-color:var(--purple);
  box-shadow:0 0 0 3px #635bff14;
}
#operatorWorkReport.active-view .operator-work-filter-fields .is-disabled{
  opacity:.45;
}
#operatorWorkReport.active-view .operator-work-table-wrap{
  flex:1 1 auto;
  min-height:0;
  height:0;
  overflow-y:scroll;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#8f88ff #f0efff;
  scrollbar-gutter:stable;
}
#operatorWorkReport.active-view .operator-work-table-wrap::-webkit-scrollbar{
  width:9px;
  height:9px;
}
#operatorWorkReport.active-view .operator-work-table-wrap::-webkit-scrollbar-track{
  background:#f0efff;
  border-radius:8px;
}
#operatorWorkReport.active-view .operator-work-table-wrap::-webkit-scrollbar-thumb{
  background:#8f88ff;
  border:2px solid #f0efff;
  border-radius:8px;
}
#operatorWorkReport.active-view .operator-work-table{
  width:100%;
  min-width:0;
  table-layout:fixed;
}
#operatorWorkReport.active-view .operator-work-table th,
#operatorWorkReport.active-view .operator-work-table td{
  padding:7px 4px;
  font-size:9px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#operatorWorkReport.active-view .operator-work-table th:last-child,
#operatorWorkReport.active-view .operator-work-table td:last-child{
  width:108px;
  overflow:hidden;
  text-overflow:ellipsis;
}
#operatorWorkReport.active-view .operator-work-table td.operator-work-online-stock{
  color:#159c7d;
  font-weight:600;
  white-space:normal;
  line-height:1.35;
}
#operatorWorkReport.active-view .operator-work-online-stock strong,
#operatorWorkReport.active-view .operator-work-online-stock small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#operatorWorkReport.active-view .operator-work-online-stock strong{
  color:#159c7d;
  font-size:9px;
}
#operatorWorkReport.active-view .operator-work-online-stock small{
  margin-top:2px;
  color:#8f98aa;
  font-size:7px;
  font-weight:400;
}
#operatorWorkReport.active-view .operator-work-online-stock .operator-work-stock-empty{
  color:#a1a8b7;
  font-weight:400;
}
#operatorWorkReport.active-view .operator-work-table thead th{
  position:sticky;
  top:0;
  z-index:2;
  background:#f7f8fc!important;
  box-shadow:0 2px 0 #e7e9f0;
}
#operatorWorkReport.active-view .operator-work-table tbody tr:hover{
  background:#fafaff;
}
#operatorWorkReport.active-view .operator-work-table tbody tr[data-work-record-id]{
  cursor:pointer;
  transition:background .15s ease,box-shadow .15s ease;
}
#operatorWorkReport.active-view .operator-work-table tbody tr.operator-work-selected{
  background:#f0efff!important;
  box-shadow:inset -3px 0 #635bff;
}
#operatorWorkReport.active-view .operator-work-table td small.operator-work-net,
#operatorWorkReport.active-view .operator-work-table td small.operator-work-variance{
  display:block;
  margin-top:2px;
  color:#8f98aa;
  font-size:7px;
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#operatorWorkReport.active-view .operator-work-table td small.operator-work-variance{
  color:#635bff;
}
#operatorWorkReport.active-view .operator-work-empty{
  padding:35px 10px!important;
  text-align:center!important;
  color:#9aa2b0!important;
}
#operatorWorkReport.active-view .operator-work-entry-panel{
  position:sticky;
  top:0;
  align-self:start;
  padding:12px;
}
#operatorWorkReport.active-view .operator-work-entry-panel>.panel-head{
  margin-bottom:8px;
}
#operatorWorkReport.active-view .operator-work-entry-filters{
  flex:0 0 auto;
  display:grid;
  grid-template-columns:1fr;
  gap:5px;
  width:min(430px,100%);
  margin:0 auto 9px;
  padding:6px;
  border:1px solid #e5e5fb;
  border-radius:9px;
  background:#fafaff;
  order:2;
}
#operatorWorkReport.active-view .operator-work-entry-filters .operator-work-filter-title{
  display:block;
  margin:0 0 2px;
}
#operatorWorkReport.active-view .operator-work-entry-filters .operator-work-filter-title b{
  color:#3f46a8;
  font-size:9px;
}
#operatorWorkReport.active-view .operator-work-entry-filters .operator-work-filter-title small{
  display:none;
}
#operatorWorkReport.active-view .operator-work-compact-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px 6px;
}
#operatorWorkReport.active-view .operator-work-filter-group{
  display:grid;
  grid-template-columns:47px minmax(0,1fr);
  gap:6px;
  align-items:start;
  direction:ltr;
  min-width:0;
}
#operatorWorkReport.active-view .operator-work-filter-group-date{
  grid-column:1/-1;
}
#operatorWorkReport.active-view .operator-work-filter-check-label{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:3px;
  color:#5f6980;
  font-size:8px;
  white-space:nowrap;
  padding-top:6px;
  direction:rtl;
}
#operatorWorkReport.active-view .operator-work-filter-check-label input{
  width:12px;
  height:12px;
  margin:0;
  accent-color:var(--purple);
}
#operatorWorkReport.active-view .operator-work-filter-group-body{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px 6px;
  min-width:0;
  direction:rtl;
}
#operatorWorkReport.active-view .operator-work-filter-group-body label{
  display:block;
  min-width:0;
  color:#687286;
  font-size:8px;
}
#operatorWorkReport.active-view .operator-work-filter-group-body input,
#operatorWorkReport.active-view .operator-work-filter-group-body select{
  width:100%;
  height:27px;
  margin-top:2px;
  padding:3px 6px;
  border:1px solid #dfe3ea;
  border-radius:6px;
  background:#fff;
  color:var(--ink);
  outline:0;
  font:8px Vazirmatn;
}
#operatorWorkReport.active-view .operator-work-filter-group-body input:focus,
#operatorWorkReport.active-view .operator-work-filter-group-body select:focus{
  border-color:var(--purple);
  box-shadow:0 0 0 3px #635bff14;
}
#operatorWorkReport.active-view .operator-work-entry-filters .operator-work-filter-group .is-disabled{
  opacity:.45;
}
#operatorWorkReport.active-view .operator-work-entry-filters .operator-work-filter-group .is-disabled input,
#operatorWorkReport.active-view .operator-work-entry-filters .operator-work-filter-group .is-disabled select{
  cursor:not-allowed;
}
#operatorWorkReport.active-view .operator-work-entry-filters .operator-work-filter-title + .operator-work-compact-fields{
  margin-top:0;
}
#operatorWorkReport.active-view .operator-work-filter-group-date .operator-work-filter-group-body{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
#operatorWorkReport.active-view .operator-work-filter-group-operator .operator-work-filter-group-body,
#operatorWorkReport.active-view .operator-work-filter-group-product .operator-work-filter-group-body,
#operatorWorkReport.active-view .operator-work-filter-group-process .operator-work-filter-group-body,
#operatorWorkReport.active-view .operator-work-filter-group-machine .operator-work-filter-group-body{
  grid-template-columns:minmax(0,1fr);
}
#operatorWorkReport.active-view .operator-work-filter-group-body label[data-work-filter-field]{
  margin:0;
}
#operatorWorkReport.active-view .operator-work-form-grid label.operator-work-filterable-field{
  display:block;
  min-width:0;
}
#operatorWorkReport.active-view .operator-work-field-title{
  display:block;
  color:#687286;
  font-size:8px;
  line-height:1.2;
  margin-bottom:2px;
}
#operatorWorkReport.active-view .operator-work-field-row{
  display:flex;
  align-items:center;
  gap:4px;
  direction:ltr;
}
#operatorWorkReport.active-view .operator-work-field-row>select,
#operatorWorkReport.active-view .operator-work-field-row>input{
  flex:1 1 auto;
  min-width:0;
}
#operatorWorkReport.active-view .operator-work-inline-filter{
  display:flex!important;
  align-items:center;
  justify-content:center;
  flex:0 0 18px;
  width:18px;
  height:28px;
  margin:0!important;
  padding:0!important;
  color:#5f6980;
  font-size:8px;
  white-space:nowrap;
  cursor:pointer;
}
#operatorWorkReport.active-view .operator-work-inline-filter input{
  width:12px;
  height:12px;
  margin:0;
  accent-color:var(--purple);
}
#operatorWorkReport.active-view .operator-work-form-grid label.filter-disabled{
  opacity:.55;
}
#operatorWorkReport.active-view .operator-work-form-grid label.filter-disabled .operator-work-inline-filter{
  opacity:.55;
}
#operatorWorkReport.active-view .operator-work-inline-filter::after{
  content:'';
}
/* فیلدهای فیلتر از پنل چپ به ردیف متناظر در فرم ثبت منتقل می‌شوند */
#operatorWorkReport.active-view .operator-work-filters{
  display:block;
  width:min(430px,100%);
  margin:0 auto 9px;
  padding:6px 8px;
}
#operatorWorkReport.active-view .operator-work-filter-title{
  display:none;
}
#operatorWorkReport.active-view .operator-work-filter-fields{
  display:none!important;
}
#operatorWorkReport.active-view .operator-work-filter-store{
  display:none!important;
}
#operatorWorkReport.active-view .operator-work-hidden-filter-fields{
  display:none!important;
}
#operatorWorkReport.active-view .operator-work-date-filter-row{
  display:grid;
  grid-template-columns:34px minmax(0,120px) minmax(0,120px);
  justify-content:center;
  align-items:end;
  gap:4px;
  direction:ltr;
}
#operatorWorkReport.active-view .operator-work-date-filter-row>label:not(.operator-work-inline-filter){
  display:block;
  min-width:0;
  color:#687286;
  font-size:10px;
  direction:rtl;
}
#operatorWorkReport.active-view .operator-work-date-filter-row input{
  display:block;
  width:100%;
  height:21px;
  margin-top:2px;
  padding:2px 5px;
  border:1px solid #dfe3ea;
  border-radius:5px;
  background:#fff;
  color:var(--ink);
  outline:0;
  font:10px Vazirmatn;
}
#operatorWorkReport.active-view .operator-work-date-filter-row .operator-work-filter-check-label{
  padding:0 0 5px;
  direction:rtl;
}
/* حفظ فاصلهٔ فشرده فرم ثبت */
#operatorWorkReport.active-view .operator-work-entry-panel .operator-work-form-grid{
  gap:5px 7px;
}
#operatorWorkReport.active-view .operator-work-entry-panel .operator-work-form-grid input,
#operatorWorkReport.active-view .operator-work-entry-panel .operator-work-form-grid select,
#operatorWorkReport.active-view .operator-work-entry-panel .operator-work-form-grid textarea{
  height:28px;
  padding:3px 7px;
}
#operatorWorkReport.active-view .operator-work-entry-panel .operator-work-form-grid textarea{
  height:40px;
}
@media(max-width:360px){
  #operatorWorkReport.active-view .operator-work-compact-fields{
    grid-template-columns:1fr;
  }
  #operatorWorkReport.active-view .operator-work-filter-group-date{
    grid-column:auto;
  }
}
/* دکمهٔ اعمال فیلتر همچنان داخل فهرست باقی می‌ماند */
#operatorWorkReport.active-view .operator-work-list-head{
  position:relative;
  order:1;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:3px;
  padding:0;
}
#operatorWorkReport.active-view .operator-work-list-head>div{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  flex:1 1 auto;
}
#operatorWorkReport.active-view .operator-work-list-head h2{
  font-size:13px;
  margin:0;
  white-space:nowrap;
}
#operatorWorkReport.active-view .operator-work-list-head span{
  font-size:8px;
  margin:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  flex:1 1 auto;
}
#operatorWorkReport.active-view .operator-work-list-head button{
  height:27px;
  padding:0 10px;
  font-size:9px;
  flex:0 0 auto;
}
#operatorWorkReport.active-view .operator-work-list-head button.operator-work-filter-active{
  color:#fff;
  border-color:#635bff;
  background:#635bff;
  box-shadow:0 5px 12px rgba(99,91,255,.2);
}
#operatorWorkReport.active-view .operator-work-filters{
  order:0;
  width:auto;
  flex:0 0 370px;
  min-width:370px;
  padding:3px 5px;
  margin:0;
  border-radius:7px;
}
#operatorWorkReport.active-view .operator-work-date-filter-row{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;
  gap:3px;
  min-width:0;
}
#operatorWorkReport.active-view .operator-work-date-filter-button{
  height:30px;
  min-width:92px;
  padding:0 8px;
  font-size:9px;
  white-space:nowrap;
}
#operatorWorkReport.active-view .operator-work-date-filter-row>label:not(.operator-work-inline-filter){
  font-size:10px;
}
#operatorWorkReport.active-view .operator-work-date-filter-row input{
  height:30px;
  font-size:10px;
}
#operatorWorkReport.active-view .operator-work-table-wrap{
  order:3;
}
#operatorWorkReport.active-view .operator-work-list-panel{
  display:flex;
  flex-direction:column;
}
#operatorWorkReport.active-view .operator-work-entry-panel .eyebrow{
  font-size:8px;
  margin-bottom:2px;
}
#operatorWorkReport.active-view .operator-work-entry-panel h2{
  font-size:16px;
  margin:0 0 3px;
}
#operatorWorkReport.active-view .operator-work-entry-panel .panel-head span{
  display:block;
  font-size:9px;
}
#operatorWorkReport.active-view .operator-work-entry-panel form{
  min-height:0;
  display:flex;
  flex-direction:column;
}
#operatorWorkReport.active-view .operator-work-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px 8px;
  min-height:0;
}
#operatorWorkReport.active-view .operator-work-date-field,
#operatorWorkReport.active-view .operator-work-time-row{
  grid-column:1/-1;
}
#operatorWorkReport.active-view .operator-work-time-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px 8px;
}
#operatorWorkReport.active-view .operator-work-time-row label{
  min-width:0;
}
#operatorWorkReport.active-view .operator-work-form-grid input,
#operatorWorkReport.active-view .operator-work-form-grid select,
#operatorWorkReport.active-view .operator-work-form-grid textarea{
  display:block;
  width:100%;
  margin-top:3px;
  height:29px;
  padding:4px 7px;
  border:1px solid #dfe3ea;
  border-radius:7px;
  background:#fff;
  color:var(--ink);
  outline:0;
  font:10px Vazirmatn;
}
#operatorWorkReport.active-view .operator-work-form-grid>label{
  font-size:10px;
}
#operatorWorkReport.active-view .operator-work-live-stock{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr);
  align-items:center;
  gap:6px 10px;
  min-height:29px;
  padding:4px 8px;
  border:1px solid #dfe3ea;
  border-radius:7px;
  background:#f8f9fd;
  color:#687286;
  font-size:9px;
}
#operatorWorkReport.active-view .operator-work-live-stock b{
  color:#4d5872;
  white-space:nowrap;
}
#operatorWorkReport.active-view .operator-work-live-stock strong{
  color:#5148d7;
  font-size:11px;
  white-space:nowrap;
}
#operatorWorkReport.active-view .operator-work-live-stock small{
  color:#929aaa;
  font-size:9px;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#operatorWorkReport.active-view .operator-work-live-stock.is-ready{
  border-color:#bfe9d9;
  background:#f1fbf7;
}
#operatorWorkReport.active-view .operator-work-live-stock.is-ready strong{
  color:#159c7d;
}
#operatorWorkReport.active-view .operator-work-live-stock.is-warning{
  border-color:#ffd0d5;
  background:#fff5f6;
}
#operatorWorkReport.active-view .operator-work-live-stock.is-warning strong,
#operatorWorkReport.active-view .operator-work-live-stock.is-warning small{
  color:#d65f6c;
}
#operatorWorkReport.active-view .operator-work-field-title{
  font-size:10px;
}
#operatorWorkReport.active-view .operator-work-standard-hint,
#operatorWorkReport.active-view .operator-work-stop-hint{
  font-size:9px;
}
#operatorWorkReport.active-view .operator-work-form-grid textarea{
  height:46px;
  resize:none;
}
#operatorWorkReport.active-view .operator-work-full{
  grid-column:1/-1;
}
#operatorWorkReport.active-view .operator-work-actions{
  display:flex;
  gap:7px;
  margin-top:9px;
  padding-top:8px;
  border-top:1px solid #eceef5;
}
#operatorWorkReport.active-view .operator-work-actions button{
  flex:1;
  height:31px;
  padding:0 10px;
  font-size:9px;
}
/* Compact, polished skin for the fixed operator-work entry form */
#operatorWorkReport.active-view .operator-work-entry-panel{
  border:1px solid #e8e7fb;
  border-top:3px solid #635bff;
  border-radius:16px;
  background:linear-gradient(180deg,#fff 0%,#fcfcff 100%);
  box-shadow:0 10px 28px rgba(65,59,178,.08);
}
#operatorWorkReport.active-view .operator-work-entry-panel>.panel-head{
  padding:0 3px 8px;
  border-bottom:1px solid #f0eff8;
  margin-bottom:9px;
}
#operatorWorkReport.active-view .operator-work-entry-panel h2{
  color:#202542;
  letter-spacing:-.2px;
}
#operatorWorkReport.active-view .operator-work-entry-panel form{
  gap:0;
}
#operatorWorkReport.active-view .operator-work-form-grid{
  gap:7px 8px;
}
#operatorWorkReport.active-view .operator-work-form-grid>label,
#operatorWorkReport.active-view .operator-work-time-row>label{
  box-sizing:border-box;
  padding:4px 7px 6px;
  border:1px solid #edf0f6;
  border-radius:9px;
  background:#fff;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
#operatorWorkReport.active-view .operator-work-form-grid>label:hover,
#operatorWorkReport.active-view .operator-work-time-row>label:hover{
  border-color:#dedbff;
  background:#fdfdff;
}
#operatorWorkReport.active-view .operator-work-form-grid>label:focus-within,
#operatorWorkReport.active-view .operator-work-time-row>label:focus-within{
  border-color:#bdb8ff;
  box-shadow:0 0 0 3px rgba(99,91,255,.08);
}
#operatorWorkReport.active-view .operator-work-form-grid>label.operator-work-date-field{
  padding:5px 8px 6px;
  border-color:#e2e0ff;
  background:#faf9ff;
}
#operatorWorkReport.active-view .operator-work-form-grid>label.operator-work-filterable-field{
  padding-top:4px;
}
#operatorWorkReport.active-view .operator-work-field-title,
#operatorWorkReport.active-view .operator-work-form-grid>label{
  color:#59627a;
}
#operatorWorkReport.active-view .operator-work-field-title{
  font-weight:600;
}
#operatorWorkReport.active-view .operator-work-form-grid input,
#operatorWorkReport.active-view .operator-work-form-grid select,
#operatorWorkReport.active-view .operator-work-form-grid textarea{
  height:29px;
  border-color:#e0e4ee;
  border-radius:8px;
  background:#fbfcff;
  font-size:10px;
}
#operatorWorkReport.active-view .operator-work-form-grid input::placeholder,
#operatorWorkReport.active-view .operator-work-form-grid textarea::placeholder{
  color:#a1a8b7;
}
#operatorWorkReport.active-view .operator-work-field-row{
  gap:5px;
}
#operatorWorkReport.active-view .operator-work-inline-filter{
  flex-basis:22px;
  width:22px;
  height:29px;
  border:1px solid #e0ddff;
  border-radius:7px;
  background:#f5f3ff;
}
#operatorWorkReport.active-view .operator-work-inline-filter input{
  width:15px;
  height:15px;
}
#operatorWorkReport.active-view .operator-work-live-stock{
  min-height:31px;
  padding:5px 9px;
  border-radius:9px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
#operatorWorkReport.active-view .operator-work-time-row{
  gap:7px 8px;
}
#operatorWorkReport.active-view .operator-work-form-grid textarea{
  height:44px;
}
#operatorWorkReport.active-view .operator-work-actions{
  gap:8px;
  margin-top:8px;
  padding-top:8px;
}
#operatorWorkReport.active-view .operator-work-actions button{
  height:34px;
  border-radius:9px;
  font-size:10px;
  font-weight:600;
}
#operatorWorkReport.active-view #operatorWorkReset{
  border-color:#dedbff;
  background:#fbfaff;
  color:#5b53cf;
}
#operatorWorkReport.active-view #operatorWorkMisc{
  border-color:#dedbff;
  background:#f7f5ff;
  color:#5b53cf;
}
#operatorWorkReport.active-view #operatorWorkEdit{
  border-color:#c9c5ff;
  background:#eeecff;
  color:#4d45c4;
  box-shadow:0 5px 12px rgba(99,91,255,.12);
}
#operatorWorkReport.active-view .operator-work-actions .primary-btn{
  box-shadow:0 7px 15px rgba(99,91,255,.2);
}
#operatorWorkReport.active-view .operator-work-waste-tabs{
  grid-column:1/-1;
  min-width:0;
  overflow:hidden;
  border:1px solid #e6e4f8;
  border-radius:9px;
  background:#fbfaff;
}
#operatorWorkReport.active-view .operator-work-waste-tablist{
  display:flex;
  align-items:stretch;
  gap:3px;
  padding:3px;
  border-bottom:1px solid #eceafa;
  background:#f4f2ff;
}
#operatorWorkReport.active-view .operator-work-waste-tab{
  flex:1 1 0;
  min-width:0;
  height:25px;
  padding:0 7px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#737b8f;
  font:600 9px Vazirmatn;
  cursor:pointer;
  transition:background .15s ease,color .15s ease,box-shadow .15s ease;
}
#operatorWorkReport.active-view .operator-work-waste-tab.active{
  color:#5148d7;
  background:#fff;
  box-shadow:0 2px 7px rgba(81,72,215,.13);
}
#operatorWorkReport.active-view .operator-work-waste-tabpanel{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:6px 8px;
  align-items:end;
  padding:6px 8px 7px;
}
#operatorWorkReport.active-view .operator-work-waste-tabpanel[data-waste-panel="cause"]{
  grid-template-columns:minmax(0,1fr);
}
#operatorWorkReport.active-view .operator-work-waste-tabpanel[hidden]{
  display:none!important;
}
#operatorWorkReport.active-view .operator-work-waste-tabpanel label{
  display:flex;
  flex-direction:column;
  gap:0;
  min-width:0;
  color:#59627a;
  font-size:9px;
}
#operatorWorkReport.active-view .operator-work-waste-tabpanel input,
#operatorWorkReport.active-view .operator-work-waste-tabpanel select{
  width:100%;
  min-width:0;
  height:28px;
  margin-top:3px;
  padding:4px 7px;
  border:1px solid #dfe3ea;
  border-radius:7px;
  background:#fff;
  color:var(--ink);
  outline:0;
  font:10px Vazirmatn;
}
.waste-simple-tabs{
  display:flex;
  gap:4px;
  margin:0 0 10px;
  padding:3px;
  border:1px solid #e6e4f8;
  border-radius:9px;
  background:#f4f2ff;
}
.waste-simple-tab{
  flex:1 1 0;
  min-width:0;
  height:31px;
  padding:0 10px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#737b8f;
  font:600 10px Vazirmatn;
  cursor:pointer;
  transition:background .15s ease,color .15s ease,box-shadow .15s ease;
}
.waste-simple-tab.active{
  color:#5148d7;
  background:#fff;
  box-shadow:0 2px 8px rgba(81,72,215,.13);
}
.waste-simple-tab:hover:not(.active){
  color:#5148d7;
  background:#ebe8ff;
}
.operator-misc-card{
  width:min(620px,94vw);
  max-width:620px;
  padding:14px 18px;
}
.operator-misc-card .modal-head{
  margin-bottom:10px;
}
.operator-misc-card .modal-head h2{
  font-size:15px;
  margin:0 0 3px;
}
.operator-misc-card .modal-head p{
  font-size:9px;
  margin:0;
}
.operator-misc-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px 10px;
}
.operator-misc-grid label{
  display:flex;
  flex-direction:column;
  gap:3px;
  color:#687286;
  font-size:9px;
}
.operator-misc-grid input,
.operator-misc-grid select,
.operator-misc-grid textarea{
  width:100%;
  min-width:0;
  height:30px;
  padding:4px 8px;
  border:1px solid #dfe3ea;
  border-radius:7px;
  background:#fff;
  color:var(--ink);
  outline:0;
  font:9px Vazirmatn;
}
.operator-misc-grid textarea{
  height:44px;
  resize:none;
}
.operator-misc-grid input:focus,
.operator-misc-grid select:focus,
.operator-misc-grid textarea:focus{
  border-color:var(--purple);
  box-shadow:0 0 0 3px #635bff14;
}
.operator-misc-grid .operator-misc-full{
  grid-column:1/-1;
}
.operator-misc-card .modal-actions{
  display:flex;
  gap:7px;
  margin-top:10px;
  padding-top:8px;
  border-top:1px solid #eceef5;
}
.operator-misc-card .modal-actions button{
  flex:1;
  height:31px;
  padding:0 10px;
  font-size:9px;
}
.stoppages-page{
  min-height:0;
}
.stoppages-page .page-heading{
  align-items:center;
}
.stoppages-layout{
  display:grid;
  grid-template-columns:minmax(260px,340px) minmax(0,1fr);
  gap:14px;
  align-items:start;
}
.stoppages-form-panel,
.stoppages-list-panel{
  min-width:0;
}
.stoppages-form-panel{
  position:sticky;
  top:12px;
  padding:14px;
}
.stoppages-form-panel .panel-head,
.stoppages-list-panel .panel-head{
  margin-bottom:10px;
}
.stoppages-form-panel h2,
.stoppages-list-panel h2{
  font-size:14px;
  margin:0 0 3px;
}
.stoppages-form-panel .panel-head span,
.stoppages-list-panel .panel-head span{
  color:#929aaa;
  font-size:9px;
}
.stoppages-form-panel label{
  display:flex;
  flex-direction:column;
  gap:3px;
  color:#687286;
  font-size:9px;
}
.stoppages-form-panel input{
  width:100%;
  height:31px;
  padding:4px 8px;
  border:1px solid #dfe3ea;
  border-radius:7px;
  background:#fff;
  color:var(--ink);
  outline:0;
  font:9px Vazirmatn;
}
.stoppages-form-panel input:focus{
  border-color:var(--purple);
  box-shadow:0 0 0 3px #635bff14;
}
.stoppages-form-panel .modal-actions{
  display:flex;
  gap:7px;
  margin-top:10px;
  padding-top:8px;
  border-top:1px solid #eceef5;
}
.stoppages-form-panel .modal-actions button{
  flex:1;
  height:31px;
  font-size:9px;
}
.stoppages-list-panel{
  display:flex;
  flex-direction:column;
  min-height:300px;
}
.stoppages-list-panel .table-wrap{
  max-height:calc(100vh - 190px);
  overflow:auto;
}
.stoppages-list-panel table{
  width:100%;
  table-layout:fixed;
}
.stoppages-list-panel th,
.stoppages-list-panel td{
  padding:8px 7px;
  font-size:9px;
}
.stoppages-list-panel th:first-child,
.stoppages-list-panel td:first-child{
  width:55px;
}
.stoppages-list-panel th:last-child,
.stoppages-list-panel td:last-child{
  width:150px;
  white-space:nowrap;
}
/* صفحه علت‌های توقف: سربرگ و کادر ثبت فشرده تا فهرست فضای بیشتری داشته باشد */
.stoppages-page .page-heading{
  padding:8px 0 6px;
  min-height:0;
  gap:10px;
}
.stoppages-page .page-heading .eyebrow{
  font-size:8px;
  margin-bottom:2px;
}
.stoppages-page .page-heading h1{
  font-size:18px;
  line-height:1.35;
  margin:0 0 2px;
}
.stoppages-page .page-heading p{
  font-size:8px;
  line-height:1.5;
}
.stoppages-page .page-heading .primary-btn{
  padding:7px 11px;
  font-size:9px;
}
.stoppages-page>.page-heading{
  display:none;
}
.stoppages-page .stoppages-layout{
  margin-top:0;
}
.stoppages-form-panel{
  padding:7px 8px;
}
.stoppages-form-panel .panel-head{
  margin-bottom:4px;
}
.stoppages-form-panel h2{
  font-size:11px;
  margin-bottom:1px;
}
.stoppages-form-panel .panel-head span{
  font-size:7px;
}
.stoppages-form-panel label{
  gap:2px;
  font-size:7px;
}
.stoppages-form-panel input{
  height:25px;
  padding:2px 6px;
  font-size:7px;
}
.stoppages-form-panel .modal-actions{
  gap:5px;
  margin-top:4px;
  padding-top:4px;
}
.stoppages-form-panel .modal-actions button{
  height:25px;
  padding:0 8px;
  font-size:7px;
}
.compensation-page{
  min-height:0;
}
html:has(#compensation.active-view),
body:has(#compensation.active-view){
  height:100%;
  overflow:hidden;
}
body:has(#compensation.active-view) .app-shell,
body:has(#compensation.active-view) .main-content{
  height:100vh;
  min-height:0;
  overflow:hidden;
}
#compensation.active-view{
  height:calc(100% - 12px);
  min-height:0;
  overflow:hidden;
}
#compensation.active-view>.page-heading{
  min-height:48px;
  margin-bottom:10px;
}
#compensation.active-view>.page-heading h1{
  font-size:18px;
  margin-bottom:2px;
}
#compensation.active-view>.page-heading p{
  font-size:9px;
}
.compensation-layout{
  direction:ltr;
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:14px;
  height:calc(100% - 60px);
  min-height:0;
  align-items:stretch;
}
.compensation-layout>*{
  direction:rtl;
  min-width:0;
}
.compensation-list-panel,
.compensation-entry-panel{
  min-height:0;
  overflow:hidden;
}
.compensation-list-panel{
  display:flex;
  flex-direction:column;
}
.compensation-list-head{
  gap:10px;
  margin-bottom:8px;
}
.compensation-list-tools{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:300px;
}
.compensation-list-tools .searchbox{
  flex:1;
  min-width:0;
}
.compensation-list-tools select{
  width:120px;
  height:31px;
  border:1px solid #dfe3ea;
  border-radius:7px;
  background:#fff;
  color:var(--ink);
  font:9px Vazirmatn;
  padding:0 7px;
}
.compensation-table-wrap{
  flex:1;
  min-height:0;
  overflow:auto;
}
.compensation-table{
  width:100%;
  min-width:720px;
  table-layout:fixed;
}
.compensation-table th,
.compensation-table td{
  padding:8px 7px;
  font-size:9px;
  vertical-align:middle;
}
.compensation-table th:nth-child(1),
.compensation-table td:nth-child(1){width:78px}
.compensation-table th:nth-child(2),
.compensation-table td:nth-child(2){width:130px}
.compensation-table th:nth-child(3),
.compensation-table td:nth-child(3){width:78px}
.compensation-table th:nth-child(4),
.compensation-table td:nth-child(4){width:120px}
.compensation-table th:nth-child(5),
.compensation-table td:nth-child(5){width:125px}
.compensation-table th:nth-child(7),
.compensation-table td:nth-child(7){width:135px;white-space:nowrap}
.compensation-table td small{
  display:block;
  color:#9aa2b2;
  font-size:8px;
  margin-top:2px;
}
.compensation-type{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:50px;
  padding:4px 7px;
  border-radius:999px;
  font-size:8px;
}
.compensation-type.reward{background:#e8faf1;color:#0c9b63}
.compensation-type.advance{background:#fff5df;color:#b57600}
.compensation-type.penalty{background:#ffeded;color:#d45151}
.compensation-empty{
  text-align:center;
  color:#9aa2b2;
  padding:24px!important;
}
.compensation-entry-panel{
  position:sticky;
  top:0;
  align-self:start;
  padding:13px;
  overflow:auto;
}
.compensation-entry-panel>.panel-head{
  margin-bottom:8px;
}
.compensation-entry-panel .eyebrow{
  font-size:9px;
  margin-bottom:2px;
}
.compensation-entry-panel h2{
  font-size:14px;
  margin-bottom:2px;
}
.compensation-entry-panel .panel-head span{
  color:#929aaa;
  font-size:8px;
}
.compensation-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px 8px;
}
.compensation-form-grid label{
  display:flex;
  flex-direction:column;
  gap:3px;
  color:#687286;
  font-size:9px;
}
.compensation-form-grid input,
.compensation-form-grid select,
.compensation-form-grid textarea{
  width:100%;
  min-width:0;
  height:30px;
  border:1px solid #dfe3ea;
  border-radius:7px;
  background:#fff;
  color:var(--ink);
  outline:0;
  padding:4px 8px;
  font:9px Vazirmatn;
}
.compensation-form-grid textarea{
  height:44px;
  resize:none;
}
.compensation-form-grid input:focus,
.compensation-form-grid select:focus,
.compensation-form-grid textarea:focus,
.compensation-list-tools select:focus,
.compensation-cause-entry input:focus{
  border-color:var(--purple);
  box-shadow:0 0 0 3px #635bff14;
}
.compensation-full{
  grid-column:1/-1;
}
.compensation-actions{
  display:flex;
  gap:7px;
  margin-top:9px;
  padding-top:8px;
  border-top:1px solid #eceef5;
}
.compensation-actions button{
  flex:1;
  height:31px;
  font-size:9px;
}
.compensation-cause-manager{
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid #eceef5;
}
.compensation-cause-head{
  margin-bottom:7px;
}
.compensation-cause-head h3{
  margin:0 0 2px;
  font-size:11px;
}
.compensation-cause-head span{
  color:#929aaa;
  font-size:8px;
}
.compensation-cause-tabs{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  margin-bottom:7px;
}
.compensation-cause-tabs button{
  border:1px solid #e1e2f8;
  border-radius:7px;
  background:#f8f7ff;
  color:#635bff;
  padding:5px 7px;
  font:8px Vazirmatn;
  cursor:pointer;
}
.compensation-cause-tabs button.active{
  background:#635bff;
  border-color:#635bff;
  color:#fff;
}
.compensation-cause-entry{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:6px;
  margin-bottom:7px;
}
.compensation-cause-entry input{
  min-width:0;
  height:29px;
  border:1px solid #dfe3ea;
  border-radius:7px;
  padding:4px 8px;
  outline:0;
  font:9px Vazirmatn;
}
.compensation-cause-entry button{
  height:29px;
  padding:0 9px;
  font-size:8px;
}
.compensation-cause-table-wrap{
  max-height:150px;
  overflow:auto;
  border:1px solid #eceef5;
  border-radius:7px;
}
.compensation-cause-table-wrap table{
  width:100%;
}
.compensation-cause-table-wrap th,
.compensation-cause-table-wrap td{
  padding:6px;
  font-size:8px;
}
.compensation-cause-table-wrap th:last-child,
.compensation-cause-table-wrap td:last-child{
  width:115px;
  white-space:nowrap;
}
@media(max-width:950px){
  html:has(#compensation.active-view),
  body:has(#compensation.active-view),
  body:has(#compensation.active-view) .app-shell,
  body:has(#compensation.active-view) .main-content{
    height:auto;
    overflow:visible;
  }
  #compensation.active-view{
    height:auto;
    overflow:visible;
  }
  .compensation-layout{
    height:auto;
    grid-template-columns:1fr;
  }
  .compensation-entry-panel{
    position:static;
    order:1;
  }
  .compensation-list-panel{
    order:2;
    height:500px;
  }
}
@media(max-width:600px){
  .compensation-list-tools{
    min-width:0;
    width:100%;
  }
  .compensation-list-head{
    align-items:stretch;
    flex-direction:column;
  }
  .compensation-form-grid{
    grid-template-columns:1fr;
  }
  .compensation-full{
    grid-column:auto;
  }
  .compensation-cause-entry{
    grid-template-columns:1fr;
  }
  .compensation-cause-entry button{
    width:100%;
  }
}
@media(max-width:700px){
  .stoppages-layout{
    grid-template-columns:1fr;
  }
  .stoppages-form-panel{
    position:static;
  }
  .stoppages-list-panel .table-wrap{
    max-height:none;
  }
}
@media(max-width:600px){
  .operator-misc-grid{
    grid-template-columns:1fr;
  }
  .operator-misc-grid .operator-misc-full{
    grid-column:auto;
  }
}
@media(max-width:900px){
  #operatorWorkReport.active-view{
    height:auto;
    min-height:0;
    overflow:visible;
  }
  html:has(#operatorWorkReport.active-view),
  body:has(#operatorWorkReport.active-view),
  body:has(#operatorWorkReport.active-view) .app-shell,
  body:has(#operatorWorkReport.active-view) .main-content{
    height:auto;
    overflow:visible;
  }
  #operatorWorkReport.active-view>.operator-work-report-layout{
    display:flex;
    flex-direction:column;
  }
  #operatorWorkReport.active-view .operator-work-entry-panel{
    order:1;
    position:static;
  }
  #operatorWorkReport.active-view .operator-work-list-panel{
    order:2;
    height:520px;
  }
}
@media(max-width:600px){
  #operatorWorkReport.active-view .operator-work-filter-fields,
  #operatorWorkReport.active-view .operator-work-form-grid{
    grid-template-columns:1fr;
  }
  #operatorWorkReport.active-view .operator-work-full{
    grid-column:auto;
  }
  #operatorWorkReport.active-view .operator-work-filter-title{
    display:block;
  }
  #operatorWorkReport.active-view .operator-work-filter-title small{
    display:block;
    margin-top:3px;
  }
}
@media(max-width:900px){
  .receipt-entry-modal-panel{
    height:min(760px,calc(100vh - 20px));
    max-height:calc(100vh - 20px)!important;
  }
  .receipt-entry-modal-panel .receipt-header-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .receipt-entry-modal-panel .receipt-full{grid-column:1/-1}
  .receipt-entry-modal-panel .receipt-item-entry{grid-template-columns:repeat(3,minmax(0,1fr))}
  .receipt-entry-modal-panel .receipt-item-entry .receipt-add-item{grid-column:1/-1;justify-self:start}
}
@media(max-width:600px){
  .receipt-entry-modal-panel{height:calc(100vh - 16px);max-height:calc(100vh - 16px)!important}
  .receipt-entry-modal-panel .receipt-header-grid{grid-template-columns:1fr}
  .receipt-entry-modal-panel .receipt-full{grid-column:auto}
  .receipt-entry-modal-panel .receipt-item-entry{grid-template-columns:1fr 1fr}
  .receipt-entry-modal-panel .receipt-item-entry .receipt-add-item{grid-column:1/-1;width:100%}
}
#operatorWorkReport.active-view .operator-work-attendance-status{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:7px;
  min-height:30px;
  padding:5px 9px;
  border:1px solid #dfe3ea;
  border-radius:9px;
  background:#f8f9fd;
  color:#687286;
  font-size:9px;
}
#operatorWorkReport.active-view .operator-work-attendance-status b{
  color:#4d5872;
  white-space:nowrap;
}
#operatorWorkReport.active-view .operator-work-attendance-status span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#929aaa;
}
#operatorWorkReport.active-view .operator-work-attendance-status.is-ready{
  border-color:#bfe9d9;
  background:#f1fbf7;
}
#operatorWorkReport.active-view .operator-work-attendance-status.is-ready b,
#operatorWorkReport.active-view .operator-work-attendance-status.is-ready span{
  color:#159c7d;
}
#operatorWorkReport.active-view .operator-work-attendance-status.is-warning{
  border-color:#ffd0d5;
  background:#fff5f6;
}
#operatorWorkReport.active-view .operator-work-attendance-status.is-warning b,
#operatorWorkReport.active-view .operator-work-attendance-status.is-warning span{
  color:#d65f6c;
}
#operatorWorkReport.active-view .operator-work-status-stack{
  grid-column:2;
  grid-row:3;
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:5px;
  align-self:stretch;
}
#operatorWorkReport.active-view .operator-work-form-grid>label.operator-work-operator-field{
  grid-column:1;
  grid-row:3;
}
#operatorWorkReport.active-view .operator-work-form-grid>label.operator-work-process-field{
  grid-column:2;
  grid-row:4;
}
#operatorWorkReport.active-view .operator-work-form-grid>label.operator-work-product-field{
  grid-column:1;
  grid-row:4;
}
#operatorWorkReport.active-view .operator-work-status-stack .operator-work-live-stock,
#operatorWorkReport.active-view .operator-work-status-stack .operator-work-attendance-status{
  grid-column:auto;
  min-height:0;
  box-sizing:border-box;
  padding:4px 6px;
  border-radius:8px;
}
#operatorWorkReport.active-view .operator-work-status-stack .operator-work-live-stock{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1px 4px;
  flex:1 1 0;
}
#operatorWorkReport.active-view .operator-work-status-stack .operator-work-live-stock b{
  grid-column:1;
  grid-row:1;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:8px;
}
#operatorWorkReport.active-view .operator-work-status-stack .operator-work-live-stock strong{
  grid-column:2;
  grid-row:1;
  font-size:9px;
}
#operatorWorkReport.active-view .operator-work-status-stack .operator-work-live-stock small{
  grid-column:1/-1;
  grid-row:2;
  font-size:7px;
}
#operatorWorkReport.active-view .operator-work-status-stack .operator-work-attendance-status{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:2px 4px;
  flex:1 1 0;
}
#operatorWorkReport.active-view .operator-work-status-stack .operator-work-attendance-status b,
#operatorWorkReport.active-view .operator-work-status-stack .operator-work-attendance-status span{
  min-width:0;
  font-size:8px;
}
#operatorWorkReport.active-view .operator-work-status-stack .operator-work-attendance-status span{
  overflow:hidden;
  text-overflow:ellipsis;
}
@media(max-width:600px){
  #operatorWorkReport.active-view .operator-work-status-stack,
  #operatorWorkReport.active-view .operator-work-form-grid>label.operator-work-operator-field,
  #operatorWorkReport.active-view .operator-work-form-grid>label.operator-work-process-field,
  #operatorWorkReport.active-view .operator-work-form-grid>label.operator-work-product-field{
    grid-column:auto;
    grid-row:auto;
  }
}

/* حواله خروج: فرم کنترل‌شده با موجودی و فهرست اسناد */
.outbound-issue-page{direction:rtl;min-width:0}
.outbound-issue-heading{align-items:center}
.outbound-issue-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.85fr);gap:15px;align-items:start;direction:ltr}
.outbound-issue-layout>*{direction:rtl;min-width:0}
.outbound-issue-list-panel,.outbound-issue-form-panel{min-width:0}
.outbound-issue-list-panel{min-height:500px}
.outbound-issue-form-panel{border-top:3px solid #18b899}
.outbound-issue-list-head{align-items:flex-end}
.outbound-issue-search{width:260px;flex:none;display:flex;align-items:center;gap:6px;font:10px Vazirmatn}
.outbound-issue-search input{width:100%;margin:0}
.outbound-issue-table-wrap{max-height:calc(100vh - 245px);min-height:390px;overflow:auto}
.outbound-issue-table{min-width:760px}
.outbound-issue-table th,.outbound-issue-table td{padding:10px 8px;vertical-align:middle;white-space:nowrap}
.outbound-issue-table tbody tr{cursor:pointer;transition:background .16s}
.outbound-issue-table tbody tr:hover{background:#f8fffc}
.outbound-issue-table .text-btn{padding:4px 6px}
.outbound-issue-amount{color:#159c7d;font-weight:800;white-space:nowrap}
.outbound-issue-amount small{font-size:8px;font-weight:500;color:#8992a2}
.outbound-issue-form-head{align-items:center}
.outbound-issue-form-head h2{font-size:15px;margin:0 0 2px}
.outbound-issue-form-head span{font-size:8px}
.outbound-issue-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#e7f8f2;color:#159c7d;font-size:21px}
.outbound-issue-header-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:11px}
.outbound-issue-header-grid label,.outbound-issue-item-entry label{display:block;color:#687286;font-size:9px}
.outbound-issue-header-grid input,.outbound-issue-header-grid select,.outbound-issue-header-grid textarea,.outbound-issue-item-entry input,.outbound-issue-item-entry select{display:block;width:100%;height:34px;margin-top:4px;border:1px solid #dfe3ea;border-radius:8px;background:#fff;color:var(--ink);padding:5px 8px;outline:0;font:10px Vazirmatn}
.outbound-issue-header-grid textarea{height:auto;min-height:44px;resize:vertical}
.outbound-issue-header-grid input:focus,.outbound-issue-header-grid select:focus,.outbound-issue-header-grid textarea:focus,.outbound-issue-item-entry input:focus,.outbound-issue-item-entry select:focus{border-color:#18b899;box-shadow:0 0 0 3px #18b89918}
.outbound-issue-full{grid-column:1/-1}
.outbound-issue-date-wrap{display:flex;align-items:center;gap:5px;margin-top:4px}
.outbound-issue-date-wrap input{margin-top:0;flex:1}
.outbound-issue-date-wrap button{width:34px;height:34px;flex:0 0 34px;border:1px solid #bde9dc;border-radius:8px;background:#effbf7;color:#159c7d;font:14px Vazirmatn;cursor:pointer}
.outbound-issue-date-wrap button:hover{background:#def7ef}
.outbound-issue-section-title{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:13px;padding-top:11px}
.outbound-issue-section-title b{font-size:11px}
.outbound-issue-section-title span{color:#929aaa;font-size:8px}
.outbound-issue-item-entry{display:grid;grid-template-columns:minmax(0,1.3fr) .55fr minmax(150px,.9fr) .7fr auto;gap:7px;align-items:end;margin-top:8px;padding:9px;border:1px solid #dff1eb;border-radius:10px;background:linear-gradient(135deg,#fbfffd,#f7fbff)}
.outbound-issue-item-entry input,.outbound-issue-item-entry select{height:33px}
.outbound-issue-add-item{height:33px;white-space:nowrap;padding:0 10px}
.outbound-issue-stock-status{min-width:0;min-height:33px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 7px;padding:4px 8px;border:1px solid #dfe3ea;border-radius:8px;background:#f8f9fd;color:#687286}
.outbound-issue-stock-status b{grid-column:1/-1;font-size:8px;color:#687286}
.outbound-issue-stock-status strong{font-size:11px;color:#303a53;direction:rtl}
.outbound-issue-stock-status small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px;color:#929aaa}
.outbound-issue-stock-status.is-ready{border-color:#bcebdd;background:#f1fcf8}
.outbound-issue-stock-status.is-ready strong{color:#159c7d}
.outbound-issue-stock-status.is-warning{border-color:#ffd3d7;background:#fff7f8}
.outbound-issue-stock-status.is-warning strong{color:#d65f6c}
.outbound-issue-draft-wrap{margin-top:10px;border:1px solid #edf0f4;border-radius:10px;overflow:hidden}
.outbound-issue-draft-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:#f7f8fc;border-bottom:1px solid #edf0f4}
.outbound-issue-draft-head h3{font-size:10px;margin:0}
.outbound-issue-draft-head span{font-size:8px;color:#929aaa}
.outbound-issue-draft-wrap>.table-wrap{max-height:180px;overflow:auto}
.outbound-issue-draft-table{width:100%;min-width:420px}
.outbound-issue-draft-table th,.outbound-issue-draft-table td{padding:7px 8px;font-size:9px;white-space:nowrap}
.outbound-issue-draft-table tbody tr:hover{background:#f8fffc}
.outbound-issue-total-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#eafaf5;color:#159c7d;font-size:9px}
.outbound-issue-total-row b{font-size:12px}
.outbound-issue-actions{margin-top:10px;padding-top:9px}
.outbound-issue-form-panel button:disabled{opacity:.5;cursor:not-allowed}
.outbound-issue-empty{text-align:center!important;color:#9aa2b0!important;padding:36px 10px!important}
.outbound-issue-details-dialog{width:min(520px,92vw);text-align:right}
.outbound-issue-details-dialog h3{margin:0 0 7px;font-size:15px}
.outbound-issue-details-dialog p{margin:0 0 11px;color:#8992a2;font-size:9px}
.outbound-issue-detail-items{border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;margin-bottom:11px}
.outbound-issue-detail-items>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #f0f1f5;font-size:10px}
.outbound-issue-detail-items>div:last-child{border-bottom:0}
.outbound-issue-detail-items span{color:#159c7d;white-space:nowrap;font-weight:700}
.outbound-issue-detail-note{line-height:1.8}
@media(max-width:1100px){
  .outbound-issue-layout{grid-template-columns:1fr}
  .outbound-issue-form-panel{order:-1}
  .outbound-issue-table-wrap{max-height:430px}
}
@media(max-width:760px){
  .outbound-issue-heading{display:block}
  .outbound-issue-heading .primary-btn{margin-top:10px}
  .outbound-issue-header-grid{grid-template-columns:1fr 1fr}
  .outbound-issue-item-entry{grid-template-columns:1fr 1fr}
  .outbound-issue-product-field,.outbound-issue-stock-status,.outbound-issue-add-item{grid-column:1/-1}
  .outbound-issue-add-item{width:100%}
  .outbound-issue-search{width:200px}
}
@media(max-width:600px){
  .outbound-issue-list-head{display:block}
  .outbound-issue-search{width:100%;margin-top:9px}
  .outbound-issue-header-grid{grid-template-columns:1fr}
  .outbound-issue-full{grid-column:auto}
  .outbound-issue-item-entry{grid-template-columns:1fr}
  .outbound-issue-product-field,.outbound-issue-stock-status,.outbound-issue-add-item{grid-column:auto}
}

/* حواله خروج: نمایش فشرده در صفحه‌های کوچک؛ اسکرول فقط داخل فهرست */
html:has(#issues.active-view),
body:has(#issues.active-view){
  height:100%;
  overflow:hidden;
}
body:has(#issues.active-view) .app-shell,
body:has(#issues.active-view) .main-content{
  height:100vh;
  min-height:0;
  overflow:hidden;
}
body:has(#issues.active-view) .main-content{
  padding-bottom:8px;
  overscroll-behavior:none;
}
#issues.active-view{
  height:calc(100vh - 76px);
  min-height:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
#issues.active-view>.outbound-issue-heading{
  flex:0 0 auto;
  min-height:0;
  padding:7px 0 8px;
}
#issues.active-view>.outbound-issue-heading .eyebrow,
#issues.active-view>.outbound-issue-heading p{
  display:none;
}
#issues.active-view>.outbound-issue-heading h1{
  font-size:17px;
  margin:0;
}
#issues.active-view>.outbound-issue-heading .primary-btn{
  height:30px;
  padding:0 10px;
  font-size:9px;
}
#issues.active-view>.outbound-issue-layout{
  flex:1 1 auto;
  min-height:0;
}
#issues.active-view .outbound-issue-form-panel{
  padding:11px 12px;
}
#issues.active-view .outbound-issue-form-head{
  margin-bottom:4px;
}
#issues.active-view .outbound-issue-form-head .eyebrow,
#issues.active-view .outbound-issue-form-head span:not(.outbound-issue-icon){
  display:none;
}
#issues.active-view .outbound-issue-form-head h2{
  font-size:13px;
  margin:0;
}
#issues.active-view .outbound-issue-icon{
  width:30px;
  height:30px;
  border-radius:9px;
  font-size:16px;
}
#issues.active-view .outbound-issue-header-grid{
  gap:5px 7px;
  margin-top:6px;
}
#issues.active-view .outbound-issue-header-grid label,
#issues.active-view .outbound-issue-item-entry label{
  font-size:8px;
}
#issues.active-view .outbound-issue-header-grid input,
#issues.active-view .outbound-issue-header-grid select,
#issues.active-view .outbound-issue-header-grid textarea,
#issues.active-view .outbound-issue-item-entry input,
#issues.active-view .outbound-issue-item-entry select{
  height:28px;
  margin-top:2px;
  padding:3px 6px;
  font-size:9px;
}
#issues.active-view .outbound-issue-header-grid textarea{
  height:32px;
  min-height:32px;
}
#issues.active-view .outbound-issue-header-grid label:has(#issueRecipient),
#issues.active-view .outbound-issue-header-grid label:has(#issueReason){
  grid-column:auto;
}
#issues.active-view .outbound-issue-date-wrap{
  margin-top:2px;
  gap:4px;
}
#issues.active-view .outbound-issue-date-wrap button{
  width:28px;
  height:28px;
  flex-basis:28px;
  font-size:12px;
}
#issues.active-view .outbound-issue-section-title{
  margin-top:7px;
  padding-top:7px;
}
#issues.active-view .outbound-issue-section-title b{
  font-size:10px;
}
#issues.active-view .outbound-issue-section-title span{
  display:none;
}
#issues.active-view .outbound-issue-item-entry{
  gap:5px;
  margin-top:5px;
  padding:6px;
}
#issues.active-view .outbound-issue-item-entry input,
#issues.active-view .outbound-issue-item-entry select{
  height:28px;
}
#issues.active-view .outbound-issue-add-item{
  height:28px;
  padding:0 8px;
  font-size:9px;
}
#issues.active-view .outbound-issue-stock-status{
  min-height:28px;
  padding:3px 6px;
  gap:1px 5px;
}
#issues.active-view .outbound-issue-stock-status b{
  font-size:7px;
}
#issues.active-view .outbound-issue-stock-status strong{
  font-size:10px;
}
#issues.active-view .outbound-issue-stock-status small{
  font-size:6px;
}
#issues.active-view .outbound-issue-draft-wrap{
  margin-top:6px;
}
#issues.active-view .outbound-issue-draft-head{
  padding:5px 7px;
}
#issues.active-view .outbound-issue-draft-head h3,
#issues.active-view .outbound-issue-draft-head span{
  font-size:8px;
}
#issues.active-view .outbound-issue-draft-wrap>.table-wrap{
  max-height:100px;
}
#issues.active-view .outbound-issue-draft-table th,
#issues.active-view .outbound-issue-draft-table td{
  padding:4px 6px;
  font-size:8px;
}
#issues.active-view .outbound-issue-total-row{
  padding:5px 7px;
  font-size:8px;
}
#issues.active-view .outbound-issue-total-row b{
  font-size:10px;
}
#issues.active-view .outbound-issue-actions{
  margin-top:6px;
  padding-top:6px;
}
#issues.active-view .outbound-issue-actions button{
  height:29px;
  padding:0 10px;
  font-size:9px;
}

@media(max-width:1100px){
  #issues.active-view>.outbound-issue-layout{
    display:flex;
    flex-direction:column;
    gap:8px;
    overflow:hidden;
  }
  #issues.active-view .outbound-issue-form-panel{
    flex:0 0 auto;
    order:1;
  }
  #issues.active-view .outbound-issue-list-panel{
    flex:1 1 auto;
    order:2;
    min-height:0;
    overflow:hidden;
  }
  #issues.active-view .outbound-issue-table-wrap{
    min-height:0;
    max-height:none;
    height:100%;
  }
}
@media(max-width:760px){
  #issues.active-view>.outbound-issue-heading{
    padding-top:4px;
    padding-bottom:5px;
  }
  #issues.active-view .outbound-issue-header-grid{
    grid-template-columns:1fr 1fr;
  }
  #issues.active-view .outbound-issue-item-entry{
    grid-template-columns:1fr 1fr;
  }
  #issues.active-view .outbound-issue-product-field,
  #issues.active-view .outbound-issue-stock-status,
  #issues.active-view .outbound-issue-add-item{
    grid-column:1/-1;
  }
  #issues.active-view .outbound-issue-list-head{
    gap:5px;
  }
  #issues.active-view .outbound-issue-search{
    width:190px;
  }
}
@media(max-width:600px){
  #issues.active-view>.outbound-issue-heading{
    display:flex;
    flex-direction:row;
    align-items:center;
  }
  #issues.active-view .outbound-issue-header-grid{
    grid-template-columns:1fr 1fr;
  }
  #issues.active-view .outbound-issue-full{
    grid-column:1/-1;
  }
  #issues.active-view .outbound-issue-header-grid label:has(#issueRecipient),
  #issues.active-view .outbound-issue-header-grid label:has(#issueReason){
    grid-column:auto;
  }
  #issues.active-view .outbound-issue-list-head{
    display:flex;
    align-items:center;
  }
  #issues.active-view .outbound-issue-search{
    width:165px;
    margin-top:0;
  }
}

/* فشرده‌سازی نهایی حواله خروج برای نمایشگرهای کوچک */
#issues.active-view>.outbound-issue-heading{
  min-height:0;
  padding:2px 0 4px;
}
#issues.active-view>.outbound-issue-heading h1{
  font-size:15px;
}
#issues.active-view>.outbound-issue-heading .primary-btn{
  height:27px;
  padding:0 8px;
  font-size:8px;
}
#issues.active-view .outbound-issue-form-panel{
  padding:7px 9px;
}
#issues.active-view .outbound-issue-form-head{
  margin-bottom:2px;
}
#issues.active-view .outbound-issue-form-head h2{
  font-size:11px;
}
#issues.active-view .outbound-issue-icon{
  width:25px;
  height:25px;
  border-radius:8px;
  font-size:13px;
}
#issues.active-view .outbound-issue-header-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:3px 5px;
  margin-top:3px;
}
#issues.active-view .outbound-issue-header-grid label{
  min-width:0;
  font-size:7px;
}
#issues.active-view .outbound-issue-header-grid input,
#issues.active-view .outbound-issue-header-grid select{
  height:25px;
  margin-top:1px;
  padding:2px 5px;
  font-size:8px;
}
#issues.active-view .outbound-issue-header-grid textarea{
  height:25px;
  min-height:25px;
  padding:2px 5px;
  font-size:8px;
}
#issues.active-view .outbound-issue-header-grid .outbound-issue-full{
  grid-column:auto;
}
#issues.active-view .outbound-issue-header-grid label:has(#issueNote){
  grid-column:1/-1;
}
#issues.active-view .outbound-issue-date-wrap{
  gap:3px;
  margin-top:1px;
}
#issues.active-view .outbound-issue-date-wrap button{
  width:25px;
  height:25px;
  flex-basis:25px;
  font-size:10px;
}
#issues.active-view .outbound-issue-section-title{
  margin-top:4px;
  padding-top:4px;
}
#issues.active-view .outbound-issue-section-title b{
  font-size:9px;
}
#issues.active-view .outbound-issue-item-entry{
  gap:4px;
  margin-top:3px;
  padding:4px;
}
#issues.active-view .outbound-issue-item-entry label{
  font-size:7px;
}
#issues.active-view .outbound-issue-item-entry input,
#issues.active-view .outbound-issue-item-entry select{
  height:25px;
  margin-top:1px;
  padding:2px 5px;
  font-size:8px;
}
#issues.active-view .outbound-issue-add-item{
  height:25px;
  padding:0 6px;
  font-size:8px;
}
#issues.active-view .outbound-issue-stock-status{
  min-height:25px;
  padding:2px 5px;
}
#issues.active-view .outbound-issue-stock-status b{
  font-size:6px;
}
#issues.active-view .outbound-issue-stock-status strong{
  font-size:8px;
}
#issues.active-view .outbound-issue-stock-status small{
  font-size:5px;
}
#issues.active-view .outbound-issue-draft-wrap{
  margin-top:4px;
}
#issues.active-view .outbound-issue-draft-head{
  padding:4px 6px;
}
#issues.active-view .outbound-issue-draft-wrap>.table-wrap{
  max-height:68px;
}
#issues.active-view .outbound-issue-draft-table th,
#issues.active-view .outbound-issue-draft-table td{
  padding:3px 5px;
  font-size:7px;
}
#issues.active-view .outbound-issue-total-row{
  padding:4px 6px;
  font-size:7px;
}
#issues.active-view .outbound-issue-total-row b{
  font-size:9px;
}
#issues.active-view .outbound-issue-actions{
  margin-top:4px;
  padding-top:4px;
}
#issues.active-view .outbound-issue-actions button{
  height:26px;
  padding:0 8px;
  font-size:8px;
}

@media(max-width:1100px){
  #issues.active-view .outbound-issue-header-grid{
    grid-template-columns:1fr 1fr;
  }
  #issues.active-view .outbound-issue-header-grid label:has(#issueRecipient),
  #issues.active-view .outbound-issue-header-grid label:has(#issueReason){
    grid-column:auto;
  }
  #issues.active-view .outbound-issue-item-entry{
    grid-template-columns:minmax(0,1.4fr) .55fr minmax(110px,.9fr) .65fr auto;
  }
  #issues.active-view .outbound-issue-product-field,
  #issues.active-view .outbound-issue-stock-status,
  #issues.active-view .outbound-issue-add-item{
    grid-column:auto;
  }
}
@media(max-width:600px){
  #issues.active-view .outbound-issue-item-entry{
    grid-template-columns:1fr 1fr;
  }
  #issues.active-view .outbound-issue-product-field,
  #issues.active-view .outbound-issue-stock-status,
  #issues.active-view .outbound-issue-add-item{
    grid-column:1/-1;
  }
}

/* در عرض متوسط هم فرم و فهرست کنار هم بمانند تا فرم کل صفحه را نگیرد */
@media(min-width:761px) and (max-width:1100px){
  #issues.active-view>.outbound-issue-layout{
    display:grid;
    grid-template-columns:minmax(285px,1.25fr) minmax(320px,.85fr);
    gap:9px;
    flex-direction:initial;
    overflow:hidden;
    height:min(520px,calc(100vh - 130px));
    flex:0 0 auto;
    align-items:stretch;
  }
  #issues.active-view .outbound-issue-list-panel{
    order:initial;
    height:100%;
    min-height:0;
    overflow:hidden;
  }
  #issues.active-view .outbound-issue-form-panel{
    order:initial;
    min-height:0;
    max-height:100%;
    height:100%;
    overflow-y:auto;
    scrollbar-width:thin;
  }
  #issues.active-view .outbound-issue-table-wrap{
    height:calc(100% - 48px);
    min-height:0;
    max-height:none;
  }
  #issues.active-view .outbound-issue-header-grid{
    grid-template-columns:1fr 1fr;
  }
  #issues.active-view .outbound-issue-header-grid label:has(#issueRecipient),
  #issues.active-view .outbound-issue-header-grid label:has(#issueReason){
    grid-column:auto;
  }
  #issues.active-view .outbound-issue-item-entry{
    grid-template-columns:minmax(0,1.35fr) .6fr minmax(0,1fr) .7fr;
  }
  #issues.active-view .outbound-issue-product-field{
    grid-column:1/-1;
  }
  #issues.active-view .outbound-issue-stock-status{
    grid-column:1/-1;
  }
  #issues.active-view .outbound-issue-add-item{
    grid-column:1/-1;
    justify-self:start;
  }
  #issues.active-view .outbound-issue-draft-wrap>.table-wrap{
    max-height:92px;
  }
}

@media(min-width:1101px){
  #issues.active-view .outbound-issue-list-panel{
    height:430px;
    min-height:0;
    display:flex;
    flex-direction:column;
  }
  #issues.active-view .outbound-issue-list-panel .outbound-issue-table-wrap{
    flex:1 1 auto;
    min-height:0;
    max-height:none;
  }
}

/* خوانایی فرم در کنار فهرست */
#issues.active-view .outbound-issue-header-grid label,
#issues.active-view .outbound-issue-item-entry label{
  font-size:8px;
}
#issues.active-view .outbound-issue-header-grid input,
#issues.active-view .outbound-issue-header-grid select,
#issues.active-view .outbound-issue-header-grid textarea,
#issues.active-view .outbound-issue-item-entry input,
#issues.active-view .outbound-issue-item-entry select{
  font-size:9px;
}
#issues.active-view .outbound-issue-form-panel{
  scrollbar-width:thin;
}
@media(min-width:761px) and (max-width:1100px){
  #issues.active-view .outbound-issue-list-panel{
    display:flex;
    flex-direction:column;
  }
  #issues.active-view .outbound-issue-list-panel .outbound-issue-table-wrap{
    flex:1 1 auto;
    height:auto;
  }
  #issues.active-view .outbound-issue-form-head h2{
    font-size:12px;
  }
  #issues.active-view .outbound-issue-header-grid,
  #issues.active-view .outbound-issue-item-entry{
    gap:4px 5px;
  }
}

/* کادر اقلام حواله: فضای ثبت اقلام دو برابر شود و اسکرول فقط داخل همین کادر باشد */
#issues.active-view .outbound-issue-draft-wrap>.table-wrap{
  height:136px;
  min-height:136px;
  max-height:136px;
  overflow:auto;
}
@media(min-width:761px) and (max-width:1100px){
  #issues.active-view .outbound-issue-draft-wrap>.table-wrap{
    height:184px;
    min-height:184px;
    max-height:184px;
  }
}
@media(min-width:1101px){
  #issues.active-view .outbound-issue-draft-wrap>.table-wrap{
    height:360px;
    min-height:360px;
    max-height:360px;
  }
  #issues.active-view .outbound-issue-form-panel{
    max-height:100%;
    overflow-y:auto;
    scrollbar-width:thin;
  }
}

/* افزایش خوانایی متن حواله خروج بدون تغییر اندازه کلی صفحه */
#issues.active-view>.outbound-issue-heading h1{
  font-size:17px;
}
#issues.active-view>.outbound-issue-heading .primary-btn{
  font-size:10px;
}
#issues.active-view .outbound-issue-list-head h2{
  font-size:15px;
}
#issues.active-view .outbound-issue-list-head span{
  font-size:9px;
}
#issues.active-view .outbound-issue-search input{
  font-size:10px;
}
#issues.active-view .outbound-issue-form-head h2{
  font-size:14px;
}
#issues.active-view .outbound-issue-header-grid label,
#issues.active-view .outbound-issue-item-entry label{
  font-size:9px;
}
#issues.active-view .outbound-issue-header-grid input,
#issues.active-view .outbound-issue-header-grid select,
#issues.active-view .outbound-issue-header-grid textarea,
#issues.active-view .outbound-issue-item-entry input,
#issues.active-view .outbound-issue-item-entry select{
  font-size:10px;
}
#issues.active-view .outbound-issue-stock-status b{
  font-size:8px;
}
#issues.active-view .outbound-issue-stock-status strong{
  font-size:11px;
}
#issues.active-view .outbound-issue-stock-status small{
  font-size:7px;
}
#issues.active-view .outbound-issue-draft-head h3{
  font-size:10px;
}
#issues.active-view .outbound-issue-draft-head span{
  font-size:8px;
}
#issues.active-view .outbound-issue-draft-table th,
#issues.active-view .outbound-issue-draft-table td{
  font-size:9px;
}
#issues.active-view .outbound-issue-total-row{
  font-size:9px;
}
#issues.active-view .outbound-issue-total-row b{
  font-size:11px;
}
#issues.active-view .outbound-issue-actions button{
  font-size:10px;
}
#issues.active-view .outbound-issue-header-grid label:has(#issueReason),
#issues.active-view .outbound-issue-header-grid label:has(#issueNote){
  grid-column:auto;
}
#issues.active-view .outbound-issue-header-grid label:has(#issueRecipient){
  grid-column:1/-1;
}

/* علت خروج و توضیحات در یک ردیف؛ علت سمت راست و توضیحات سمت چپ */
#issues.active-view .outbound-issue-header-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
#issues.active-view .outbound-issue-header-grid label:has(#issueReason),
#issues.active-view .outbound-issue-header-grid label:has(#issueNote){
  grid-column:span 2;
  min-width:0;
}
#issues.active-view .outbound-issue-header-grid label:has(#issueReason){
  grid-column:1 / span 2;
}
#issues.active-view .outbound-issue-header-grid label:has(#issueNote){
  grid-column:3 / span 2;
}
#issues.active-view .outbound-issue-header-grid label:has(#issueReason) input,
#issues.active-view .outbound-issue-header-grid label:has(#issueNote) textarea{
  height:25px;
  min-height:25px;
  margin-top:1px;
  padding:2px 5px;
  font-size:9px;
  resize:none;
}

/* چیدمان نهایی حواله خروج: فقط مقصد و توضیحات، وسط فرم */
#issues.active-view .outbound-issue-header-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
#issues.active-view .outbound-issue-header-grid>.outbound-issue-meta-row{
  grid-column:1/-1;
  grid-row:2;
  width:min(100%,88%);
  margin:0 auto;
  justify-self:center;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);
  gap:4px 7px;
  align-items:start;
  direction:rtl;
}
#issues.active-view .outbound-issue-header-grid>.outbound-issue-meta-row>label{
  grid-column:auto!important;
  grid-row:auto!important;
  min-width:0;
  font-size:9px;
}
#issues.active-view .outbound-issue-header-grid>.outbound-issue-meta-row input,
#issues.active-view .outbound-issue-header-grid>.outbound-issue-meta-row textarea{
  width:100%;
  box-sizing:border-box;
  margin-top:1px;
  padding:2px 5px;
  font-size:9px;
}
#issues.active-view .outbound-issue-header-grid>.outbound-issue-meta-row input{
  height:25px;
}
#issues.active-view .outbound-issue-header-grid>.outbound-issue-meta-row textarea{
  height:42px!important;
  min-height:42px!important;
  resize:none;
}

@media(max-width:1100px){
  #issues.active-view .outbound-issue-header-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:600px){
  #issues.active-view .outbound-issue-header-grid>.outbound-issue-meta-row{
    width:100%;
    gap:4px;
  }
}

/* کاردکس کالا و شمارش موجودی */
.stock-card-page,
.stocktaking-page{
  direction:rtl;
}
.stock-card-heading,
.stocktaking-heading{
  align-items:center;
}
.stocktaking-heading-actions,
.waste-split-heading-actions{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}
.stock-card-heading h1,
.stocktaking-heading h1{
  margin-bottom:2px;
}
.stock-card-layout,
.stocktaking-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  min-width:0;
}
.stock-card-list-panel,
.stocktaking-list-panel{
  min-width:0;
  border-top:3px solid #635bff;
}
.stock-card-list-panel .panel-head,
.stocktaking-list-panel .panel-head{
  align-items:center;
  gap:12px;
}
.stock-card-filters{
  display:flex;
  gap:7px;
  min-width:280px;
}
.stock-card-filters select,
.stocktaking-list-panel select{
  height:34px;
  min-width:135px;
  border:1px solid #dfe3ea;
  border-radius:8px;
  background:#fff;
  color:var(--ink);
  padding:4px 8px;
  font:10px Vazirmatn;
}
.stock-card-table-wrap,
.stocktaking-table-wrap{
  max-height:calc(100vh - 220px);
  overflow:auto;
}
.stock-card-table,
.stocktaking-table{
  width:100%;
  min-width:760px;
  border-collapse:collapse;
}
.stock-card-table th,
.stock-card-table td,
.stocktaking-table th,
.stocktaking-table td{
  padding:10px 8px;
  vertical-align:middle;
  white-space:nowrap;
  font-size:10px;
}
.stock-card-table tbody tr:hover,
.stocktaking-table tbody tr:hover{
  background:#fafaff;
}
.stock-card-type{
  display:inline-flex;
  align-items:center;
  padding:4px 7px;
  border-radius:7px;
  font-size:9px;
  font-weight:700;
}
.stock-card-type.in{
  background:#e9faf4;
  color:#159c7d;
}
.stock-card-type.out{
  background:#fff0f0;
  color:#d65f6c;
}
.stock-card-in{
  color:#159c7d;
  font-weight:700;
}
.stock-card-out{
  color:#d65f6c;
  font-weight:700;
}
.stock-card-empty,
.stocktaking-empty{
  padding:42px 10px!important;
  text-align:center!important;
  color:#9aa2b0!important;
}
.stocktaking-table{
  min-width:820px;
}
.stocktaking-table th,
.stocktaking-table td{
  font-size:10px;
}
.stocktaking-count-input{
  width:125px;
  height:32px;
  border:1px solid #dfe3ea;
  border-radius:8px;
  padding:4px 7px;
  color:var(--ink);
  background:#fff;
  font:11px Vazirmatn;
  text-align:right;
}
.stocktaking-count-input:focus{
  outline:0;
  border-color:#635bff;
  box-shadow:0 0 0 3px #635bff18;
}
.stocktaking-system{
  color:#58627a;
  font-weight:700;
}
.stocktaking-difference{
  font-weight:800;
  color:#8992a2;
}
.stocktaking-difference.positive{
  color:#159c7d;
}
.stocktaking-difference.negative{
  color:#d65f6c;
}
.stocktaking-history-panel{
  min-width:0;
  border-top:3px solid #14aa8e;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.stocktaking-history-panel .panel-head{
  flex:0 0 auto;
  padding-bottom:7px;
}
.stocktaking-history-wrap{
  flex:1 1 auto;
  min-height:0;
  max-height:190px;
  overflow:auto;
}
.stocktaking-history-table{
  width:100%;
  min-width:560px;
  border-collapse:collapse;
}
.stocktaking-history-table th,
.stocktaking-history-table td{
  padding:7px;
  white-space:nowrap;
  font-size:10px;
  vertical-align:middle;
}
.stocktaking-history-table tbody tr:hover,
.transfer-table tbody tr:hover,
.waste-split-table tbody tr:hover{
  background:#fafaff;
}
.stocktaking-history-table .positive{
  color:#159c7d;
  font-weight:800;
}
.stocktaking-history-table .negative{
  color:#d65f6c;
  font-weight:800;
}
.stocktaking-history-table .text-btn,
.transfer-table .text-btn,
.waste-split-table .text-btn{
  margin-inline-start:4px;
}

@media(max-width:760px){
  .stock-card-heading,
  .stocktaking-heading{
    display:block;
  }
  .stock-card-heading .primary-btn,
  .stocktaking-heading .primary-btn{
    margin-top:8px;
  }
  .stock-card-list-panel .panel-head,
  .stocktaking-list-panel .panel-head{
    display:block;
  }
  .stock-card-filters{
    min-width:0;
    margin-top:8px;
  }
  .stock-card-filters select,
  .stocktaking-list-panel select{
    width:100%;
    min-width:0;
  }
}

/* دو کادر باقی‌مانده وسط فرم؛ مقصد سمت راست و توضیحات بزرگ‌تر در سمت چپ */
#issues.active-view .outbound-issue-meta-row{
  grid-column:1/-1;
  grid-row:2;
  width:min(100%,88%);
  justify-self:center;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);
  gap:4px 7px;
  align-items:start;
  direction:rtl;
}
#issues.active-view .outbound-issue-meta-row>label{
  grid-column:auto;
  grid-row:auto;
  min-width:0;
  font-size:9px;
}
#issues.active-view .outbound-issue-meta-row input,
#issues.active-view .outbound-issue-meta-row textarea{
  width:100%;
  box-sizing:border-box;
  margin-top:1px;
  padding:2px 5px;
  font-size:9px;
}
#issues.active-view .outbound-issue-meta-row input{
  height:25px;
}
#issues.active-view .outbound-issue-meta-row textarea{
  height:38px;
  min-height:38px;
  resize:none;
}

@media(max-width:760px){
  #issues.active-view .outbound-issue-header-grid{
    grid-template-columns:1fr 1fr;
  }
  #issues.active-view .outbound-issue-header-grid label:has(#issueReason){
    grid-column:1;
  }
  #issues.active-view .outbound-issue-header-grid label:has(#issueNote){
    grid-column:2;
  }
}

@media(max-width:600px){
  #issues.active-view .outbound-issue-meta-row{
    width:100%;
    gap:4px;
  }
}

/* سه فیلد مقصد، علت خروج و توضیحات در یک ردیف */
#issues.active-view .outbound-issue-header-grid{
  grid-template-columns:repeat(12,minmax(0,1fr));
}
#issues.active-view .outbound-issue-header-grid label:has(#issueNumber),
#issues.active-view .outbound-issue-header-grid label:has(#issueDate),
#issues.active-view .outbound-issue-header-grid label:has(#issueWarehouse),
#issues.active-view .outbound-issue-header-grid label:has(#issueDestination){
  grid-column:span 3;
  grid-row:1;
}
#issues.active-view .outbound-issue-header-grid label:has(#issueReason),
#issues.active-view .outbound-issue-header-grid label:has(#issueRecipient),
#issues.active-view .outbound-issue-header-grid label:has(#issueNote){
  grid-row:2;
  min-width:0;
}
#issues.active-view .outbound-issue-header-grid label:has(#issueReason){
  grid-column:1 / span 4;
}
#issues.active-view .outbound-issue-header-grid label:has(#issueRecipient){
  grid-column:5 / span 4;
}
#issues.active-view .outbound-issue-header-grid label:has(#issueNote){
  grid-column:9 / span 4;
}
#issues.active-view .outbound-issue-header-grid label:has(#issueReason) input,
#issues.active-view .outbound-issue-header-grid label:has(#issueRecipient) input,
#issues.active-view .outbound-issue-header-grid label:has(#issueNote) textarea{
  height:25px;
  min-height:25px;
  margin-top:1px;
  padding:2px 5px;
  font-size:9px;
  resize:none;
}

/* صفحه‌های کاردکس و شمارش: اسکرول فقط داخل فهرست اقلام باشد */
html:has(#stockCards.active-view),
body:has(#stockCards.active-view),
html:has(#stocktaking.active-view),
body:has(#stocktaking.active-view){
  height:100%;
  overflow:hidden;
}
body:has(#stockCards.active-view) .app-shell,
body:has(#stockCards.active-view) .main-content,
body:has(#stocktaking.active-view) .app-shell,
body:has(#stocktaking.active-view) .main-content{
  height:100vh;
  min-height:0;
  overflow:hidden;
}
body:has(#stockCards.active-view) .main-content,
body:has(#stocktaking.active-view) .main-content{
  padding-bottom:8px;
  overscroll-behavior:none;
}
#stockCards.active-view,
#stocktaking.active-view{
  height:calc(100vh - 76px);
  min-height:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
#stockCards.active-view>.page-heading,
#stocktaking.active-view>.page-heading{
  flex:0 0 auto;
  min-height:0;
  padding-top:7px;
  padding-bottom:8px;
}
#stockCards.active-view>.stock-card-layout,
#stocktaking.active-view>.stocktaking-layout{
  flex:1 1 auto;
  min-height:0;
  overflow:hidden;
}
#stocktaking.active-view>.stocktaking-layout{
  grid-template-rows:minmax(0,1fr) minmax(110px,28vh);
  gap:8px;
}
#stockCards.active-view .stock-card-list-panel,
#stocktaking.active-view .stocktaking-list-panel{
  height:100%;
  min-height:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
#stockCards.active-view .stock-card-list-panel .panel-head,
#stocktaking.active-view .stocktaking-list-panel .panel-head{
  flex:0 0 auto;
  padding-bottom:7px;
}
#stockCards.active-view .stock-card-table-wrap,
#stocktaking.active-view .stocktaking-table-wrap{
  flex:1 1 auto;
  min-height:0;
  max-height:none;
  overflow:auto;
  overscroll-behavior:contain;
}
#stockCards.active-view .stock-card-table th,
#stockCards.active-view .stock-card-table td,
#stocktaking.active-view .stocktaking-table th,
#stocktaking.active-view .stocktaking-table td{
  padding:7px 7px;
  font-size:9px;
}
#stockCards.active-view .stock-card-type{
  padding:3px 6px;
  font-size:8px;
}
#stocktaking.active-view .stocktaking-count-input{
  height:28px;
  font-size:10px;
}
#stocktaking.active-view .stocktaking-history-panel{
  height:auto;
  min-height:0;
}

/* انتقال بین انبارها */
.inventory-transfer-page{
  direction:rtl;
}
.transfer-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:12px;
  min-width:0;
}
.transfer-form-panel,
.transfer-list-panel{
  min-width:0;
  border-top:3px solid #635bff;
}
.transfer-form-panel .panel-head,
.transfer-list-panel .panel-head{
  align-items:center;
  padding-bottom:8px;
}
.transfer-icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:11px;
  background:#e8faf5;
  color:#14aa8e;
  font-size:22px;
}
.transfer-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  align-items:end;
}
.transfer-grid label{
  min-width:0;
}
.transfer-grid input,
.transfer-grid select,
.transfer-grid textarea{
  width:100%;
  box-sizing:border-box;
}
.transfer-stock-status{
  min-height:38px;
  padding:6px 10px;
  border:1px solid #dcebe7;
  border-radius:9px;
  background:#f0fbf7;
  color:#278b76;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.transfer-stock-status b{
  font-size:14px;
}
.transfer-stock-status.is-low{
  border-color:#f2caca;
  background:#fff2f2;
  color:#d45c68;
}
.transfer-note-field{
  grid-column:1/-1;
}
.transfer-note-field textarea{
  min-height:54px;
  resize:vertical;
}
.transfer-actions{
  margin-top:10px;
}
.transfer-table-wrap{
  max-height:calc(100vh - 430px);
  overflow:auto;
}
.transfer-table{
  width:100%;
  min-width:700px;
  border-collapse:collapse;
}
.transfer-table th,
.transfer-table td{
  padding:8px 7px;
  white-space:nowrap;
  font-size:10px;
  vertical-align:middle;
}
.transfer-table tbody tr:hover{
  background:#fafaff;
}
.transfer-empty{
  padding:30px 10px!important;
  text-align:center!important;
  color:#9aa2b0!important;
}
.transfer-table .text-btn,
.waste-split-table .text-btn{
  padding:4px 6px;
  font-size:9px;
}
.operator-work-direct-stock{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:38px;
  padding:7px 9px;
  border:1px solid #dfe3ea;
  border-radius:9px;
  background:#f8f9fd;
  color:var(--ink);
  font-size:10px;
}
.operator-work-direct-stock input{
  width:16px!important;
  height:16px!important;
  accent-color:#635bff;
}
.operator-work-direct-stock input:checked + *{
  color:#635bff;
}
@media(max-width:760px){
  .transfer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .transfer-note-field{
    grid-column:1/-1;
  }
}
@media(max-width:520px){
  .transfer-grid{
    grid-template-columns:1fr;
  }
}

/* فرم انتقال بین انبارها: چیدمان سندی، جمع‌وجور و خوانا */
.inventory-transfer-page{
  min-width:0;
}
.inventory-transfer-page>.transfer-heading{
  align-items:center;
  padding:16px 0 14px;
}
.inventory-transfer-page>.transfer-heading h1{
  margin-bottom:3px;
}
.inventory-transfer-page>.transfer-heading p{
  font-size:10px;
}
.inventory-transfer-page>.transfer-heading>#transferSave{
  display:none;
}
.transfer-layout{
  grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);
  gap:16px;
  align-items:stretch;
}
.transfer-form-panel,
.transfer-list-panel{
  border-top:3px solid #635bff;
  border-radius:14px;
  box-shadow:0 8px 24px rgba(44,53,105,.05);
}
.transfer-form-panel{
  padding:16px;
  background:linear-gradient(180deg,#fff 0%,#fbfbff 100%);
}
.transfer-list-panel{
  display:flex;
  flex-direction:column;
  min-height:500px;
  padding:16px;
}
.transfer-form-panel .panel-head{
  padding-bottom:11px;
  border-bottom:1px solid #edf0f5;
}
.transfer-form-panel .panel-head h2{
  margin:0 0 3px;
  font-size:14px;
}
.transfer-form-panel .panel-head span:not(.transfer-icon){
  color:#929aaa;
  font-size:9px;
}
.transfer-icon{
  width:34px;
  height:34px;
  border-radius:10px;
  font-size:19px;
}
.transfer-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-areas:
    "source destination"
    "product unit"
    "quantity stock"
    "note note";
  gap:11px 10px;
  align-items:start;
  margin-top:13px;
}
.transfer-grid label{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
  color:#687286;
  font-size:10px;
  font-weight:600;
  line-height:1.25;
}
.transfer-grid label:has(#transferSource){grid-area:source}
.transfer-grid label:has(#transferDestination){grid-area:destination}
.transfer-grid label:has(#transferProduct){grid-area:product}
.transfer-grid label:has(#transferUnit){grid-area:unit}
.transfer-grid label:has(#transferQuantity){grid-area:quantity}
.transfer-grid .transfer-stock-status{grid-area:stock}
.transfer-grid .transfer-note-field{grid-area:note}
.transfer-grid input,
.transfer-grid select,
.transfer-grid textarea{
  display:block;
  width:100%;
  min-width:0;
  border:1px solid #dfe4ed;
  border-radius:9px;
  background:#fff;
  color:var(--ink);
  outline:0;
  font:10px Vazirmatn;
  transition:border-color .16s,box-shadow .16s,background .16s;
}
.transfer-grid input,
.transfer-grid select{
  height:36px;
  padding:5px 9px;
}
.transfer-grid textarea{
  min-height:58px;
  padding:7px 9px;
  line-height:1.7;
  resize:vertical;
}
.transfer-grid input:focus,
.transfer-grid select:focus,
.transfer-grid textarea:focus{
  border-color:#635bff;
  box-shadow:0 0 0 3px #635bff15;
}
.transfer-grid input[readonly]{
  background:#f7f8fc;
  color:#8992a2;
}
.transfer-stock-status{
  min-height:36px;
  padding:6px 10px;
  border:1px solid #cfe9df;
  border-radius:9px;
  background:#effbf7;
  color:#278b76;
  font-size:9px;
}
.transfer-stock-status b{
  color:#159c7d;
  font-size:13px;
}
.transfer-note-field textarea{
  min-height:58px;
}
.transfer-form-panel .novin-media-box{
  margin:14px 0 0;
  padding:9px 10px 10px;
  border-color:#e0e5f0;
  border-radius:11px;
  background:linear-gradient(135deg,#fbfcff,#f7f8ff);
}
.transfer-form-panel .novin-media-box legend{
  font-size:9px;
}
.transfer-form-panel .novin-media-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
}
.transfer-form-panel .novin-media-actions>.filter-btn{
  width:100%;
  min-width:0;
  min-height:31px;
  margin:0!important;
  padding:4px 6px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.transfer-form-panel .novin-media-status{
  grid-column:1/-1;
  min-width:0;
  text-align:center;
  font-size:8px;
  line-height:1.5;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.transfer-form-panel .novin-media-preview{
  justify-content:center;
}
.transfer-actions{
  display:flex;
  justify-content:flex-start;
  gap:8px;
  margin-top:13px;
  padding-top:11px;
  border-top:1px solid #edf0f5;
}
.transfer-actions button{
  height:34px;
  margin:0;
  padding:0 14px;
  font-size:10px;
}
.transfer-list-panel .panel-head{
  padding-bottom:11px;
  border-bottom:1px solid #edf0f5;
}
.transfer-list-panel .panel-head h2{
  margin:0 0 3px;
  font-size:14px;
}
.transfer-list-panel .panel-head>div:last-child{
  width:220px;
  flex:0 0 220px;
}
.transfer-list-panel .panel-head .searchbox{
  width:100%;
  margin:0;
}
.transfer-table-wrap{
  flex:1 1 auto;
  min-height:0;
  max-height:none;
  margin-top:12px;
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:#bcb6f4 #f4f3ff;
}
.transfer-table{
  min-width:660px;
}
.transfer-table th,
.transfer-table td{
  padding:9px 7px;
}
@media(max-width:1100px){
  .transfer-layout{
    grid-template-columns:minmax(0,1fr);
  }
  .transfer-list-panel{
    min-height:440px;
  }
}
@media(max-width:620px){
  .inventory-transfer-page>.transfer-heading{
    padding:10px 0;
  }
  .transfer-grid{
    grid-template-columns:1fr;
    grid-template-areas:
      "source"
      "destination"
      "product"
      "unit"
      "quantity"
      "stock"
      "note";
  }
  .transfer-list-panel .panel-head{
    display:block;
  }
  .transfer-list-panel .panel-head>div:last-child{
    width:100%;
    margin-top:9px;
  }
}

/* نمای انتقال: بدون اسکرول صفحه و با فهرست داخلیِ اسکرولی */
html:has(#transfers.active-view),
body:has(#transfers.active-view){
  height:100%;
  min-height:0;
  overflow:hidden;
}
body:has(#transfers.active-view) .app-shell{
  height:100dvh;
  min-height:0;
  overflow:hidden;
}
body:has(#transfers.active-view) .main-content{
  height:100dvh;
  min-height:0;
  overflow:hidden;
  padding-bottom:10px;
}
#transfers.active-view{
  height:calc(100dvh - 60px);
  min-height:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
#transfers.active-view>.transfer-heading{
  flex:0 0 auto;
}
#transfers.active-view>.transfer-layout{
  flex:1 1 auto;
  min-height:0;
  height:100%;
  align-items:start;
}
#transfers.active-view .transfer-form-panel{
  align-self:start;
  height:max-content;
  max-height:100%;
  overflow:hidden;
}
#transfers.active-view .transfer-list-panel{
  height:100%;
  min-height:0;
  overflow:hidden;
}
#transfers.active-view .transfer-list-panel .panel-head{
  flex:0 0 auto;
}
#transfers.active-view .transfer-table-wrap{
  flex:1 1 auto;
  min-height:0;
  height:100%;
  overflow-y:auto;
  overflow-x:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#aaa4ed #f3f2ff;
}
#transfers.active-view .transfer-table-wrap::-webkit-scrollbar{
  width:8px;
  height:8px;
}
#transfers.active-view .transfer-table-wrap::-webkit-scrollbar-track{
  background:#f3f2ff;
  border-radius:8px;
}
#transfers.active-view .transfer-table-wrap::-webkit-scrollbar-thumb{
  background:#aaa4ed;
  border:2px solid #f3f2ff;
  border-radius:8px;
}
@media(max-width:1100px){
  #transfers.active-view>.transfer-layout{
    display:flex;
    flex-direction:column;
    gap:10px;
  }
  #transfers.active-view .transfer-form-panel{
    flex:0 0 auto;
    max-height:none;
  }
  #transfers.active-view .transfer-list-panel{
    flex:1 1 auto;
  }
}
@media(max-width:620px){
  #transfers.active-view{
    height:calc(100dvh - 56px);
  }
  body:has(#transfers.active-view) .main-content{
    padding-bottom:6px;
  }
}
.waste-split-page{
  direction:rtl;
}
.waste-split-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:12px;
  min-width:0;
}
.waste-split-form-panel,
.waste-split-list-panel{
  min-width:0;
  border-top:3px solid #ef8d42;
}
.waste-split-form-panel .panel-head,
.waste-split-list-panel .panel-head{
  align-items:center;
  padding-bottom:8px;
}
.waste-split-icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:11px;
  background:#fff2df;
  color:#e58b2f;
  font-size:21px;
}
.waste-split-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  align-items:end;
}
.waste-split-grid label{
  min-width:0;
}
.waste-split-grid input,
.waste-split-grid select,
.waste-split-grid textarea{
  width:100%;
  box-sizing:border-box;
}
.waste-split-available{
  min-height:38px;
  padding:6px 10px;
  border:1px solid #f1dfc6;
  border-radius:9px;
  background:#fffaf3;
  color:#ba7627;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.waste-split-available b{
  font-size:14px;
}
.waste-split-grid label:nth-last-child(1){
  grid-column:1/-1;
}
.waste-split-grid textarea{
  min-height:54px;
  resize:vertical;
}
.waste-split-form-panel .modal-actions{
  margin-top:10px;
}
.waste-split-list-panel .table-wrap{
  max-height:calc(100vh - 430px);
  overflow:auto;
}
.waste-split-table{
  width:100%;
  min-width:700px;
  border-collapse:collapse;
}
.waste-split-table th,
.waste-split-table td{
  padding:8px 7px;
  white-space:nowrap;
  font-size:10px;
}
.waste-split-empty{
  padding:30px 10px!important;
  text-align:center!important;
  color:#9aa2b0!important;
}
.waste-split-heading-actions{
  justify-content:flex-start;
}
.inventory-initial-dialog,
.inventory-receipt-balance-dialog{
  width:min(960px,calc(100vw - 40px));
  max-width:960px;
}
.inventory-initial-form{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.inventory-initial-form label{
  display:flex;
  flex-direction:column;
  gap:5px;
  color:#737d8d;
  font-size:10px;
}
.inventory-initial-form input,
.inventory-initial-form select{
  width:100%;
  box-sizing:border-box;
  min-height:34px;
  border:1px solid #dfe3ea;
  border-radius:8px;
  padding:5px 8px;
  background:#fff;
  color:var(--ink);
  font:10px Vazirmatn;
}
.inventory-initial-form .warehouse-manager-actions{
  grid-column:1/-1;
}
.inventory-receipt-balance-dialog .table-wrap{
  max-height:60vh;
  overflow:auto;
}
.inventory-receipt-balance-dialog table{
  width:100%;
  min-width:700px;
  border-collapse:collapse;
}
.inventory-receipt-balance-dialog th,
.inventory-receipt-balance-dialog td{
  padding:8px;
  white-space:nowrap;
  font-size:10px;
}
@media(max-width:700px){
  .inventory-initial-form{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:480px){
  .inventory-initial-form{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .waste-split-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:520px){
  .waste-split-grid{
    grid-template-columns:1fr;
  }
}

/* فرم‌های عمومی فعال‌شده: فشرده، خوانا و با فهرست مستقلِ قابل اسکرول */
.active-data-module{
  direction:rtl;
  min-width:0;
}
.active-module-heading{
  align-items:center;
  gap:8px;
  padding-top:18px;
  padding-bottom:12px;
  flex-wrap:wrap;
}
.active-module-heading>div{
  min-width:0;
}
.active-module-heading h1{
  font-size:20px;
}
.active-module-heading p{
  font-size:10px;
}
.active-module-heading>button{
  flex:0 0 auto;
  padding:8px 12px;
  font-size:10px;
}
.active-module-layout{
  display:grid;
  grid-template-columns:minmax(285px,.82fr) minmax(0,1.7fr);
  gap:12px;
  align-items:start;
  min-width:0;
}
.active-module-form-panel,
.active-module-list-panel{
  min-width:0;
  border-top:3px solid var(--purple);
}
.active-module-form-panel{
  padding:14px;
}
.active-module-form-panel .panel-head,
.active-module-list-panel .panel-head{
  align-items:center;
  gap:8px;
}
.active-module-form-panel .panel-head{
  padding-bottom:8px;
}
.active-module-form-panel .panel-head h2,
.active-module-list-panel .panel-head h2{
  font-size:13px;
}
.active-module-form-panel .panel-head span,
.active-module-list-panel .panel-head span{
  font-size:9px;
}
.active-module-form-panel .form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.active-module-form-panel form label,
.static-register-notes{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
  color:#687286;
  font-size:10px;
}
.active-module-form-panel form input,
.active-module-form-panel form select,
.active-module-form-panel form textarea{
  width:100%;
  min-width:0;
  box-sizing:border-box;
  min-height:33px;
  padding:6px 8px;
  border:1px solid #dfe3ea;
  border-radius:8px;
  background:#fff;
  color:var(--ink);
  font:10px Vazirmatn;
  outline:none;
}
.active-module-form-panel form textarea{
  min-height:58px;
  resize:vertical;
}
.active-module-form-panel form input:focus,
.active-module-form-panel form select:focus,
.active-module-form-panel form textarea:focus{
  border-color:#aaa5ff;
  box-shadow:0 0 0 3px #635bff12;
}
.static-register-notes{
  margin-top:8px;
}
.active-module-form-panel .modal-actions{
  display:flex;
  gap:7px;
  margin-top:10px;
}
.active-module-form-panel .modal-actions button{
  padding:8px 12px;
  font-size:10px;
}
.active-module-list-panel{
  display:flex;
  flex-direction:column;
  min-height:350px;
  max-height:calc(100vh - 175px);
  overflow:hidden;
  padding:14px;
}
.active-module-list-panel .panel-head{
  flex:0 0 auto;
  min-width:0;
}
.active-module-list-panel .panel-head>div:first-child{
  min-width:0;
}
.active-module-list-panel .table-wrap{
  flex:1 1 auto;
  min-height:0;
  max-height:calc(100vh - 270px);
  margin-top:10px;
  overflow:auto;
}
.active-module-list-panel table{
  min-width:640px;
}
.active-module-list-panel th,
.active-module-list-panel td{
  padding:8px 7px;
  font-size:10px;
}
.active-module-list-panel td small{
  display:block;
  max-width:220px;
  margin-top:3px;
  overflow:hidden;
  color:#9aa2b0;
  font-size:9px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.active-module-list-panel .text-btn{
  padding:3px 5px;
  font-size:9px;
}
.static-register-tools{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
}
.static-register-tools .searchbox{
  width:min(220px,24vw);
  min-width:130px;
  padding:7px 9px;
  font:10px Vazirmatn;
}
.static-register-tools select{
  min-height:32px;
  max-width:130px;
  padding:5px 7px;
  border:1px solid #dfe3ea;
  border-radius:8px;
  background:#fff;
  color:var(--ink);
  font:10px Vazirmatn;
}
.static-register-empty{
  padding:34px 10px!important;
  color:#9aa2b0!important;
  text-align:center!important;
}
.report-builder-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.report-builder-card{
  min-width:0;
  padding:14px;
}
.report-builder-card .quick-icon{
  margin-bottom:7px;
}
.report-builder-card h2{
  margin:0 0 4px;
  font-size:13px;
}
.report-builder-card p{
  min-height:30px;
  margin:0 0 12px;
  color:var(--muted);
  font-size:10px;
  line-height:1.7;
}
.report-builder-card .primary-btn{
  padding:8px 11px;
  font-size:10px;
}
.report-output-panel{
  margin-top:12px;
}
.report-result-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  margin-top:10px;
}
.report-result-grid>div{
  min-width:0;
  padding:10px;
  border:1px solid #eceef5;
  border-radius:9px;
  background:#fafbff;
}
.report-result-grid b{
  color:#7d8798;
  font-size:10px;
}
.report-result-grid strong{
  display:block;
  margin-top:6px;
  color:var(--ink);
  font-size:13px;
}
@media(max-width:900px){
  .active-module-layout{
    grid-template-columns:1fr;
  }
  .active-module-list-panel{
    max-height:none;
  }
  .active-module-list-panel .table-wrap{
    max-height:50vh;
  }
  .report-builder-grid{
    grid-template-columns:1fr;
  }
  .report-result-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:560px){
  .active-module-form-panel .form-grid{
    grid-template-columns:1fr;
  }
  .static-register-tools{
    width:100%;
  }
  .static-register-tools .searchbox{
    width:100%;
    min-width:0;
  }
  .active-module-list-panel .panel-head{
    flex-direction:column;
    align-items:stretch;
  }
  .report-result-grid{
    grid-template-columns:1fr;
  }
}

@media(min-width:801px){
  .warehouse-manager-form{
    height:195px;
    min-height:195px;
    max-height:195px;
    overflow:hidden;
    direction:ltr;
    grid-template-columns:minmax(0,1fr) 220px;
    grid-template-rows:repeat(3,44px) 32px;
    grid-template-areas:
      "media name"
      "media kind"
      "media active"
      "media actions";
    column-gap:16px;
    row-gap:3px;
    align-items:stretch;
    align-content:center;
    padding:10px 22px;
  }
  .warehouse-manager-form>label:nth-child(1){grid-area:name}
  .warehouse-manager-form>label:nth-child(2){grid-area:kind}
  .warehouse-manager-form>label:nth-child(3){grid-area:active}
  .warehouse-manager-form>label{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    gap:4px;
    min-height:0;
    direction:rtl;
    line-height:1.2;
    font-size:10px;
    font-weight:600;
    color:#687286;
  }
  .warehouse-manager-form>label input,
  .warehouse-manager-form>label select{
    height:27px;
    min-height:27px;
    margin-top:0;
    padding:4px 8px;
    font-size:10px;
    background:#fcfdff;
  }
  .warehouse-manager-form>.novin-media-box{
    grid-area:media;
    align-self:stretch;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:0;
    margin:0;
    direction:rtl;
    overflow:hidden;
  }
  .warehouse-manager-form>.novin-media-box .novin-media-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    align-items:stretch;
    direction:rtl;
  }
  .warehouse-manager-form>.novin-media-box .novin-media-actions>.filter-btn{
    min-width:0;
    width:100%;
    min-height:29px;
    height:34px;
    margin:0 !important;
    padding:4px 6px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .warehouse-manager-form>.novin-media-box .novin-media-status{
    grid-column:1/-1;
    min-width:0;
    line-height:1.6;
    text-align:center;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .warehouse-manager-form>.novin-media-box .novin-media-preview{
    justify-content:center;
  }
  .warehouse-manager-form>.warehouse-manager-actions{
    grid-area:actions;
    justify-content:flex-start;
    align-items:center;
    direction:rtl;
  }
  .warehouse-manager-form>.warehouse-manager-actions button{
    height:32px !important;
  }
}