#jobListTable {color:#263b59!important} .table-sort {border:0;background:transparent;color:inherit;font:inherit;text-align:left;padding:4px} .column-chooser label{display:block} .column-chooser input{margin-right:8px} .selection-count{padding:8px} .selection-notice{color:#795300} input[type=checkbox]{min-width:20px;min-height:20px;vertical-align:middle} td a,td button{display:inline-block;min-height:28px;padding:3px} :focus-visible{outline:3px solid #2463b5;outline-offset:2px} .status-badge{padding:3px 8px;border-radius:4px;background:#e7eef7;color:#233f62} .send-job-name{color:#263b59;overflow-wrap:anywhere} .ui-date-presets{display:flex;gap:8px;margin:8px 0} .attention-panel{padding:16px;border:1px solid #bac9dd;background:#fff;margin-bottom:16px}
/* Keep the application shell flexible; wide tables scroll inside their own wrapper. */
.standard-page .wrapper { min-height:100vh; height:auto; align-items:stretch; }
.standard-page #content { min-width:0; flex:1 1 auto; }
.standard-page #main-content { height:auto; min-height:calc(100vh - 160px); }
.standard-page #sidebar { height:auto; min-height:100vh; flex:0 0 250px; }
.standard-page #sidebar .logout { position:static; margin-top:24px; }
.standard-page .table-responsive { max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.standard-page #main-content > .breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.standard-page #main-content > .breadcrumb > *,
.standard-page #main-content > .breadcrumb .btn { position:static!important; float:none!important; margin:0!important; }
.standard-page #main-content > .breadcrumb > div:first-child { margin-right:auto!important; }
.standard-page #main-content > .breadcrumb h4 { margin:0; }
.standard-page #main-content > .breadcrumb .btn { white-space:normal; }
.standard-page #sidebarCollapse { display:inline-flex!important; align-items:center; gap:8px; min-height:44px; }
.deployment-identity { padding:12px 20px; color:#52647b; font-size:12px; overflow-wrap:anywhere; }
.deployment-identity a { text-decoration:underline; }
.support-panel p,.upload-page p { color:#334965; }
.support-panel textarea { width:100%; font-family:monospace; font-size:14px; }
.support-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:16px; align-items:center; }
.upload-file { overflow-wrap:anywhere; color:#263b59; }
.upload-file-status { display:block; margin:6px 0; }
.upload-file progress { width: min(100%, 320px); margin-right:12px; }
#uploadFeedback { color:#263b59; margin:12px 0; }
.upload-page #dropArea { min-height:100px; height:auto; padding:24px; color:#263b59; background:#f5f8fc; margin:16px 0; }
.sidebar-close { display:none; }
@media (max-width:1100px) {
 .standard-page #main-content { padding:12px; }
 .standard-page #sidebar { position:fixed; top:0; bottom:0; left:0; height:100vh; min-height:0; overflow-y:auto; margin-left:0; box-shadow:4px 0 12px #0003; }
 .standard-page #sidebar.active { margin-left:-250px; box-shadow:none; }
 .standard-page .sidebar-close { display:block; margin:0 0 12px auto; color:white; background:transparent; border:1px solid #bac9dd; min-height:44px; }
 .standard-page .navbar .container-fluid { gap:10px; flex-wrap:wrap; }
 .standard-page #user-login { position:static; margin-left:auto; overflow-wrap:anywhere; }
 .standard-page #user-login ul { margin-bottom:8px; }
 .standard-page .navbar img { max-width:100%; height:auto; margin-bottom:0!important; }
 .standard-page .modal-dialog { width:auto!important; max-width:calc(100vw - 24px)!important; margin:12px auto; }
 .standard-page .modal-content { width:100%!important; max-width:100%; }
 .standard-page .modal-body { overflow-x:auto; max-height:75vh; overflow-y:auto; }
 .standard-page .btn,.standard-page .form-control { min-height:44px; }
 .upload-page #uploadJobForm table,.upload-page #uploadJobForm tbody,.upload-page #uploadJobForm tr { display:block; width:100%; height:auto!important; }
 .upload-page #uploadJobForm tr { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:14px; }
 .upload-page #uploadJobForm td { text-align:left!important; padding:0!important; width:auto!important; flex:1 1 180px; }
}
@media (max-width:600px) {
 .standard-page #main-content > .breadcrumb > div:first-child { flex:1 0 100%; }
 .standard-page #main-content > .breadcrumb > .btn { flex:1 1 140px; }
 .standard-page .navbar .container-fluid > a { max-width:180px; }
 .standard-page #user-login { width:100%; margin-left:0; }
 .standard-page .satloc-results-controls .results-field { max-width:none; flex-basis:100%; }
 .standard-page .ui-date-presets { flex-wrap:wrap; }
 .upload-page #uploadJobForm td { flex-basis:100%; }
 .standard-page .panel-heading { height:auto!important; min-height:48px; }
 .standard-page .panel-heading button { float:none!important; margin:8px 0!important; }
}