/* Portal Custom Styles */
/* This file contains custom CSS that won't be overwritten by library upgrades */

/* PT form table - consistent text wrapping across all cells */
#pt_results th,
#pt_results td {
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

/* DataTables 2.x spacing */
/* Add 10px spacing between pagination buttons */
.dt-paging ul.pagination > li {
  margin-right: 10px;
}
.dt-paging ul.pagination > li:last-child {
  margin-right: 0;
}
.dt-paging .page-link,
.dt-paging a {
  margin-right: 10px;
}
.dt-paging .page-link:last-child,
.dt-paging a:last-child {
  margin-right: 0;
}

/* Add 10px spacing between length selector elements and fix width */
.dt-length select {
  margin-right: 10px;
  width: auto !important;
  min-width: 80px;
  max-width: 120px;
}
.dt-length select:focus {
  width: auto !important;
  min-width: 80px;
}

/* Add 10px spacing between pagination and length sections */
/* Ensure 10px margin between pagination and length selector for both layouts */
.dt-paging + .dt-length {
  margin-top: 10px !important;
}
.dt-length + .dt-paging {
  margin-top: 10px !important;
}

/* CV admin table - match website table style */
#online-cvs tbody tr.cv-data-row {
  cursor: pointer;
}

/* Fix table overflow in history modals */
#pt-history-all-container .modal-body,
#pt-history-performance-container .modal-body {
  overflow-x: auto;
  max-width: 100%;
}

/* Margin between table and info text in history modals */
#form-history-all-wrapper .dt-info,
#form-history-performance-wrapper .dt-info {
  margin-top: 1rem;
}

/* Manage PTs table - margin at end of table, and between navigation and înreg/pagină */
#pts-manage-wrapper .dt-container .dt-scroll,
#pts-manage-wrapper .dt-container > table,
#pts-manage-wrapper #pts {
  margin-bottom: 1rem !important;
}
#pts-manage-wrapper .dt-container .bottom {
  padding-top: 1rem !important;
}
#pts-manage-wrapper .dt-paging + .dt-length {
  margin-left: 1rem;
}
/* Align dt-length (înreg/pagină) to the right */
#pts-manage-wrapper .dt-length {
  margin-left: auto !important;
}

/* Manage website table - same bottom styling as PT manage */
#pts-website-wrapper .dt-container .dt-scroll,
#pts-website-wrapper .dt-container > table,
#pts-website-wrapper #pts {
  margin-bottom: 1rem !important;
}
#pts-website-wrapper .dt-container .bottom {
  padding-top: 1rem !important;
}
#pts-website-wrapper .dt-paging + .dt-length {
  margin-left: 1rem;
}
#pts-website-wrapper .dt-length {
  margin-left: auto !important;
}

/* Manage CVs table - same bottom styling as PT manage */
#online-cvs-wrapper .dt-container .dt-scroll,
#online-cvs-wrapper .dt-container > table,
#online-cvs-wrapper #online-cvs {
  margin-bottom: 1rem !important;
}
#online-cvs-wrapper .dt-container .bottom {
  padding-top: 1rem !important;
}
#online-cvs-wrapper .dt-paging + .dt-length {
  margin-left: 1rem;
}
#online-cvs-wrapper .dt-length {
  margin-left: auto !important;
}

/* Manage CVs reports table - same bottom styling as PT manage */
#online-cvs-reports-wrapper .dt-container .dt-scroll,
#online-cvs-reports-wrapper .dt-container > table,
#online-cvs-reports-wrapper #online-cvs {
  margin-bottom: 1rem !important;
}
#online-cvs-reports-wrapper .dt-container .bottom {
  padding-top: 1rem !important;
}
#online-cvs-reports-wrapper .dt-paging + .dt-length {
  margin-left: 1rem;
}
#online-cvs-reports-wrapper .dt-length {
  margin-left: auto !important;
}

/* PT forms table (Rezultate PT) - same bottom styling as PT manage */
#pt-forms-wrapper .dt-container .dt-scroll,
#pt-forms-wrapper .dt-container > table,
#pt-forms-wrapper #ptForms {
  margin-bottom: 1rem !important;
}
#pt-forms-wrapper .dt-container .bottom {
  padding-top: 1rem !important;
}
#pt-forms-wrapper .dt-paging + .dt-length {
  margin-left: 1rem;
}
#pt-forms-wrapper .dt-length {
  margin-left: auto !important;
}

/* PT history table (Istoric înregistrări) - same bottom styling as PT manage */
#pt-history-wrapper .dt-container .dt-scroll,
#pt-history-wrapper .dt-container > table,
#pt-history-wrapper #ptFormHist {
  margin-bottom: 1rem !important;
}
#pt-history-wrapper .dt-container .bottom {
  padding-top: 1rem !important;
}
#pt-history-wrapper .dt-paging + .dt-length {
  margin-left: 1rem;
}
#pt-history-wrapper .dt-length {
  margin-left: auto !important;
}

/* Satisfaction form table - same bottom styling as PT manage */
#satisfaction-form-wrapper .dt-container .dt-scroll,
#satisfaction-form-wrapper .dt-container > table,
#satisfaction-form-wrapper #satisfactionForm {
  margin-bottom: 1rem !important;
}
#satisfaction-form-wrapper .dt-container .bottom {
  padding-top: 1rem !important;
}
#satisfaction-form-wrapper .dt-paging + .dt-length {
  margin-left: 1rem;
}
#satisfaction-form-wrapper .dt-length {
  margin-left: auto !important;
}

/* Manage satisfactions table - same bottom styling as PT manage */
#satisfaction-admin-wrapper .dt-container .dt-scroll,
#satisfaction-admin-wrapper .dt-container > table,
#satisfaction-admin-wrapper #satisfactionAdmin {
  margin-bottom: 1rem !important;
}
#satisfaction-admin-wrapper .dt-container .bottom {
  padding-top: 1rem !important;
}
#satisfaction-admin-wrapper .dt-paging + .dt-length {
  margin-left: 1rem;
}
#satisfaction-admin-wrapper .dt-length {
  margin-left: auto !important;
}

/* RENAR transfer table - same bottom styling as PT manage */
#transfer-renar-wrapper .dt-container .dt-scroll,
#transfer-renar-wrapper .dt-container > table,
#transfer-renar-wrapper #transfer-history {
  margin-bottom: 1rem !important;
}
#transfer-renar-wrapper .dt-container .bottom {
  padding-top: 1rem !important;
}
#transfer-renar-wrapper .dt-paging + .dt-length {
  margin-left: 1rem;
}
#transfer-renar-wrapper .dt-length {
  margin-left: auto !important;
}

#form-history {
  width: 100%;
  max-width: 100%;
  table-layout: auto;
}
#form-history td,
#form-history th {
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}
/* Specific handling for the "what" column (3rd column) which can be very long */
#form-history td:nth-child(3) {
  max-width: 300px;
  white-space: normal;
}

/* Drawer menu active link color - match mwc-tab color */
.drawer-light .drawer-menu .nav-link.active,
.drawer-light .drawer-menu .nav .nav-link.active {
  color: #6200ea !important;
}
.drawer-light .drawer-menu .nav-link.active .nav-link-icon,
.drawer-light .drawer-menu .nav .nav-link.active .nav-link-icon {
  color: #6200ea !important;
}

/* Drawer menu nav links - uppercase text to match mwc-tab */
.drawer-light .drawer-menu .nav-link,
.drawer-light .drawer-menu .nav .nav-link {
  text-transform: uppercase;
  letter-spacing: 0.0892857143em;
}