.elementor-178 .elementor-element.elementor-element-5503f07{--display:flex;}.elementor-178 .elementor-element.elementor-element-846edd6{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-09ebb5e *//* ซ่อน search bar (date filter) เฉพาะ View ลูก 1001 */
.view1001 .gv-widgets-header {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d607c27 */tab+table css .report-tabs input{ display:none; } /* buttons */ .tab-buttons{ display:flex; gap:6px; background:#eef1f5; padding:6px; border-radius:12px; } .tab-buttons label{ flex:1; padding:10px; text-align:center; font-weight:600; cursor:pointer; border-radius:10px; transition:.25s; } #rtab1:checked ~ .tab-buttons label[for="rtab1"], #rtab2:checked ~ .tab-buttons label[for="rtab2"], #rtab3:checked ~ .tab-buttons label[for="rtab3"]{ background:#fff; color:#0b5ed7; box-shadow:0 4px 12px rgba(0,0,0,.15); } /* contents */ .tab-content{ display:none; margin-top:16px; } /* show */ #rtab1:checked ~ .tab-contents .tab-1{display:block;} #rtab2:checked ~ .tab-contents .tab-2{display:block;} #rtab3:checked ~ .tab-contents .tab-3{display:block;} /* ===== Table Style (Fix for Tabs) ===== */ .report-tabs .report-figure{ width:100%; max-width:520px; margin:20px auto; } .report-tabs .report-table{ width:100%; border-collapse:collapse; background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 8px 22px rgba(0,0,0,.12); font-size:15px; } /* header */ .report-tabs .report-table thead th{ background:#f4f6fa; padding:12px; font-weight:600; text-align:left; border-bottom:1px solid #e5e7eb; } .report-tabs .report-table thead th.num{ text-align:right; } /* body */ .report-tabs .report-table td{ padding:12px; border-bottom:1px solid #f1f1f1; } .report-tabs .report-table td.num{ text-align:right; font-variant-numeric:tabular-nums; } /* highlight row */ .report-tabs .report-table tr.highlight{ background:#fdf4ff; } /* total row */ .report-tabs .report-table tr.total{ background:#eef6ff; } .report-tabs .report-table tr.total td{ font-weight:700; font-size:16px; } .report-tabs .report-table tr.total .value{ color:#0b5ed7; } /* last row border */ .report-tabs .report-table tr:last-child td{ border-bottom:none; } /*check*/ /* ===== Custom Report Table ===== */ .custom-report-tab .custom-report-figure{ width:100%; max-width:520px; margin:20px auto; } .custom-report-tab .custom-report-table{ width:100%; border-collapse:collapse; background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 8px 22px rgba(0,0,0,.12); font-size:15px; font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } /* header */ .custom-report-tab .custom-report-table thead th{ background:#f4f6fa; padding:12px; font-weight:600; text-align:left; border-bottom:1px solid #e5e7eb; } .custom-report-tab .custom-report-table thead th.num{ text-align:right; } /* body */ .custom-report-tab .custom-report-table td{ padding:12px; border-bottom:1px solid #f1f1f1; } .custom-report-tab .custom-report-table td.num{ text-align:right; font-variant-numeric:tabular-nums; } /* highlight row */ .custom-report-tab .custom-report-table tr.highlight{ transition: background 0.3s ease; } .custom-report-tab .custom-report-table tr.highlight:hover{ background:#f0f8ff; } /* สีตามประเภท */ .custom-report-tab .custom-report-table tr.cash-in{ background:#e6f4ea; /* เขียวอ่อน */ } .custom-report-tab .custom-report-table tr.expense{ background:#ffe6e6; /* แดงอ่อน */ } .custom-report-tab .custom-report-table tr.pending{ background:#fffbe6; /* เหลืองอ่อน / รอโอน */ } .custom-report-tab .custom-report-table tr.transferred{ background:#e6f0ff; /* ฟ้าอ่อน / โอนแล้ว */ } /* total row */ .custom-report-tab .custom-report-table tr.total{ background:#eef6ff; } .custom-report-tab .custom-report-table tr.total td{ font-weight:700; font-size:16px; } .custom-report-tab .custom-report-table tr.total .value{ color:#0b5ed7; } /* last row border */ .custom-report-tab .custom-report-table tr:last-child td{ border-bottom:none; }

/*----------------*/

/* ===== TAB 3 : Typography & Depth Match ===== */

/* ขนาดตัวอักษรหลัก */
.custom-report-tab .custom-report-table{
  font-size:15px;                 /* เท่ากับ report-table */
  box-shadow:0 8px 22px rgba(0,0,0,.12);
}

/* header */
.custom-report-tab .custom-report-table thead th{
  font-size:15px;
  font-weight:600;
  letter-spacing:.2px;
}

/* body text */
.custom-report-tab .custom-report-table td{
  font-size:15px;
  line-height:1.5;
}

/* ตัวเลข */
.custom-report-tab .custom-report-table td.num{
  font-weight:600;                /* ตัวเลขดูมีพลังเท่ากัน */
  color:#111827;
}

/* แถว highlight ให้มีมิติ */
.custom-report-tab .custom-report-table tr.highlight{
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.03);
}

/* hover เหมือนแท็บอื่น */
.custom-report-tab .custom-report-table tr.highlight:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 14px rgba(0,0,0,.12);
}

/* total row */
.custom-report-tab .custom-report-table tr.total{
  background:#eef6ff;
}

.custom-report-tab .custom-report-table tr.total td{
  font-size:16px;                 /* ขยายเหมือน total แท็บอื่น */
  font-weight:700;
}

.custom-report-tab .custom-report-table tr.total .value{
  color:#0b5ed7;
}

/* ขอบโค้งให้รู้สึกเป็น card */
.custom-report-tab .custom-report-figure{
  border-radius:12px;
}

/*--------*/
.report-tabs input[type="radio"]{
  position:absolute;
  left:-9999px;
  opacity:0;
}/* End custom CSS */