/* Compact, consistent layout for every tab inside X-Route Instellingen. */
.settings-page{font-size:12px}
.settings-page .customer-head{margin-bottom:10px!important}
.settings-page .customer-head h1{font-size:22px!important;line-height:1.15;margin:3px 0 2px!important}
.settings-page .customer-head .crumb,.settings-page .customer-head .muted{font-size:10px!important;line-height:1.3}

.settings-page .settings-tabs{min-height:0!important;margin-bottom:0!important}
.settings-page .settings-tabs .customer-tab{min-width:0!important;min-height:34px!important;height:34px!important;padding:0 11px!important;font-size:10px!important;line-height:1!important;gap:5px!important}
.settings-page .settings-tabs .customer-tab i{font-size:10px!important;margin-right:2px!important}

.settings-page .settings-workspace{min-height:0!important;padding:10px!important}
.settings-page .settings-toolbar{padding-bottom:8px!important;gap:8px!important}
.settings-page .settings-toolbar h2{font-size:13px!important;line-height:1.2!important;margin:0 0 2px!important}
.settings-page .settings-toolbar p,.settings-page .settings-toolbar .muted{font-size:10px!important;line-height:1.25!important;margin:0!important}
.settings-page .settings-toolbar-actions{gap:5px!important}

.settings-page .btn,.settings-page .smallbtn,.settings-page button.btn,.settings-page button.smallbtn{min-height:28px!important;height:28px!important;padding:0 9px!important;font-size:10px!important;line-height:1!important;border-radius:5px!important;gap:5px!important}
.settings-page .btn i,.settings-page .smallbtn i{font-size:9px!important}

.settings-page .settings-table-wrap{margin-top:9px!important}
.settings-page table.settings-table,.settings-page .settings-table{font-size:10.5px!important;line-height:1.15!important}
.settings-page .settings-table th{height:30px!important;padding:5px 7px!important;font-size:9px!important;line-height:1.1!important}
.settings-page .settings-table td{height:32px!important;padding:5px 7px!important;font-size:10.5px!important;line-height:1.15!important}
.settings-page .settings-empty-row td{height:auto!important;padding:18px 8px!important}

.settings-page .settings-actions{width:58px!important}
.settings-page .settings-actions form{display:inline-flex!important;vertical-align:middle}
.settings-page .icon-delete,.settings-page .icon-edit,.settings-page .settings-actions button,.settings-page .settings-actions a{box-sizing:border-box!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:5px!important;font-size:9px!important;line-height:1!important}
.settings-page .icon-delete i,.settings-page .icon-edit i,.settings-page .settings-actions i{font-size:9px!important}
.settings-page .icon-edit{margin-right:3px!important}

.settings-page .destination-form{margin-top:9px!important;padding:10px!important}
.settings-page .destination-grid{gap:7px 10px!important}
.settings-page .destination-grid label,.settings-page label{font-size:9.5px!important;line-height:1.2!important;gap:3px!important}
.settings-page input,.settings-page select,.settings-page textarea{min-height:30px!important;height:30px!important;padding:5px 8px!important;font-size:10.5px!important;line-height:1.2!important;border-radius:5px!important}
.settings-page textarea{height:auto!important;min-height:58px!important}
.settings-page .destination-actions{gap:5px!important;margin-top:9px!important}
.settings-page .cleanup-progress{margin-top:8px!important;padding:7px 9px!important;font-size:10px!important}

.settings-page .gps-cell{gap:4px!important}
.settings-page .gps-map-link{width:20px!important;height:20px!important;font-size:10px!important}
.settings-page .settings-empty{min-height:190px!important;font-size:10px!important}
.settings-page .settings-empty i{font-size:22px!important;margin-bottom:7px!important}

/* Dynamic settings modules use their own tables/cards; keep those compact too. */
.settings-page table:not(.settings-table){font-size:10.5px!important}
.settings-page table:not(.settings-table) th{padding:5px 7px!important;font-size:9px!important;height:30px!important}
.settings-page table:not(.settings-table) td{padding:5px 7px!important;font-size:10.5px!important;height:32px!important}
.settings-page button:not(.customer-tab):not(.language-current):not(.language-option){font-size:10px}
.settings-page [class*="action"] button,.settings-page [class*="action"] a{font-size:10px}
.settings-page svg,.settings-page .fa-solid,.settings-page .fa-regular{font-size:.9em}

@media(max-width:1000px){
  .settings-page .settings-tabs{overflow-x:auto;flex-wrap:nowrap!important}
  .settings-page .settings-tabs .customer-tab{flex:0 0 auto}
}


/* Keep the location action heading and its two buttons on one centre line. */
.settings-page .pickupdrop-table th:last-child,
.settings-page .pickupdrop-table td.settings-actions{
  width:72px!important;
  padding-left:7px!important;padding-right:7px!important;
  text-align:center!important;vertical-align:middle!important;
  white-space:nowrap;
}
.settings-page .pickupdrop-table td.settings-actions button{
  vertical-align:middle!important;
}