:root{
  --brand:#e19951;
  --brand-700:#c67e3d;
  --brand-50:#fff6ee;
  --bg:#f7f3ee;
  --bg-soft:#fbf8f5;
  --surface:#ffffff;
  --surface-2:#fffdfb;
  --text:#1f2937;
  --muted:#6b7280;
  --line:#e7ddd3;
  --line-strong:#d7c4b2;
  --shadow-sm:0 6px 18px rgba(41,31,21,.06);
  --shadow-md:0 12px 28px rgba(41,31,21,.10);
  --shadow-lg:0 20px 44px rgba(41,31,21,.14);
  --radius-sm:12px;
  --radius-md:18px;
  --radius-lg:24px;
  --tap:48px;
  --danger:#e85b55;
  --success:#159f68;
  --warning:#e5a21a;
}
html,body{
  background:linear-gradient(180deg,#fbf8f5 0%, #f5efe8 100%);
  color:var(--text);
  font-family:Inter,Poppins,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
body.sba-app{ min-height:100svh; }
body.logged header{
  background:linear-gradient(180deg,rgba(227,158,88,.94) 0%, rgba(255,244,232,.95) 56%, rgba(255,255,255,.97) 100%) !important;
  color:var(--text) !important;
  border-bottom:1px solid rgba(215,196,178,.62);
  box-shadow:0 10px 28px rgba(52,35,15,.06);
  backdrop-filter:blur(12px) saturate(180%);
  -webkit-backdrop-filter:blur(12px) saturate(180%);
}
body.logged header .icon-btn,
body.logged header .hdr-title{ color:var(--text) !important; }
body.logged header .icon-btn{
  width:42px; height:42px; border-radius:14px; background:rgba(225,153,81,.10);
}
body.logged header .hdr-title{ font-size:17px; font-weight:800; }

.login-wrap{
  background:
    radial-gradient(circle at top right, rgba(225,153,81,.18), transparent 26%),
    radial-gradient(circle at top left, rgba(255,255,255,.76), transparent 22%),
    linear-gradient(180deg,#fff7f0 0%,#f6efe8 100%) !important;
}
.login{ gap:18px !important; }
.login-hero{ width:min(250px,62vw) !important; filter:drop-shadow(0 12px 24px rgba(45,29,10,.12)); }
.login input{
  border:1px solid rgba(215,196,178,.9) !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:var(--shadow-sm) !important;
  padding:16px 18px !important;
  border-radius:18px !important;
  min-height:56px !important;
}
.login input:focus{
  border-color:rgba(225,153,81,.95) !important;
  box-shadow:0 0 0 4px rgba(225,153,81,.14), var(--shadow-sm) !important;
}
.login .btn{
  border-radius:18px !important;
  height:56px !important;
  font-size:16px !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  text-transform:none !important;
  background:linear-gradient(180deg,#e8a25e 0%, #d78f47 100%) !important;
  box-shadow:0 14px 28px rgba(215,143,71,.26) !important;
}
#login-msg{
  width:100%; border-radius:14px; padding:12px 14px; background:#fff;
  border:1px solid #f1d2bf; box-shadow:var(--shadow-sm);
}
#toast{
  border-radius:18px !important;
  border:1px solid rgba(215,196,178,.8) !important;
  background:rgba(255,255,255,.95) !important;
  color:var(--text) !important;
  box-shadow:var(--shadow-lg) !important;
  font-weight:700;
}
.transportador-cadastro{ background:linear-gradient(180deg,#fff7f0 0%,#f5efe8 100%) !important; }
.transportador-cadastro .container-cover,
.transportador-cadastro .container-wizard{
  background:rgba(255,255,255,.94) !important;
  border:1px solid rgba(215,196,178,.8);
  box-shadow:var(--shadow-lg) !important;
  border-radius:28px !important;
}
.transportador-cadastro .btn-primary{
  background:linear-gradient(180deg,#e7a15d 0%, #d98f48 100%) !important;
  border-color:#d98f48 !important;
  box-shadow:0 14px 28px rgba(217,143,72,.24);
}
.transportador-cadastro .form-control,
.transportador-cadastro .form-select,
.transportador-cadastro textarea{
  min-height:52px; border-radius:16px !important; border:1px solid rgba(215,196,178,.95) !important;
}
.transportador-cadastro .form-control:focus,
.transportador-cadastro .form-select:focus,
.transportador-cadastro textarea:focus{
  border-color:#e19951 !important;
  box-shadow:0 0 0 4px rgba(225,153,81,.12) !important;
}
@media (max-width:560px){
  body.logged header .hdr-title{font-size:16px}
  .login-wrap{padding:18px 14px !important;}
  .transportador-cadastro .container-cover,
  .transportador-cadastro .container-wizard{padding:20px 16px !important;border-radius:24px !important;}
}