:root{--navy:#062d5b;--orange:#ff6500;--ink:#10213a;--muted:#667085}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;color:var(--ink);background:#062d5b url('../../nxmate-footer-australian-k200-collage.png') center/cover fixed no-repeat;min-height:100vh;position:relative}
body:before{content:"";position:fixed;inset:0;background:linear-gradient(115deg,rgba(4,38,79,.82),rgba(20,58,96,.66) 58%,rgba(111,72,54,.38));z-index:0}
.shell{position:relative;z-index:1}
.shell{width:min(760px,92%);margin:42px auto;background:#fff;border-radius:22px;padding:34px;box-shadow:0 25px 70px #001a3b66}
.logo{width:96px;height:auto;display:block;margin:auto;background:transparent!important}
.eyebrow{font-size:12px;letter-spacing:2px;color:var(--orange);font-weight:800}
h1{font-size:34px;margin:10px 0}
p{color:var(--muted);line-height:1.55}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{font-weight:700;font-size:14px;display:block;margin-top:15px}
input,select,textarea{width:100%;margin-top:7px;padding:13px;border:1px solid #d5dbe5;border-radius:9px;font:inherit}
button,.button{display:inline-block;border:0;background:var(--orange);color:#fff;padding:14px 20px;border-radius:9px;font-weight:800;cursor:pointer;text-decoration:none;margin-top:18px}
.wide{width:100%}
.alt{background:var(--navy)}
.alert{padding:12px;border-radius:9px;background:#fff2e9;color:#9b3d00;margin:14px 0}
.success{background:#eaf8ef;color:#176b36}
.links{text-align:center;margin-top:18px}
.links a{color:var(--navy);font-weight:700}
.status{padding:18px;border-radius:12px;background:#f1f4f9;margin:20px 0}
.pending{border-left:5px solid #f5a623}
.approved{border-left:5px solid #22a35a}
.suspended{border-left:5px solid #c83b3b}
@media(max-width:600px){.grid{grid-template-columns:1fr}
.shell{padding:23px;margin:18px auto}
h1{font-size:28px}
}

/* v14 wide responsive member portal */
.shell{width:min(1180px,94%);padding:38px}
.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.section-card{background:#f3f6fa;border:1px solid #dfe6ef;border-radius:16px;padding:20px;margin:20px 0}
.choice-row{display:flex;gap:18px;flex-wrap:wrap}
.choice-row label{display:flex;align-items:center;gap:8px;margin-top:8px}.choice-row input{width:auto;margin:0}.hint{font-size:12px;color:var(--muted)}
@media(max-width:760px){.grid,.grid-3{grid-template-columns:1fr}.shell{width:min(94%,680px);padding:23px;margin:18px auto}}

/* v16 original NX Mate freight marketplace */
.load-board-shell{width:min(1240px,95%)}
.route-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 12px}.route-summary h2{margin:0}.route-summary p{margin:4px 0 0}
.load-table{overflow:hidden;border:1px solid #dfe6ef;border-radius:16px;background:#fff}
.load-row{display:grid;grid-template-columns:90px minmax(170px,1.2fr) 44px minmax(170px,1.2fr) 130px 125px 110px;align-items:center;gap:12px;padding:16px 18px;border-top:1px solid #edf0f4}
.load-row:first-child{border-top:0}.load-head{background:var(--navy);color:#fff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.load-id{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-width:58px;padding:8px 10px;border-radius:9px;background:#e7f7ef;color:#087443;font-weight:900}
.route-arrow{font-size:22px;color:var(--orange);font-weight:900;text-align:center}.load-main{font-weight:800;color:var(--ink)}.load-meta{font-size:12px;color:var(--muted);margin-top:4px}
.load-status{display:inline-flex;justify-content:center;border-radius:999px;padding:9px 12px;background:#e8f7ee;color:#178447;font-size:12px;font-weight:900}.load-status.urgent{background:#fff0ed;color:#c53627}.load-status.booked{background:#edf1f6;color:#58677c}
.load-actions a{color:var(--navy);font-weight:900;text-decoration:none}.filters select,.filters input{background:#fff}
@media(max-width:900px){.load-head{display:none}.load-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin:12px;padding:16px;border:1px solid #e1e7ef;border-radius:14px}.route-arrow{display:none}.load-cell{grid-column:1/-1}.load-id{grid-column:1}.load-status{grid-column:2;grid-row:1}.load-actions{grid-column:1/-1}.load-table{border:0;background:transparent}.route-summary{align-items:flex-start;flex-direction:column}}

/* v17 member dashboard and accessibility */
.legal-check{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.legal-check input{width:auto;margin-top:3px}.legal-check a{color:var(--navy)}
.profile-photo{object-fit:cover;border-radius:50%;background:#f26a21;color:#fff;display:grid;place-items:center;font-size:24px;font-weight:900}.member-header{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--navy);color:#fff;border-radius:18px;padding:18px;margin:-12px -12px 24px}.member-brand{display:flex;align-items:center;gap:13px}.member-brand .logo{width:72px;margin:0;background:#fff;border-radius:10px}.member-brand strong{font-size:25px}.member-brand small{display:block;letter-spacing:2px;color:#c1d0df}.member-profile{display:flex;align-items:center;gap:10px;text-align:right;color:#fff;text-decoration:none}.member-profile .profile-photo{width:58px;height:58px}
.quick-title{margin:22px 0 12px}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.quick-card{min-height:150px;padding:18px;border:1px solid #dce3ec;border-radius:18px;background:#fff;color:var(--ink);text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 8px 22px rgba(6,45,91,.06)}.quick-card:hover{border-color:var(--orange);transform:translateY(-2px)}.quick-icon{width:58px;height:58px;border-radius:17px;background:#fff1e9;display:grid;place-items:center;font-size:29px;margin-bottom:11px}.quick-card b{font-size:18px}.quick-card span{font-size:13px;color:var(--muted);margin-top:5px}.account-line{margin-top:18px}
.avatar-preview{width:110px;height:110px;border-radius:55px;object-fit:cover;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:38px;font-weight:900;border:4px solid #fff;box-shadow:0 8px 24px #062d5b33}.avatar-tools{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.danger{background:#b42318}.select-help{font-size:12px;color:var(--muted)}
.button.alt{display:flex;width:100%;align-items:center;justify-content:center;background:var(--navy)!important;color:#fff!important;border:2px solid var(--navy);font-size:16px;box-shadow:0 7px 18px rgba(6,45,91,.18)}
.remember-check{display:flex;align-items:center;gap:9px;font-weight:700;margin-top:14px}.remember-check input{width:18px;height:18px;margin:0;accent-color:var(--orange)}
input[type="password"]{display:block;height:52px;min-height:52px;line-height:24px;font-size:16px;color:var(--ink);background:#fff;-webkit-appearance:none;appearance:none;transform:none!important;transition:border-color .15s ease,box-shadow .15s ease!important}
input[type="password"]:focus{transform:none!important;background:#fff;opacity:1}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);box-shadow:0 0 0 1000px #fff inset!important;transition:background-color 9999s ease-out 0s}
@media(max-width:760px){.member-header{align-items:flex-start}.member-brand strong{font-size:21px}.member-brand small{font-size:9px}.member-profile .profile-photo{width:48px;height:48px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-card{min-height:145px}.shell{width:94%}}
.nx-password-wrap{position:relative;display:block}.nx-password-wrap input{padding-right:68px}.nx-password-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:auto!important;margin:0!important;padding:7px 10px!important;border:0!important;border-radius:8px!important;background:#e8eef6!important;color:#082d5c!important;font-size:12px!important}.rating-stars{color:#f5a000;font-weight:900}.verified-badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#e7f8ed;color:#17733c;font-size:12px;font-weight:900}.filter-checks{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.filter-checks label{display:flex;align-items:center;gap:6px;margin:0}.filter-checks input{width:auto;margin:0}
.member-brand .logo{background:transparent!important;border-radius:0!important}.page-back{display:inline-flex;align-items:center;gap:7px;margin:0 0 18px;padding:10px 14px;border:1px solid #d5dfeb;border-radius:12px;background:#fff;color:#082d5c;text-decoration:none;font-weight:800;box-shadow:0 4px 14px rgba(8,45,92,.08)}.page-back:hover{border-color:#ff6500;color:#c84f00}.membership-card{border:2px solid #dce5ef;border-radius:16px;padding:16px;margin:12px 0;background:#fff;cursor:pointer;transition:.2s}.membership-card:has(input:checked){border-color:#ff6500;background:#fff7f2;box-shadow:0 7px 22px rgba(255,101,0,.15)}.membership-card input{width:auto;margin-right:8px}.membership-price{display:block;color:#082d5c;font-size:20px;font-weight:900;margin-top:7px}.membership-note{display:block;font-size:13px;color:#64748b;margin-top:4px}
.nx-page-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 18px}.nx-page-nav button{appearance:none;border:1px solid #d8e1eb;background:#fff;color:#082d5c;border-radius:11px;min-height:40px;padding:8px 13px;font:800 14px/1.1 Arial,sans-serif;cursor:pointer;margin:0}.nx-page-nav button:hover,.nx-page-nav button:focus{border-color:#cbd7e5;outline:2px solid #dce6f1}.nx-page-nav button:first-child{font-size:18px}.nx-page-nav button span{font-size:14px}.logo[role=link]{cursor:pointer}
.auth-shell{width:min(560px,92%);padding:30px}.auth-shell .logo{width:84px}.auth-shell h1{margin-bottom:6px}.auth-shell>p{margin-top:0}.auth-secondary{font-size:13px;color:#667085;margin-top:14px;text-align:center}.auth-secondary a{color:#062d5b;font-weight:800}
.logo-card,.auth-shell .logo{background:#fff!important;border:1px solid #e3e9f0!important;border-radius:16px!important;padding:9px!important;box-shadow:0 8px 22px rgba(6,45,91,.12)}
.member-brand .logo{background:#fff!important;border-radius:10px!important;padding:5px!important}

/* Build 31 navigation, branding and responsive consistency */
.page-top{position:sticky;top:8px;z-index:100;display:flex;align-items:center;justify-content:flex-start;gap:10px;margin:0 0 18px;padding:8px;border-radius:13px;background:rgba(255,255,255,.96);box-shadow:0 7px 20px rgba(6,45,91,.13);backdrop-filter:blur(8px)}.page-top .button.alt{display:inline-flex;width:auto;min-width:0;margin:0;padding:10px 14px}.page-top .button.alt:last-child{margin-left:auto}.nx-logo-link{display:block;width:max-content;margin:0 auto;text-decoration:none}.nx-logo-link .logo{display:block}.logo,.logo-card,.auth-shell .logo,.member-brand .logo{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;object-fit:contain}.status,.section-card,.quick-card{overflow-wrap:anywhere}.alert{overflow-wrap:anywhere}
@media(max-width:560px){.page-top{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);padding:8px 0}.page-top .button.alt{font-size:14px;min-width:0;padding:9px 12px}.shell{padding:20px!important}.member-header{margin:-4px -4px 20px}.member-brand .logo{width:58px}.quick-grid{gap:10px}.quick-card{min-height:132px;padding:14px}.section-card{padding:16px}}

/* Final logo treatment: preserve the original transparent artwork while
   keeping every dark letter visible on navy and photographic backgrounds. */
.logo,.logo-card,.auth-shell .logo,.member-brand .logo{background:#fff!important;border:1px solid #e3e9f0!important;border-radius:12px!important;padding:7px!important;box-shadow:0 6px 18px rgba(6,45,91,.14)!important;object-fit:contain}

/* Final shared member layout: identical usable width for all four roles. */
.shell,.dashboard-shell,.load-board-shell{width:min(1180px,calc(100% - 48px))!important;max-width:1180px!important;margin:32px auto!important;padding:34px!important}
img{max-width:100%;height:auto}
table{max-width:100%}
@media(max-width:760px){
 body{background-attachment:scroll}
 .shell,.dashboard-shell,.load-board-shell{width:calc(100% - 16px)!important;max-width:none!important;margin:8px auto!important;padding:18px!important;border-radius:16px!important}
 .grid,.grid-3,.quick-grid{grid-template-columns:1fr!important}
 .member-header{flex-direction:column;align-items:stretch!important;margin:-4px -4px 18px!important}
 .member-profile{justify-content:space-between;text-align:left}
 .page-top{top:0;flex-wrap:wrap}
 .page-top .button.alt{flex:1 1 auto;font-size:13px!important;padding:10px!important}
 .page-top .button.alt:last-child{margin-left:0}
 h1{font-size:clamp(26px,9vw,34px)!important;overflow-wrap:anywhere}
 input,select,textarea,button,.button{max-width:100%}
 .choice-row{gap:10px}
 .status,.section-card{padding:15px!important}
}

/* Comfortable reading weight across member tools and marketplace lists. */
body,input,select,textarea{font-weight:400}
p,.hint,.load-meta,.quick-card span,.account-line{font-weight:400}
label{font-weight:600}
h1,h2,h3,.member-brand strong{font-weight:650}
.load-main,.quick-card b,.status>b{font-weight:600}
button,.button,.page-top .button.alt,.load-actions a{font-weight:600}
.quick-icon{font-style:normal!important;line-height:1!important;text-align:center!important;align-items:center!important;justify-content:center!important}