/* APK Widget Repair 2027
   Fix blank combobox/select2, datepicker, modal/popup and repeat-order widgets after UI refresh. */

:root{
  --apk-widget-text:#0f1f3d;
  --apk-widget-muted:#64748b;
  --apk-widget-border:#d7e5fb;
  --apk-widget-blue:#2563eb;
  --apk-widget-pink:#ec4899;
}

/* Native inputs must always render visible text. */
select,
select.form-control,
input[type="date"],
input[type="datetime-local"],
input.tanggal,
input.tanggalDepan,
input.tanggalBelakang,
.form-control,
textarea{
  color:var(--apk-widget-text)!important;
  background-color:#fff!important;
  -webkit-text-fill-color:var(--apk-widget-text)!important;
}
input::placeholder,
textarea::placeholder{
  color:#8a9bb6!important;
  -webkit-text-fill-color:#8a9bb6!important;
  opacity:1!important;
}
input[type="date"]::-webkit-datetime-edit,
input[type="date"]::-webkit-datetime-edit-fields-wrapper,
input[type="date"]::-webkit-datetime-edit-text,
input[type="date"]::-webkit-datetime-edit-month-field,
input[type="date"]::-webkit-datetime-edit-day-field,
input[type="date"]::-webkit-datetime-edit-year-field{
  color:var(--apk-widget-text)!important;
  -webkit-text-fill-color:var(--apk-widget-text)!important;
}
input[type="date"]::-webkit-calendar-picker-indicator{
  opacity:.85!important;
  cursor:pointer!important;
}

/* Select2 selected text + dropdown options. Prevent white-on-white / blank dropdown. */
.select2-container,
.select2-container *{
  box-sizing:border-box!important;
}
.select2-container{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  color:var(--apk-widget-text)!important;
  z-index:auto!important;
}
.select2-container .selection,
.select2-container .select2-selection,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple{
  background:#fff!important;
  color:var(--apk-widget-text)!important;
  -webkit-text-fill-color:var(--apk-widget-text)!important;
  border:1.5px solid var(--apk-widget-border)!important;
  border-radius:16px!important;
  min-height:48px!important;
  height:auto!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__rendered,
.select2-container--default .select2-selection__choice,
.select2-container--default .select2-selection__choice__display{
  color:var(--apk-widget-text)!important;
  -webkit-text-fill-color:var(--apk-widget-text)!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  min-height:46px!important;
  line-height:46px!important;
  padding-left:14px!important;
  padding-right:44px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--default .select2-search--inline .select2-search__field::placeholder{
  color:#8a9bb6!important;
  -webkit-text-fill-color:#8a9bb6!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  height:46px!important;
  width:38px!important;
  right:6px!important;
  top:1px!important;
}
.select2-container--default .select2-selection--multiple{
  padding:6px 8px!important;
  display:block!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  border:0!important;
  border-radius:999px!important;
  background:#eef5ff!important;
  color:#1e3a8a!important;
  padding:5px 10px!important;
  margin:4px 5px 4px 0!important;
  max-width:100%!important;
}
.select2-container--default .select2-search--inline .select2-search__field{
  color:var(--apk-widget-text)!important;
  -webkit-text-fill-color:var(--apk-widget-text)!important;
  min-height:34px!important;
  line-height:34px!important;
  margin-top:2px!important;
  background:transparent!important;
}
.select2-dropdown,
.select2-container--open .select2-dropdown{
  z-index:1000005!important;
  background:#fff!important;
  color:var(--apk-widget-text)!important;
  border:1px solid var(--apk-widget-border)!important;
  border-radius:16px!important;
  overflow:hidden!important;
  box-shadow:0 20px 60px rgba(15,23,42,.18)!important;
}
.select2-results,
.select2-results__options,
.select2-results__option,
.select2-search,
.select2-search__field{
  background:#fff!important;
  color:var(--apk-widget-text)!important;
  -webkit-text-fill-color:var(--apk-widget-text)!important;
}
.select2-results__option{
  min-height:38px!important;
  padding:10px 13px!important;
  font-weight:750!important;
  line-height:1.35!important;
  border-radius:10px!important;
  margin:3px 6px!important;
}
.select2-results__option--selected,
.select2-results__option[aria-selected="true"]{
  background:#eef5ff!important;
  color:#1e3a8a!important;
  -webkit-text-fill-color:#1e3a8a!important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select2-results__option--highlighted{
  background:linear-gradient(135deg,var(--apk-widget-blue),#8b5cf6)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.select2-search--dropdown{padding:8px!important;background:#fff!important;}
.select2-search--dropdown .select2-search__field{
  border:1px solid var(--apk-widget-border)!important;
  border-radius:12px!important;
  min-height:40px!important;
  padding:8px 10px!important;
  outline:0!important;
}

/* Zebra DatePicker must appear above sidebar/modal and not inherit legacy button styles. */
.Zebra_DatePicker,
.Zebra_DatePicker *{
  color:var(--apk-widget-text)!important;
  -webkit-text-fill-color:var(--apk-widget-text)!important;
  box-sizing:border-box!important;
}
.Zebra_DatePicker{
  z-index:1000010!important;
  background:#fff!important;
  border:1px solid var(--apk-widget-border)!important;
  border-radius:18px!important;
  padding:10px!important;
  box-shadow:0 24px 70px rgba(15,23,42,.22)!important;
  overflow:hidden!important;
}
.Zebra_DatePicker table,
.Zebra_DatePicker thead,
.Zebra_DatePicker tbody,
.Zebra_DatePicker tr,
.Zebra_DatePicker th,
.Zebra_DatePicker td{
  background:#fff!important;
  color:var(--apk-widget-text)!important;
}
.Zebra_DatePicker td,
.Zebra_DatePicker th{
  min-width:34px!important;
  height:34px!important;
  border-radius:10px!important;
  text-align:center!important;
  font-weight:800!important;
}
.Zebra_DatePicker .dp_selected,
.Zebra_DatePicker .dp_current{
  background:linear-gradient(135deg,var(--apk-widget-blue),#8b5cf6)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.Zebra_DatePicker .dp_not_in_month,
.Zebra_DatePicker .dp_disabled{
  color:#b6c2d6!important;
  -webkit-text-fill-color:#b6c2d6!important;
}
.Zebra_DatePicker button,
.Zebra_DatePicker .dp_previous,
.Zebra_DatePicker .dp_next,
.Zebra_DatePicker .dp_caption{
  position:relative!important;
  inset:auto!important;
  display:table-cell!important;
  background:#f8fbff!important;
  color:var(--apk-widget-text)!important;
  -webkit-text-fill-color:var(--apk-widget-text)!important;
  box-shadow:none!important;
  border:0!important;
  min-width:0!important;
  min-height:0!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:8px!important;
}
.Zebra_DatePicker button:before,
.Zebra_DatePicker button:after{display:none!important;content:none!important;}

/* Bootstrap modal and custom popup visibility repair. */
.modal,
.apk-entry-modal{
  color:var(--apk-widget-text)!important;
  -webkit-text-fill-color:var(--apk-widget-text)!important;
}
.modal.show{display:block!important;}
.modal-dialog{z-index:1000000!important;}
.modal-content,
.modal-header,
.modal-body,
.modal-footer,
.apk-entry-dialog,
.apk-entry-form{
  background:#fff!important;
  color:var(--apk-widget-text)!important;
  -webkit-text-fill-color:var(--apk-widget-text)!important;
}
.modal-content{
  border:1px solid var(--apk-widget-border)!important;
  border-radius:22px!important;
  box-shadow:0 26px 80px rgba(15,23,42,.24)!important;
  overflow:visible!important;
}
.modal-backdrop{z-index:999990!important;}
body.modal-open .select2-container--open .select2-dropdown,
html.apk-modal-open .select2-container--open .select2-dropdown{
  z-index:1000015!important;
}

/* Repeat-order / dynamic rows must keep readable text and stable layout. */
.repeat-row:not(.d-none):not([hidden]),
.repeat-order-row:not(.d-none):not([hidden]),
.repeater-row:not(.d-none):not([hidden]),
.row-repeat:not(.d-none):not([hidden]),
[class*="repeat-order"]:not(.d-none):not([hidden]),
[id*="repeat_order"]:not(.d-none):not([hidden]),
[name*="repeat_order"]{
  color:var(--apk-widget-text)!important;
  -webkit-text-fill-color:var(--apk-widget-text)!important;
  opacity:1!important;
  visibility:visible!important;
}
tr.repeat-row:not(.d-none):not([hidden]),
tr.repeat-order-row:not(.d-none):not([hidden]),
tr.repeater-row:not(.d-none):not([hidden]){display:table-row!important;}
div.repeat-row:not(.d-none):not([hidden]),
div.repeat-order-row:not(.d-none):not([hidden]),
div.repeater-row:not(.d-none):not([hidden]){display:block!important;}

@media(max-width:768px){
  .select2-dropdown{max-width:calc(100vw - 24px)!important;}
  .Zebra_DatePicker{max-width:calc(100vw - 20px)!important;left:10px!important;right:10px!important;}
  .modal-dialog{margin:10px!important;max-width:calc(100vw - 20px)!important;}
}