:root{font-family:Arial,Helvetica,sans-serif;color:#1f2c37;background:#f2f2ee}body{margin:0}.topbar{display:flex;justify-content:space-between;align-items:center;background:#0d3858;color:white;padding:12px 28px;border-bottom:5px solid #c99a2e}.brand{display:flex;align-items:center;gap:12px;min-width:0}.borough-mark{height:58px;width:auto;max-width:260px;object-fit:contain}.authority-mark{height:58px;width:58px;object-fit:cover;border-radius:6px;border:2px solid #c99a2e;background:white}.topbar span{display:block;color:#dbe8ef;font-size:14px}.topbar strong{font-size:19px}.topbar a{color:white;margin-left:18px;text-decoration:none;font-weight:700}.shell{max-width:1180px;margin:0 auto;padding:28px}.auth{min-height:100vh;display:grid;place-items:center;background:linear-gradient(180deg,#e9edf0 0%,#f8f7f1 100%)}.login-panel{width:min(460px,calc(100% - 32px));background:white;padding:30px;border-radius:4px;box-shadow:0 12px 36px #0d385826;border-top:6px solid #c99a2e}.login-header{display:grid;grid-template-columns:1fr 112px;gap:18px;align-items:start}.borough-login-logo{height:70px;max-width:260px;object-fit:contain;margin-bottom:12px}.login-pa-logo{width:112px;height:112px;object-fit:contain;border:2px solid #c99a2e;border-radius:8px;background:white;padding:6px;box-sizing:border-box}.login-panel input{width:100%;box-sizing:border-box;padding:12px;border:1px solid #bac5cb;border-radius:3px}.login-panel label{font-weight:700}.login-panel button,button{background:#0d5f8f;color:white;border:0;border-radius:3px;padding:11px 15px;font-weight:700;cursor:pointer}.login-panel button:hover,button:hover{background:#09486d}.eyebrow{color:#7a5a12;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.08em;margin:0 0 8px}h1{margin:0 0 16px;font-size:32px;color:#16344a}h2{color:#16344a}.page-heading{border-bottom:1px solid #d0d5d8;margin-bottom:18px}.table-wrap{overflow:auto;background:white;border-radius:4px;border:1px solid #cfd8dd}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #e5e9eb;vertical-align:top}th{background:#0d3858;color:white}tbody tr:nth-child(even){background:#f7f8f6}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.card,.trip{background:white;border:1px solid #cfd8dd;border-radius:4px;padding:16px}.card{border-top:4px solid #c99a2e}.muted{color:#5f6f78}.status{display:inline-block;background:#eef5f8;color:#0d5f8f;border:1px solid #b7d4e2;border-radius:3px;padding:4px 10px;font-size:13px;font-weight:700}.driver-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.notice{background:#fff8df;border:1px solid #e6c65c;border-radius:4px;padding:12px}.trip{display:flex;justify-content:space-between;gap:18px;margin-bottom:14px}.actions{display:flex;flex-direction:column;gap:10px;min-width:120px}a{color:#0d5f8f}@media(max-width:820px){.topbar,.driver-head,.trip{display:block}.brand{align-items:center}.borough-mark{height:48px;max-width:180px}.authority-mark{height:48px;width:48px}.topbar nav{margin-top:10px}.topbar a{margin-left:0;margin-right:14px}.actions{flex-direction:row;margin-top:12px}.shell{padding:18px}h1{font-size:27px}}

.topbar nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.topbar nav a{margin-left:0}.messages{background:#eef8ef;border:1px solid #b8d9ba;color:#244b27;border-radius:4px;padding:10px 14px;margin-bottom:18px}.messages p{margin:0}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:20px}.quick-card{display:block;background:white;border:1px solid #cfd8dd;border-top:4px solid #c99a2e;border-radius:4px;padding:16px;text-decoration:none;color:#16344a}.quick-card strong{display:block;font-size:18px;margin-bottom:6px}.quick-card span{color:#5f6f78}.action-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.primary-link,.secondary-button{display:inline-block;background:#0d5f8f;color:white;text-decoration:none;border-radius:3px;padding:11px 15px;font-weight:700}.secondary-button{background:#667781}.form-shell{max-width:760px}.app-form{background:white;border:1px solid #cfd8dd;border-top:4px solid #c99a2e;border-radius:4px;padding:18px}.field{margin-bottom:15px}.field label{display:block;font-weight:700;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;box-sizing:border-box;padding:11px;border:1px solid #bac5cb;border-radius:3px;font:inherit}.field input[type=checkbox]{width:auto}.help{margin:4px 0 0;color:#5f6f78;font-size:13px}.error{color:#9e1c1c;font-weight:700}.button-row{display:flex;gap:10px;align-items:center;margin-top:18px}
@media(max-width:820px){.topbar nav{display:block}.topbar nav a{display:inline-block;margin:5px 12px 5px 0}.action-heading{display:block}.primary-link{margin-top:10px}}


@media(max-width:560px){
  .auth{
    display:block;
    min-height:100vh;
    padding:18px 12px;
    box-sizing:border-box;
    background:#f4f5f1;
  }
  .login-panel{
    width:100%;
    max-width:420px;
    margin:0 auto;
    padding:18px;
    box-shadow:0 8px 24px #0d38581f;
    border-top-width:5px;
  }
  .login-header{
    display:grid;
    grid-template-columns:1fr 82px;
    gap:12px;
    align-items:start;
  }
  .borough-login-logo{
    width:100%;
    max-width:235px;
    height:auto;
    margin-bottom:10px;
  }
  .login-pa-logo{
    width:82px;
    height:82px;
    margin:0;
    padding:5px;
  }
  .login-panel h1{
    font-size:24px;
    line-height:1.12;
    margin-bottom:10px;
  }
  .login-panel p{
    font-size:14px;
    line-height:1.4;
  }
  .login-panel form p{
    margin:12px 0;
  }
  .login-panel input{
    min-height:44px;
    font-size:16px;
  }
  .login-panel button{
    width:100%;
    min-height:46px;
    margin-top:4px;
  }
  .eyebrow{
    font-size:11px;
  }
}

@media(max-width:380px){
  .login-header{
    grid-template-columns:1fr 70px;
    gap:10px;
  }
  .login-pa-logo{
    width:70px;
    height:70px;
  }
  .login-panel h1{
    font-size:22px;
  }
}


/* Final mobile login override: keep the PA mark to the right of the login copy. */
@media(max-width:560px){
  body.auth .login-panel{
    padding:18px;
  }
  body.auth .login-header{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 78px !important;
    gap:12px !important;
    align-items:start !important;
  }
  body.auth .login-header > div{
    min-width:0;
  }
  body.auth .borough-login-logo{
    width:100% !important;
    max-width:220px !important;
    height:auto !important;
    margin:0 0 8px !important;
  }
  body.auth .login-pa-logo{
    grid-column:2 !important;
    grid-row:1 !important;
    width:78px !important;
    height:78px !important;
    margin:0 !important;
    align-self:start !important;
    justify-self:end !important;
  }
  body.auth .login-panel h1{
    font-size:23px !important;
    line-height:1.12 !important;
    margin-bottom:8px !important;
  }
  body.auth .login-panel p{
    font-size:14px;
    line-height:1.35;
  }
}
@media(max-width:360px){
  body.auth .login-header{
    grid-template-columns:minmax(0,1fr) 66px !important;
  }
  body.auth .login-pa-logo{
    width:66px !important;
    height:66px !important;
  }
  body.auth .login-panel h1{
    font-size:21px !important;
  }
}

.logout-form{display:inline}.logout-form button{background:transparent;border:0;color:white;padding:0;font:inherit;font-weight:700;cursor:pointer}.logout-form button:hover{text-decoration:underline}.topbar nav .logout-form{display:inline-flex;align-items:center}