:root{
  --access-primary:#ff7a00;
  --access-primary-dark:#d85f00;
  --access-bg:#f6f8fb;
  --access-card:#ffffff;
  --access-text:#162033;
  --access-muted:#6b7280;
  --access-border:rgba(15,23,42,.12);
}
body.access-locked{
  min-height:100vh;
  overflow:hidden;
  background:linear-gradient(135deg,#fff7ed 0%,#f8fafc 48%,#eef6ff 100%);
}
body.access-locked #appRoot{
  display:none!important;
}
body.access-unlocked #appRoot{
  display:block;
}
.access-lock-screen{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:
    radial-gradient(circle at 18% 18%,rgba(255,122,0,.18),transparent 34%),
    radial-gradient(circle at 82% 12%,rgba(13,110,253,.13),transparent 36%),
    linear-gradient(135deg,#fff7ed 0%,#f8fafc 48%,#eef6ff 100%);
  color:var(--access-text);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.access-lock-card{
  width:min(100%,470px);
  border:1px solid var(--access-border);
  border-radius:28px;
  background:rgba(255,255,255,.93);
  box-shadow:0 24px 70px rgba(15,23,42,.18);
  overflow:hidden;
  backdrop-filter:blur(18px);
}
.access-lock-head{
  padding:28px 28px 18px;
  border-bottom:1px solid rgba(15,23,42,.08);
}
.access-lock-brand{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:20px;
}
.access-lock-icon{
  width:50px;
  height:50px;
  border-radius:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:linear-gradient(135deg,var(--access-primary),#ffb15f);
  box-shadow:0 10px 26px rgba(255,122,0,.3);
  font-size:24px;
  font-weight:800;
}
.access-lock-kicker{
  margin:0;
  color:var(--access-muted);
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.access-lock-title{
  margin:0;
  font-size:26px;
  line-height:1.15;
  font-weight:800;
}
.access-lock-subtitle{
  margin:0;
  color:var(--access-muted);
  font-size:15px;
  line-height:1.55;
}
.access-lock-body{
  padding:24px 28px 28px;
}
.access-lock-label{
  display:block;
  margin-bottom:8px;
  font-weight:700;
  font-size:14px;
}
.access-lock-input-wrap{
  position:relative;
}
.access-lock-input{
  width:100%;
  height:50px;
  border:1px solid rgba(15,23,42,.16);
  border-radius:16px;
  padding:0 52px 0 16px;
  outline:none;
  font-size:16px;
  background:#fff;
  color:var(--access-text);
  transition:border-color .18s ease,box-shadow .18s ease;
}
.access-lock-input:focus{
  border-color:var(--access-primary);
  box-shadow:0 0 0 4px rgba(255,122,0,.15);
}
.access-lock-eye{
  position:absolute;
  top:50%;
  right:10px;
  transform:translateY(-50%);
  width:36px;
  height:36px;
  border:0;
  border-radius:12px;
  background:#f3f4f6;
  cursor:pointer;
  font-size:16px;
}
.access-lock-options{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:14px 0 18px;
  color:var(--access-muted);
  font-size:13px;
  line-height:1.35;
}
.access-lock-options input{
  margin-top:2px;
}
.access-lock-button{
  width:100%;
  min-height:50px;
  border:0;
  border-radius:16px;
  background:linear-gradient(135deg,var(--access-primary),var(--access-primary-dark));
  color:#fff;
  font-weight:800;
  font-size:16px;
  cursor:pointer;
  box-shadow:0 14px 28px rgba(255,122,0,.26);
}
.access-lock-button:disabled{
  opacity:.72;
  cursor:not-allowed;
}
.access-lock-error{
  display:none;
  margin:14px 0 0;
  border:1px solid rgba(220,38,38,.25);
  background:#fff1f2;
  color:#991b1b;
  border-radius:14px;
  padding:11px 13px;
  font-size:14px;
}
.access-lock-error.show{
  display:block;
}
.access-lock-note{
  margin:18px 0 0;
  padding:13px 14px;
  border:1px solid rgba(15,23,42,.09);
  border-radius:16px;
  background:#f8fafc;
  color:#475569;
  font-size:13px;
  line-height:1.45;
}
.access-logout-btn{
  border:1px solid rgba(220,38,38,.22);
  background:#fff;
  color:#b91c1c;
  border-radius:999px;
  padding:.5rem .85rem;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  gap:.45rem;
}
.access-logout-btn:hover{
  background:#fff1f2;
  color:#991b1b;
}
@media (max-width:520px){
  .access-lock-screen{padding:14px;align-items:stretch;}
  .access-lock-card{margin:auto;border-radius:22px;}
  .access-lock-head,.access-lock-body{padding-left:20px;padding-right:20px;}
  .access-lock-title{font-size:23px;}
}

.access-lock-user-input{
  margin-bottom:8px;
}
.access-lock-helper{
  margin:-2px 0 14px;
  color:var(--access-muted);
  font-size:12.5px;
  line-height:1.35;
}

.access-identity-reason{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin:0 0 14px;
  padding:12px 13px;
  border-radius:16px;
  border:1px solid rgba(13,110,253,.18);
  background:linear-gradient(135deg,#eff6ff,#ffffff);
  color:#334155;
}
.access-identity-info-icon{
  width:24px;
  height:24px;
  flex:0 0 24px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#0d6efd;
  color:#fff;
  font-weight:900;
  font-family:Georgia,serif;
}
.access-identity-reason strong{
  display:block;
  color:#1d4ed8;
  font-size:13px;
  margin-bottom:2px;
}
.access-identity-reason p{
  margin:0;
  color:#475569;
  line-height:1.4;
  font-size:12.5px;
}

/* V61.0.11 — modal de acesso mais limpo e tooltip informativo */
.access-lock-info-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 14px;
  padding:11px 13px;
  border-radius:16px;
  border:1px solid rgba(13,110,253,.14);
  background:linear-gradient(135deg,#f8fafc,#ffffff);
  color:#475569;
  font-size:13px;
  line-height:1.35;
}
.access-info-tooltip{
  position:relative;
  width:26px;
  height:26px;
  flex:0 0 26px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#0d6efd;
  color:#fff;
  font-weight:900;
  font-family:Georgia,serif;
  cursor:help;
  outline:none;
}
.access-info-tooltip-bubble{
  position:absolute;
  right:0;
  bottom:calc(100% + 10px);
  width:min(300px, calc(100vw - 72px));
  padding:12px 13px;
  border-radius:14px;
  background:#0f172a;
  color:#fff;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:12.5px;
  font-weight:600;
  line-height:1.45;
  box-shadow:0 18px 36px rgba(15,23,42,.24);
  opacity:0;
  visibility:hidden;
  transform:translateY(6px);
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
  z-index:10;
}
.access-info-tooltip-bubble::after{
  content:'';
  position:absolute;
  right:9px;
  top:100%;
  border:7px solid transparent;
  border-top-color:#0f172a;
}
.access-info-tooltip:hover .access-info-tooltip-bubble,
.access-info-tooltip:focus .access-info-tooltip-bubble{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}


/* V61.0.75 — tela de acesso profissional em dois painéis */
body.access-locked{
  background:linear-gradient(135deg,#fff7ed 0%,#f8fafc 45%,#edf6ff 100%);
}
.access-lock-screen{
  align-items:center;
  justify-content:center;
  padding:clamp(18px,4vw,48px);
}
.access-lock-shell{
  width:min(1080px,100%);
  display:grid;
  grid-template-columns:minmax(360px,470px) minmax(340px,1fr);
  gap:22px;
  align-items:stretch;
}
.access-lock-card,
.access-lock-side-card{
  border:1px solid rgba(191,219,254,.75);
  border-radius:30px;
  background:rgba(255,255,255,.94);
  box-shadow:0 28px 80px rgba(15,23,42,.16);
  backdrop-filter:blur(18px);
  overflow:hidden;
}
.access-lock-login-card{width:100%}
.access-lock-head{
  padding:30px 30px 20px;
  background:
    radial-gradient(circle at 0 0, rgba(255,122,0,.13), transparent 32%),
    linear-gradient(135deg,#ffffff,#fff7ed);
}
.access-lock-icon{
  width:58px;height:58px;border-radius:22px;font-size:1.45rem;
}
.access-lock-title{font-size:clamp(1.6rem,3vw,2.05rem);letter-spacing:-.04em}
.access-lock-subtitle{font-size:.96rem;line-height:1.65;max-width:560px}
.access-lock-body{padding:26px 30px 30px}
.access-lock-info-row{background:linear-gradient(135deg,#eff6ff,#ffffff);border-color:#bfdbfe;align-items:center}
.access-lock-info-row span:first-child{display:flex;align-items:center;gap:.5rem}
.access-lock-input{height:54px;border-radius:18px;font-weight:650}
.access-lock-eye{width:40px;height:40px;border-radius:14px;color:#334155}
.access-lock-button{min-height:54px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-weight:950}
.access-lock-side-card{
  padding:30px;
  background:
    radial-gradient(circle at 92% 8%, rgba(13,110,253,.13), transparent 28%),
    radial-gradient(circle at 15% 85%, rgba(6,182,212,.12), transparent 32%),
    linear-gradient(135deg,#ffffff,#f0f7ff);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.access-side-badge{display:inline-flex;width:max-content;gap:.45rem;align-items:center;padding:.38rem .72rem;border-radius:999px;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;font-size:.76rem;font-weight:950;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}
.access-lock-side-card h2{font-size:clamp(1.45rem,3vw,2.2rem);letter-spacing:-.05em;line-height:1.08;color:#0f172a;margin:0 0 .8rem}
.access-lock-side-card p{color:#475569;line-height:1.7;margin:0 0 1rem;font-size:.98rem}
.access-side-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:.4rem}
.access-side-grid article{border:1px solid #dbeafe;border-radius:20px;padding:1rem;background:rgba(255,255,255,.78);box-shadow:0 12px 26px rgba(15,23,42,.04)}
.access-side-grid i{width:36px;height:36px;border-radius:14px;background:#eff6ff;color:#1d4ed8;display:inline-flex;align-items:center;justify-content:center;margin-bottom:.6rem;font-size:1rem}
.access-side-grid strong{display:block;color:#0f172a;font-weight:950;margin-bottom:.25rem}
.access-side-grid span{display:block;color:#64748b;font-size:.88rem;line-height:1.45}
.access-side-note{display:flex;gap:.7rem;align-items:flex-start;margin-top:1rem;padding:1rem;border-radius:20px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;line-height:1.55}
.access-side-note i{font-size:1.05rem;margin-top:.12rem}.access-side-note span{font-size:.92rem}
@media (max-width:900px){
  .access-lock-screen{overflow:auto;align-items:flex-start}.access-lock-shell{grid-template-columns:1fr}.access-lock-side-card{order:-1}.access-side-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:520px){
  body.access-locked{overflow:auto}.access-lock-screen{padding:14px}.access-lock-head,.access-lock-body,.access-lock-side-card{padding-left:20px;padding-right:20px}.access-side-grid{grid-template-columns:1fr}.access-lock-card,.access-lock-side-card{border-radius:24px}
}

/* V61.0.75 — tema água, ambiente local e rodapé Lattes */
body.access-locked{
  background:
    radial-gradient(circle at 12% 12%, rgba(0,96,170,.14), transparent 32%),
    radial-gradient(circle at 88% 12%, rgba(0,173,216,.16), transparent 34%),
    linear-gradient(135deg,#f7fbff 0%,#eef7ff 48%,#e5f5ff 100%) !important;
}
.access-lock-shell{position:relative;padding-bottom:52px;}
.access-lock-card,.access-lock-side-card{border-color:rgba(37,99,235,.22)!important;box-shadow:0 34px 90px rgba(15,68,120,.17)!important;}
.access-lock-head{
  background:
    radial-gradient(circle at 0 0, rgba(14,165,233,.16), transparent 34%),
    linear-gradient(135deg,#ffffff,#f3f9ff) !important;
}
.access-lock-icon{background:linear-gradient(135deg,#006bb6,#00a6d6)!important;color:#fff!important;box-shadow:0 18px 34px rgba(0,107,182,.24)!important;}
.access-lock-button{background:linear-gradient(135deg,#006bb6,#00a6d6)!important;box-shadow:0 18px 34px rgba(0,107,182,.22)!important;}
.access-lock-button:hover{filter:brightness(.98);transform:translateY(-1px);}
.access-lock-side-card{
  background:
    radial-gradient(circle at 92% 8%, rgba(0,107,182,.14), transparent 28%),
    radial-gradient(circle at 15% 85%, rgba(0,166,214,.12), transparent 32%),
    linear-gradient(135deg,#ffffff,#eef8ff) !important;
}
.access-side-badge{background:#eff8ff!important;border-color:#bfe3ff!important;color:#005aa8!important;}
.access-side-grid article{border-color:#d6ecff!important;background:rgba(255,255,255,.86)!important;}
.access-side-grid i{background:#e8f5ff!important;color:#006bb6!important;}
.access-side-note{background:#f0f9ff!important;border-color:#bae6fd!important;color:#075985!important;}
.access-version-chip{
  display:inline-flex;align-items:center;gap:.35rem;width:max-content;
  margin-top:.8rem;padding:.28rem .7rem;border-radius:999px;
  background:#eef7ff;border:1px solid #bfdbfe;color:#1d4ed8;
  font-size:.75rem;font-weight:900;letter-spacing:.03em;
}
.access-lattes-pill{
  position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  display:inline-flex;align-items:center;gap:.45rem;
  padding:.45rem .85rem;border-radius:999px;
  background:rgba(255,255,255,.9);border:1px solid #bfdbfe;color:#0f4f88;
  text-decoration:none;font-weight:900;font-size:.78rem;box-shadow:0 12px 30px rgba(15,68,120,.12);
  white-space:nowrap;
}
.access-lattes-pill:hover{background:#eff8ff;color:#005aa8;transform:translateX(-50%) translateY(-1px);}
.access-lock-subtitle{color:#475569!important;}
@media (max-width:900px){.access-lock-shell{padding-bottom:58px}.access-lattes-pill{font-size:.75rem}}

/* V61.0.75 — acesso com tema água, ambiente local e versão no card informativo */
:root{
  --access-primary:#006bb6;
  --access-primary-dark:#004f8f;
  --access-aqua:#00a6d6;
  --access-bg:#e9f7ff;
}
body.access-locked{
  background:
    radial-gradient(ellipse at 18% 12%, rgba(0,166,214,.25), transparent 32%),
    radial-gradient(ellipse at 85% 20%, rgba(0,107,182,.18), transparent 35%),
    radial-gradient(ellipse at 55% 92%, rgba(125,211,252,.22), transparent 38%),
    linear-gradient(135deg,#edfaff 0%,#f8fcff 42%,#e7f5ff 100%) !important;
}
.access-lock-screen{
  background:
    radial-gradient(ellipse at 20% 12%, rgba(0,166,214,.23), transparent 34%),
    radial-gradient(ellipse at 85% 18%, rgba(0,107,182,.18), transparent 36%),
    radial-gradient(circle at 18% 78%, rgba(186,230,253,.34), transparent 28%),
    linear-gradient(135deg,#e9f8ff 0%,#f8fcff 48%,#e3f3ff 100%) !important;
  overflow:auto;
}
.access-lock-screen::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.24;
  background-image:
    radial-gradient(ellipse at center, rgba(255,255,255,.9) 0 1px, transparent 2px),
    linear-gradient(115deg, transparent 0 46%, rgba(255,255,255,.38) 48%, transparent 51%),
    linear-gradient(65deg, transparent 0 44%, rgba(125,211,252,.28) 48%, transparent 52%);
  background-size:64px 38px, 180px 90px, 220px 120px;
  mix-blend-mode:soft-light;
}
.access-lock-shell{position:relative;z-index:1;padding-bottom:64px;}
.access-lock-card,
.access-lock-side-card{
  border-color:rgba(0,107,182,.18)!important;
  box-shadow:0 34px 90px rgba(0,83,143,.16)!important;
}
.access-lock-head{
  background:
    radial-gradient(circle at 0 0, rgba(125,211,252,.28), transparent 36%),
    linear-gradient(135deg,#ffffff,#f1fbff) !important;
}
.access-lock-icon{
  background:linear-gradient(135deg,#005fa8,#00a6d6)!important;
  box-shadow:0 18px 34px rgba(0,107,182,.24)!important;
}
.access-lock-input:focus{
  border-color:#00a6d6!important;
  box-shadow:0 0 0 4px rgba(0,166,214,.16)!important;
}
.access-lock-button{
  background:linear-gradient(135deg,#006bb6,#00a6d6)!important;
  box-shadow:0 18px 34px rgba(0,107,182,.22)!important;
}
.access-lock-side-card{
  position:relative;
  padding-bottom:58px;
  background:
    radial-gradient(circle at 92% 8%, rgba(0,107,182,.12), transparent 30%),
    radial-gradient(circle at 10% 88%, rgba(0,166,214,.16), transparent 35%),
    linear-gradient(135deg,rgba(255,255,255,.94),rgba(235,249,255,.96)) !important;
}
.access-side-badge{background:#eaf7ff!important;border-color:#a9ddff!important;color:#005fa8!important;}
.access-side-note{background:#eefaff!important;border-color:#a9ddff!important;color:#075985!important;}
.access-version-chip{display:none!important;}
.access-version-card-bottom{
  display:inline-flex!important;
  position:absolute;
  right:22px;
  bottom:20px;
  margin:0!important;
  padding:.28rem .7rem;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(0,107,182,.22);
  color:#005fa8;
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.02em;
  box-shadow:0 10px 22px rgba(0,83,143,.08);
}
.access-lattes-pill{
  position:fixed!important;
  left:50%!important;
  bottom:18px!important;
  transform:translateX(-50%)!important;
  background:rgba(255,255,255,.88)!important;
  border-color:rgba(0,107,182,.24)!important;
  color:#005fa8!important;
  z-index:2147483002;
}
.access-lattes-pill:hover{background:#eaf7ff!important;color:#004f8f!important;transform:translateX(-50%) translateY(-1px)!important;}
.access-lock-subtitle{color:#415875!important;}
.access-lock-kicker{color:#5b718d!important;}
@media (max-width:900px){.access-lock-shell{padding-bottom:74px}.access-version-card-bottom{right:18px;bottom:18px}}

/* V61.0.81 REV9 — falha de carregamento sem diálogo nativo */
.app-load-failure-banner{
  position:fixed;
  top:18px;
  left:50%;
  z-index:2147483600;
  width:min(560px,calc(100vw - 24px));
  display:flex;
  align-items:flex-start;
  gap:.8rem;
  padding:1rem 1.1rem;
  border:1px solid #fecaca;
  border-radius:18px;
  color:#7f1d1d;
  background:#fff7f7;
  box-shadow:0 24px 70px rgba(15,23,42,.24);
  transform:translateX(-50%);
}
.app-load-failure-banner > i{color:#dc2626;font-size:1.25rem}
.app-load-failure-banner strong,.app-load-failure-banner span{display:block}
.app-load-failure-banner strong{font-size:.9rem;font-weight:950}
.app-load-failure-banner span{margin-top:.18rem;color:#9f3a3a;font-size:.76rem}


/* REV14 — tela inicial com guia rápido wide e orientação detalhada */
.access-lock-shell{
  width:min(1540px,100%)!important;
  grid-template-columns:minmax(360px,430px) minmax(0,1fr)!important;
  gap:24px!important;
  align-items:start!important;
}
.access-lock-login-card{
  position:sticky;
  top:18px;
}
.access-guide-side-card{
  position:relative;
  padding:32px 34px 74px!important;
  overflow:hidden;
  background:
    linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.93)),
    repeating-linear-gradient(to bottom, transparent 0, transparent 29px, rgba(49,92,142,.10) 29px, rgba(49,92,142,.10) 30px),
    linear-gradient(90deg, transparent 0, transparent 54px, rgba(219,39,119,.18) 54px, rgba(219,39,119,.18) 56px, transparent 56px),
    linear-gradient(135deg,#fffdf9 0%,#f8fbff 60%,#f4faff 100%)!important;
}
.access-guide-side-card::before{
  content:'';
  position:absolute;
  left:16px;
  top:18px;
  bottom:18px;
  width:22px;
  background:repeating-linear-gradient(to bottom, rgba(15,23,42,.82) 0 5px, transparent 5px 29px);
  border-radius:18px;
  opacity:.85;
}
.access-guide-side-card > *{position:relative;z-index:1;}
.access-guide-badge{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  margin:0 auto 1rem 72px;
  padding:.6rem 1.15rem;
  border-radius:999px;
  border:2px dashed rgba(245,158,11,.9);
  background:rgba(255,247,237,.9);
  color:#a16207;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:950;
  font-size:.82rem;
}
.access-guide-hero{margin-left:72px;}
.access-guide-hero h2{
  margin:0 0 .65rem;
  color:#0f3768;
  font-size:clamp(2rem,4.2vw,3.4rem);
  line-height:1.04;
  letter-spacing:-.055em;
  font-weight:1000;
  text-shadow:0 7px 0 rgba(15,55,104,.07);
}
.access-guide-hero p{
  margin:0;
  max-width:980px;
  color:#46617e!important;
  font-size:1rem!important;
  line-height:1.75!important;
}
.access-guide-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
  margin:1.35rem 0 1.5rem;
}
.access-guide-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  min-height:52px;
  padding:.8rem 1.2rem;
  border-radius:18px;
  font-weight:900;
  text-decoration:none;
  border:1px solid rgba(59,130,246,.2);
  box-shadow:0 12px 28px rgba(15,23,42,.08);
}
.access-guide-cta-primary{
  background:linear-gradient(135deg,#16a34a,#22c55e);
  color:#fff;
}
.access-guide-cta-secondary{
  background:#fff;
  color:#0f4f88;
}
.access-guide-grid{
  margin-left:72px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.access-guide-step{
  position:relative;
  min-height:185px;
  padding:22px 20px 20px;
  border-radius:22px;
  border:2px solid #dbeafe;
  background:rgba(255,255,255,.8);
  box-shadow:0 12px 30px rgba(15,23,42,.06);
}
.access-guide-step-number{
  position:absolute;
  left:-12px;
  top:-12px;
  width:42px;
  height:42px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-weight:1000;
  font-size:1.05rem;
  box-shadow:0 10px 18px rgba(15,23,42,.14);
}
.access-guide-step h3{
  margin:0 0 .7rem;
  font-size:1.25rem;
  line-height:1.15;
  font-weight:950;
}
.access-guide-step p{
  margin:0;
  color:#334155!important;
  font-size:.97rem!important;
  line-height:1.62!important;
}
.access-guide-step.step-green{border-color:#a7f3d0;background:rgba(236,253,245,.82);}
.access-guide-step.step-green .access-guide-step-number{background:#16a34a;}
.access-guide-step.step-green h3{color:#15803d;}
.access-guide-step.step-blue{border-color:#bfdbfe;background:rgba(239,246,255,.84);}
.access-guide-step.step-blue .access-guide-step-number{background:#2563eb;}
.access-guide-step.step-blue h3{color:#1d4ed8;}
.access-guide-step.step-purple{border-color:#ddd6fe;background:rgba(245,243,255,.84);}
.access-guide-step.step-purple .access-guide-step-number{background:#7c3aed;}
.access-guide-step.step-purple h3{color:#6d28d9;}
.access-guide-step.step-amber{border-color:#fed7aa;background:rgba(255,247,237,.86);}
.access-guide-step.step-amber .access-guide-step-number{background:#ea580c;}
.access-guide-step.step-amber h3{color:#c2410c;}
.access-guide-step.step-rose{border-color:#fbcfe8;background:rgba(253,242,248,.86);}
.access-guide-step.step-rose .access-guide-step-number{background:#db2777;}
.access-guide-step.step-rose h3{color:#be185d;}
.access-guide-step.step-cyan{border-color:#bae6fd;background:rgba(236,254,255,.86);}
.access-guide-step.step-cyan .access-guide-step-number{background:#0891b2;}
.access-guide-step.step-cyan h3{color:#0f766e;}
.access-guide-detail-grid{
  margin:20px 0 0 72px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.access-guide-detail-card{
  border:2px solid #cfe3fb;
  border-radius:22px;
  background:rgba(255,255,255,.78);
  padding:18px 20px;
  box-shadow:0 12px 26px rgba(15,23,42,.05);
}
.access-guide-detail-head{
  display:flex;
  align-items:center;
  gap:.7rem;
  margin-bottom:.8rem;
  color:#0f4f88;
}
.access-guide-detail-head i{
  width:36px;height:36px;border-radius:12px;
  display:inline-flex;align-items:center;justify-content:center;
  background:#eff6ff;color:#2563eb;font-size:1rem;
}
.access-guide-detail-head strong{font-size:1.12rem;font-weight:950;}
.access-guide-detail-card ul{margin:0;padding-left:1.1rem;color:#334155;}
.access-guide-detail-card li{margin:.42rem 0;line-height:1.55;font-size:.95rem;}
.access-guide-side-note{
  margin:20px 0 0 72px!important;
}
.access-version-card-bottom{right:24px!important;bottom:20px!important;}
@media (max-width:1280px){
  .access-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:980px){
  .access-lock-shell{grid-template-columns:1fr!important;}
  .access-lock-login-card{position:relative;top:auto;}
  .access-guide-side-card{padding-left:24px!important;padding-right:24px!important;}
  .access-guide-badge,.access-guide-hero,.access-guide-grid,.access-guide-detail-grid,.access-guide-side-note{margin-left:48px!important;}
}
@media (max-width:720px){
  .access-guide-side-card::before{display:none;}
  .access-guide-badge,.access-guide-hero,.access-guide-grid,.access-guide-detail-grid,.access-guide-side-note{margin-left:0!important;}
  .access-guide-grid,.access-guide-detail-grid{grid-template-columns:1fr!important;}
  .access-guide-hero h2{font-size:2rem;}
  .access-guide-step{min-height:auto;}
}

.access-guide-hero h2{font-size:clamp(2.2rem,4.6vw,4rem)!important;}
.access-guide-actions{justify-content:center;}
.access-guide-cta-strong{background:#fff!important;color:#0f4f88!important;border:2px solid #bfdbfe!important;min-width:240px;}
.access-guide-step{min-height:200px;}
.access-guide-detail-card{min-height:100%;}
.access-guide-step h3{font-size:1.28rem;}
.access-guide-side-note{justify-content:center;text-align:center;}


/* V61.0.81 REV17 — pacote completo, documentação e README */
.access-version-card-bottom{
  top:22px!important;
  right:24px!important;
  bottom:auto!important;
  z-index:4;
  background:#ffffff!important;
  border-color:#93c5fd!important;
  box-shadow:0 10px 24px rgba(15,68,120,.12)!important;
}
.access-guide-author-pill{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  margin-top:1rem;
  padding:.45rem .82rem;
  border-radius:999px;
  border:1px solid #bfdbfe;
  background:#eff8ff;
  color:#005fa8;
  text-decoration:none;
  font-size:.8rem;
  font-weight:900;
  box-shadow:0 8px 20px rgba(15,68,120,.08);
}
.access-guide-author-pill:hover{background:#e0f2fe;color:#004f8f;transform:translateY(-1px)}
@media (max-width:720px){.access-version-card-bottom{top:16px!important;right:16px!important}}