/* ================================
   MU Reports (Elementor-friendly)
   Scoped: only affects .mu-report
   ================================ */

.mu-report{
  /* Theme-friendly tokens (base defaults) */
  --mu-bg: #fff;
  --mu-text: #101828;
  --mu-muted: #667085;
  --mu-border: rgba(16,24,40,.12);
  --mu-soft: rgba(16,24,40,.06);
  --mu-soft-2: rgba(16,24,40,.04);
  --mu-focus: rgba(16,24,40,.18);

  /* If your theme defines Elementor globals, they’ll apply automatically */
  --mu-accent: var(--e-global-color-primary, #2563eb);

  font: 14px/1.45 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--mu-text);
  background: var(--mu-bg);
  border: 1px solid var(--mu-border);
  border-radius: 14px;
  padding: 18px;
  margin: 18px 0;
  box-shadow: 0 6px 20px rgba(16,24,40,.06);
}

/* Header */
.mu-report__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 14px;
  margin-bottom: 14px;
}
.mu-report__title{
  font-size: 18px;
  font-weight: 750;
  letter-spacing: -0.2px;
  margin: 0;
}
.mu-report__actions{
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
}

/* Notices */
.mu-report__notice{
  padding: 12px 14px;
  border-radius: 12px;
  background: var(--mu-soft-2);
  border: 1px solid var(--mu-border);
  color: var(--mu-text);
  margin: 12px 0;
}
.mu-report__muted{
  color: var(--mu-muted);
  margin: 10px 0;
}

/* Filters layout */
.mu-report__filters{
  display:flex;
  flex-wrap:wrap;
  gap: 12px;
  align-items:flex-end;
  padding: 12px;
  border-radius: 12px;
  background: var(--mu-soft-2);
  border: 1px solid var(--mu-border);
  margin: 12px 0 14px;
}
.mu-report__filter{
  display:flex;
  flex-direction:column;
  gap: 6px;
  min-width: 220px;
}
.mu-report__filter-label{
  font-size: 12px;
  font-weight: 650;
  color: var(--mu-muted);
}

/* Inputs */
.mu-report__input{
  width:100%;
  padding: 10px 11px;
  border-radius: 10px;
  border: 1px solid var(--mu-border);
  background: #fff;
  color: var(--mu-text);
  outline: none;
  transition: box-shadow .15s ease, border-color .15s ease, transform .05s ease;
}
.mu-report__input:focus{
  border-color: var(--mu-focus);
  box-shadow: 0 0 0 4px rgba(37,99,235,.12);
}
.mu-report__input[readonly]{
  background: rgba(255,255,255,.8);
  cursor: pointer;
}

/* Buttons */
.mu-report__btn{
  appearance: none;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--mu-border);
  background: #fff;
  color: var(--mu-text);
  cursor: pointer;
  font-weight: 650;
  transition: transform .05s ease, box-shadow .15s ease, background .15s ease;
  white-space: nowrap;
}
.mu-report__btn:hover{ background: var(--mu-soft-2); }
.mu-report__btn:active{ transform: translateY(1px); }

/* Links */
.mu-report__link{
  color: var(--mu-accent);
  font-weight: 700;
  text-decoration: none;
}
.mu-report__link:hover{ text-decoration: underline; }

/* Table */
.mu-report__table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-top: 12px;
  border: 1px solid var(--mu-border);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}
.mu-report__table thead th{
  text-align:left;
  font-size: 12px;
  font-weight: 750;
  color: var(--mu-muted);
  padding: 11px 12px;
  background: var(--mu-soft-2);
  border-bottom: 1px solid var(--mu-border);
  white-space: nowrap;
}
.mu-report__table tbody td{
  padding: 11px 12px;
  border-bottom: 1px solid var(--mu-soft);
  vertical-align: top;
}
.mu-report__table tbody tr:nth-child(even){ background: rgba(16,24,40,.015); }
.mu-report__table tbody tr:hover{ background: rgba(37,99,235,.045); }
.mu-report__table tbody tr:last-child td{ border-bottom: none; }

/* Seen state */
.mu-order--seen{ opacity: .72; }
.mu-order--unseen{ opacity: 1; }
.mu-order--unseen td:first-child{ border-left: 4px solid var(--mu-accent); }

/* Checkbox row */
.mu-report__seen-form{ margin: 0; }
.mu-report__seen-label{
  display:flex;
  align-items:center;
  gap: 8px;
  font-weight: 650;
  color: var(--mu-muted);
}
.mu-report__seen-label input[type="checkbox"]{
  width: 16px;
  height: 16px;
  accent-color: var(--mu-accent);
}

/* ================================
   Responsive
   ================================ */
@media (max-width: 768px){
  .mu-report{ padding: 14px; border-radius: 12px; }
  .mu-report__filters{ padding: 10px; }
  .mu-report__filter{ min-width: 100%; }
  .mu-report__table{
    display:block;
    overflow-x:auto;
    -webkit-overflow-scrolling: touch;
  }
  .mu-report__table thead th,
  .mu-report__table tbody td{ white-space: nowrap; }
}

/* ================================
   Print: only print the report table
   ================================ */
@media print{
  body *{ visibility: hidden !important; }
  .mu-report__table,
  .mu-report__table *{ visibility: visible !important; }
  .mu-report__table{
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-shadow: none !important;
    border: 1px solid #ccc !important;
  }
  .mu-report__table tbody tr:hover{ background: transparent !important; }
  .mu-report__table tbody tr:nth-child(even){ background: transparent !important; }
  .mu-report__table thead th{
    background:#eee !important;
    color:#000 !important;
  }
  .mu-order--seen{ opacity: 1 !important; }
}

/* Datepicker always on top (Elementor etc.) */
.ui-datepicker{ z-index: 999999 !important; }

/* Hide any print buttons inside MU reports */
.mu-report .mu-report__actions,
.mu-report #mu-company-report-print,
.mu-report button[onclick*="print"],
.mu-report .mu-report__btn[data-print],
.mu-report .mu-report__btn--print{
  display: none !important;
}

/* ================================
   RAGOU GREY THEME (ONLY THEME)
   ================================ */

:root{
  --ragou-orange: #F08726;
  --ragou-green:  #3C5234;

  --ragou-paper:  #F3F4F6;
  --ragou-white:  #FFFFFF;
  --ragou-text:   #1F2937;
  --ragou-muted:  rgba(31,41,55,.65);
  --ragou-border: rgba(31,41,55,.14);
  --ragou-soft:   rgba(31,41,55,.06);
  --ragou-soft2:  rgba(31,41,55,.035);
  --ragou-focus:  rgba(240,135,38,.22);
}

/* Remap MU tokens to grey theme */
.mu-report{
  --mu-bg:     var(--ragou-white);
  --mu-text:   var(--ragou-text);
  --mu-muted:  var(--ragou-muted);
  --mu-border: var(--ragou-border);
  --mu-soft:   var(--ragou-soft);
  --mu-soft-2: var(--ragou-soft2);
  --mu-focus:  var(--ragou-focus);
  --mu-accent: var(--ragou-orange);

  background: var(--mu-bg);
  border-color: var(--mu-border);
}

/* Header line */
.mu-report__header{
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(31,41,55,.10);
}
.mu-report__title{ color: var(--ragou-green); }

/* Panels */
.mu-report__filters,
.mu-report__notice{
  background: rgba(31,41,55,.03);
  border-color: rgba(31,41,55,.12);
}

/* Inputs */
.mu-report__input{
  border-color: rgba(31,41,55,.16);
  background: #fff;
}
.mu-report__input:focus{
  border-color: rgba(240,135,38,.55);
  box-shadow: 0 0 0 4px rgba(240,135,38,.15);
}

/* Buttons */
.mu-report__btn{
  color: var(--ragou-text);
  background: rgba(255,255,255,.85);
  border-color: rgba(31,41,55,.18);
}
.mu-report__btn:hover{
  background: rgba(240,135,38,.08);
  border-color: rgba(240,135,38,.40);
}

/* Links */
.mu-report__link{ color: var(--ragou-orange); }

/* Table */
.mu-report__table{
  background: #fff;
  border-color: rgba(31,41,55,.14);
}
.mu-report__table thead th{
  background: rgba(31,41,55,.04);
  color: rgba(31,41,55,.75);
  border-bottom-color: rgba(31,41,55,.12);
}
.mu-report__table tbody tr:nth-child(even){ background: rgba(31,41,55,.015); }
.mu-report__table tbody tr:hover{ background: rgba(240,135,38,.06); }

/* Unseen marker */
.mu-order--unseen td:first-child{ border-left-color: var(--ragou-orange); }

/* ================================
   jQuery UI Datepicker skin (grey + orange)
   (works for staff + company + customer)
   ================================ */
.ui-datepicker{
  border-radius: 14px !important;
  border: 1px solid rgba(31,41,55,.16) !important;
  background: #fff !important;
  box-shadow: 0 10px 30px rgba(16,24,40,.12) !important;
  padding: 10px !important;
  color: var(--ragou-text) !important;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
}
.ui-datepicker .ui-datepicker-header{
  border: none !important;
  background: transparent !important;
  color: var(--ragou-green) !important;
  font-weight: 800 !important;
}
.ui-datepicker .ui-state-highlight{
  border: 1px solid rgba(240,135,38,.30) !important;
  background: rgba(240,135,38,.08) !important;
}
.ui-datepicker .ui-state-active{
  border: 1px solid rgba(240,135,38,.55) !important;
  background: rgba(240,135,38,.15) !important;
  font-weight: 800 !important;
}
.ui-datepicker td.menu-day-available a{
  font-weight: 900 !important;
  text-decoration: underline !important;
  color: var(--ragou-orange) !important;
}

/* ================================
   Customer date picker wrapper
   ================================ */
.mu-menu-date-picker{
  background: var(--ragou-white);
  border: 1px solid rgba(31,41,55,.14);
  border-radius: 14px;
  padding: 14px;
  box-shadow: 0 6px 20px rgba(16,24,40,.06);
}

/* Customer datepicker sizing (prevents "huge") */
.mu-menu-date-picker .ui-datepicker{ font-size: 14px !important; width: auto !important; }
.mu-menu-date-picker .ui-datepicker table{ font-size: 14px !important; }
.mu-menu-date-picker .ui-datepicker td a,
.mu-menu-date-picker .ui-datepicker td span{
  padding: 6px 8px !important;
  border-radius: 10px !important;
}
.mu-menu-date-picker .ui-datepicker .ui-datepicker-title{ font-weight: 800 !important; }
.mu-menu-date-picker .ui-datepicker .ui-datepicker-prev,
.mu-menu-date-picker .ui-datepicker .ui-datepicker-next{
  width: 2em !important;
  height: 2em !important;
}

/* ================================
   Reset link: "Επαναφορά" should be text
   ================================ */
.mu-report a.mu-report__btn--link{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 0 10px !important;
  display: inline !important;
  color: var(--mu-accent) !important;
  font-weight: 650 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}
.mu-report a.mu-report__btn--link:hover{
  text-decoration: underline !important;
}
@media (max-width: 520px){
  .mu-report a.mu-report__btn--link{
    display: block !important;
    margin: 6px 0 0 0 !important;
    text-align: center;
  }
}