#pli_form_root {
  max-width: 1100px !important;
  margin: 40px auto !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 30px rgba(11, 48, 67, 0.15) !important;
  padding: 35px !important;
  font-family: 'Poppins', sans-serif !important;
  color: #0b3043 !important;
}

#pli_form_root h2 {
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #0b3043 !important;
  text-align: center !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 25px !important;
}

#pli_form_root h3, 
#pli_form_root h4 {
  font-weight: 600 !important;
  color: #0b3043 !important;
}

.pli-flex {
  display: flex !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
}

.pli-col {
  flex: 1 !important;
  min-width: 250px !important;
  display: flex !important;
  flex-direction: column !important;
}

.pli-label {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0b3043 !important;
  margin-bottom: 6px !important;
}

.pli-input, 
.pli-textarea, 
select.pli-input {
  background: #f9fbfc !important;
  border: 1px solid #cddbe1 !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  transition: all 0.2s ease !important;
  outline: none !important;
  color: #0b3043 !important;
}

.pli-input:focus, 
.pli-textarea:focus, 
select.pli-input:focus {
  border-color: #0b3043 !important;
  box-shadow: 0 0 0 2px rgba(11, 48, 67, 0.15) !important;
  background: #ffffff !important;
}

.pli-textarea {
  width: 100% !important;
  min-height: 120px !important;
  resize: vertical !important;
}

.pli-btn {
  background: #0b3043 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 10px 22px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.pli-btn:hover {
  background: #0e3f58 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 10px rgba(11, 48, 67, 0.2) !important;
}

.pli-btn.ghost {
  background: transparent !important;
  color: #0b3043 !important;
  border: 1px solid #0b3043 !important;
}

.pli-btn.ghost:hover {
  background: #0b3043 !important;
  color: #ffffff !important;
}

.pli-note {
  font-size: 12px !important;
  color: #6c8791 !important;
  margin-top: 4px !important;
}

hr {
  border: none !important;
  border-top: 1px solid #e4edf0 !important;
}

#pli_logo_hint {
  color: #6c8791 !important;
  font-size: 13px !important;
  margin-top: 5px !important;
}

#pli_map_status {
  font-size: 13px !important;
  color: #6c8791 !important;
}

input[type="checkbox"] {
  accent-color: #0b3043 !important;
  transform: scale(1.1) !important;
}

@media (max-width: 768px) {
  #pli_form_root {
    padding: 25px !important;
  }
  .pli-flex {
    flex-direction: column !important;
  }
  .pli-col {
    width: 100% !important;
  }
  .pli-btn {
    width: 100% !important;
  }
}



.pli-input[type="date"],
.pli-input[type="time"] {
  position: relative !important;
  background: #f9fbfc url('data:image/svg+xml;utf8,<svg fill="%230b3043" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 10h10v2H7z"/></svg>') no-repeat right 12px center !important;
  background-size: 18px !important;
  cursor: pointer !important;
}

.flatpickr-calendar {
  background: #ffffff !important;
  border: 1px solid #dbe6eb !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 30px rgba(11, 48, 67, 0.15) !important;
  font-family: 'Poppins', sans-serif !important;
  color: #0b3043 !important;
  overflow: hidden !important;
}

/*.flatpickr-months .flatpickr-month {*/
/*  background: #0b3043 !important;*/
/*  color: #ffffff !important;*/
/*}*/

.year-dropdown {
  padding: 4px 8px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  cursor: pointer;
  width: 80px;
}

.year-dropdown:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 3px rgba(0, 123, 255, 0.4);
}


select.year-dropdown{
    border:0px !important;
}

.flatpickr-weekdays {
  background: #e7eff2 !important;
  color: #0b3043 !important;
}

.flatpickr-day {
  border-radius: 8px !important;
  color: #0b3043 !important;
}

.flatpickr-day.today {
  border: 1px solid #0b3043 !important;
}

.flatpickr-day.selected {
  background: #0b3043 !important;
  color: #ffffff !important;
}

.flatpickr-time input {
  color: #0b3043 !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  border: 1px solid #cddbe1 !important;
}

.flatpickr-time input:focus {
  border-color: #0b3043 !important;
  box-shadow: 0 0 0 2px rgba(11, 48, 67, 0.1) !important;
}


button#captureBtn{
    display:none !important;
}


.pli-print-btn {
  position: fixed !important;
  top: 15px !important;
  right: 15px !important;
  background-color: #0f4b5a !important;
  color: #fff !important;
  border: none !important;
  padding: 10px 18px !important;
  border-radius: 6px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  z-index: 9999 !important;
  box-shadow: 0 3px 6px rgba(0,0,0,0.15) !important;
  transition: all 0.3s ease !important;
}

.pli-print-btn:hover {
  background-color: #0d3e4c !important;
}

@media (max-width: 768px) {
  .pli-print-btn {
    top: 10px !important;
    right: 10px !important;
    padding: 8px 14px !important;
    font-size: 14px !important;
  }
}