
:root{
  --geem-primary:#0f4c81;
  --geem-primary-dark:#0b3558;
  --geem-primary-soft:#eef6fd;
  --geem-accent:#1e749d;
  --geem-ink:#112132;
  --geem-muted:#5b6b7a;
  --geem-border:#d9e4ee;
  --geem-surface:#ffffff;
  --geem-bg:#f4f8fb;
  --geem-warning:#9a6700;
  --geem-warning-bg:#fff7e6;
  --geem-danger:#b42318;
  --geem-danger-bg:#fff1f2;
  --geem-success:#027a48;
  --geem-success-bg:#ecfdf3;
  --docs-sidebar-width:290px;
  --shadow-soft:0 10px 30px rgba(15,35,52,.06);
  --shadow-lg:0 18px 48px rgba(15,35,52,.08);
  --radius-xl:24px;
  --radius-lg:18px;
  --radius-md:14px;
}
html{scroll-behavior:smooth}
body{
  background:linear-gradient(180deg,#f7fafc 0%,var(--geem-bg) 100%);
  color:var(--geem-ink);
}
a{text-decoration:none}
.docs-shell{padding:1rem}
@media (min-width:992px){
  body.docs-has-fixed-sidebar .docs-shell{padding-left:calc(var(--docs-sidebar-width) + 1.25rem)}
}
.docs-layout{display:block}
.docs-main-col,.docs-main{min-width:0;width:100%}
@media (min-width:992px){
  .docs-layout{display:block}
}
.docs-mobile-topbar{
  position:sticky;top:0;z-index:1030;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);
  border:1px solid var(--geem-border);border-radius:1rem;padding:.7rem .85rem;box-shadow:var(--shadow-soft)
}
.docs-hero{
  position:relative;overflow:hidden;border-radius:1.6rem;padding:1.35rem 1.35rem 1.25rem;margin-bottom:1rem;
  background:
    radial-gradient(circle at top right, rgba(30,116,157,.14), transparent 26%),
    linear-gradient(135deg,#ffffff 0%, #eef6fd 100%);
  border:1px solid var(--geem-border);box-shadow:var(--shadow-lg)
}
.docs-hero::after{content:"";position:absolute;inset:auto -80px -80px auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle, rgba(15,76,129,.08), transparent 65%)}
.docs-hero > *{position:relative;z-index:1}
.docs-hero-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.95rem}
.docs-hero-topline{display:flex;gap:.6rem;flex-wrap:wrap}
.docs-hero-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.52rem .82rem;border-radius:999px;border:1px solid rgba(15,76,129,.14);background:#fff;color:var(--geem-primary);font-size:.82rem;font-weight:800}
.docs-hero-chip-soft{color:var(--geem-muted);border-color:rgba(15,35,52,.08)}
.docs-title{font-size:clamp(1.7rem,2.7vw,2.5rem);line-height:1.08;font-weight:850;letter-spacing:-.03em;margin-bottom:.75rem;color:#0c1e2f}
.docs-intro{font-size:1.03rem;line-height:1.8;color:#435464;max-width:78ch;margin-bottom:1rem}
.docs-quick-tools{display:flex;gap:.7rem;flex-wrap:wrap}
.docs-btn-premium{border-radius:1rem;padding:.72rem 1rem;font-weight:700;box-shadow:var(--shadow-soft)}
.docs-content{background:#fff;border:1px solid var(--geem-border);border-radius:1.5rem;box-shadow:var(--shadow-lg);overflow:hidden}
.docs-content-inner{padding:1.55rem}
.docs-content h2,.docs-content h3,.docs-content h4{color:#0f3252;font-weight:800;letter-spacing:-.02em}
.docs-content h2{font-size:1.55rem;margin-bottom:1rem}
.docs-content h3{font-size:1.15rem;margin-top:1.5rem;margin-bottom:.7rem}
.docs-content h4{font-size:1rem;margin-top:1rem;margin-bottom:.55rem}
.docs-content p,.docs-content li,.docs-content td,.docs-content th{font-size:1rem;line-height:1.72;color:#223243}
.docs-content ul{padding-left:1.2rem}
.docs-content .table-responsive{border:1px solid var(--geem-border);border-radius:1rem;overflow:auto;margin:1rem 0;background:#fff}
.docs-content table{width:100%;margin-bottom:0}
.docs-content table thead th{background:#f2f7fb;color:#21384f;font-weight:800;border-bottom:1px solid var(--geem-border)}
.docs-content table>:not(caption)>*>*{padding:.8rem .95rem;border-color:#e8eef5;vertical-align:top}
.docs-callout,.docs-card-note,.docs-reg-box,.docs-checklist{border-radius:1.15rem;border:1px solid var(--geem-border);padding:1rem 1.05rem;margin:1rem 0;background:#fff}
.docs-callout.info{background:var(--geem-primary-soft);border-color:#c9def0}
.docs-callout.warning{background:var(--geem-warning-bg);border-color:#f2d58a}
.docs-callout.danger{background:var(--geem-danger-bg);border-color:#f5c2c7}
.docs-callout.success{background:var(--geem-success-bg);border-color:#a6f4c5}
.docs-kpi-grid,.docs-grid-2,.docs-grid-3{display:grid;gap:1rem}
.docs-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:1rem 0}
.docs-grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:1rem 0}
.docs-grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:1rem 0}
.docs-kpi,.docs-mini-card{background:#fff;border:1px solid var(--geem-border);border-radius:1.1rem;padding:1rem;box-shadow:var(--shadow-soft)}
.docs-kpi .value{font-size:1.35rem;font-weight:900;color:var(--geem-primary-dark)}
.docs-kpi .label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--geem-muted);font-weight:800}
.docs-mini-card h4{margin:0 0 .4rem;color:#0f3252}
.docs-mini-card p:last-child,.docs-card-note p:last-child,.docs-callout p:last-child{margin-bottom:0}
.docs-list-tight li{margin-bottom:.35rem}
.docs-reg-box{background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);border-left:5px solid var(--geem-primary)}
.docs-reg-box .ref{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:.55rem;padding:.34rem .62rem;border-radius:999px;background:#eaf3fb;color:var(--geem-primary-dark);font-size:.76rem;font-weight:800}
.docs-steps{counter-reset:step;display:grid;gap:.85rem;margin:1rem 0}
.docs-step{position:relative;padding:1rem 1rem 1rem 4rem;border:1px solid var(--geem-border);border-radius:1rem;background:#fff}
.docs-step::before{counter-increment:step;content:counter(step);position:absolute;left:1rem;top:1rem;width:2.1rem;height:2.1rem;border-radius:999px;background:linear-gradient(135deg,var(--geem-primary),var(--geem-accent));color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center}
.docs-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .55rem;border-radius:999px;background:#edf5fb;border:1px solid #d3e4f2;color:#0f4c81;font-size:.74rem;font-weight:800}
.docs-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}
.docs-nav-card{background:#fff;border:1px solid var(--geem-border);border-radius:1.15rem;padding:1rem 1.1rem;box-shadow:var(--shadow-soft);transition:.18s ease;min-height:100%}
.docs-nav-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(15,35,52,.07)}
.docs-nav-label{display:flex;align-items:center;gap:.45rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:#7d8b98;font-weight:800;margin-bottom:.45rem}
.docs-nav-title{font-weight:800;color:var(--geem-ink);margin:0;line-height:1.35}
.docs-update-marker-card{display:flex;align-items:center;gap:1rem;justify-content:space-between;border:1px solid var(--geem-border);background:#fff;border-radius:1rem;padding:.95rem 1rem;box-shadow:var(--shadow-soft)}
.docs-floating-top{position:fixed;right:1rem;bottom:1rem;z-index:1030;width:48px;height:48px;border:none;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#0c2741;color:#fff;box-shadow:0 12px 30px rgba(15,23,42,.18);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s ease}
.docs-floating-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.docs-home-hero{padding:1.5rem;background:linear-gradient(135deg,#ffffff 0%,#eef6fd 100%);border:1px solid var(--geem-border);box-shadow:var(--shadow-lg);border-radius:1.6rem}
.docs-home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}
.docs-home-card{display:block;background:#fff;border:1px solid var(--geem-border);border-radius:1.2rem;padding:1.1rem;box-shadow:var(--shadow-soft);transition:.18s ease;color:inherit}
.docs-home-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(15,35,52,.08);color:inherit}
.docs-nav-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--geem-primary),var(--geem-accent));display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}
.docs-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .68rem;border-radius:999px;background:#edf5fb;border:1px solid #d3e4f2;color:#0f4c81;font-weight:800;font-size:.78rem}
.docs-legend{display:flex;gap:.5rem;flex-wrap:wrap;margin:.7rem 0}
.docs-legend .item{padding:.34rem .58rem;border:1px solid var(--geem-border);border-radius:999px;background:#fff;font-size:.76rem;font-weight:700;color:#4a5b69}
.modal-content{border-radius:1.4rem}
@media (max-width:991.98px){
 .docs-shell{padding:.8rem}
 body.docs-has-fixed-sidebar .docs-shell{padding-left:.8rem}
 .docs-content-inner{padding:1.15rem}
 .docs-actions{grid-template-columns:1fr}
}
