/* =========================
   Employee Portal — HR parity helpers
   Keep this light so we never fight hrjtek.css
   ========================= */

   
/* Kill Astra block-content clamp on portal pages (prevents right gutter) */
body.hrjtek-portal .entry-content[data-ast-blocks-layout] > * {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Hide stray empty <p> Gutenberg can insert before our shell */
body.hrjtek-portal .entry-content > p:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* === Employee dashboard-specific bits (HR CSS doesn't define these) === */

/* Header row holding title + check-in/out buttons */
.hrjtek-page-head{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; margin:10px 0 12px;
}

/* Two action buttons (neutral; matches HR tone) */
.hrjtek-btn{
  padding:10px 14px; border-radius:10px;
  border:1px solid var(--line); background:#fff; color:var(--ink);
  cursor:pointer;
}
.hrjtek-btn.is-ghost{
  background:transparent;
}

/* Dashboard cards layout for Employee page */
.hrjtek-cards{
  display:grid; gap:14px;
  grid-template-columns: repeat(2, minmax(0,1fr));
}
@media (max-width: 980px){
  .hrjtek-cards{ grid-template-columns: 1fr; }
}

/* 3-column row inside the "Today" card */
.hrjtek-card .body .row3{
  display:grid; gap:12px;
  grid-template-columns: repeat(3, minmax(0,1fr));
}
@media (max-width: 820px){
  .hrjtek-card .body .row3{ grid-template-columns: 1fr; }
}

/* Ensure our main area follows HR’s spacing (no extra padding) */
body.hrjtek-portal .hrjtek-main{
  padding: 0 !important;
}


/* Kill Astra clamp on portal pages */
body.hrjtek-portal .entry-content[data-ast-blocks-layout] > * {
  max-width: none !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important;
}

/* Hide stray empty <p> from Gutenberg */
body.hrjtek-portal .entry-content > p:empty { display:none !important; margin:0 !important; padding:0 !important; }

/* ---- Employee dashboard bits (HR look, minimal) ---- */
.hrjtek-page-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:10px 0 12px; }
.hrjtek-btn{ padding:10px 14px; border-radius:10px; border:1px solid var(--line); background:#fff; color:var(--ink); cursor:pointer; }
.hrjtek-btn.is-ghost{ background:transparent; }

.hrjtek-cards{ display:grid; gap:14px; grid-template-columns: repeat(2, minmax(0,1fr)); }
@media (max-width: 980px){ .hrjtek-cards{ grid-template-columns: 1fr; } }

.hrjtek-card .body .row3{ display:grid; gap:12px; grid-template-columns: repeat(3, minmax(0,1fr)); }
@media (max-width: 820px){ .hrjtek-card .body .row3{ grid-template-columns: 1fr; } }

/* Ensure main matches HR spacing */
body.hrjtek-portal .hrjtek-main{ padding:0 !important; }

/* Attendance actions row */
.hrjtek-attn-actions { display:flex; gap:12px; margin-top:12px; }

/* Base blue button (enabled) — blue bg, white text */
.btn.btn-blue {
  color:#fff;
  background: linear-gradient(90deg, #0b63ce, #0a7dff);
  border: 1px solid #0a7dff;
  box-shadow: 0 4px 10px rgba(11,99,206,.22);
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}
.btn.btn-blue:hover {
  transform: translateY(-1px);
  box-shadow: 0 7px 14px rgba(11,99,206,.28);
}

/* Disabled look — light blue bg, still white text, no hover */
.btn.btn-blue.is-disabled,
.btn.btn-blue[disabled],
.btn.btn-blue[aria-disabled="true"] {
  background: #dbeafe !important;   /* light blue */
  border-color: #bfdbfe !important;  /* lighter border */
  color: #ffffff !important;         /* keep white text as requested */
  box-shadow: none !important;
  transform: none !important;
  cursor: not-allowed !important;
  opacity: 1 !important;             /* no fade */
}

/* Optional: busy pulse (while AJAX running) */
.btn.is-busy {
  position: relative;
}
.btn.is-busy::after{
  content:"";
  position:absolute; inset:0; border-radius:inherit;
  box-shadow: 0 0 0 9999px rgba(255,255,255,.0);
  animation: hrjtekBusy 1s infinite ease-in-out;
}
@keyframes hrjtekBusy {
  0% { box-shadow: 0 0 0 0 rgba(255,255,255,.15); }
  100% { box-shadow: 0 0 0 12px rgba(255,255,255,0); }
}

/* ==== FORCE BLUE BUTTON LOOK (by ID; beats Astra) ==== */
body.hrjtek-portal #hrjtek-emp-checkin,
body.hrjtek-portal #hrjtek-emp-checkout,
body.hrjtek-portal #hrjtek-emp-checkin:hover,
body.hrjtek-portal #hrjtek-emp-checkout:hover,
body.hrjtek-portal #hrjtek-emp-checkin:focus,
body.hrjtek-portal #hrjtek-emp-checkout:focus,
body.hrjtek-portal #hrjtek-emp-checkin:active,
body.hrjtek-portal #hrjtek-emp-checkout:active {
  /* keep gradient no matter what */
  background-image: linear-gradient(90deg, #0b63ce, #0a7dff) !important;
  /* kill Astra's yellow hover fill */
  background-color: transparent !important;
  border-color: #0a7dff !important;
  color: #fff !important;
  text-decoration: none !important;
  -webkit-appearance: none;
  appearance: none;
}

/* Disabled look (light blue) — also beats theme hovers */
body.hrjtek-portal #hrjtek-emp-checkin.is-disabled,
body.hrjtek-portal #hrjtek-emp-checkout.is-disabled,
body.hrjtek-portal #hrjtek-emp-checkin[disabled],
body.hrjtek-portal #hrjtek-emp-checkout[disabled],
body.hrjtek-portal #hrjtek-emp-checkin.is-disabled:hover,
body.hrjtek-portal #hrjtek-emp-checkout.is-disabled:hover,
body.hrjtek-portal #hrjtek-emp-checkin[disabled]:hover,
body.hrjtek-portal #hrjtek-emp-checkout[disabled]:hover {
  background: #dbeafe !important;
  border-color: #bfdbfe !important;
  color: #fff !important;
  box-shadow: none !important;
  transform: none !important;
  cursor: not-allowed !important;
}

/* Optional: neutralize any other generic button hover inside the card row */
body.hrjtek-portal .hrjtek-attn-actions button:hover,
body.hrjtek-portal .hrjtek-attn-actions button:focus {
  background-color: transparent !important;
  color: inherit !important;
}


/* Never blanket-disable both buttons again */
body.hrjtek-portal #hrjtek-emp-attn .hrjtek-btn { pointer-events:auto; }

/* Make enabled button definitely look enabled (override theme) */
body.hrjtek-portal #hrjtek-emp-checkin:not([disabled]):not(.is-disabled),
body.hrjtek-portal #hrjtek-emp-checkout:not([disabled]):not(.is-disabled){
  opacity:1 !important;
  pointer-events:auto !important;
}

/* Keep disabled style the same, but only when actually disabled */
body.hrjtek-portal #hrjtek-emp-checkin[disabled],
body.hrjtek-portal #hrjtek-emp-checkout[disabled],
body.hrjtek-portal #hrjtek-emp-checkin.is-disabled,
body.hrjtek-portal #hrjtek-emp-checkout.is-disabled{
  background:#dbeafe !important;
  border-color:#bfdbfe !important;
  color:#fff !important;
  cursor:not-allowed !important;
}

/* Ensure the row class used in markup behaves (your HTML uses .hrjtek-actions) */
.hrjtek-actions { display:flex; gap:12px; margin-top:12px; }

/* Absolute guarantee: if a button is not disabled, it should behave/appear enabled */
#hrjtek-emp-attn .hrjtek-btn:not([disabled]) {
  opacity: 1 !important;
  pointer-events: auto !important;
  filter: none !important;
}

/* Ensure row class matches your markup */
.hrjtek-actions { display:flex; gap:12px; margin-top:12px; }

/* If a button is logically enabled (no .is-disabled), make sure it acts enabled */
#hrjtek-emp-attn .hrjtek-btn:not(.is-disabled) {
  opacity: 1 !important;
  pointer-events: auto !important;
  filter: none !important;
  cursor: pointer !important;
}

/* If you prefer to *only* rely on classes, you can neutralize theme :disabled looks: */
#hrjtek-emp-attn .hrjtek-btn[disabled]:not(.is-disabled) {
  /* remove unintended disabled visuals if some script flips the attribute */
  opacity: 1 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}


/* ===== Simple modal for logs ===== */
.hrjtek-modal[hidden] { display: none !important; }

.hrjtek-modal {
  position: fixed; inset: 0; z-index: 100000;
  display: block;
}
.hrjtek-modal-backdrop {
  position: absolute; inset: 0;
  background: rgba(0,0,0,.45);
}
.hrjtek-modal-dialog {
  position: relative; background: #fff; color: var(--ink);
  width: min(92vw, 760px); max-height: 88vh;
  margin: 6vh auto; border-radius: 14px;
  box-shadow: 0 20px 60px rgba(0,0,0,.25);
  display: flex; flex-direction: column;
  padding: 8px 14px 12px;
}
.hrjtek-modal-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 6px 2px 10px; border-bottom: 1px solid var(--line);
}
.hrjtek-modal-body { padding: 10px 0; overflow: auto; }
.hrjtek-modal-close {
  border: 0; background: transparent; font-size: 22px; line-height: 1;
  cursor: pointer; padding: 6px 8px; border-radius: 8px;
}
.hrjtek-modal-close:hover { background: #f3f4f6; }
body.hrjtek-modal-open { overflow: hidden; }


/* ===== Attendance card layout (clean & aligned) ===== */
#hrjtek-emp-attn .kpi-h { margin-bottom: 8px; }

#hrjtek-emp-attn .attn-grid {
  display: grid;
  gap: 16px;
}

/* 2-column on wide screens: clock left, meta right; actions full width */
@media (min-width: 900px) {
  #hrjtek-emp-attn .attn-grid {
    grid-template-columns: 1.6fr 1fr;
    align-items: start;
  }
  #hrjtek-emp-attn .attn-actions { grid-column: 1 / -1; }
}

/* Clock block */
#hrjtek-emp-attn .attn-clock-time {
  font-size: 42px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: .3px;
}
#hrjtek-emp-attn .attn-total {
  margin-top: 6px;
  color: var(--muted, #64748b);
  font-weight: 600;
}

/* Small stats (right column) */
#hrjtek-emp-attn .attn-meta {
  display: grid;
  gap: 10px;
}
#hrjtek-emp-attn .attn-meta-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid var(--line, #e5e7eb);
  background: #f8fafc;
  border-radius: 12px;
}
#hrjtek-emp-attn .attn-meta-item .lbl {
  color: var(--muted, #64748b);
  font-weight: 600;
}
#hrjtek-emp-attn .attn-meta-item .val {
  font-weight: 800;
}

/* Actions row */
#hrjtek-emp-attn .attn-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

/* Make the primary blue button look consistent */
.hrjtek-btn.btn-blue {
  color:#fff;
  background: linear-gradient(90deg, #0b63ce, #0a7dff);
  border: 1px solid #0a7dff;
  box-shadow: 0 4px 10px rgba(11,99,206,.22);
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}
.hrjtek-btn.btn-blue:hover { transform: translateY(-1px); box-shadow: 0 7px 14px rgba(11,99,206,.28); }

/* Disabled state (keeps white text as you wanted) */
.hrjtek-btn.btn-blue.is-disabled,
.hrjtek-btn.btn-blue[disabled],
.hrjtek-btn.btn-blue[aria-disabled="true"] {
  background: #dbeafe !important;
  border-color: #bfdbfe !important;
  color: #ffffff !important;
  box-shadow: none !important;
  transform: none !important;
  cursor: not-allowed !important;
}

/* Ensure enabled buttons act enabled */
#hrjtek-emp-attn .hrjtek-btn:not([disabled]):not(.is-disabled) {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Mobile: stack everything 1 column */
@media (max-width: 899.98px) {
  #hrjtek-emp-attn .attn-clock { order: 1; }
  #hrjtek-emp-attn .attn-meta  { order: 2; }
  #hrjtek-emp-attn .attn-actions { order: 3; }
}

@media (max-width: 899.98px){
  #hrjtek-emp-attn .attn-clock { text-align: center; }
}

/* Keep label/value on one line and aligned */
#hrjtek-emp-attn .attn-meta-item {
  display: flex;
  align-items: center;
  gap: 10px;
  /* remove space-between so long values don't get squeezed weirdly */
}

#hrjtek-emp-attn .attn-meta-item .lbl {
  flex: 0 0 auto;           /* label won't shrink */
  color: var(--muted, #64748b);
  font-weight: 600;
}

#hrjtek-emp-attn .attn-meta-item .val {
  margin-left: auto;        /* push value to the right edge */
  flex: 0 1 auto;           /* value can shrink if needed */
  min-width: 0;             /* allow flexbox to actually shrink */
  white-space: nowrap;      /* keep "Not checked in" on one line */
  overflow: hidden;         /* if too long, show ellipsis */
  text-overflow: ellipsis;
  font-weight: 800;
}

/* Optional: make Status look like a neat pill, and turn green when checked in */
#hrjtek-attn-state {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 10px;
  border-radius: 999px;
  background: #f8fafc;
}

#hrjtek-attn-state.is-in {
  background: #ecfdf5;
  color: #065f46;
}

/* ===== 3-column row: Birthdays | Who is Out | Attendance ===== */
#hrjtek-emp-cards.hrjtek-cards-3col {
  display: grid;
  gap: 14px;
  grid-template-columns: 1fr 1fr 1.4fr; /* Attendance a bit wider */
  align-items: start;
}

/* Downshift to 2 columns on medium screens */
@media (max-width: 1200px){
  #hrjtek-emp-cards.hrjtek-cards-3col {
    grid-template-columns: 1fr 1fr;
  }
}

/* Single column on mobile */
@media (max-width: 720px){
  #hrjtek-emp-cards.hrjtek-cards-3col {
    grid-template-columns: 1fr;
  }
}

/* Subheads + empty state + list visuals already used by your plugin */
#hrjtek-emp-cards .subtle { color: var(--muted, #64748b); margin-bottom: 8px; }
#hrjtek-emp-cards .hrjtek-empty { text-align: center; color: #ef4444; font-weight: 600; margin: 18px 0 6px; }
#hrjtek-emp-cards .hrjtek-list { list-style: none; padding: 0; margin: 6px 0 0 0; }
#hrjtek-emp-cards .hrjtek-list li {
  padding: 8px 10px; border: 1px solid var(--line, #e5e7eb); background: #fff; border-radius: 10px;
  display: flex; justify-content: space-between; align-items: center;
}
#hrjtek-emp-cards .hrjtek-list li + li { margin-top: 8px; }


/* Stack two cards on left column, attendance on right (uses your existing 2-col grid) */
#hrjtek-emp-cards { grid-template-columns: 1fr 1fr; }
#hrjtek-emp-cards > .hrjtek-col-left,
#hrjtek-emp-cards > .hrjtek-col-right { display: grid; gap: 14px; align-content: start; }
#hrjtek-emp-cards > .hrjtek-col-right { grid-template-rows: auto; }

/* Make the Leave Calendar span both columns */
.hrjtek-span-2 { grid-column: 1 / -1; }

/* Subheads + empty state + list (reuse tone) */
#hrjtek-emp-cards .subtle { color: var(--muted, #64748b); margin-bottom: 8px; }
#hrjtek-emp-cards .hrjtek-empty { text-align:center; color:#ef4444; font-weight:600; margin:18px 0 6px; }
#hrjtek-emp-cards .hrjtek-list { list-style:none; padding:0; margin:6px 0 0 0; }
#hrjtek-emp-cards .hrjtek-list li {
  padding:8px 10px; border:1px solid var(--line, #e5e7eb); background:#fff; border-radius:10px;
  display:flex; justify-content:space-between; align-items:center;
}
#hrjtek-emp-cards .hrjtek-list li + li { margin-top:8px; }

/* ===== Calendar styles (clean and light) ===== */
.hrjtek-cal { width:100%; overflow-x:auto; }
.hrjtek-cal table { width:100%; border-collapse:collapse; table-layout:fixed; }
.hrjtek-cal thead th { text-align:center; color:var(--muted, #64748b); font-weight:700; background:#f8fafc; padding:10px; }
.hrjtek-cal td { height:86px; padding:10px; vertical-align:top; border:1px solid var(--line, #e5e7eb); background:#fff; }
.hrjtek-cal .date-num { font-weight:700; color:#111827; }
.hrjtek-cal .today { background:#fff7ed; } /* subtle highlight */
.hrjtek-cal .event {
  display:inline-block; margin-top:6px; padding:4px 8px; border-radius:10px;
  font-size:12px; font-weight:600;
  background:#fee2e2; color:#b91c1c;  /* default (rejected/other) */
}
.hrjtek-cal .event.pending  { background:#fef3c7; color:#92400e; }
.hrjtek-cal .event.approved { background:#dcfce7; color:#065f46; }


/* Tabs */
.hrjtek-tabbar{ display:flex; gap:8px; padding:0 6px 10px; border-bottom:1px solid #e5e7eb; }
.hrjtek-tab{
  border:1px solid #e5e7eb; background:#fff; padding:.5rem .75rem; border-radius:10px 10px 0 0;
  cursor:pointer; font-weight:600; color:#000;
}
.hrjtek-tab.is-active{ border-bottom-color:#fff; background:#f8fafc; }
.hrjtek-tabpanes{ padding:12px; }

/* Form controls to match dashboard */
.hrjtek-form .hrjtek-row{ display:grid; gap:6px; margin:10px 0; }
.hrjtek-form input[type="date"],
.hrjtek-form input[type="text"],
.hrjtek-form select,
.hrjtek-form textarea{
  width:100%; padding:.6rem .7rem; border:1px solid #e5e7eb; border-radius:12px;
  background:#fff; font: inherit;
}

/* HR Leaves – make "Work From Home" text white on the green pill */
#hrjtek-hr-leaves-table .hrjtek-pill,
#hrjtek-hr-leaves-table .hrjtek-pill a {
    color: #ffffff !important;
}

#hrjtek-hr-leaves-table .hrjtek-badge {
    color: #ffffff !important;
    font-weight: 600;
}


/* Fix dropdown text visibility */
#hrjtek-leave-screen select {
    color: #111 !important;
    background-color: #fff !important;
}

/* Fix the dropdown options */
#hrjtek-leave-screen select option {
    color: #111 !important;
}
#hrjtek-leave-screen .hrjtek-form select,
#hrjtek-leave-screen .hrjtek-form select * {
    color: #000 !important;
}

/* Fix leave form select alignment */
#hrjtek-leave-screen select {
    padding: 10px 14px !important;  /* equal vertical padding */
    height: 45px !important;        /* fixed height for perfect center */
    line-height: 25px !important;   /* text centers properly */
    color: #111 !important;
    background-color: #fff !important;
    display: flex !important;
    align-items: center !important;
}

/* Option text styling */
#hrjtek-leave-screen select option {
    color: #111 !important;
}

/* Hover effect for tabs */
.hrjtek-tabbar .hrjtek-tab:hover {
    background: #007bff !important;  /* blue */
    color: #fff !important;          /* white text */
    border-color: #007bff !important;
    cursor: pointer;
}

/* Active tab styling (optional stronger blue) */
.hrjtek-tabbar .hrjtek-tab.is-active {
    background: #2563eb !important;  /* bright blue */
    color: #fff !important;
    border-color: #2563eb !important;
}

.hrjtek-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 88px;
  padding: 4px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}

/* Pending = yellow */
.hrjtek-status.pending {
  background: #facc15;
  color: #111827;
}

/* Approved = green */
.hrjtek-status.approved {
  background: #22c55e;
  color: #ffffff;
}

/* Rejected = red */
.hrjtek-status.rejected {
  background: #ef4444;
  color: #ffffff;
}
/* ---- Leave “My Requests” pager (centered) ---- */
.hrjtek-pager{
  display:flex;
  align-items:center;
  justify-content:center;   /* ✅ centered now */
  gap:12px;
  margin-top:14px;
  font-size:14px;
}

.hrjtek-pager button{
  border:1px solid #d1d5db;
  background:#ffffff;
  border-radius:999px;
  padding:6px 16px;
  font-size:13px;
  cursor:pointer;
}

.hrjtek-pager button:hover:not([disabled]){
  background:#2563eb;
  border-color:#2563eb;
  color:#ffffff;
}

.hrjtek-pager button[disabled]{
  opacity:0.45;
  cursor:default;
}

/* Leave balance table tweaks */
.hrjtek-leave-balance .hrjtek-status {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:60px;
  padding:3px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
}

.hrjtek-status--ok{
  background:#22c55e;
  color:#fff;
}

.hrjtek-status--danger{
  background:#ef4444;
  color:#fff;
}

/* Base pill look for status */
.hrjtek-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 90px;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  text-transform: capitalize;
}

/* Approved = green */
.hrjtek-status--approved {
  background: #dcfce7;
  border: 1px solid #bbf7d0;
  color: #166534;
}

/* Pending = amber */
.hrjtek-status--pending {
  background: #fef9c3;
  border: 1px solid #fde68a;
  color: #92400e;
}

/* Rejected = red */
.hrjtek-status--rejected {
  background: #fee2e2;
  border: 1px solid #fecaca;
  color: #b91c1c;
}


.hrjtek-cal-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}

.hrjtek-cal-table th,
.hrjtek-cal-table td {
  border: 1px solid #e5e7eb;
  width: 14.2%;
  height: 80px;
  vertical-align: top;
  padding: 6px;
  position: relative;
}

.hrjtek-cal-table td .day {
  font-weight: 600;
  margin-bottom: 4px;
}

.dots {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 3px;
}

.dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

/* Holiday calendar highlight */
.hrjtek-holiday-cell {
  background: #fff7ed;              /* light orange */
  border-color: #fed7aa !important;
}

.hrjtek-holiday-list {
  margin: 4px 0 0;
  padding-left: 16px;
  font-size: 11px;
  line-height: 1.3;
}

/* ===== Holiday Types (badges + calendar cells) ===== */

.hrjtek-holiday-tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 500;
}

/* Type colors for table badges + calendar cells */
.hrjtek-holiday-tag--national,
.hrjtek-cal-day.hrjtek-holiday--national {
  background: #fee2e2;
  color: #b91c1c;
}

.hrjtek-holiday-tag--office,
.hrjtek-cal-day.hrjtek-holiday--office {
  background: #dbeafe;
  color: #1d4ed8;
}

.hrjtek-holiday-tag--optional,
.hrjtek-cal-day.hrjtek-holiday--optional {
  background: #f3e8ff;
  color: #7e22ce;
}

/* Optional: subtle border hint on calendar cells */
.hrjtek-cal-day.hrjtek-holiday--national { border-color: #fecaca; }
.hrjtek-cal-day.hrjtek-holiday--office   { border-color: #bfdbfe; }
.hrjtek-cal-day.hrjtek-holiday--optional { border-color: #ddd6fe; }

/* ============================
 * Employee Dashboard – My Leave Calendar
 * ============================ */

/* ============================
 * Employee – Leave Calendars
 * (used in /employee-portal and /leave/#calendar)
 * ============================ */

.hrjtek-cal-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.hrjtek-cal-table thead th {
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 0;
  color: var(--muted, #64748b);
  background: #f8fafc;
}

.hrjtek-cal-table td {
  height: 72px;
  padding: 6px 8px;
  vertical-align: top;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  position: relative;
}

.hrjtek-cal-table td .day {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
}

/* today’s date (both screens) */
.hrjtek-cal-table td.is-today {
  outline: 2px solid #2563eb;
  outline-offset: -2px;
  background: #eff6ff;
}

/* any day that has a leave (both screens) */
.hrjtek-cal-table td.has-leave {
  background: #f0f9ff;
}

/* small dots for each leave type */
.hrjtek-cal-table .dots {
  margin-top: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.hrjtek-cal-table .dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  display: inline-block;
}

/* optional status styling */
.hrjtek-cal-table .dot.status-approved {
  box-shadow: 0 0 0 2px rgba(34,197,94,.25);
}

.hrjtek-cal-table .dot.status-pending {
  opacity: 0.8;
}

.hrjtek-cal-table .dot.status-rejected,
.hrjtek-cal-table .dot.status-cancelled {
  opacity: 0.4;
}


#hrjtek-leave-card .hrjtek-cal-table thead th {
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 0;
  color: var(--muted, #64748b);
  background: #f8fafc;
}

#hrjtek-leave-card .hrjtek-cal-table td {
  height: 72px;
  padding: 6px 8px;
  vertical-align: top;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  position: relative;
}

#hrjtek-leave-card .hrjtek-cal-table td .day {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
}

/* today’s date */
#hrjtek-leave-card .hrjtek-cal-table td.is-today {
  outline: 2px solid #2563eb;
  outline-offset: -2px;
  background: #eff6ff;
}

/* any day that has a leave */
#hrjtek-leave-card .hrjtek-cal-table td.has-leave {
  background: #f0f9ff;
}

/* small dots for each leave type */
#hrjtek-leave-card .hrjtek-cal-table .dots {
  margin-top: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

#hrjtek-leave-card .hrjtek-cal-table .dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  display: inline-block;
}

/* subtle status variations */
#hrjtek-leave-card .hrjtek-cal-table .dot.status-approved {
  box-shadow: 0 0 0 2px rgba(34,197,94,.25);
}

#hrjtek-leave-card .hrjtek-cal-table .dot.status-pending {
  opacity: 0.8;
}

#hrjtek-leave-card .hrjtek-cal-table .dot.status-rejected,
#hrjtek-leave-card .hrjtek-cal-table .dot.status-cancelled {
  opacity: 0.4;
}
/* text label inside leave calendar cell */
.hrjtek-cal-table .leave-label {
  margin-top: 4px;
  display: inline-block;
  padding: 2px 6px;
  border-radius: 999px;
  font-size: 11px;
  line-height: 1.3;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: #0a50e9 ; /* soft blue */
  color: #fff;        /* blue text */
  font-weight: 500;
}


/* ===== Checkout report modal ===== */
.hrjtek-checkout-dialog {
  width: min(94vw, 820px);
}

.hrjtek-checkout-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.hrjtek-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
}

@media (max-width: 767px) {
  .hrjtek-form-grid {
    grid-template-columns: 1fr;
  }
}

.hrjtek-form-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.hrjtek-form-group label {
  font-weight: 600;
  color: var(--ink);
}

.hrjtek-form-group input[type="text"],
.hrjtek-form-group input[type="file"],
.hrjtek-form-group select,
.hrjtek-form-group textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 10px 12px;
  background: #fff;
  color: var(--ink);
  box-sizing: border-box;
}

.hrjtek-form-group textarea {
  resize: vertical;
  min-height: 96px;
}

.hrjtek-help {
  color: #6b7280;
  font-size: 12px;
}

.hrjtek-form-error {
  background: #fef2f2;
  color: #b91c1c;
  border: 1px solid #fecaca;
  border-radius: 10px;
  padding: 12px 14px;
  font-weight: 700;
  margin-bottom: 14px;
}
.req {
  color: #dc2626;
}

/* Checkout submit disabled state - force visible disabled look */
body.hrjtek-portal #hrjtek-checkout-report-submit,
body.hrjtek-portal #hrjtek-checkout-report-submit:hover,
body.hrjtek-portal #hrjtek-checkout-report-submit:focus,
body.hrjtek-portal #hrjtek-checkout-report-submit:active {
  transition: none !important;
}

body.hrjtek-portal #hrjtek-checkout-report-submit[disabled],
body.hrjtek-portal #hrjtek-checkout-report-submit.is-busy,
body.hrjtek-portal #hrjtek-checkout-report-submit[disabled]:hover,
body.hrjtek-portal #hrjtek-checkout-report-submit.is-busy:hover,
body.hrjtek-portal #hrjtek-checkout-report-submit[disabled]:focus,
body.hrjtek-portal #hrjtek-checkout-report-submit.is-busy:focus,
body.hrjtek-portal #hrjtek-checkout-report-submit[disabled]:active,
body.hrjtek-portal #hrjtek-checkout-report-submit.is-busy:active {
  background: #93c5fd !important;
  background-image: none !important;
  border-color: #93c5fd !important;
  color: #ffffff !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  box-shadow: none !important;
  transform: none !important;
  filter: grayscale(0.15) !important;
}
/* ===== Daily Work Reports ===== */
.hrjtek-reports-panel {
  margin-top: 12px;
  overflow: visible !important;
}

.hrjtek-reports-head {
  margin-bottom: 14px;
}

.hrjtek-reports-head h2 {
  margin: 0;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 800;
  color: var(--ink, #0f172a);
}

.hrjtek-reports-filters {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
  flex-wrap: wrap;
}

.hrjtek-reports-filter-left {
  display: flex;
  gap: 12px;
  flex: 1 1 auto;
  min-width: 0;
}

.hrjtek-reports-filter-right {
  display: flex;
  gap: 10px;
  flex: 0 0 auto;
}

.hrjtek-reports-date {
  width: 100%;
  min-width: 220px;
  height: 48px;
  border: 1px solid var(--line, #e5e7eb);
  border-radius: 12px;
  padding: 10px 14px;
  background: #fff;
  font: inherit;
  color: var(--ink, #111827);
  box-sizing: border-box;
}

#filter-btn {
  min-width: 96px;
  height: 48px;
}

.hrjtek-reports-table-area {
  width: 100%;
  overflow: visible !important;
}

.hrjtek-reports-table-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 4px;
}

.hrjtek-reports-table {
  min-width: 1180px;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.hrjtek-reports-table th,
.hrjtek-reports-table td {
  vertical-align: middle;
}

.hrjtek-reports-table th {
  font-size: 14px;
  font-weight: 700;
  color: #64748b;
}

.hrjtek-reports-table td {
  padding-top: 18px;
  padding-bottom: 18px;
}

.hrjtek-reports-table tbody tr:hover {
  background: #fafcff;
}

.hrjtek-reports-table th:nth-child(1),
.hrjtek-reports-table td:nth-child(1) {
  width: 130px;
}

.hrjtek-reports-table th:nth-child(2),
.hrjtek-reports-table td:nth-child(2) {
  width: 300px;
}

.hrjtek-reports-table th:nth-child(3),
.hrjtek-reports-table td:nth-child(3),
.hrjtek-reports-table th:nth-child(4),
.hrjtek-reports-table td:nth-child(4) {
  width: 130px;
}

.hrjtek-reports-table th:nth-child(5),
.hrjtek-reports-table td:nth-child(5) {
  width: 300px;
}

.hrjtek-reports-table th:nth-child(6),
.hrjtek-reports-table td:nth-child(6) {
  width: 150px;
}


.hrjtek-reports-table th:nth-child(7),
.hrjtek-reports-table td:nth-child(7) {
  width: 140px;
}




.hrjtek-report-date,
.hrjtek-report-time {
  display: inline-block;
  white-space: nowrap;
  font-weight: 500;
  color: #0f172a;
}

.hrjtek-report-user {
  display: flex;
  align-items: center;
  gap: 12px;
}

.hrjtek-report-user-avatar {
  width: 42px;
  height: 42px;
  min-width: 42px;
  border-radius: 999px;
  background: #dbeafe;
  color: #1d4ed8;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

.hrjtek-report-user-meta {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.hrjtek-report-user-meta strong {
  color: #0f172a;
  font-size: 15px;
  line-height: 1.25;
}

.hrjtek-report-user-meta span {
  color: #64748b;
  font-size: 13px;
  line-height: 1.25;
  word-break: break-word;
}

.hrjtek-report-summary {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.45;
  color: #0f172a;
}

.hrjtek-report-jira {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  color: #1d4ed8;
  font-size: 13px;
  font-weight: 600;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hrjtek-report-download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 110px;
  padding: 8px 14px;
  border-radius: 12px;
  border: 1px solid #dbeafe;
  background: #f8fbff;
  color: #2563eb;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

.hrjtek-report-download:hover {
  background: #eff6ff;
}

.view-btn {
  min-width: 100px;
  justify-content: center;
  font-weight: 700;
  white-space: nowrap;
}

.hrjtek-reports-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-top: 16px;
  flex-wrap: wrap;
}

.hrjtek-reports-summary {
  color: #64748b;
  font-size: 15px;
  font-weight: 500;
}

.hrjtek-reports-pagination {
  display: flex;
  align-items: center;
  gap: 10px;
}

.hrjtek-reports-pagination .hrjtek-btn {
  min-width: 90px;
  justify-content: center;
}

.hrjtek-reports-pagebox {
  min-width: 44px;
  height: 44px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #2563eb;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding: 0 10px;
}

.hrjtek-report-view-dialog {
   width: min(98vw, 1280px);
    max-width: 1280px;
}

.hrjtek-report-view-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
  margin-bottom: 14px;
}

.hrjtek-report-modal-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.hrjtek-modal-icon-btn {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2563eb;
  background: #eff6ff;
  border: 1px solid #dbeafe;
  text-decoration: none;
}

.hrjtek-modal-icon-btn:hover {
  background: #2563eb;
  color: #fff;
}

.hrjtek-report-view-grid p {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.hrjtek-report-view-grid strong {
  display: block;
  color: #334155;
  font-size: 14px;
}

.hrjtek-report-view-grid span {
  color: #0f172a;
  font-size: 15px;
  line-height: 1.5;
}

.hrjtek-report-view-block {
  margin-top: 12px;
}

.hrjtek-report-view-label {
  margin-bottom: 8px;
}

.hrjtek-report-view-box {
  border: 1px solid var(--line, #e5e7eb);
  background: #f8fafc;
  border-radius: 12px;
  padding: 12px;
  white-space: pre-wrap;
  word-break: break-word;
  line-height: 1.6;
  color: #0f172a;
}


.hrjtek-main,
.hrjtek-panel,
.hrjtek-shell,
.hrjtek-reports-panel,
.hrjtek-reports-table-area {
  min-width: 0;
}

/* Team Lead Announcements */
.hrjtek-ann-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.hrjtek-ann-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 18px 20px;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
}

.hrjtek-ann-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.hrjtek-ann-head h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: #0f172a;
}

.hrjtek-ann-date {
  font-size: 13px;
  color: #64748b;
  white-space: nowrap;
}

.hrjtek-ann-body {
  color: #334155;
  line-height: 1.7;
}

.hrjtek-empty-state {
  padding: 28px 20px;
  text-align: center;
  color: #64748b;
}
/* Team Lead Announcements */
.hrjtek-ann-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.hrjtek-ann-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 18px 20px;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
}

.hrjtek-ann-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.hrjtek-ann-head h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: #0f172a;
}

.hrjtek-ann-date {
  font-size: 13px;
  color: #64748b;
  white-space: nowrap;
}

.hrjtek-ann-body {
  color: #334155;
  line-height: 1.7;
}

.hrjtek-ann-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.hrjtek-ann-tag {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  color: #1d4ed8;
  font-size: 13px;
  font-weight: 600;
}

.hrjtek-empty-state {
  padding: 28px 20px;
  text-align: center;
  color: #64748b;
}

.hrjtek-auto-checkout-notice {
  margin-top: 18px;
  padding: 16px 18px;
  border-radius: 18px;
  background: linear-gradient(137deg, rgba(12,61,244,.08) 0%, rgba(2,180,254,.12) 100%);
  border: 1px solid rgba(12,61,244,.18);
  box-shadow: 0 12px 28px rgba(15,23,42,.08);
}

.hrjtek-auto-checkout-notice strong {
  display: block;
  color: #0f172a;
  font-size: 15px;
  margin-bottom: 6px;
}

.hrjtek-auto-checkout-notice p {
  margin: 0 0 12px;
  color: #475569;
  line-height: 1.5;
}
.hrjtek-form-full {
  grid-column: 1 / -1;
}

.hrjtek-report-project {
  display: inline-flex;
  align-items: center;
  padding: 7px 12px;
  border-radius: 999px;
  background: #eef5ff;
  color: #0C3DF4;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid #cfe0ff;
  white-space: nowrap;
}
.hrjtek-reports-table th:last-child,
.hrjtek-reports-table td:last-child {
  min-width: 120px;
  width: 120px;
  white-space: nowrap;
  text-align: left;
}
/* My Attendance equal height + clean action layout */
#hrjtek-shared-attendance-wrap,
#hrjtek-shared-attendance-wrap .hrjtek-card {
  height: 100%;
}

#hrjtek-emp-attn {
  min-height: 250px;
  display: flex;
  flex-direction: column;
}

#hrjtek-emp-attn .attn-grid {
  flex: 1;
  align-items: stretch;
}

#hrjtek-emp-attn .attn-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
}

#hrjtek-emp-attn .attn-actions .hrjtek-btn,
#hrjtek-emp-attn .attn-actions .hrjtek-chip {
  height: 48px;
  min-width: 145px;
  padding: 0 18px;
  border-radius: 14px;
  font-size: 16px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

#hrjtek-lunch-note {
  width: 100%;
  order: 20;
  margin-top: 2px !important;
  padding: 10px 14px;
  border-radius: 12px;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  color: #9a3412;
  font-size: 13px !important;
  font-weight: 700;
}

#hrjtek-attn-logs {
    order: 5;
}

/* Make attendance card match Who is Out height on employee dashboard */
.employee-dashboard #hrjtek-shared-attendance-wrap,
.hrjtek-portal #hrjtek-shared-attendance-wrap {
  min-height: 255px;
}

#hrjtek-emp-attn .attn-actions {
  display: flex;
  flex-wrap: wrap;
 
  gap: 12px;
  margin-top: 18px;
}

#hrjtek-emp-attn .attn-actions .hrjtek-btn,
#hrjtek-emp-attn .attn-actions .hrjtek-chip {
  min-width: 170px;
  height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all .2s ease;
}

/* logs button smaller */
#hrjtek-attn-logs {
  min-width: 220px;
  background: #fff;
  border: 1px solid #dbe4ff;
  color: #0f172a;
  box-shadow: none;
    margin-left: 0;
  margin-right: 0;
  min-width: 220px;
}

/* lunch message */
#hrjtek-lunch-note {
  order: 3;
  width: 100%;
  padding: 14px 16px;
  border-radius: 14px;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  color: #9a3412;
  font-size: 13px !important;
  font-weight: 700;
  text-align: left;
}


/* disabled buttons softer */
#hrjtek-emp-attn .hrjtek-btn.is-disabled,
#hrjtek-emp-attn .hrjtek-btn:disabled {
  opacity: .55;
  box-shadow: none;
}

/* active resume button */
#hrjtek-emp-resume-work {
  order: 4;
  box-shadow: 0 6px 18px rgba(12, 61, 244, 0.18);
}

#hrjtek-emp-attn .attn-actions {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 14px;
  margin-top: 18px;
  align-items: center;
}

#hrjtek-emp-checkin {
  grid-column: 1;
  grid-row: 1;
}

#hrjtek-emp-checkout {
  grid-column: 2;
  grid-row: 1;
}

#hrjtek-lunch-note {
  grid-column: 1 / -1;
  grid-row: 2;
  width: 100%;
  margin-top: 0 !important;
}

#hrjtek-emp-resume-work {
  grid-column: 1;
  grid-row: 3;
}

#hrjtek-attn-logs {
  grid-column: 2;
  grid-row: 3;
  justify-self: center;
}

#hrjtek-emp-start-lunch {
  grid-column: 3;
  grid-row: 1;
}

.hrjtek-native-project-select {
  display: none !important;
}

.hrjtek-project-picker {
  position: relative;
  width: 100%;
}

.hrjtek-project-picker-toggle {
  width: 100%; 
  border: 1px solid #dbe3ef;  
  background: #fff;
  min-height: 50px !important;
    height: 50px !important;
    padding: 0 14px 0 18px !important;
    border-radius: 12px !important;    
    display: flex;
    align-items: center !important;
    justify-content: space-between;
  font-size: 15px;
  font-weight: 600;
  color: #111827;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
}
#hrjtek-work-date {
    height: 50px !important;
    min-height: 50px !important;
}
.hrjtek-project-picker-toggle:hover,
.hrjtek-project-picker.is-open .hrjtek-project-picker-toggle {
  border-color: #0c7ff4;
  box-shadow: 0 0 0 3px rgba(12, 127, 244, 0.10);
}

.hrjtek-project-picker-label {
  color: #374151;
}

.hrjtek-project-picker-arrow{
    width:38px;
    height:38px;
    background:#eef4fb;
    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;
}
.hrjtek-project-picker-arrow .dashicons{
    width:16px;
    height:16px;
    font-size:16px;
    line-height:16px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#64748b;
    transition:all .25s ease;
}

.hrjtek-project-picker.is-open .dashicons{
    transform:rotate(180deg);
    color:#0C7FF4;
}


.hrjtek-project-picker-arrow-icon{
    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;
    height:100%;

    font-size:18px;
    font-weight:700;
    color:#64748b;
    line-height:1;
    transform:translateY(-1px);
}
.hrjtek-project-picker.is-open .hrjtek-project-picker-arrow-icon{
    transform:translateY(-1px) rotate(180deg);
    color:#0C7FF4;
}


.hrjtek-project-picker-menu {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 9999;
  background: #fff;
  border: 1px solid #dbe3ef;
  border-radius: 14px;
  padding: 8px;
  max-height: 220px;
  overflow-y: auto;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.16);
}

.hrjtek-project-picker.is-open .hrjtek-project-picker-menu {
  display: block;
}

.hrjtek-project-option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
}

.hrjtek-project-option:hover {
  background: #f1f7ff;
}

.hrjtek-project-option input {
  display: none;
}

.hrjtek-project-check {
  width: 18px;
  height: 18px;
  border: 2px solid #cbd5e1;
  border-radius: 5px;
  display: inline-block;
  position: relative;
  flex-shrink: 0;
}

.hrjtek-project-option input:checked + .hrjtek-project-check {
  background: linear-gradient(137deg, #0C3DF4 0%, #02B4FE 100%);
  border-color: #0C7FF4;
}

.hrjtek-project-option input:checked + .hrjtek-project-check::after {
  content: "✓";
  position: absolute;
  left: 3px;
  top: -3px;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
}

.hrjtek-project-picker-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
  margin-top: 8px !important;

}

.hrjtek-project-chip {
  background: #eef6ff;
  color: #0757d8;
  border: 1px solid #cfe4ff;
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 700;
}

/* Project Multi Select Override */
.hrjtek-project-picker-toggle,
.hrjtek-project-picker-toggle:hover,
.hrjtek-project-picker-toggle:focus,
.hrjtek-project-picker-toggle:active {
    background: #fff !important;
    color: #374151 !important;
    border: 1px solid #0C7FF4 !important;
    box-shadow: 0 0 0 3px rgba(12,127,244,.12) !important;
    outline: none !important;
}

.view-btn{
  padding: 0;
  font-weight: 700;
}

.hrjtek-report-action-head{
  text-align:center;
}


.view-btn{
  padding:0;
}
.hrjtek-reports-filter-right #filter-btn{
  height:46px !important;
  min-height:46px !important;
  padding:0 18px !important;
  border-radius:12px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:700 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  background:linear-gradient(137deg,#0C3DF4 0%,#02B4FE 100%) !important;
  color:#fff !important;
  border:none !important;
  box-shadow:0 8px 18px rgba(12,61,244,.16) !important;
}

.hrjtek-reports-filter-right #filter-btn:hover,
.hrjtek-reports-filter-right #filter-btn:focus{
  background:linear-gradient(137deg,#0A32CC 0%,#0295D9 100%) !important;
  color:#fff !important;
}

.hrjtek-reports-filter-right #filter-btn .dashicons{
  width:17px !important;
  height:17px !important;
  font-size:17px !important;
  line-height:17px !important;
  margin:0 !important;
}

.hrjtek-checkout-dialog {
  max-width: 980px;
}

.hrjtek-project-task-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 18px 0 14px;
  padding-top: 6px;
}

.hrjtek-project-task-header h4 {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  color: #0f274a;
}

.hrjtek-project-task-header p {
  margin: 4px 0 0;
  font-size: 13px;
  color: #64748b;
}

#hrjtek-project-task-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 16px;
}

.hrjtek-project-task-card {
  border: 1px solid #dbeafe;
  background: #f8fbff;
  border-radius: 14px;
  padding: 18px 22px;
}
.hrjtek-project-task-card .hrjtek-form-group label {
  font-size: 13px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 6px;
}
.hrjtek-project-task-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.hrjtek-project-task-card-head h5 {
  margin: 0;
  font-size: 17px;
  font-weight: 800;
  color: #0f274a;
}

.hrjtek-remove-project-task {
  border: 0;
  background: transparent;
  color: #ef4444;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

.hrjtek-project-task-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 14px 18px;
}

/* First row */
.hrjtek-task-project-wrap,
.hrjtek-task-title-wrap,
.hrjtek-task-jira-wrap{
    grid-column: span 4;
}

/* Description full width */
.hrjtek-form-full{
    grid-column: 1 / -1;
}

/* Second row */
.hrjtek-estimated-wrap,
.hrjtek-completed-wrap,
.hrjtek-remaining-wrap,
.hrjtek-status-wrap{
    grid-column: span 3;
}

.hrjtek-project-task-grid .hrjtek-form-full {
  grid-column: 1 / -1;
}

.hrjtek-project-task-grid .hrjtek-form-group {
  min-width: 0;
}

.hrjtek-project-task-card input,
.hrjtek-project-task-card select,
.hrjtek-project-task-card textarea {
  width: 100%;
  border: 1px solid #dbe3ef;
  border-radius: 10px;
  min-height: 42px;
  padding: 10px 14px;
  background: #fff;
  font-size: 14px;
}
.hrjtek-project-task-card textarea.hrjtek-task-description {
  min-height: 92px;
  resize: vertical;
}

.hrjtek-task-remaining {
  background: #eef2f7 !important;
  color: #64748b !important;
  cursor: not-allowed;
}

.hrjtek-char-count {
  display: block;
  margin-top: 5px;
  text-align: right;
  font-size: 12px;
  color: #64748b;
}

/* ===== Checkout Project Task Card - Final Premium Layout ===== */

body.hrjtek-portal .hrjtek-checkout-dialog {
  width: min(94vw, 1040px) !important;
  max-width: 1040px !important;
}

body.hrjtek-portal .hrjtek-project-task-card {
  padding: 24px !important;
  border-radius: 16px !important;
  background: #f8fbff !important;
  border: 1px solid #d7e7ff !important;
}

body.hrjtek-portal .hrjtek-project-task-grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 18px 22px !important;
  align-items: start !important;
}

/* First row: Project Name | Task Title | Jira ID */
body.hrjtek-portal .hrjtek-project-task-grid > .hrjtek-form-group:nth-child(1),
body.hrjtek-portal .hrjtek-project-task-grid > .hrjtek-form-group:nth-child(2),
body.hrjtek-portal .hrjtek-project-task-grid > .hrjtek-form-group:nth-child(3) {
  grid-column: span 4 !important;
}

/* Task Description full width */
body.hrjtek-portal .hrjtek-project-task-grid > .hrjtek-form-full {
  grid-column: 1 / -1 !important;
}



body.hrjtek-portal .hrjtek-project-task-grid .hrjtek-form-group {
  min-width: 0 !important;
}

body.hrjtek-portal .hrjtek-project-task-card label {
  display: block !important;
  white-space: nowrap !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin-bottom: 7px !important;
}

body.hrjtek-portal .hrjtek-project-task-card input,
body.hrjtek-portal .hrjtek-project-task-card select,
body.hrjtek-portal .hrjtek-project-task-card textarea {
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  border: 1px solid #dbe5f3 !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
  font-size: 15px !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
}

body.hrjtek-portal .hrjtek-project-task-card textarea.hrjtek-task-description {
  height: 110px !important;
  min-height: 110px !important;
  resize: vertical !important;
}

body.hrjtek-portal .hrjtek-task-remaining {
  background: #eef3f8 !important;
  color: #64748b !important;
  cursor: not-allowed !important;
}

body.hrjtek-portal .hrjtek-char-count {
  display: block !important;
  margin-top: 6px !important;
  text-align: right !important;
  font-size: 12px !important;
  color: #64748b !important;
}

/* ===== Project Remove Button ===== */

.hrjtek-remove-project-task,
.hrjtek-remove-project-task:hover,
.hrjtek-remove-project-task:focus,
.hrjtek-remove-project-task:active {
    background: transparent !important;
    border: none !important;
    color: #ef4444 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 0 !important;
    min-width: auto !important;
    width: auto !important;
    height: auto !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

.hrjtek-remove-project-task:hover {
    color: #dc2626 !important;
    text-decoration: underline !important;
}
/* Prevent Astra yellow hover inside checkout modal */

#hrjtek-checkout-report-modal button:hover,
#hrjtek-checkout-report-modal button:focus,
#hrjtek-checkout-report-modal input[type="button"]:hover,
#hrjtek-checkout-report-modal input[type="submit"]:hover {

    background-color: inherit !important;
    border-color: inherit !important;
    color: inherit !important;
}
#hrjtek-checkout-report-modal .btn-blue,
#hrjtek-checkout-report-modal .btn-blue:hover,
#hrjtek-checkout-report-modal .btn-blue:focus {

    background: linear-gradient(137deg,#0C3DF4 0%,#02B4FE 100%) !important;
    border-color: #0C7FF4 !important;
    color: #fff !important;
}
.hrjtek-task-remaining.positive{
    color:#16a34a !important;
    font-weight:700;
}

.hrjtek-task-remaining.zero{
    color:#64748b !important;
    font-weight:700;
}

.hrjtek-task-remaining.negative{
    color:#dc2626 !important;
    font-weight:700;
}
/* Remaining Hours Colors */

input.hrjtek-task-remaining.positive{
    color:#16a34a !important;
    border:2px solid #16a34a !important;
    background:#f0fdf4 !important;
    font-weight:700 !important;
}

input.hrjtek-task-remaining.zero{
    color:#64748b !important;
    border:2px solid #94a3b8 !important;
    background:#f8fafc !important;
    font-weight:700 !important;
}

input.hrjtek-task-remaining.negative{
    color:#dc2626 !important;
    border:2px solid #dc2626 !important;
    background:#fef2f2 !important;
    font-weight:700 !important;
}
/* ===== Hours Variance Tooltip ===== */

.hrjtek-tooltip-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-left: 6px;
}

.hrjtek-tooltip-icon {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #2563eb;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    cursor: help;
}

/* Hours Variance Tooltip */

.hrjtek-tooltip-wrap{
    position:relative;
    display:inline-block;
    margin-left:6px;
}

.hrjtek-tooltip-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:16px;
    height:16px;
    border-radius:50%;
    background:#2563eb;
    color:#fff;
    font-size:11px;
    font-weight:700;
    cursor:help;
}

.hrjtek-tooltip-content{
    position:absolute;
    bottom:26px;
    left:50%;
    transform:translateX(-50%);
    background:#000;
    color:#fff;
    padding:10px 12px;
    border-radius:6px;
    font-size:12px;
    line-height:1.5;
    min-width:280px;
    max-width:320px;
    white-space:normal;
    text-align:left;
    opacity:0;
    visibility:hidden;
    transition:all .2s ease;
    z-index:99999;
}

.hrjtek-tooltip-wrap:hover .hrjtek-tooltip-content{
    opacity:1;
    visibility:visible;
}
/* Checkout inline field validation */
.hrjtek-field-error {
    display: none;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 600;
    color: #dc2626;
}

.hrjtek-form-group.has-error input,
.hrjtek-form-group.has-error select,
.hrjtek-form-group.has-error textarea {
    border-color: #dc2626 !important;
    background: #fff7f7 !important;
}

.hrjtek-form-group.has-error .hrjtek-field-error {
    display: block;
}

.hrjtek-project-items-table-wrap {
  width: 100%;
  overflow-x: auto;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
}

.hrjtek-project-items-table {
  width: 100%;
  min-width: 900px;
  border-collapse: collapse;
  background: #fff;
}

.hrjtek-project-items-table th,
.hrjtek-project-items-table td {
  padding: 10px 12px;
  border-bottom: 1px solid #e5e7eb;
  text-align: left;
  vertical-align: top;
  font-size: 13px;
}

.hrjtek-project-items-table th {
  background: #f8fafc;
  color: #334155;
  font-weight: 800;
}

.hrjtek-project-items-table td {
  color: #0f172a;
}

/* ===== Daily Work Reports Table Clean UI ===== */

.hrjtek-reports-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto !important;
    background: #fff;
}

.hrjtek-reports-table th,
.hrjtek-reports-table td {
    padding: 14px 12px !important;
    vertical-align: middle !important;
    border-bottom: 1px solid #eef2f7;
    font-size: 14px;
    line-height: 1.4;
    white-space: normal !important;
}

.hrjtek-reports-table th {
    background: #f8fafc;
    color: #475569;
    font-weight: 700;
    text-align: left;
}

.hrjtek-reports-table tbody tr:hover {
    background: #f9fbff;
}

/* checkbox column */
.hrjtek-reports-table .tl-select-col {
    width: 48px !important;
    min-width: 48px !important;
    text-align: center;
}

/* employee column */
.hrjtek-report-user {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 180px;
}

.hrjtek-report-user-avatar {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 50%;
    background: #dbeafe;
    color: #1d4ed8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
}

.hrjtek-report-user-meta strong {
    display: block;
    font-size: 14px;
    color: #0f172a;
    line-height: 1.2;
}

.hrjtek-report-user-meta span {
    display: block;
    font-size: 12px;
    color: #64748b;
    line-height: 1.3;
    word-break: break-word;
}

/* project pill */
.hrjtek-report-project {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 10px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #0f172a;
    font-size: 13px;
    font-weight: 700;
    max-width: 140px;
    white-space: normal;
}

/* task summary */
.hrjtek-report-summary {
    max-width: 260px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #0f172a;
}

/* jira pill */
.hrjtek-report-jira {
    display: inline-flex;
    padding: 6px 10px;
    border-radius: 10px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #334155;
    font-size: 13px;
    font-weight: 700;
}

/* status badges */
.hrjtek-status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 82px;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
}

.hrjtek-status-badge.status-pending {
    background: #fff7ed;
    color: #c2410c;
    border: 1px solid #fed7aa;
}

.hrjtek-status-badge.status-approved {
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #bbf7d0;
}

.hrjtek-status-badge.status-rejected {
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
}

/* actions */


.hrjtek-icon-btn {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    border: 1px solid #dbeafe;
    background: #ffffff;
    color: #0C3DF4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: none;
}

.hrjtek-icon-btn:hover,
.hrjtek-icon-btn:focus {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
    color: #0C3DF4 !important;
}

.hrjtek-icon-btn .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
}

/* Fix Status column */
.hrjtek-reports-table th:nth-child(9),
.hrjtek-reports-table td:nth-child(9){
    min-width:120px !important;
    width:120px !important;
    white-space:nowrap !important;
}

/* Prevent Status heading breaking */
.hrjtek-reports-table th{
    white-space:nowrap !important;
}

/* Prevent table collapsing columns */
.hrjtek-reports-table{
    table-layout:auto !important;
}

/* Team Lead project-wise report table */
.hrjtek-reports-table-scroll {
  width: 100%;
  overflow-x: auto;
}

.hrjtek-reports-table {
  min-width: 1700px;
  table-layout: auto !important;
}

.hrjtek-reports-table th,
.hrjtek-reports-table td {
  white-space: nowrap;
  vertical-align: middle;
}



.hrjtek-report-summary {
  max-width: 260px;
  line-height: 1.45;
}

.hrjtek-hours-variance {
  display: inline-flex;
  justify-content: center;
  min-width: 70px;
  padding: 5px 10px;
  border-radius: 999px;
  font-weight: 700;
}

.hrjtek-hours-variance.positive {
  background: #ecfdf5;
  color: #047857;
}

.hrjtek-hours-variance.zero {
  background: #f1f5f9;
  color: #64748b;
}

.hrjtek-hours-variance.negative {
  background: #fef2f2;
  color: #dc2626;
}

.hrjtek-task-status-badge {
  display: inline-flex;
  padding: 5px 10px;
  border-radius: 999px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 700;
  text-transform: capitalize;
}
/* Premium Team Lead Project Work Details UI */

.hrjtek-reports-table {
  min-width: 1200px;
  table-layout: auto !important;
}

.hrjtek-project-work-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 520px;
}

.hrjtek-project-work-card {
  border: 1px solid #e2e8f0;
  background: #f8fbff;
  border-radius: 12px;
  padding: 12px 14px;
}

.hrjtek-project-work-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
}

.hrjtek-project-work-top strong {
  color: #0f172a;
  font-size: 14px;
  font-weight: 800;
}

.hrjtek-project-work-title {
  color: #1e293b;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 4px;
}

.hrjtek-project-work-desc {
  color: #64748b;
  font-size: 13px;
  line-height: 1.45;
  margin-bottom: 8px;
  max-width: 100%;
}

.hrjtek-project-work-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.hrjtek-project-work-meta span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 12px;
  color: #475569;
}

.hrjtek-hours-variance {
  padding: 2px 7px;
  border-radius: 999px;
  font-weight: 800;
}

.hrjtek-hours-variance.positive {
  background: #ecfdf5;
  color: #047857;
}

.hrjtek-hours-variance.zero {
  background: #f1f5f9;
  color: #64748b;
}

.hrjtek-hours-variance.negative {
  background: #fef2f2;
  color: #dc2626;
}



.hrjtek-reports-table th,
.hrjtek-reports-table td {
  vertical-align: top !important;
}
.hrjtek-project-work-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 620px;
}

.hrjtek-project-work-card {
  background: #f8fbff;
  border: 1px solid #dbeafe;
  border-radius: 14px;
  padding: 14px;
}

.hrjtek-project-work-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.hrjtek-project-work-top strong {
  font-size: 15px;
  color: #0f172a;
}

.hrjtek-project-work-row {
  margin-bottom: 8px;
}

.hrjtek-project-work-row label,
.hrjtek-project-work-meta label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  color: #64748b;
  margin-bottom: 2px;
}

.hrjtek-project-work-row span {
  font-size: 13px;
  color: #0f172a;
  line-height: 1.4;
}

.hrjtek-project-work-meta {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-top: 10px;
}

.hrjtek-project-work-meta > span {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 8px 10px;
}

.hrjtek-project-work-meta b {
  font-size: 13px;
  color: #0f172a;
}
/* ===== Team Lead Worklog Mini Table UI ===== */

.hrjtek-project-work-list {
  min-width: 760px;
  width: 100%;
}

.hrjtek-worklog-mini-table-wrap {
  width: 100%;
  overflow-x: auto;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
}

.hrjtek-worklog-mini-table {
  width: 100%;
 width: 100%;
  min-width: 600px;
  border-collapse: collapse;
  background: #fff;
}

.hrjtek-worklog-mini-table th {
  background: #f8fafc;
  color: #475569;
  font-size: 12px;
  font-weight: 800;
  padding: 10px 12px;
  border-bottom: 1px solid #e2e8f0;
  text-align: left;
  white-space: nowrap;
}

.hrjtek-worklog-mini-table td {
  padding: 11px 12px;
  border-bottom: 1px solid #eef2f7;
  font-size: 13px;
  color: #0f172a;
  vertical-align: middle;
}

.hrjtek-worklog-mini-table tbody tr:last-child td {
  border-bottom: none;
}

.hrjtek-worklog-desc {
  max-width: 220px;
  line-height: 1.4;
  color: #475569;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.hrjtek-hours-variance {
  display: inline-flex;
  min-width: 62px;
  justify-content: center;
  padding: 5px 9px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 12px;
}

.hrjtek-hours-variance.positive {
  background: #ecfdf5;
  color: #047857;
}

.hrjtek-hours-variance.zero {
  background: #f1f5f9;
  color: #64748b;
}

.hrjtek-hours-variance.negative {
  background: #fef2f2;
  color: #dc2626;
}

.hrjtek-task-status-badge {
  display: inline-flex;
  padding: 5px 10px;
  border-radius: 999px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 700;
  text-transform: capitalize;
}

.hrjtek-reports-table {
  min-width: 1250px;
  table-layout: auto !important;
}

.hrjtek-reports-table th,
.hrjtek-reports-table td {
  vertical-align: top !important;
}


/* ===== Team Lead Reports Table Final Width Fix ===== */

.hrjtek-reports-table-scroll {
    width: 100%;
    overflow-x: auto;
}

.hrjtek-reports-table {
    width: 100%;
    min-width: 1500px !important;
    table-layout: fixed !important;
}

/* Select */
.hrjtek-reports-table th:nth-child(1),
.hrjtek-reports-table td:nth-child(1) {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    text-align: center !important;
}

/* Date */
.hrjtek-reports-table th:nth-child(2),
.hrjtek-reports-table td:nth-child(2) {
    width: 125px !important;
    min-width: 125px !important;
    max-width: 125px !important;
}

/* Employee */
.hrjtek-reports-table th:nth-child(3),
.hrjtek-reports-table td:nth-child(3) {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
}

/* Check In */
.hrjtek-reports-table th:nth-child(4),
.hrjtek-reports-table td:nth-child(4) {
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
}

/* Check Out */
.hrjtek-reports-table th:nth-child(5),
.hrjtek-reports-table td:nth-child(5) {
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
}


/* Approval Status */
.hrjtek-reports-table th:nth-child(7),
.hrjtek-reports-table td:nth-child(7) {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
}

/* Actions */


/* General table cell spacing */
.hrjtek-reports-table th,
.hrjtek-reports-table td {
    padding: 14px 14px !important;
    vertical-align: top !important;
    white-space: normal !important;
}

/* Keep Date/Time nowrap */
.hrjtek-reports-table td:nth-child(2),
.hrjtek-reports-table td:nth-child(4),
.hrjtek-reports-table td:nth-child(5) {
    white-space: nowrap !important;
}

/* Worklog mini table should use available space */
.hrjtek-project-work-list {
    width: 100% !important;
    min-width: 0 !important;
}

.hrjtek-worklog-mini-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
}

/* ===== Team Lead Worklog Summary UI ===== */

.hrjtek-worklog-summary-card {
  min-width: 320px;
  max-width: 420px;
  background: #f8fbff;
  border: 1px solid #dbeafe;
  border-radius: 14px;
  padding: 14px;
}



.hrjtek-worklog-summary-top strong {
  font-size: 15px;
  font-weight: 800;
  color: #0f172a;
}

.hrjtek-worklog-summary-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.hrjtek-worklog-summary-meta span {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12px;
  color: #475569;
}

.hrjtek-worklog-summary-meta b {
  color: #0f172a;
}

.hrjtek-worklog-view-btn {
  border: 1px solid #bfdbfe;
  background: #fff;
  color: #0C3DF4;
  border-radius: 10px;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}

.hrjtek-worklog-view-btn:hover {
  background: #eff6ff !important;
  color: #0C3DF4 !important;
  border-color: #93c5fd !important;
}

.hrjtek-worklog-view-btn .dashicons {
  font-size: 16px;
  width: 16px;
  height: 16px;
}

.hrjtek-hours-variance {
  display: inline-flex;
  min-width: 58px;
  justify-content: center;
  padding: 4px 8px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 12px;
}

.hrjtek-hours-variance.positive {
  background: #ecfdf5;
  color: #047857;
}

.hrjtek-hours-variance.zero {
  background: #f1f5f9;
  color: #64748b;
}

.hrjtek-hours-variance.negative {
  background: #fef2f2;
  color: #dc2626;
}

/* Table width balance */
.hrjtek-reports-table {
  min-width: 1150px !important;
  table-layout: fixed !important;
}

.hrjtek-reports-table th:nth-child(6),
.hrjtek-reports-table td:nth-child(6){
    width:400px !important;
    min-width:400px !important;
    max-width:400px !important;
}

.hrjtek-worklog-summary-card {
    display: inline-flex;
    flex-direction: column;
    gap: 12px;
    min-width: auto;
    width: auto;
}

.hrjtek-worklog-summary-top {
    display: flex;
    align-items: center;
    gap: 16px;
}

.hrjtek-worklog-summary-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.hrjtek-worklog-view-btn {
    margin-left: 8px;
}
#bulk-approve-btn.is-disabled,
#bulk-approve-btn:disabled {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  box-shadow: none !important;
}
.hrjtek-reports-toolbar {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-bottom: 16px;
}

#reports-filter-panel {
  background: #fff;
  border: 1px solid #e5eaf3;
  border-radius: 14px;
  padding: 16px;
  margin-bottom: 18px;
}

#reports-filter-panel .hrjtek-reports-filter-left {
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  gap: 14px;
}

.hrjtek-search-suggest-wrap {
  position: relative;
}

.hrjtek-search-suggest-wrap .hrjtek-reports-date {
  width: 100%;
}

.hrjtek-search-suggestions {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  background: #fff;
  border: 1px solid #dbeafe;
  border-radius: 12px;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.12);
  padding: 6px;
  z-index: 9999;
  max-height: 240px;
  overflow-y: auto;
}

.hrjtek-search-suggestion-item {
  width: 100%;
  border: 0;
  background: transparent;
  color: #0f172a;
  text-align: left;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
}

.hrjtek-search-suggestion-item:hover,
.hrjtek-search-suggestion-item:focus {
  background: #eff6ff !important;
  color: #0C3DF4 !important;
}
/* ===== Team Lead Reports Filter Premium UI ===== */

body.hrjtek-portal .hrjtek-reports-toolbar {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 0 16px !important;
}

body.hrjtek-portal .hrjtek-reports-toolbar .hrjtek-btn {
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 18px !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    line-height: 1 !important;
}

body.hrjtek-portal .hrjtek-reports-toolbar .btn-blue {
    background: linear-gradient(137deg, #0C3DF4 0%, #02B4FE 100%) !important;
    border: 1px solid transparent !important;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(12, 61, 244, 0.18) !important;
}

body.hrjtek-portal #bulk-approve-btn.is-disabled,
body.hrjtek-portal #bulk-approve-btn:disabled {
    opacity: .45 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

body.hrjtek-portal #reports-filter-panel {
    background: #ffffff !important;
    border: 1px solid #e5eaf3 !important;
    border-radius: 16px !important;
    padding: 16px 18px !important;
    margin-bottom: 18px !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04) !important;
}

body.hrjtek-portal #reports-filter-panel .hrjtek-reports-filter-left {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(180px, 1fr)) !important;
    gap: 14px !important;
    align-items: center !important;
}

body.hrjtek-portal #reports-filter-panel .hrjtek-reports-date,
body.hrjtek-portal #reports-filter-panel select,
body.hrjtek-portal #reports-filter-panel input[type="date"],
body.hrjtek-portal #reports-filter-panel input[type="search"] {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    border: 1px solid #dbe4f0 !important;
    border-radius: 12px !important;
    background-color: #ffffff !important;
    color: #0f172a !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 0 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

body.hrjtek-portal #reports-filter-panel select {
    appearance: auto !important;
    cursor: pointer !important;
}

body.hrjtek-portal #reports-filter-panel input::placeholder {
    color: #94a3b8 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

body.hrjtek-portal #reports-filter-panel .hrjtek-reports-date:focus,
body.hrjtek-portal #reports-filter-panel select:focus,
body.hrjtek-portal #reports-filter-panel input[type="date"]:focus,
body.hrjtek-portal #reports-filter-panel input[type="search"]:focus {
    border-color: #0C7FF4 !important;
    box-shadow: 0 0 0 3px rgba(12, 127, 244, 0.10) !important;
}

body.hrjtek-portal .hrjtek-search-suggest-wrap {
    position: relative !important;
    width: 100% !important;
}

body.hrjtek-portal .hrjtek-search-suggestions {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: calc(100% + 6px) !important;
    background: #ffffff !important;
    border: 1px solid #dbeafe !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.12) !important;
    padding: 6px !important;
    z-index: 9999 !important;
    max-height: 220px !important;
    overflow-y: auto !important;
}

body.hrjtek-portal .hrjtek-search-suggestion-item {
    width: 100% !important;
    border: 0 !important;
    background: transparent !important;
    color: #475569 !important;
    text-align: left !important;
    padding: 9px 11px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
}

body.hrjtek-portal .hrjtek-search-suggestion-item:hover,
body.hrjtek-portal .hrjtek-search-suggestion-item:focus {
    background: #eff6ff !important;
    color: #0C3DF4 !important;
}

#hrjtek-emp-attn {
  min-height: 255px;
}

#hrjtek-emp-attn .attn-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
  align-items: center;
}

#hrjtek-emp-attn .attn-actions .hrjtek-btn,
#hrjtek-emp-attn .attn-actions .hrjtek-chip {
  min-width: 165px;
  height: 46px;
  padding: 0 16px;
  border-radius: 13px;
  font-size: 14px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#hrjtek-lunch-note {
  width: 100%;
  padding: 13px 15px;
  border-radius: 13px;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  color: #9a3412;
  font-size: 13px !important;
  font-weight: 700;
}

#hrjtek-attn-logs {
  margin-left: 0;
  margin-right: 0;
  min-width: 220px;
  background: #fff;
  border: 1px solid #dbe4ff;
  color: #0f172a;
}
#hrjtek-emp-attn .attn-actions {
  align-items: flex-start;
}

#hrjtek-emp-resume-work {
  margin-right: 0;
}
#hrjtek-lunch-note {
  flex-basis: 100%;
}
#hrjtek-emp-attn .hrjtek-btn.is-disabled,
#hrjtek-emp-attn .hrjtek-btn:disabled {
  opacity: .55;
  box-shadow: none;
}

.hrjtek-report-view-dialog {
  width: min(96vw, 1120px);
  max-width: 1120px;
  border-radius: 18px;
}

.hrjtek-report-view-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
  margin-bottom: 22px;
  padding: 18px;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
}

.hrjtek-report-view-grid p {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.hrjtek-report-view-grid strong {
  color: #334155;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.hrjtek-report-view-grid span {
  color: #0f172a;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.hrjtek-report-section-head{
    margin:0 0 8px;
    padding:0;
}

.hrjtek-report-section-head h4{
    margin:0;
    color:#1e3a5f;
    font-size:16px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:0;
}

.hrjtek-report-section-head span{
    display:block;
    margin-top:2px;
    color:#64748b;
    font-size:13px;
    line-height:1.4;
}

.hrjtek-report-view-block{
    margin-top:4px;
}

.hrjtek-project-items-table-wrap{
    margin-top:6px;
    border:1px solid #e5e7eb;
    border-radius:16px;
    overflow:hidden;
    background:#fff;
}

.hrjtek-project-items-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.hrjtek-project-items-table th {
  background: #f8fafc;
  color: #334155;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  padding: 14px 16px;
  border-bottom: 1px solid #e5e7eb;
  text-align: left;
  white-space: nowrap;
}

.hrjtek-project-items-table td {
  color: #0f172a;
  font-size: 14px;
  line-height: 1.6;
  padding: 14px 16px;
  border-bottom: 1px solid #eef2f7;
  vertical-align: top;
}

.hrjtek-project-items-table tbody tr:last-child td {
  border-bottom: 0;
}

.hrjtek-project-items-table tbody tr:hover {
  background: #f9fbff;
}
/* Project Worklog popup table width fix */
.hrjtek-project-items-table {
    table-layout: fixed;
    width: 100%;
}

/* Column width control */
.hrjtek-project-items-table th:nth-child(1),
.hrjtek-project-items-table td:nth-child(1) {
    width: 9%;
}

.hrjtek-project-items-table th:nth-child(2),
.hrjtek-project-items-table td:nth-child(2) {
    width: 14%;
}

.hrjtek-project-items-table th:nth-child(3),
.hrjtek-project-items-table td:nth-child(3) {
    width: 27%;
}

.hrjtek-project-items-table th:nth-child(4),
.hrjtek-project-items-table td:nth-child(4) {
    width: 8%;
}

.hrjtek-project-items-table th:nth-child(5),
.hrjtek-project-items-table td:nth-child(5) {
    width: 10%;
}

.hrjtek-project-items-table th:nth-child(6),
.hrjtek-project-items-table td:nth-child(6) {
    width: 10%;
}

.hrjtek-project-items-table th:nth-child(7),
.hrjtek-project-items-table td:nth-child(7) {
    width: 12%;
}

.hrjtek-project-items-table th:nth-child(8),
.hrjtek-project-items-table td:nth-child(8) {
    width: 10%;
}

/* Prevent long description from breaking table */
.hrjtek-project-items-table td {
    word-break: break-word;
    overflow-wrap: anywhere;
    vertical-align: top;
}

/* Status should not cut */
.hrjtek-project-items-table th:nth-child(8),
.hrjtek-project-items-table td:nth-child(8) {
    white-space: nowrap;
}
/* Fix Hours Variance and Status heading overlap */
.hrjtek-project-items-table th:nth-child(7),
.hrjtek-project-items-table td:nth-child(7) {
    width: 13%;
    min-width: 130px;
}

.hrjtek-project-items-table th:nth-child(8),
.hrjtek-project-items-table td:nth-child(8) {
    width: 10%;
    min-width: 110px;
}

.hrjtek-project-items-table th {
    white-space: nowrap;
}
.hrjtek-filter-date::placeholder {
  color: #94a3b8;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}
/* Reports page heading - same style as Project Reports */
.hrjtek-reports-page-head{
      display:flex;
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom:16px;
    margin:0 0 14px;
    padding:0;
}

.hrjtek-reports-heading-left{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:20px;
    font-weight:800;
    color:#0f172a;
}

.hrjtek-reports-heading-left .dashicons{
    width:24px;
    height:24px;
    font-size:24px;
    line-height:24px;
    color:#0C3DF4;
}

.hrjtek-reports-heading-wrap h3{
    margin:0 !important;
    font-size:19px;
    line-height:1.15;
    font-weight:850;
    color:#0f172a;
}

.hrjtek-reports-heading-wrap p{
    margin:4px 0 0;
    font-size:13px;
    line-height:1.3;
    color:#64748b;
    font-weight:500;
}
.hrjtek-reports-heading-left{
    display:flex;
    align-items:flex-start;
    gap:12px;
}

.hrjtek-reports-heading-wrap{
    display:flex;
    flex-direction:column;
}

.hrjtek-reports-actions{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-top:4px;
}
.hrjtek-reports-page-head{
    min-height:64px;
    align-items:flex-start;
}

.hrjtek-reports-actions{
    padding-top:2px;
}
body.hrjtek-portal .hrjtek-reports-page-head{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:20px !important;
    margin:0 0 18px !important;
}

body.hrjtek-portal .hrjtek-reports-heading-left{
    display:flex !important;
    align-items:flex-start !important;
    gap:12px !important;
    min-width:0 !important;
}

body.hrjtek-portal .hrjtek-reports-toolbar{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:flex-end !important;
    gap:12px !important;
    margin:0 !important;
    padding-top:4px !important;
    flex-shrink:0 !important;
}

body.hrjtek-portal .hrjtek-reports-toolbar .hrjtek-btn{
    height:54px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
}
/* Daily Work Reports / Team Reports heading - match Project Reports exactly */
body.hrjtek-portal .hrjtek-reports-page-head{
    display:flex !important;
    justify-content:space-between !important;
    align-items:flex-start !important;
    gap:20px !important;
    margin:0 0 14px !important;
    padding:0 !important;
}

body.hrjtek-portal .hrjtek-reports-heading-left{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    font-size:20px !important;
    font-weight:800 !important;
    color:#0f172a !important;
    min-width:0 !important;
}

body.hrjtek-portal .hrjtek-reports-heading-left > .dashicons{
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    font-size:24px !important;
    line-height:24px !important;
    margin-top:0 !important;
    color:#0C3DF4 !important;
}

body.hrjtek-portal .hrjtek-reports-heading-wrap h3{
    margin:0 !important;
    font-size:19px !important;
    line-height:1.15 !important;
    font-weight:850 !important;
    color:#0f172a !important;
}

body.hrjtek-portal .hrjtek-reports-heading-wrap p{
    margin:4px 0 0 !important;
   
       font-size: 16px !important;
    letter-spacing: 1px !important;
    line-height: 28px !important;
    color: #616161 !important;
    font-weight: 400 !important;
}

body.hrjtek-portal .hrjtek-reports-toolbar{
    display:flex !important;
    justify-content:flex-end !important;
    align-items:flex-start !important;
    gap:12px !important;
    margin:0 !important;
    padding-top:0 !important;
    flex-shrink:0 !important;
}

/* ==========================================
   Daily Reports / Team Reports Button UI
   Match Project Reports exactly
   ========================================== */

.hrjtek-reports-toolbar .hrjtek-btn,
.hrjtek-reports-toolbar button,
.hrjtek-reports-filter-right .hrjtek-btn,
#approve-selected-btn,
#filter-btn {

    height: 46px !important;
    min-height: 46px !important;
    padding: 0 18px !important;

    border-radius: 12px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 8px !important;

    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    text-decoration: none !important;
    white-space: nowrap !important;

    background: linear-gradient(
        137deg,
        #0C3DF4 0%,
        #02B4FE 100%
    ) !important;

    color: #ffffff !important;
    border: none !important;

    box-shadow: 0 8px 18px rgba(12,61,244,.16) !important;

    transition: all .25s ease !important;
}

/* Hover */

.hrjtek-reports-toolbar .hrjtek-btn:hover,
.hrjtek-reports-toolbar button:hover,
.hrjtek-reports-filter-right .hrjtek-btn:hover,
#approve-selected-btn:hover,
#filter-btn:hover{

    background: linear-gradient(
        137deg,
        #0A32CC 0%,
        #0295D9 100%
    ) !important;

    color:#ffffff !important;

    transform: translateY(-1px);

    box-shadow:
        0 12px 24px rgba(12,61,244,.22) !important;
}

/* Icons */

.hrjtek-reports-toolbar .dashicons,
.hrjtek-reports-filter-right .dashicons,
#approve-selected-btn .dashicons,
#filter-btn .dashicons{

    width:17px !important;
    height:17px !important;
    font-size:17px !important;
    line-height:17px !important;

    margin:0 !important;
}


/* Keep disabled but same UI */
body.hrjtek-portal #bulk-approve-btn[disabled],
body.hrjtek-portal #bulk-approve-btn.is-disabled {
    cursor: not-allowed !important;
    pointer-events: none !important;
}

/* Icon size */
body.hrjtek-portal #bulk-approve-btn .dashicons {
    width: 17px !important;
    height: 17px !important;
    font-size: 17px !important;
    line-height: 17px !important;
    margin: 0 !important;
}
/* Bulk Approve Disabled State */
#bulk-approve-btn[disabled]{
    background: #dbeafe !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
    pointer-events: none !important;
}

/* Enabled State */
#bulk-approve-btn:not([disabled]){
    background: linear-gradient(137deg,#0C3DF4 0%,#02B4FE 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(12,61,244,.16) !important;
}
/* Bulk approve button - default shared button style */
body.hrjtek-portal #bulk-approve-btn{
    height:46px !important;
    min-height:46px !important;
    padding:0 18px !important;
    border-radius:12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    font-size:15px !important;
    line-height:1 !important;
    font-weight:700 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    border:none !important;
    transition:all .25s ease !important;
}

/* Disabled state - default view */
body.hrjtek-portal #bulk-approve-btn.is-disabled,
body.hrjtek-portal #bulk-approve-btn[disabled]{
    background:#dbeafe !important;
    background-image:none !important;
    color:#ffffff !important;
    box-shadow:none !important;
    cursor:not-allowed !important;
    opacity:1 !important;
    pointer-events:none !important;
    transform:none !important;
}

/* Enabled state - after checkbox selected */
body.hrjtek-portal #bulk-approve-btn:not(.is-disabled):not([disabled]){
    background:linear-gradient(137deg,#0C3DF4 0%,#02B4FE 100%) !important;
    color:#ffffff !important;
    box-shadow:0 8px 18px rgba(12,61,244,.16) !important;
    cursor:pointer !important;
    pointer-events:auto !important;
}

/* Enabled hover */
body.hrjtek-portal #bulk-approve-btn:not(.is-disabled):not([disabled]):hover{
    background:linear-gradient(137deg,#0A32CC 0%,#0295D9 100%) !important;
    color:#ffffff !important;
    transform:translateY(-1px) !important;
    box-shadow:0 12px 24px rgba(12,61,244,.22) !important;
}

/* Icon */
body.hrjtek-portal #bulk-approve-btn .dashicons{
    width:17px !important;
    height:17px !important;
    font-size:17px !important;
    line-height:17px !important;
    margin:0 !important;
}
/* Checkout task card layout fix */
.hrjtek-project-task-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px 26px;
    align-items: start;
}

.hrjtek-project-task-grid .hrjtek-form-group {
    min-width: 0;
}

.hrjtek-project-task-grid .hrjtek-form-group label {
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    margin-bottom: 8px;
}

.hrjtek-project-task-grid .hrjtek-form-group input,
.hrjtek-project-task-grid .hrjtek-form-group select,
.hrjtek-project-task-grid .hrjtek-form-group textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.hrjtek-project-task-grid .hrjtek-form-full {
    grid-column: 1 / -1;
}

.hrjtek-project-task-grid .hrjtek-task-description {
    min-height: 120px;
    resize: vertical;
}

.hrjtek-project-task-grid .hrjtek-char-count {
    display: block;
    text-align: right;
    margin-top: 6px;
}
/* Checkout popup task layout final fix */
body.hrjtek-portal .hrjtek-project-task-grid {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 18px 26px !important;
    align-items: start !important;
}

/* Row 1: Project Name | Task Title | Jira ID */
body.hrjtek-portal .hrjtek-project-task-grid > .hrjtek-form-group:nth-child(1),
body.hrjtek-portal .hrjtek-project-task-grid > .hrjtek-form-group:nth-child(2),
body.hrjtek-portal .hrjtek-project-task-grid > .hrjtek-form-group:nth-child(3) {
    grid-column: span 4 !important;
}

/* Row 2: Estimated | Completed | Variance | Status */
body.hrjtek-portal .hrjtek-project-task-grid > .hrjtek-form-group:nth-child(4),
body.hrjtek-portal .hrjtek-project-task-grid > .hrjtek-form-group:nth-child(5),
body.hrjtek-portal .hrjtek-project-task-grid > .hrjtek-form-group:nth-child(6),
body.hrjtek-portal .hrjtek-project-task-grid > .hrjtek-form-group:nth-child(7) {
    grid-column: span 3 !important;
}

/* Row 3: Task Description full width */
body.hrjtek-portal .hrjtek-project-task-grid > .hrjtek-form-group:nth-child(8),
body.hrjtek-portal .hrjtek-project-task-grid > .hrjtek-form-full {
    grid-column: 1 / -1 !important;
}

body.hrjtek-portal .hrjtek-project-task-card label {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
}

body.hrjtek-portal .hrjtek-project-task-card input,
body.hrjtek-portal .hrjtek-project-task-card select {
    width: 100% !important;
    min-width: 0 !important;
}

body.hrjtek-portal .hrjtek-project-task-card textarea.hrjtek-task-description {
    width: 100% !important;
    min-height: 120px !important;
    resize: vertical !important;
}

body.hrjtek-portal .hrjtek-char-count {
    display: block !important;
    text-align: right !important;
    margin-top: 6px !important;
}
/* Checkout popup buttons - same as Filter button */
body.hrjtek-portal #hrjtek-checkout-report-modal #hrjtek-add-project-task,
body.hrjtek-portal #hrjtek-checkout-report-modal #hrjtek-checkout-report-submit {
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 18px !important;
    border-radius: 12px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    background: linear-gradient(137deg, #0C3DF4 0%, #02B4FE 100%) !important;
    color: #ffffff !important;
    border: none !important;

    box-shadow: 0 8px 18px rgba(12,61,244,.16) !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

body.hrjtek-portal #hrjtek-checkout-report-modal #hrjtek-add-project-task:hover,
body.hrjtek-portal #hrjtek-checkout-report-modal #hrjtek-checkout-report-submit:hover {
    background: linear-gradient(137deg, #0A32CC 0%, #0295D9 100%) !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(12,61,244,.22) !important;
}

/* Cancel button - same size, outline style */
body.hrjtek-portal #hrjtek-checkout-report-modal #hrjtek-checkout-report-cancel {
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 18px !important;
    border-radius: 12px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    background: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid #dbe4f0 !important;
    box-shadow: 0 4px 10px rgba(15,23,42,.06) !important;
}

body.hrjtek-portal #hrjtek-checkout-report-modal #hrjtek-checkout-report-cancel:hover {
    background: #f8fbff !important;
    border-color: #0C7FF4 !important;
    color: #0C3DF4 !important;
}

/* Modal footer button spacing */
body.hrjtek-portal #hrjtek-checkout-report-modal .hrjtek-modal-foot {
    gap: 10px !important;
}
/* Task Description count + error alignment fix */
.hrjtek-project-task-card .hrjtek-form-full {
    position: relative !important;
}

.hrjtek-project-task-card .hrjtek-form-full .hrjtek-field-error {
    display: block !important;
    margin-top: 8px !important;
    padding-top: 0 !important;
    line-height: 1.2 !important;
}

.hrjtek-project-task-card .hrjtek-form-full textarea.hrjtek-task-description {
    margin-bottom: 0 !important;
}
/* Task Description counter positioning fix */
body.hrjtek-portal .hrjtek-form-full {
    position: relative !important;
    padding-bottom: 28px !important;
}

body.hrjtek-portal .hrjtek-form-full .hrjtek-char-count {
    position: absolute !important;
    right: 0 !important;
    bottom: 8px !important;
    margin: 0 !important;
    font-size: 12px !important;
    color: #64748b !important;
    line-height: 1 !important;
}

body.hrjtek-portal .hrjtek-form-full .hrjtek-field-error {
    margin-top: 8px !important;
    display: block !important;
}

body.hrjtek-portal textarea.hrjtek-task-description {
    margin-bottom: 0 !important;
}

/* Daily / Team Reports sorting - same as Project Reports */
.hrjtek-reports-table .sortable-col {
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    position: relative;
}

.hrjtek-reports-table .sortable-col .dashicons {
    width: 14px !important;
    height: 14px !important;
    font-size: 14px !important;
    line-height: 14px !important;
    margin-left: 4px !important;
    vertical-align: middle !important;
    opacity: .55;
    color: #94a3b8;
}

.hrjtek-reports-table .sortable-col:hover,
.hrjtek-reports-table .sortable-col.is-sorted,
.hrjtek-reports-table .sortable-col.is-sort-asc,
.hrjtek-reports-table .sortable-col.is-sort-desc {
    color: #0C3DF4 !important;
}

.hrjtek-reports-table .sortable-col:hover .dashicons,
.hrjtek-reports-table .sortable-col.is-sorted .dashicons,
.hrjtek-reports-table .sortable-col.is-sort-asc .dashicons,
.hrjtek-reports-table .sortable-col.is-sort-desc .dashicons {
    opacity: 1;
    color: #0C3DF4 !important;
}
.th-label{
    display:inline-flex;
    align-items:center;
    gap:4px;
    white-space:nowrap;
}

.hrjtek-th-inline{
    display:inline-flex;
    align-items:center;
    gap:4px;
    white-space:nowrap;
}

.hrjtek-th-inline .dashicons{
    margin-left:0 !important;
    flex-shrink:0;
}
/* Report Details popup - inline label/value layout */
body.hrjtek-portal .hrjtek-report-view-grid.hrjtek-report-view-grid-inline{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:18px 34px !important;
    padding:20px 22px !important;
    background:#f8fafc !important;
    border:1px solid #e5e7eb !important;
    border-radius:16px !important;
    margin-bottom:22px !important;
}

body.hrjtek-portal .hrjtek-report-view-grid.hrjtek-report-view-grid-inline p{
    margin:0 !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    min-width:0 !important;
    white-space:nowrap !important;
    text-align:left !important;
}

body.hrjtek-portal .hrjtek-report-view-grid.hrjtek-report-view-grid-inline strong{
    display:inline-flex !important;
    width:auto !important;
    color:#334155 !important;
    font-size:13px !important;
    font-weight:800 !important;
    letter-spacing:.03em !important;
    text-transform:uppercase !important;
    flex:0 0 auto !important;
}

body.hrjtek-portal .hrjtek-report-view-grid.hrjtek-report-view-grid-inline span{
    display:inline-block !important;
    color:#0f172a !important;
    font-size:15px !important;
    font-weight:500 !important;
    line-height:1.4 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    min-width:0 !important;
}

#hrjtek-attn-logs-panel table td {
  font-size: 14px;
  font-weight: 500;
  color: #1f2937;
}

#hrjtek-attn-logs-panel .hrjtek-badge,
#hrjtek-attn-logs-panel .hrjtek-status-pill {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #111827 !important;
}

#hrjtek-attn-logs-panel td:nth-child(2) {
  font-weight: 700;
}

#hrjtek-attn-logs-panel td:nth-child(6) {
  font-weight: 700;
}
.hrjtek-log-type,
.hrjtek-log-duration,
.hrjtek-log-status{
    display:inline-block;
    padding:4px 10px;
    border-radius:6px;
    font-size:13px;
    font-weight:600;
}

.hrjtek-log-type.work{
    background:#eff6ff;
    color:#2563eb;
}

.hrjtek-log-type.break{
    background:#fff7ed;
    color:#ea580c;
}

.hrjtek-log-duration{
    background:#f8fafc;
    color:#475569;
    border:1px solid #e2e8f0;
}

.hrjtek-log-status.completed{
    background:#dcfce7;
    color:#15803d;
}

.hrjtek-log-status.break{
    background:#fff7ed;
    color:#ea580c;
}

.hrjtek-log-status.active{
    background:#dbeafe;
    color:#2563eb;
}
/* Keep Take Break and Resume Work in same position */
#hrjtek-emp-attn .attn-actions {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  align-items: center;
}

#hrjtek-emp-checkin {
  grid-column: 1;
  grid-row: 1;
}

#hrjtek-emp-checkout {
  grid-column: 2;
  grid-row: 1;
}

#hrjtek-emp-start-lunch,
#hrjtek-emp-resume-work {
  grid-column: 3;
  grid-row: 1;
}

#hrjtek-lunch-note {
  grid-column: 1 / -1;
  grid-row: 2;
}

#hrjtek-attn-logs {
  grid-column: 1;
  grid-row: 3;
}
/* Premium attendance card layout fix */


.hrjtek-attn-actions .hrjtek-btn {
    width: 100%;
    min-width: 0;
    white-space: nowrap;
    justify-content: center;
}

/* Auto checkout notice premium card */
#hrjtek-auto-checkout-notice {
    width: 100%;
    margin: 18px 0 0;
    padding: 18px;
    border-radius: 18px;
    background: linear-gradient(135deg, #eff6ff 0%, #f8fbff 100%);
    border: 1px solid #bfdbfe;
    box-shadow: 0 18px 45px rgba(37, 99, 235, 0.12);
}

#hrjtek-auto-checkout-notice strong {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 8px;
}

#hrjtek-auto-checkout-notice strong::before {
    content: "⚠";
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #dbeafe;
    color: #2563eb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

#hrjtek-auto-checkout-message {
    margin: 0 0 14px;
    color: #475569;
    font-size: 14px;
    line-height: 1.5;
}

#hrjtek-open-regularization {
    width: 100%;
    min-height: 46px;
    border-radius: 14px;
    font-weight: 800;
    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.25);
}

/* Keep View logs separate and aligned */
#hrjtek-attn-logs {
    margin-top: 16px;
    width: 220px;
    justify-content: center;
}

/* Prevent buttons going outside card */
.hrjtek-attendance-card,
.hrjtek-attn-card,
#hrjtek-emp-attn {
    overflow: hidden;
}
/* Fix attendance action buttons overflow */
#hrjtek-emp-attn .hrjtek-attn-actions,
.hrjtek-attn-actions {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

.hrjtek-attn-actions {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    align-items: center;
    width: 100%;
}
#hrjtek-emp-attn .hrjtek-attn-actions .hrjtek-btn,
.hrjtek-attn-actions .hrjtek-btn {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    padding: 14px 10px !important;
    font-size: 14px !important;
    white-space: nowrap !important;
    text-align: center !important;
    justify-content: center !important;
}

/* Disabled check-in should not take extra width */
#hrjtek-emp-checkin {
    min-width: 0 !important;
}

/* FINAL FIX: Attendance buttons should fit inside card */
#hrjtek-emp-attn .attn-actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  overflow: hidden !important;
}

#hrjtek-emp-attn .attn-actions .hrjtek-btn,
#hrjtek-emp-attn .attn-actions .hrjtek-chip {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 48px !important;
  padding: 0 10px !important;
  font-size: 14px !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

#hrjtek-emp-checkin {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

#hrjtek-emp-checkout {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

#hrjtek-emp-start-lunch,
#hrjtek-emp-resume-work {
  grid-column: 3 !important;
  grid-row: 1 !important;
}

#hrjtek-auto-checkout-notice {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
}

#hrjtek-attn-logs {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  justify-self: center !important;
  width: 220px !important;
  min-width: 0 !important;
  margin-top: 16px !important;
}
.flatpickr-calendar {
    border: 1px solid #dbeafe !important;
    border-radius: 18px !important;
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.18) !important;
    font-family: inherit !important;
    overflow: hidden !important;
}

.flatpickr-months {
    background: linear-gradient(135deg, #0f4cff, #00a8ff);
    padding: 10px 8px;
}

.flatpickr-current-month,
.flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.flatpickr-weekdays {
    background: #f8fbff !important;
}

span.flatpickr-weekday {
    color: #64748b !important;
    font-weight: 700 !important;
}

.flatpickr-day {
    border-radius: 10px !important;
    font-weight: 600 !important;
}

.flatpickr-day.today {
    border-color: #0f4cff !important;
    color: #0f4cff !important;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
    background: linear-gradient(135deg, #0f4cff, #00a8ff) !important;
    border-color: #0f4cff !important;
    color: #ffffff !important;
}

.flatpickr-day:hover {
    background: #eaf2ff !important;
    border-color: #bfdbfe !important;
}

.flatpickr-day.disabled {
    color: #cbd5e1 !important;
}
.flatpickr-calendar {
    z-index: 9999999 !important;
}

.hrjtek-work-date-alt {
    width: 100% !important;
    cursor: pointer !important;
    background: #fff !important;
}

.hrjtek-work-date-alt::placeholder {
    color: #94a3b8;
}
.hrjtek-date-wrap {
    position: relative;
}

.hrjtek-date-wrap::after {
    content: "\f508";
    font-family: dashicons;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: #2563eb;
    font-size: 18px;
    pointer-events: none;
}

.hrjtek-work-date-alt {
    width: 100% !important;
    padding-right: 48px !important;
    cursor: pointer !important;
    background: #fff !important;
}

.flatpickr-calendar {
    z-index: 9999999 !important;
}
/* Checkout Work Date icon */
.hrjtek-date-wrap {
    position: relative;
}

.hrjtek-date-wrap::after {
    content: "\f508";
    font-family: dashicons;
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    color: #2563eb;
    font-size: 18px;
    line-height: 1;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.hrjtek-work-date-alt {
    width: 100% !important;
    height: 50px !important;
    padding: 0 52px 0 16px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    background: #fff !important;
}

/* Premium Flatpickr Calendar */
.flatpickr-calendar {
    border: 1px solid #dbeafe !important;
    border-radius: 16px !important;
    box-shadow: 0 22px 50px rgba(15, 23, 42, 0.22) !important;
    overflow: hidden !important;
    font-family: inherit !important;
    width: 330px !important;
    z-index: 9999999 !important;
}

.flatpickr-months {
    background: linear-gradient(135deg, #1457ff, #0ea5e9) !important;
    height: 58px !important;
    align-items: center !important;
}

.flatpickr-month {
    height: 58px !important;
}

.flatpickr-current-month {
    padding-top: 15px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    background: transparent !important;
}

.flatpickr-prev-month,
.flatpickr-next-month {
    top: 12px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    fill: #ffffff !important;
}

.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
    background: rgba(255,255,255,0.18) !important;
}

.flatpickr-prev-month svg,
.flatpickr-next-month svg {
    width: 14px !important;
    height: 14px !important;
    fill: #ffffff !important;
}

.flatpickr-weekdays {
    height: 42px !important;
    background: #f8fbff !important;
}

span.flatpickr-weekday {
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.flatpickr-days,
.dayContainer {
    width: 330px !important;
    max-width: 330px !important;
    min-width: 330px !important;
}

.flatpickr-day {
    max-width: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.flatpickr-day.today {
    border-color: #2563eb !important;
    color: #2563eb !important;
}

.flatpickr-day.selected {
    background: linear-gradient(135deg, #1457ff, #0ea5e9) !important;
    border-color: #1457ff !important;
    color: #ffffff !important;
}

.flatpickr-day:hover {
    background: #eaf2ff !important;
    border-color: #bfdbfe !important;
}

.flatpickr-day.disabled,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
    color: #d1d5db !important;
}
/* ===== FINAL FIX: Checkout date icon + Flatpickr alignment ===== */

/* Input wrapper */
body.hrjtek-portal #hrjtek-checkout-report-modal .hrjtek-date-wrap {
    position: relative !important;
    width: 100% !important;
}



/* Work date input */
body.hrjtek-portal #hrjtek-checkout-report-modal .hrjtek-work-date-alt {
    height: 50px !important;
    min-height: 50px !important;
    line-height: 50px !important;
    padding: 0 54px 0 16px !important;
    font-size: 15px !important;
    border-radius: 12px !important;
}

/* Calendar header alignment */
.flatpickr-calendar {
    width: 310px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    z-index: 9999999 !important;
}

.flatpickr-months {
    height: 54px !important;
    background: linear-gradient(135deg, #1457ff, #0ea5e9) !important;
    display: flex !important;
    align-items: center !important;
}

.flatpickr-month {
    height: 54px !important;
    background: transparent !important;
}

.flatpickr-current-month {
    left: 42px !important;
    top: 0 !important;
    width: calc(100% - 84px) !important;
    height: 54px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    background: transparent !important;
}

.flatpickr-prev-month,
.flatpickr-next-month {
    top: 10px !important;
    width: 34px !important;
    height: 34px !important;
    padding: 9px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.flatpickr-prev-month {
    left: 10px !important;
}

.flatpickr-next-month {
    right: 10px !important;
}

.flatpickr-prev-month svg,
.flatpickr-next-month svg {
    width: 14px !important;
    height: 14px !important;
    fill: #ffffff !important;
}
/* ===== FINAL FIX: Checkout date icon + Flatpickr alignment ===== */

/* Input wrapper */
body.hrjtek-portal #hrjtek-checkout-report-modal .hrjtek-date-wrap {
    position: relative !important;
    width: 100% !important;
}

/* Calendar icon exactly center */
body.hrjtek-portal #hrjtek-checkout-report-modal .hrjtek-date-wrap::after {
    content: "\f508" !important;
    font-family: dashicons !important;

    position: absolute !important;
    right: 18px !important;

    top: 0 !important;
    bottom: 0 !important;
    margin: auto 0 !important;

    width: 20px !important;
    height: 20px !important;

    font-size: 20px !important;
    line-height: 20px !important;

    color: #2563eb !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    pointer-events: none !important;
}
body.hrjtek-portal #hrjtek-checkout-report-modal .hrjtek-date-wrap {
    position: relative !important;
    height: 50px !important;
}

/* Work date input */
body.hrjtek-portal #hrjtek-checkout-report-modal .hrjtek-work-date-alt {
    height: 50px !important;
    min-height: 50px !important;
    line-height: 50px !important;
    padding: 0 54px 0 16px !important;
    font-size: 15px !important;
    border-radius: 12px !important;
}

/* Calendar header alignment */
.flatpickr-calendar {
    width: 310px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    z-index: 9999999 !important;
}

.flatpickr-months {
    height: 54px !important;
    background: linear-gradient(135deg, #1457ff, #0ea5e9) !important;
    display: flex !important;
    align-items: center !important;
}

.flatpickr-month {
    height: 54px !important;
    background: transparent !important;
}

.flatpickr-current-month {
    left: 42px !important;
    top: 0 !important;
    width: calc(100% - 84px) !important;
    height: 54px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    background: transparent !important;
}

.flatpickr-prev-month,
.flatpickr-next-month {
    top: 10px !important;
    width: 34px !important;
    height: 34px !important;
    padding: 9px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.flatpickr-prev-month {
    left: 10px !important;
}

.flatpickr-next-month {
    right: 10px !important;
}

.flatpickr-prev-month svg,
.flatpickr-next-month svg {
    width: 14px !important;
    height: 14px !important;
    fill: #ffffff !important;
}

/* FINAL FIX: Work Date calendar icon inside input */
body.hrjtek-portal #hrjtek-checkout-report-modal .hrjtek-date-wrap::after {
    content: none !important;
    display: none !important;
}

body.hrjtek-portal #hrjtek-checkout-report-modal .hrjtek-work-date-alt {
    height: 50px !important;
    min-height: 50px !important;
    line-height: 50px !important;
    padding: 0 52px 0 16px !important;
    background-color: #ffffff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 18px center !important;
    background-size: 20px 20px !important;
}
/* My Regularization heading - same as Daily Work Reports */
body.hrjtek-portal .hrjtek-regularization-page .hrjtek-regularization-page-head{
    display:flex !important;
    justify-content:space-between !important;
    align-items:flex-start !important;
    gap:20px !important;
    margin:0 0 24px !important;
    padding:0 !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-reports-heading-left{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-reports-heading-left > .dashicons{
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    font-size:24px !important;
    line-height:24px !important;
    color:#0C3DF4 !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-reports-heading-wrap h3{
    margin:0 !important;
    font-size:19px !important;
    line-height:1.15 !important;
    font-weight:850 !important;
    color:#0f172a !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-reports-heading-wrap p{
    margin:4px 0 0 !important;
    font-size:16px !important;
    letter-spacing:1px !important;
    line-height:28px !important;
    color:#616161 !important;
    font-weight:400 !important;
}
/* My Regularization form UI */
body.hrjtek-portal .hrjtek-regularization-page .hrjtek-reg-card{
    border:1px solid #dbeafe !important;
    border-radius:18px !important;
    padding:18px 18px 16px !important;
    background:#fff !important;
    box-shadow:0 10px 28px rgba(15,23,42,.06) !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-reg-card > h3{
    margin:0 0 22px !important;
    font-size:19px !important;
    line-height:1.2 !important;
    font-weight:850 !important;
    color:#0f172a !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-form-grid{
    gap:18px !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-form-group label{
    margin:0 0 4px !important;
    font-size:14px !important;
    line-height:20px !important;
    font-weight:750 !important;
    color:#0f172a !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-form-group input[type="date"],
body.hrjtek-portal .hrjtek-regularization-page .hrjtek-form-group input[type="text"],
body.hrjtek-portal .hrjtek-regularization-page .hrjtek-form-group textarea{
    width:100% !important;
    min-height:50px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:14px !important;
    padding:12px 16px !important;
    background:#fff !important;
    color:#334155 !important;
    font-size:16px !important;
    font-weight:500 !important;
    box-shadow:0 2px 8px rgba(15,23,42,.04) !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-form-group input[type="date"]{
    text-transform:uppercase !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-form-group input[type="date"]::-webkit-datetime-edit{
    text-transform:uppercase !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-form-group input[type="date"]::-webkit-datetime-edit-text,
body.hrjtek-portal .hrjtek-regularization-page .hrjtek-form-group input[type="date"]::-webkit-datetime-edit-day-field,
body.hrjtek-portal .hrjtek-regularization-page .hrjtek-form-group input[type="date"]::-webkit-datetime-edit-month-field,
body.hrjtek-portal .hrjtek-regularization-page .hrjtek-form-group input[type="date"]::-webkit-datetime-edit-year-field{
    text-transform:uppercase !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-form-group textarea{
    min-height:120px !important;
    resize:vertical !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-form-group input:focus,
body.hrjtek-portal .hrjtek-regularization-page .hrjtek-form-group textarea:focus{
    outline:none !important;
    border-color:#2563eb !important;
    box-shadow:0 0 0 4px rgba(37,99,235,.12) !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-btn.btn-blue{
    min-height:46px !important;
    padding:0 18px !important;
    border-radius:10px !important;
    font-size:15px !important;
    font-weight:800 !important;
    color:#fff !important;
    background:linear-gradient(90deg,#0b63ce,#0a7dff) !important;
    border:1px solid #0a7dff !important;
    box-shadow:0 8px 18px rgba(11,99,206,.25) !important;
}
body.hrjtek-portal .hrjtek-regularization-page-head{
    align-items:center !important;
}

body.hrjtek-portal #hrjtek-toggle-reg-form{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    min-height:46px !important;
    padding:0 18px !important;
    border-radius:14px !important;
    font-size:15px !important;
    font-weight:800 !important;
    white-space:nowrap !important;
}

body.hrjtek-portal #hrjtek-toggle-reg-form .dashicons{
    width:18px !important;
    height:18px !important;
    font-size:18px !important;
    line-height:18px !important;
}
/* Regularization date field icon alignment */
.hrjtek-regularization-page .hrjtek-form-group{
    position:relative;
}

.hrjtek-regularization-page .hrjtek-forgot-checkin-date-alt{
    height:50px !important;
    min-height:50px !important;
    padding-right:50px !important;
}

.hrjtek-regularization-page .hrjtek-form-group .flatpickr-calendar-icon,
.hrjtek-regularization-page .hrjtek-form-group .flatpickr-input-icon{
    position:absolute !important;
    right:16px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    margin:0 !important;
}
.hrjtek-regularization-page .hrjtek-date-wrap::after{
    content:"\f508";
    font-family:dashicons;
    position:absolute;
    right:22px;
    top:66% !important;
    transform:translateY(-50%);
    color:#2563eb;
    font-size:18px;
    line-height:1;
    width:18px;
    height:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    pointer-events:none;
}
/* My Regularization Table UI */
body.hrjtek-portal .hrjtek-regularization-page .hrjtek-reg-list-card{
    padding:0 !important;
    overflow:hidden !important;
    border:1px solid #dbeafe !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:0 10px 28px rgba(15,23,42,.06) !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-reg-table-scroll{
    width:100% !important;
    overflow-x:auto !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-my-reg-table{
    width:100% !important;
    min-width:1050px !important;
    border-collapse:collapse !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-my-reg-table thead th{
    background:#f8fafc !important;
    color:#334155 !important;
    font-size:14px !important;
    font-weight:800 !important;
    padding:18px 16px !important;
    border-bottom:1px solid #e5edf8 !important;
    white-space:nowrap !important;
    text-align:left !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-my-reg-table tbody td{
    padding:18px 16px !important;
    border-bottom:1px solid #eef2f7 !important;
    color:#0f172a !important;
    font-size:14px !important;
    vertical-align:middle !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-my-reg-table tbody tr:hover{
    background:#f8fbff !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-reg-date,
body.hrjtek-portal .hrjtek-regularization-page .hrjtek-reg-time{
    font-weight:700 !important;
    color:#0f172a !important;
    white-space:nowrap !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-reg-type{
    display:inline-flex !important;
    align-items:center !important;
    padding:7px 12px !important;
    border-radius:999px !important;
    background:#eef6ff !important;
    border:1px solid #bfdbfe !important;
    color:#1d4ed8 !important;
    font-size:13px !important;
    font-weight:800 !important;
    white-space:nowrap !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-reg-reason{
    max-width:360px !important;
    line-height:1.45 !important;
    color:#334155 !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-status-stack{
    display:flex !important;
    flex-direction:column !important;
    gap:7px !important;
    align-items:flex-start !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-status-pill{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:105px !important;
    padding:5px 11px !important;
    border-radius:999px !important;
    font-size:12px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
    text-transform:capitalize !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-status-pill.status-pending{
    background:#fff7ed !important;
    border:1px solid #fed7aa !important;
    color:#c2410c !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-status-pill.status-approved{
    background:#dcfce7 !important;
    border:1px solid #bbf7d0 !important;
    color:#166534 !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-status-pill.status-rejected{
    background:#fee2e2 !important;
    border:1px solid #fecaca !important;
    color:#b91c1c !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-reg-note{
    color:#64748b !important;
    font-weight:600 !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-empty-box{
    padding:34px 20px !important;
    text-align:center !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-empty-box .dashicons{
    width:44px !important;
    height:44px !important;
    font-size:44px !important;
    line-height:44px !important;
    color:#2563eb !important;
    margin-bottom:10px !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-empty-box h4{
    margin:0 0 6px !important;
    font-size:18px !important;
    font-weight:850 !important;
    color:#0f172a !important;
}

body.hrjtek-portal .hrjtek-regularization-page .hrjtek-empty-box p{
    margin:0 !important;
    color:#64748b !important;
    font-size:14px !important;
}
.hrjtek-regularization-page .hrjtek-sortable-reg{
    cursor:pointer !important;
    user-select:none !important;
    white-space:nowrap !important;
}

.hrjtek-regularization-page .hrjtek-sortable-reg .dashicons{
    width:15px !important;
    height:15px !important;
    font-size:15px !important;
    line-height:15px !important;
    color:#cbd5e1 !important;
    margin-left:5px !important;
    vertical-align:middle !important;
}

.hrjtek-regularization-page .hrjtek-sortable-reg:hover,
.hrjtek-regularization-page .hrjtek-sortable-reg:hover .dashicons{
    color:#2563eb !important;
}

.hrjtek-regularization-page .hrjtek-reg-pagination{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    padding:16px 18px !important;
    border-top:1px solid #eef2f7 !important;
    background:#fff !important;
    flex-wrap:wrap !important;
}

.hrjtek-regularization-page .hrjtek-reg-page-info{
    font-size:14px !important;
    font-weight:600 !important;
    color:#64748b !important;
}

.hrjtek-regularization-page .hrjtek-reg-page-actions{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
}

.hrjtek-regularization-page .hrjtek-reg-pagebox{
    min-width:40px !important;
    height:40px !important;
    border-radius:12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#2563eb !important;
    color:#fff !important;
    font-size:15px !important;
    font-weight:800 !important;
}
.hrjtek-reg-note-wrap{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.hrjtek-reg-note-label{
    font-size:12px;
    font-weight:700;
    color:#64748b;
}

.hrjtek-reg-note{
    font-size:14px;
    font-weight:600;
    color:#334155;
}
.hrjtek-regularization-page .hrjtek-reg-type{
    display:inline-flex !important;
    align-items:center !important;
    padding:4px 8px !important;
    border-radius:8px !important;
    background:#f1f5f9 !important;
    border:1px solid #e2e8f0 !important;
    color:#334155 !important;
    font-size:12px !important;
    font-weight:700 !important;
    white-space:nowrap !important;
}
.hrjtek-regularization-page .hrjtek-reg-note{
    display:block !important;
    max-width:180px !important;
    color:#475569 !important;
    font-size:13px !important;
    font-weight:600 !important;
    line-height:1.45 !important;
    white-space:normal !important;
}
/* My Regularization - Request Type */
body.hrjtek-portal .hrjtek-regularization-page .hrjtek-reg-type{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:6px 10px !important;
    min-height:30px !important;
    border-radius:8px !important;
    background:#f8fafc !important;
    border:1px solid #e2e8f0 !important;
    color:#334155 !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1 !important;
    box-shadow:none !important;
    white-space:nowrap !important;
}
/* Admin / TL Attendance Regularization UI */
body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reports-page-head{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    margin:0 0 28px !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reports-heading-left{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reports-heading-left > .dashicons{
    color:#0C3DF4 !important;
    font-size:24px !important;
    width:24px !important;
    height:24px !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reports-heading-wrap h3{
    margin:0 !important;
    font-size:19px !important;
    font-weight:850 !important;
    color:#0f172a !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reports-heading-wrap p{
    margin:4px 0 0 !important;
    font-size:16px !important;
    letter-spacing:1px !important;
    line-height:28px !important;
    color:#616161 !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reg-filter-field{
    display:flex !important;
    flex-direction:column !important;
    gap:6px !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reg-filter-field label{
    font-size:13px !important;
    font-weight:700 !important;
    color:#334155 !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reg-filter-field input,
body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reg-filter-field select{
    height:48px !important;
    min-width:220px !important;
    border:1px solid #dbe5f3 !important;
    border-radius:12px !important;
    padding:0 14px !important;
    background:#fff !important;
    color:#0f172a !important;
    font-size:15px !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reg-list-card{
    padding:0 !important;
    overflow:hidden !important;
    border:1px solid #dbeafe !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:0 10px 28px rgba(15,23,42,.06) !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reg-table-scroll{
    width:100% !important;
    overflow-x:auto !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-admin-reg-table{
    width:100% !important;
    min-width:980px !important;
    table-layout:fixed !important;
    border-collapse:collapse !important;
}
body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-admin-reg-table th:nth-child(1),
body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-admin-reg-table td:nth-child(1){
    width:260px !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-admin-reg-table th:nth-child(2),
body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-admin-reg-table td:nth-child(2){
    width:130px !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-admin-reg-table th:nth-child(3),
body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-admin-reg-table td:nth-child(3){
    width:170px !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-admin-reg-table th:nth-child(4),
body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-admin-reg-table td:nth-child(4){
    width:260px !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-admin-reg-table th:nth-child(5),
body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-admin-reg-table td:nth-child(5){
    width:210px !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-admin-reg-table th:nth-child(6),
body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-admin-reg-table td:nth-child(6){
    width:150px !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-admin-reg-table th:nth-child(7),
body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-admin-reg-table td:nth-child(7){
    width:150px !important;
}
body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-admin-reg-table th{
    background:#f8fafc !important;
    color:#475569 !important;
    font-size:14px !important;
    font-weight:700 !important;
    padding:18px 16px !important;
    border-bottom:1px solid #e5edf8 !important;
    text-align:left !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-admin-reg-table td{
    padding:18px 16px !important;
    border-bottom:1px solid #eef2f7 !important;
    color:#0f172a !important;
    font-size:14px !important;
    vertical-align:middle !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reg-emp{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    min-width:230px !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reg-avatar{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    border-radius:999px !important;
    background:#dbeafe !important;
    color:#1d4ed8 !important;
    font-size:15px !important;
    font-weight:800 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reg-emp strong{
    display:block !important;
    font-size:14px !important;
    font-weight:800 !important;
    color:#0f172a !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reg-emp span:last-child{
    display:block !important;
    font-size:13px !important;
    color:#64748b !important;
    margin-top:2px !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reg-type{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:6px 10px !important;
    min-height:30px !important;
    border-radius:8px !important;
    background:#f8fafc !important;
    border:1px solid #e2e8f0 !important;
    color:#334155 !important;
    font-size:13px !important;
    font-weight:700 !important;
    white-space:nowrap !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reg-date,
body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reg-time{
    font-weight:700 !important;
    white-space:nowrap !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reg-reason{
    max-width:360px !important;
    line-height:1.5 !important;
    color:#334155 !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-status-stack{
    display:flex !important;
    flex-direction:column !important;
    gap:7px !important;
    align-items:flex-start !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-status-pill{
    display:inline-flex !important;
    justify-content:center !important;
    min-width:110px !important;
    padding:5px 11px !important;
    border-radius:999px !important;
    font-size:12px !important;
    font-weight:800 !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-status-pill.status-pending{
    background:#fff7ed !important;
    border:1px solid #fed7aa !important;
    color:#c2410c !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-status-pill.status-approved{
    background:#dcfce7 !important;
    border:1px solid #bbf7d0 !important;
    color:#166534 !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-status-pill.status-rejected{
    background:#fee2e2 !important;
    border:1px solid #fecaca !important;
    color:#b91c1c !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reg-actions{
    display:flex !important;
    gap:8px !important;
    flex-wrap:wrap !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reg-actions .hrjtek-btn{
    min-height:38px !important;
    padding:0 14px !important;
    border-radius:10px !important;
    font-size:14px !important;
    font-weight:800 !important;
}
/* Admin Regularization table - match My Regularization UI */
body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-admin-reg-table th{
    font-size:14px !important;
    font-weight:700 !important;
    color:#475569 !important;
    vertical-align:middle !important;
    white-space:nowrap !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-sortable-admin-reg{
    display:table-cell !important;
    cursor:pointer !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-sortable-admin-reg .dashicons{
    width:14px !important;
    height:14px !important;
    font-size:14px !important;
    line-height:14px !important;
    margin-left:5px !important;
    color:#cbd5e1 !important;
    vertical-align:-2px !important;
}


/* Employee name/email compact */
body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reg-emp{
    gap:10px !important;
    min-width:0 !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reg-emp strong{
    font-size:14px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
    color:#0f172a !important;
    margin:0 !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reg-emp span:last-child{
    font-size:13px !important;
    line-height:1.25 !important;
    color:#64748b !important;
    margin-top:3px !important;
    word-break:break-word !important;
}

/* Request type same as My Regularization */
body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reg-type{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:6px 10px !important;
    min-height:30px !important;
    border-radius:8px !important;
    background:#f8fafc !important;
    border:1px solid #e2e8f0 !important;
    color:#334155 !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1 !important;
    box-shadow:none !important;
    white-space:nowrap !important;
}

/* Requested time same as My Regularization */
body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reg-time{
    font-size:14px !important;
    font-weight:700 !important;
    color:#020617 !important;
    white-space:nowrap !important;
}

/* Reason text clean */
body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reg-reason{
    font-size:14px !important;
    font-weight:400 !important;
    line-height:1.45 !important;
    color:#0f172a !important;
    max-width:360px !important;
}
/* Regularization Action Icons */
body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reg-actions{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
}

/* Attendance Regularization - action icons same as reports */
body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reg-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    white-space:nowrap !important;
}

/* Attendance Regularization - completed action badge */
body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-action-completed{
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    padding:7px 12px !important;
    border-radius:999px !important;
    background:#f8fafc !important;
    border:1px solid #e2e8f0 !important;
    color:#64748b !important;
    font-size:13px !important;
    font-weight:700 !important;
    white-space:nowrap !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-action-completed .dashicons{
    width:15px !important;
    height:15px !important;
    font-size:15px !important;
    line-height:15px !important;
    color:#64748b !important;
}
body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reg-pagination{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    padding:16px 18px !important;
    border-top:1px solid #eef2f7 !important;
    background:#fff !important;
    flex-wrap:wrap !important;
}
/* Admin Regularization Filter Button + Panel */
body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reports-page-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:18px !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-reports-toolbar{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
}

body.hrjtek-portal #hrjtek-regularization-admin #hrjtek-admin-reg-filter-btn{
    height:46px !important;
    min-height:46px !important;
    padding:0 18px !important;
    border-radius:12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    font-size:15px !important;
    line-height:1 !important;
    font-weight:700 !important;
    background:linear-gradient(137deg,#0C3DF4 0%,#02B4FE 100%) !important;
    color:#fff !important;
    border:none !important;
    box-shadow:0 8px 18px rgba(12,61,244,.16) !important;
}

body.hrjtek-portal #hrjtek-regularization-admin #hrjtek-admin-reg-filter-btn .dashicons{
    width:17px !important;
    height:17px !important;
    font-size:17px !important;
    line-height:17px !important;
    margin:0 !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-admin-reg-filters{
    display:none !important;
    align-items:center !important;
    gap:12px !important;
    margin:0 0 18px !important;
    padding:14px !important;
    border:1px solid #dbeafe !important;
    border-radius:16px !important;
    background:#ffffff !important;
    box-shadow:0 8px 22px rgba(15,23,42,.05) !important;
    flex-wrap:wrap !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-admin-reg-filters.is-open{
    display:flex !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-admin-reg-filters .hrjtek-reports-date{
    width:220px !important;
    min-width:220px !important;
    height:46px !important;
    border:1px solid #dbe5f3 !important;
    border-radius:12px !important;
    padding:0 14px !important;
    background:#fff !important;
    color:#0f172a !important;
    font-size:15px !important;
    font-weight:500 !important;
}

body.hrjtek-portal #hrjtek-regularization-admin #hrjtek-admin-reg-reset{
    height:46px !important;
    padding:0 16px !important;
    border-radius:12px !important;
    border:1px solid #dbe5f3 !important;
    background:#fff !important;
    color:#334155 !important;
    font-size:14px !important;
    font-weight:700 !important;
}

/* prevent old generic icon from affecting admin filter */
body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-date-wrap::after{
    content:none !important;
}

/* Flatpickr full width fix */
.flatpickr-calendar{
    width:320px !important;
    min-width:320px !important;
}

.flatpickr-innerContainer,
.flatpickr-rContainer,
.flatpickr-days,
.dayContainer{
    width:320px !important;
    min-width:320px !important;
    max-width:320px !important;
}

.flatpickr-day{
    max-width:45px !important;
}
/* Attendance Regularization Admin Filters */
body.hrjtek-portal #hrjtek-regularization-admin #hrjtek-admin-reg-filter-panel{
    display:none !important;
}

body.hrjtek-portal #hrjtek-regularization-admin #hrjtek-admin-reg-filter-panel.is-open{
    display:flex !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-admin-reg-filters{
    align-items:center !important;
    gap:14px !important;
    margin:0 0 22px !important;
    padding:16px !important;
    border:1px solid #dbeafe !important;
    border-radius:16px !important;
    background:#fff !important;
    box-shadow:0 8px 22px rgba(15,23,42,.05) !important;
    flex-wrap:nowrap !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-admin-reg-filters input,
body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-admin-reg-filters select{
    width:260px !important;
    min-width:260px !important;
    height:48px !important;
    border:1px solid #dbe5f3 !important;
    border-radius:12px !important;
    padding:0 16px !important;
    background:#fff !important;
    color:#0f172a !important;
    font-size:15px !important;
    box-sizing:border-box !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-admin-reg-filters .hrjtek-admin-reg-date-alt{
    padding-right:48px !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:right 16px center !important;
    background-size:19px 19px !important;
}

body.hrjtek-portal #hrjtek-regularization-admin #hrjtek-admin-reg-reset{
    height:48px !important;
    padding:0 18px !important;
    border-radius:12px !important;
    white-space:nowrap !important;
}

/* Fix Flatpickr Saturday cutting */
.flatpickr-calendar{
    width:322px !important;
}

.flatpickr-innerContainer,
.flatpickr-rContainer,
.flatpickr-days,
.dayContainer{
    width:322px !important;
    min-width:322px !important;
    max-width:322px !important;
}

.flatpickr-day{
    max-width:46px !important;
}

body.hrjtek-portal #hrjtek-regularization-admin .hrjtek-action-waiting{
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    padding:9px 14px !important;
    border-radius:999px !important;
    background:#fff7ed !important;
    border:1px solid #fed7aa !important;
    color:#c2410c !important;
    font-size:13px !important;
    font-weight:800 !important;
    white-space:nowrap !important;
}
body.hrjtek-portal #hrjtek-regularization-admin td:last-child,
body.hrjtek-portal #hrjtek-regularization-admin th:last-child{
    width:170px !important;
    min-width:170px !important;
    text-align:center !important;
}
/* Regularization sortable header hover - force blue */
body.hrjtek-portal #hrjtek-regularization-admin table.hrjtek-admin-reg-table thead th.hrjtek-sortable-admin-reg,
body.hrjtek-portal .hrjtek-my-reg-table thead th.hrjtek-sortable-reg{
    cursor:pointer !important;
    color:#475569 !important;
    transition:color .2s ease !important;
}

body.hrjtek-portal #hrjtek-regularization-admin table.hrjtek-admin-reg-table thead th.hrjtek-sortable-admin-reg .dashicons,
body.hrjtek-portal .hrjtek-my-reg-table thead th.hrjtek-sortable-reg .dashicons{
    color:#cbd5e1 !important;
    transition:color .2s ease, transform .2s ease !important;
}

body.hrjtek-portal #hrjtek-regularization-admin table.hrjtek-admin-reg-table thead th.hrjtek-sortable-admin-reg:hover,
body.hrjtek-portal .hrjtek-my-reg-table thead th.hrjtek-sortable-reg:hover{
    color:#2563eb !important;
}

body.hrjtek-portal #hrjtek-regularization-admin table.hrjtek-admin-reg-table thead th.hrjtek-sortable-admin-reg:hover .dashicons,
body.hrjtek-portal .hrjtek-my-reg-table thead th.hrjtek-sortable-reg:hover .dashicons{
    color:#2563eb !important;
    transform:translateY(-1px) !important;
}

.hrjtek-reports-table .tl-select-col{
    width:54px;
    min-width:54px;
    text-align:center;
    vertical-align:middle;
}

.hrjtek-reports-table .pending-report-check,
#select-all-pending-reports{
    width:16px;
    height:16px;
    cursor:pointer;
    accent-color:#2563eb;
}

/* Daily Work Reports - balanced actions column */
body.hrjtek-portal .hrjtek-reports-table{
   min-width:1450px !important;
    table-layout:fixed !important;
}
/* Daily Work Reports - Final Compact Actions Column */
body.hrjtek-portal .hrjtek-reports-table{
    min-width:1380px !important;
    table-layout:fixed !important;
}

body.hrjtek-portal .hrjtek-reports-table th:nth-child(8),
body.hrjtek-portal .hrjtek-reports-table td:nth-child(8){
    width:170px !important;
    min-width:170px !important;
    max-width:170px !important;
}

body.hrjtek-portal .hrjtek-reports-table td.hrjtek-report-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    flex-wrap:nowrap !important;
    white-space:nowrap !important;
    padding:12px 8px !important;
    box-sizing:border-box !important;
}

body.hrjtek-portal .hrjtek-report-actions .hrjtek-report-icon-btn{
    width:32px !important;
    min-width:32px !important;
    height:32px !important;
    flex:0 0 32px !important;
    padding:0 !important;
    border-radius:10px !important;
}

body.hrjtek-portal .hrjtek-report-actions .dashicons{
    width:16px !important;
    height:16px !important;
    font-size:16px !important;
    line-height:16px !important;
}
/* Daily Work Reports - fix action column border gaps */
body.hrjtek-portal .hrjtek-reports-table{
    border-collapse:collapse !important;
    table-layout:fixed !important;
    min-width:1380px !important;
}

body.hrjtek-portal .hrjtek-reports-table th:nth-child(8),
body.hrjtek-portal .hrjtek-reports-table td:nth-child(8){
    width:170px !important;
    min-width:170px !important;
    max-width:170px !important;
}

/* IMPORTANT: td should NOT be flex */
body.hrjtek-portal .hrjtek-reports-table td.hrjtek-report-actions{
    display:table-cell !important;
    padding:12px 8px !important;
    text-align:center !important;
    vertical-align:middle !important;
    white-space:nowrap !important;
}

/* icons inline */
body.hrjtek-portal .hrjtek-reports-table td.hrjtek-report-actions .hrjtek-report-icon-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:32px !important;
    min-width:32px !important;
    height:32px !important;
    margin:0 2px !important;
    padding:0 !important;
    border-radius:10px !important;
}