/* AzTransfer.az shared section design */
:root {
  --at-orange: #f97316;
  --at-orange-dark: #ea680d;
  --at-ink: #172033;
  --at-muted: #667085;
  --at-line: #f0e5da;
  --at-soft: #fff7f0;
  --at-shadow: 0 12px 34px rgba(108,61,24,.07);
}

* { box-sizing: border-box; }

body {
  background: #fff;
  color: var(--at-ink);
  font-family: Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}

.site-header {
  min-height: 70px;
  height: auto;
  padding: 12px max(5%, calc((100% - 1180px)/2));
  border-bottom: 1px solid var(--at-line);
  box-shadow: 0 2px 12px rgba(23,32,51,.035);
  gap: 14px;
}

.site-logo { color: var(--at-orange); font-weight: 850; letter-spacing: -.4px; }
.site-nav { gap: 16px; flex-wrap: wrap; }
.site-nav a { color: #374151; font-size: 14px; font-weight: 650; }
.site-nav a:hover { color: var(--at-orange-dark); }

.site-nav .at-language-select {
  border-color: #fed7aa;
  color: #9a3412;
  border-radius: 9px;
}

main[style] { max-width: 1240px; margin: 0 auto; }

.panel {
  width: 100%;
  max-width: 100%;
  margin: 20px auto;
  padding: 26px;
  background: #fff;
  border: 1px solid var(--at-line);
  border-radius: 16px;
  box-shadow: var(--at-shadow);
}

h1,h2,h3,h4 { color: var(--at-ink); line-height: 1.3; }
h1 { letter-spacing: -.7px; }
h2 { font-size: clamp(20px,2.5vw,26px); }
p { line-height: 1.7; }
a { color: #c2410c; }
a:hover { color: #9a3412; }

button,.btn,button[type=submit],input[type=submit] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 46px;
  padding: 11px 20px;
  border: 1px solid var(--at-orange);
  border-radius: 10px;
  background: var(--at-orange);
  color: #fff;
  font: inherit;
  font-size: 14px;
  font-weight: 750;
  text-decoration: none;
  cursor: pointer;
  transition: background .15s ease,border-color .15s ease,transform .15s ease;
}

button:hover,.btn:hover,button[type=submit]:hover,input[type=submit]:hover {
  background: var(--at-orange-dark);
  border-color: var(--at-orange-dark);
  color: #fff;
  text-decoration: none;
}

input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea {
  max-width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
  color: var(--at-ink);
  font: inherit;
  font-size: 15px;
}

textarea { min-height: 110px; }

input:focus,select:focus,textarea:focus {
  outline: none;
  border-color: var(--at-orange);
  box-shadow: 0 0 0 3px rgba(249,115,22,.13);
}

label { display: block; margin: 0 0 7px; color: #374151; font-size: 14px; font-weight: 650; }

.error,.ok {
  padding: 13px 16px;
  border-radius: 11px;
  border: 1px solid #fed7aa;
  background: #fff7ed;
  color: #9a3412;
}

.ok { border-color: #bbf7d0; background: #f0fdf4; color: #166534; }
.muted { color: var(--at-muted); }

table { width: 100%; border-collapse: collapse; }
th { background: #fff7f0; color: #7c2d12; text-align: left; font-weight: 750; }
th,td { padding: 12px 13px; border-bottom: 1px solid #f1e8df; vertical-align: top; }
tr:hover td { background: #fffdfb; }

.badge,.corp-status {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #fed7aa;
  border-radius: 30px;
  background: #fff7ed;
  color: #9a3412;
  font-size: 12px;
  font-weight: 700;
}

.account-grid,.corp-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(190px,1fr));
  gap: 14px;
}

.stat,.corp-stat {
  padding: 18px;
  border: 1px solid var(--at-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(108,61,24,.035);
}

.stat strong,.corp-stat strong { color: var(--at-orange-dark); }

.booking-card,.account-accordion,.driver-info {
  border-color: var(--at-line);
  border-radius: 13px;
  background: #fff;
}

.booking-card summary,.account-accordion>summary { padding: 16px; }
.detail { background: #fff8f2; border: 1px solid #f7e8dc; border-radius: 10px; }
.detail small { color: var(--at-muted); }
.corp-panel { padding: 22px; }
.corp-table { font-size: 14px; }
.corp-table th,.corp-table td { padding: 11px; }
.corp-muted { color: var(--at-muted); }
.corp-form { gap: 12px; }
.corp-form input { min-width: 170px; }

.password-field { display: flex; align-items: stretch; gap: 8px; }
.password-field input { flex: 1; min-width: 0; }
.password-field .toggle-password {
  flex: 0 0 auto;
  min-width: 72px;
  margin: 0 0 18px;
  background: #fff7ed;
  color: #9a3412;
  border-color: #fed7aa;
}
.password-field .toggle-password:hover { background: #ffedd5; color: #9a3412; }

.panel article {
  padding: 15px !important;
  margin: 12px 0 !important;
  border: 1px solid var(--at-line) !important;
  border-radius: 12px !important;
  background: #fffdfb;
}
.panel article p { margin-bottom: 0; }

button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {
  outline: 3px solid rgba(249,115,22,.65);
  outline-offset: 3px;
}

@media(max-width:700px) {
  .site-header { align-items: flex-start; flex-wrap: wrap; padding: 12px 16px; }
  .site-nav { gap: 9px 13px; }
  .site-nav a { font-size: 13px; }
  main[style] { padding: 14px 12px !important; }
  .panel { padding: 19px 16px; margin: 14px auto; border-radius: 13px; }
  .corp-grid { grid-template-columns: 1fr; }
  .corp-panel { padding: 16px; }
  .corp-table { min-width: 650px; }
  .account-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .detail-grid { grid-template-columns: 1fr; }
}

@media(max-width:420px) {
  .account-grid { grid-template-columns: 1fr; }
  .site-nav { width: 100%; }
}

/* Page-specific refinements — shared AzTransfer design */
.site-header,
.site-header * {
  box-sizing: border-box;
}

.site-header {
  position: relative;
  z-index: 5;
}

.site-nav a {
  text-decoration: none;
}

.panel form {
  width: 100%;
}

.panel form > label {
  margin-top: 13px;
}

.panel form > label:first-of-type {
  margin-top: 0;
}

.panel form > input:not([type=hidden]),
.panel form > select,
.panel form > textarea {
  display: block;
  width: 100%;
  margin: 0 0 14px;
}

.panel form > button {
  margin-top: 10px;
}

.account-grid {
  grid-template-columns: repeat(auto-fit,minmax(190px,1fr));
}

.account-grid .stat {
  min-width: 0;
  padding: 20px;
  border-color: var(--at-line);
  border-radius: 14px;
  box-shadow: var(--at-shadow);
}

.account-grid .stat strong {
  display: block;
  margin-top: 8px;
  color: var(--at-orange-dark);
  font-size: 28px;
}

.account-accordion {
  width: 100%;
  border-color: var(--at-line);
  box-shadow: 0 5px 18px rgba(108,61,24,.035);
}

.account-accordion > summary {
  color: var(--at-ink);
  font-weight: 750;
}

.account-accordion[open] > summary {
  border-bottom-color: var(--at-line);
  background: #fffaf5;
}

.booking-card {
  padding: 15px;
  margin: 12px 0;
  border: 1px solid var(--at-line);
  border-radius: 13px;
  background: #fff;
}

.booking-card summary {
  cursor: pointer;
  overflow-wrap: anywhere;
}

.detail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(190px,1fr));
  gap: 12px;
  margin-top: 14px;
}

.detail-grid .detail {
  min-width: 0;
  padding: 13px;
  background: #fff8f2;
  border-color: #f7e8dc;
  overflow-wrap: anywhere;
}

.driver-info {
  padding: 12px;
  border-color: var(--at-line);
}

.corp-wrap {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  color: var(--at-ink);
}

.corp-wrap .corp-grid {
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
}

.corp-wrap .corp-stat {
  padding: 18px;
  border-color: var(--at-line);
  border-radius: 14px;
  box-shadow: 0 5px 18px rgba(108,61,24,.035);
}

.corp-wrap .corp-stat strong {
  color: var(--at-orange-dark);
}

.corp-wrap .corp-panel {
  padding: 22px;
  border-color: var(--at-line);
  border-radius: 15px;
}

.corp-wrap .corp-panel h2 {
  color: var(--at-ink);
}

.corp-wrap .corp-status {
  border: 1px solid #fed7aa;
  background: #fff7ed;
  color: #9a3412;
}

.corp-wrap .corp-form {
  align-items: end;
}

.corp-wrap .corp-form label {
  margin-bottom: 7px;
}

.corp-wrap .corp-form input {
  min-width: 170px;
}

.corp-wrap table {
  min-width: 650px;
}

.password-field {
  display: flex;
  align-items: stretch;
  gap: 8px;
  width: 100%;
}

.password-field input {
  flex: 1;
  min-width: 0;
}

.password-field .toggle-password {
  flex: 0 0 auto;
  min-width: 72px;
  margin: 5px 0 14px;
  padding: 9px 13px;
  border: 1px solid #fed7aa;
  border-radius: 10px;
  background: #fff7ed;
  color: #9a3412;
}

.password-field .toggle-password:hover {
  background: #ffedd5;
  color: #9a3412;
}

body main {
  color: var(--at-ink);
}

body main > h1,
body main > h2 {
  color: var(--at-ink);
}

body main > form {
  max-width: 620px;
}

body main > form input:not([type=hidden]),
body main > form textarea,
body main > form select {
  width: 100%;
}

body main > form label {
  margin-top: 14px;
}

body main > form button {
  margin-top: 14px;
}

.tracking-language .at-language-select {
  border-color: #fed7aa !important;
  border-radius: 9px !important;
  color: #9a3412 !important;
}

body > main {
  border: 1px solid var(--at-line);
  border-radius: 16px;
  box-shadow: var(--at-shadow);
}

body > main dl {
  gap: 12px;
}

body > main dt {
  color: var(--at-muted);
  font-weight: 700;
}

body > main dd {
  padding: 10px 12px;
  border: 1px solid #f7e8dc;
  border-radius: 9px;
  background: #fff8f2;
}

.public-info {
  background: #fff !important;
}

.public-info .pi-card {
  border-color: var(--at-line);
  box-shadow: var(--at-shadow);
}

.public-info .pi-cta {
  min-height: 46px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.chat-message {
  padding: 14px;
  margin: 12px 0;
  border: 1px solid var(--at-line);
  border-radius: 12px;
  background: #fffdfb;
  overflow-wrap: anywhere;
}

@media(max-width:700px) {
  .account-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .corp-wrap .corp-grid {
    grid-template-columns: 1fr;
  }

  .corp-wrap .corp-panel {
    padding: 16px;
  }

  .corp-wrap .corp-form {
    align-items: stretch;
  }

  .corp-wrap .corp-form label,
  .corp-wrap .corp-form input,
  .corp-wrap .corp-form button {
    width: 100%;
  }

  .detail-grid {
    grid-template-columns: 1fr;
  }

  body > main {
    width: 100%;
    margin: 12px auto;
    padding: 19px 16px;
  }

  body > main dl {
    grid-template-columns: 1fr;
  }

  body > main dd {
    margin: 0 0 9px;
  }
}

@media(max-width:420px) {
  .account-grid {
    grid-template-columns: 1fr;
  }

  .password-field {
    gap: 6px;
  }

  .password-field .toggle-password {
    min-width: 64px;
    padding: 8px;
  }
}
/* Driver dashboard scoped refinements */
.driver-dashboard{max-width:1240px;margin:0 auto;color:#242424}
.driver-dashboard>.panel{background:#fff;border:1px solid #ececec;border-radius:18px;box-shadow:0 8px 26px rgba(25,25,25,.045);padding:24px;margin:0 0 22px}
.driver-dashboard .driver-welcome{border-top:4px solid #f97316;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 24px;align-items:center}
.driver-dashboard .driver-welcome p{margin:4px 0}
.driver-dashboard .driver-welcome p:first-child{font-size:19px;font-weight:750}
.driver-dashboard .driver-welcome strong{color:#d95d0b;font-size:20px}
.driver-dashboard .driver-welcome .muted{grid-column:1/-1;color:#737373;font-size:13px}
.driver-dashboard .driver-section>h2{margin:0 0 20px;font-size:21px;font-weight:750}
.driver-dashboard .driver-order-card{border:1px solid #ededed;border-left:3px solid #f97316;border-radius:14px;padding:20px;margin:14px 0;background:#fff}
.driver-dashboard .driver-order-card h3{margin:0 0 14px;font-size:17px}
.driver-dashboard .driver-order-card p{margin:8px 0;line-height:1.55;overflow-wrap:anywhere}
.driver-dashboard button{min-height:44px;padding:11px 20px;border-radius:10px;font-weight:700}
.driver-dashboard button:disabled{opacity:.55;cursor:not-allowed}
.driver-dashboard .driver-table-wrap{width:100%;overflow-x:auto;border:1px solid #ededed;border-radius:12px;-webkit-overflow-scrolling:touch}
.driver-dashboard .driver-table-wrap table{width:100%;min-width:760px;border-collapse:collapse}
.driver-dashboard .driver-table-wrap th{background:#fff7f1;color:#66320f;font-weight:700;white-space:nowrap}
.driver-dashboard .driver-table-wrap th,.driver-dashboard .driver-table-wrap td{padding:13px 14px;border-bottom:1px solid #eee;text-align:left;vertical-align:top;line-height:1.5}
.driver-dashboard .driver-table-wrap tr:last-child td{border-bottom:0}
.driver-dashboard .driver-table-wrap td form{margin-top:10px}
.driver-dashboard .driver-alert{border-radius:12px}
@media(max-width:700px){.driver-dashboard>.panel{padding:18px 15px;margin-bottom:15px;border-radius:14px}.driver-dashboard .driver-welcome{grid-template-columns:1fr 1fr;gap:10px 14px}.driver-dashboard .driver-welcome p:first-child,.driver-dashboard .driver-welcome .muted{grid-column:1/-1}.driver-dashboard .driver-section>h2{font-size:19px}.driver-dashboard .driver-order-card{padding:16px 13px}.driver-dashboard .driver-order-card button{width:100%}}
@media(max-width:420px){.driver-dashboard .driver-welcome{grid-template-columns:1fr}.driver-dashboard .driver-welcome p{grid-column:1/-1}}


/* Corporate dashboard visual refinement v1 */
.corp-wrap{max-width:1180px;margin:0 auto;padding:4px 0 24px;font-size:14px;color:var(--at-ink)}
.corp-wrap .corp-wallet-panel{position:relative;overflow:hidden;padding:26px;border:1px solid var(--at-line);border-top:4px solid var(--at-orange);border-radius:18px;background:linear-gradient(135deg,#fff 0%,#fffaf6 100%);box-shadow:0 10px 30px rgba(80,45,20,.055)}
.corp-wrap .corp-wallet-head{align-items:center;margin-bottom:22px}
.corp-wrap .corp-wallet-head h2{margin:0 0 6px;font-size:23px;font-weight:750;letter-spacing:-.35px}
.corp-wrap .corp-wallet-total{padding:12px 18px;border:1px solid #fed7aa;border-radius:13px;background:#fff7ed;min-width:180px}
.corp-wrap .corp-wallet-total strong{display:inline-block;margin-top:4px;color:#c64f0a;font-size:25px!important;font-weight:800}
.corp-wrap .corp-topup-form{display:grid;grid-template-columns:auto minmax(160px,1fr) auto;gap:12px;align-items:end;padding:16px;border:1px solid #f3e5d9;border-radius:13px;background:#fff}
.corp-wrap .corp-topup-form label{margin:0 0 7px;font-weight:650;color:#66320f}
.corp-wrap .corp-topup-form input{min-width:0;min-height:44px;margin:0;border:1px solid #e7ddd5;border-radius:9px;padding:10px 12px}
.corp-wrap .corp-topup-form button,.corp-wrap .corp-head>.btn,.corp-wrap .corp-table .btn{min-height:42px;border-radius:10px;font-weight:700}
.corp-wrap .corp-wallet-panel>p{margin:12px 0 0}
.corp-wrap>.corp-grid{margin:16px 0 22px;gap:14px}
.corp-wrap .corp-stat{padding:20px;border-radius:15px;box-shadow:0 6px 20px rgba(80,45,20,.04)}
.corp-wrap .corp-stat .corp-muted{display:block;font-size:12px;font-weight:650}
.corp-wrap .corp-stat strong{display:block;margin-top:8px;font-size:23px;font-weight:800}
.corp-wrap>.corp-panel:not(.corp-wallet-panel){padding:24px;border:1px solid var(--at-line);border-radius:17px;box-shadow:0 8px 25px rgba(80,45,20,.045)}
.corp-wrap .corp-head:not(.corp-wallet-head){margin-bottom:16px}
.corp-wrap .corp-head:not(.corp-wallet-head) h2{font-size:20px;font-weight:750}
.corp-wrap .corp-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--at-line);border-radius:12px;-webkit-overflow-scrolling:touch}
.corp-wrap .corp-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;font-size:13px}
.corp-wrap .corp-table th{padding:14px 13px;background:#fff5ec;color:#71350f;font-weight:750;white-space:nowrap}
.corp-wrap .corp-table td{padding:14px 13px;line-height:1.55;vertical-align:middle}
.corp-wrap .corp-table tbody tr:hover td{background:#fffaf6}
.corp-wrap .corp-table tbody tr:last-child td{border-bottom:0}
.corp-wrap .corp-status{font-weight:700}
.corp-wrap .corp-muted{color:var(--at-muted);line-height:1.5}
@media(max-width:700px){
 .corp-wrap{padding-bottom:16px}
 .corp-wrap .corp-wallet-panel{padding:19px 16px}
 .corp-wrap .corp-wallet-head{align-items:flex-start}
 .corp-wrap .corp-wallet-head h2{font-size:20px}
 .corp-wrap .corp-wallet-total{width:100%;min-width:0}
 .corp-wrap .corp-topup-form{grid-template-columns:1fr;gap:9px;padding:13px}
 .corp-wrap .corp-topup-form label,.corp-wrap .corp-topup-form input,.corp-wrap .corp-topup-form button{width:100%}
 .corp-wrap>.corp-grid{grid-template-columns:1fr 1fr;gap:10px}
 .corp-wrap .corp-stat{padding:15px}
 .corp-wrap .corp-stat strong{font-size:20px}
 .corp-wrap>.corp-panel:not(.corp-wallet-panel){padding:17px 13px}
 .corp-wrap .corp-head:not(.corp-wallet-head){align-items:stretch}
 .corp-wrap .corp-head:not(.corp-wallet-head)>.btn{width:100%;text-align:center}
}
@media(max-width:420px){
 .corp-wrap>.corp-grid{grid-template-columns:1fr}
 .corp-wrap .corp-wallet-head{display:grid;grid-template-columns:1fr}
 .corp-wrap .corp-table{min-width:720px}
}

/* Customer account dashboard visual refinement v1 */
.customer-account{max-width:1180px;margin:0 auto;padding:4px 0 28px;color:var(--at-ink)}
.customer-account>p:first-child{margin:0 0 20px;padding:20px 23px;border:1px solid var(--at-line);border-top:4px solid var(--at-orange);border-radius:16px;background:linear-gradient(120deg,#fff 0%,#fff8f2 100%);box-shadow:var(--at-shadow);font-size:19px;font-weight:750}
.customer-account .ok,.customer-account .error{padding:13px 16px;border-radius:11px;margin:12px 0}
.customer-account .account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 20px}
.customer-account .stat{margin:0;padding:21px;border:1px solid var(--at-line);border-radius:15px;background:#fff;box-shadow:0 6px 22px rgba(80,45,20,.045);color:var(--at-muted);font-size:14px;font-weight:650}
.customer-account .stat strong{display:block;margin-top:8px;color:#c64f0a;font-size:30px;font-weight:800;line-height:1.2}
.customer-account>.btn,.customer-account p>.btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:11px 19px;border-radius:10px;font-weight:750;text-decoration:none}
.customer-account .account-accordion{margin:14px 0;border:1px solid var(--at-line);border-radius:15px;background:#fff;box-shadow:0 5px 18px rgba(80,45,20,.035);overflow:hidden}
.customer-account .account-accordion>summary{padding:18px 20px;color:var(--at-ink);font-size:16px;font-weight:750}
.customer-account .account-accordion>summary::after{color:var(--at-orange)}
.customer-account .account-accordion[open]>summary{background:#fff8f2;border-bottom-color:#f3e5d9}
.customer-account .account-accordion>.panel{padding:18px 20px;margin:0}
.customer-account .booking-card{margin:13px 18px;padding:0;border:1px solid #f0e5dc;border-left:3px solid var(--at-orange);border-radius:12px;background:#fff;overflow:hidden}
.customer-account .booking-card>summary{padding:16px;line-height:1.7;overflow-wrap:anywhere}
.customer-account .booking-card[open]>summary{background:#fffaf6;border-bottom:1px solid #f0e5dc}
.customer-account .booking-card>.detail-grid,.customer-account .booking-card>h3,.customer-account .booking-card>p,.customer-account .booking-card>.driver-info{margin-left:16px;margin-right:16px}
.customer-account .detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:15px}
.customer-account .detail{min-width:0;padding:13px;border:1px solid #f3e9e1;border-radius:10px;background:#fffaf6;line-height:1.55}
.customer-account .detail small{color:var(--at-muted);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.035em}
.customer-account .badge{background:#fff0e5;color:#9a4310;font-weight:700}
.customer-account .driver-info{padding:12px;border-color:#f0e5dc;background:#fffdfb}
.customer-account .driver-info>summary{color:#b84d0b}
.customer-account form.inline-form{max-width:620px;padding:18px;border:1px solid #f0e5dc;border-radius:12px;background:#fffdfb}
.customer-account form.inline-form input:not([type=hidden]){width:100%;min-height:44px;border:1px solid #e7ddd5;border-radius:9px;padding:10px 12px}
.customer-account form.inline-form button{min-height:44px;margin-top:12px;border-radius:10px;font-weight:750}
.customer-account a:focus-visible,.customer-account button:focus-visible,.customer-account summary:focus-visible,.customer-account input:focus-visible{outline:3px solid rgba(249,115,22,.28);outline-offset:2px}
@media(max-width:700px){.customer-account{padding-bottom:18px}.customer-account>p:first-child{padding:17px;font-size:17px}.customer-account .account-grid{gap:10px}.customer-account .stat{padding:16px}.customer-account .stat strong{font-size:26px}.customer-account .account-accordion>summary{padding:16px}.customer-account .booking-card{margin:10px 9px}.customer-account .booking-card>summary{padding:13px}.customer-account .detail-grid{grid-template-columns:1fr}.customer-account .booking-card>.detail-grid,.customer-account .booking-card>h3,.customer-account .booking-card>p,.customer-account .booking-card>.driver-info{margin-left:10px;margin-right:10px}.customer-account form.inline-form{padding:14px}}
@media(max-width:420px){.customer-account .account-grid{grid-template-columns:1fr}.customer-account .stat strong{font-size:25px}.customer-account>.btn,.customer-account p>.btn{width:100%;margin:4px 0}.customer-account .booking-card>summary{font-size:13px}}


/* Authentication pages visual refinement v1 */
.auth-page{max-width:760px;margin:32px auto 56px;padding:30px;background:#fff;border:1px solid #ececec;border-radius:20px;box-shadow:0 12px 36px rgba(20,20,20,.06);color:#242424}
.auth-page h1,.auth-page h2,.auth-page h3{color:#202020;line-height:1.25;margin:0 0 18px}
.auth-page p{color:#666;line-height:1.65}
.auth-page form{display:grid;gap:14px}
.auth-page label{display:block;font-weight:600;color:#333;margin-bottom:6px}
.auth-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.auth-page select,.auth-page textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid #ddd;border-radius:11px;background:#fff;color:#222;font:inherit;box-sizing:border-box;outline:none}
.auth-page textarea{min-height:110px;resize:vertical}
.auth-page input:focus,.auth-page select:focus,.auth-page textarea:focus{border-color:#f97316;box-shadow:0 0 0 3px rgba(249,115,22,.13)}
.auth-page button,.auth-page input[type=submit],.auth-page .btn{min-height:48px;padding:12px 20px;border:0;border-radius:11px;background:#f97316;color:#fff;font-weight:700;font-size:15px;cursor:pointer}
.auth-page button:hover,.auth-page input[type=submit]:hover,.auth-page .btn:hover{background:#e9650c}
.auth-page a{color:#e9650c;text-decoration:none;font-weight:600}
.auth-page a:hover{text-decoration:underline}
.auth-page .alert,.auth-page .message,.auth-page .error,.auth-page .success{padding:12px 14px;border-radius:10px;margin:12px 0;line-height:1.5}
.auth-page .alert,.auth-page .error{background:#fff3f0;border:1px solid #ffd7ca;color:#a83d20}
.auth-page .success{background:#effaf2;border:1px solid #ccebd3;color:#246b38}
.auth-page input[type=checkbox],.auth-page input[type=radio]{accent-color:#f97316}
.auth-page :focus-visible{outline:3px solid rgba(249,115,22,.3);outline-offset:2px}
@media(max-width:700px){.auth-page{margin:20px 12px 36px;padding:22px 18px;border-radius:16px}}
@media(max-width:420px){.auth-page{margin:14px 10px 28px;padding:18px 14px}.auth-page button,.auth-page input[type=submit],.auth-page .btn{width:100%}}

/* DRIVER COMPACT DASHBOARD V2 */
.driver-shell{max-width:1120px;margin:auto;padding:16px 14px 90px;color:#242424}.driver-head{display:flex;justify-content:space-between;align-items:center;background:#25282b;color:white;padding:17px 20px;border-radius:14px}.driver-head small{display:block;color:#ccc;font-weight:400}.driver-head strong{font-size:19px}.driver-nav{display:flex;gap:6px;flex-wrap:wrap;background:white;border:1px solid #eee;border-radius:12px;padding:7px;margin:12px 0 22px}.driver-nav a{padding:10px 13px;color:#555;text-decoration:none;border-radius:8px;font-weight:600;font-size:14px}.driver-nav a.active,.driver-nav a:hover{background:#fff0e6;color:#e96816}.driver-shell h1{font-size:26px;margin:18px 0 6px}.driver-muted{color:#777}.driver-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.driver-stats a{padding:18px;border:1px solid #eee;border-radius:13px;text-decoration:none;color:#222;background:#fff}.driver-stats small,.driver-stats b{display:block}.driver-stats small{color:#777}.driver-stats b{font-size:23px;margin-top:8px}.driver-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.driver-shortcuts a{padding:16px;border:1px solid #eee;border-radius:12px;color:#e96816;text-decoration:none;font-weight:700}.driver-warning{border-left:4px solid #f47721;padding:14px}.driver-warning a,.driver-card a{color:#e96816;font-weight:700}.driver-card{padding:17px;margin:12px 0;border:1px solid #eee;border-radius:13px}.driver-card p{margin:9px 0;font-size:14px}.driver-card button,.driver-topup button{background:#f47721;color:white;border:0;border-radius:8px;padding:11px 16px;font-weight:700}.driver-card button:disabled{background:#999}.driver-topup{display:grid;gap:8px;max-width:360px}.driver-topup input{padding:11px;border:1px solid #ddd;border-radius:8px}.driver-mobile-nav{display:none}
@media(max-width:760px){.driver-shell{padding:10px 10px 85px}.driver-nav{display:none}.driver-stats{grid-template-columns:1fr 1fr}.driver-stats a:last-child{grid-column:1/-1}.driver-shortcuts{grid-template-columns:1fr}.driver-mobile-nav{position:fixed;z-index:999;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#25282b;padding:10px 3px calc(10px + env(safe-area-inset-bottom))}.driver-mobile-nav a{flex:1;text-align:center;color:#ddd;text-decoration:none;font-size:11px;padding:8px 1px}.driver-mobile-nav a.active{background:#f47721;color:#fff;border-radius:7px}}