:root {
      --clr-bg: #FCFFFF;
      --clr-lbl: #F2F5F5;
      --clr-bg-l1: #ECEFEF;
      --clr-bg-active: #E1ECF7;
      --Dclr-bg-l2: #20313E;
      --clr-bg-l2: #DCDFDF;

      --clr-txt: #2E3A43;
      --clr-txt-py: #125FAC;
      --clr-txt-meta: #6E7A83;
      --clr-dng: #9A1900;
      --clr-suc: #037E23;
      --clr-wrn: #B35F00;
    }
    html{
        scroll-behavior:smooth;
    }
    html, body {
      margin: 0;
      padding: 0;
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
      background: var(--clr-bg);
    }

    /* ---- Fixed top bar with Aalam branding ----*/
    #aalam-topbar {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1000;
      display: flex;
      align-items: center;
      gap: 10px;
      height: 56px;
      padding: 0 20px;
      background: var(--Dclr-bg-l2);
      color: var(--clr-bg) !important;
      font-weight: 600;
      font-size: 14px;
      box-shadow: 0 1px 8px rgba(0,0,0,0.25);
    }
    #aalam-topbar img { height: 22px; width: auto; }
    #aalam-topbar .aalam-title { flex: 1; letter-spacing: 0.01em; color: var(--clr-bg) !important; text-decoration:none; }
    #aalam-theme-toggle {
      cursor: pointer;
      border: 1px solid rgba(255,255,255,0.25);
      background: rgba(255,255,255,0.06);
      color: #E0E7FF;
      border-radius: 999px;
      padding: 6px 14px;
      font: inherit;
      font-size: 13px;
      transition: background 0.15s ease;
    }
    #aalam-theme-toggle:hover { background: rgba(255,255,255,0.16); }

    /* Push all Redoc content down by exactly the bar's height, once,
       rather than padding/margin tricks on Redoc's own internal nodes. */
    #aalam-content { margin-top: 56px; }

    /* Sidebar rows: Redoc renders each item as a flex row with the method
       badge first, label second. `.operation-type` is a real, stable class
       Redoc always applies to that badge (not a hashed one), so it's safe
       to target directly — just push it to the end of the row instead of
       the start. */
    .operation-type {
      order: 2;
      margin-right: 0 !important;
      margin-left: 10px;
    }

    /* ---- Parameter / schema tables: Redoc renders these as plain
       <table> elements, so they're safe to target directly ---- */
    table {
      border-collapse: separate !important;
      border-spacing: 0 !important;
      width: 100%;
    }
    table thead th {
      background: #F1F5F9;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.03em;
      color: #64748B;
      padding: 10px 12px !important;
    }
    table td {
      padding: 10px 12px !important;
      border-bottom: 1px solid var(--clr-bg-l2) !important;
    }
    table tr:last-child td { border-bottom: none !important; }

    /* Rounded, "card" feel for code samples and inline code */
    .jRpuSu pre  {
        background-color: var(--clr-bg-l1) !important;
        color: var(--clr-txt) !important;
        border: 1px solid var(--clr-bg-l2) !important;
    }
    .jRpuSu pre code {
        color: var(--clr-txt) !important;
    }
    pre, code {
      border-radius: 10px !important;
    }
    pre {
      box-shadow: 0 1px 3px rgba(0,0,0,0.15);
    }

    .gvJSKt .token.atrule, .gvJSKt .token.attr-value, .gvJSKt .token.keyword {
        color: var(--clr-dng) !important;
    }
    .gvJSKt .token.operator, .gvJSKt .token.entity, .gvJSKt .token.url, .gvJSKt .token.variable {
        color: var(--clr-txt) !important;
    }
    .gvJSKt .token.property, .gvJSKt .token.tag, .gvJSKt .token.number, .gvJSKt .token.constant, .gvJSKt .token.symbol {
        color: var(--clr-suc) !important;
    }
    /* JSON/code sample syntax colors */
    .redoc-json .property.token.string { color: var(--clr-txt-py) !important; }               /* keys — light blue */
    .redoc-json .token.string:not(.property) { color: var(--clr-suc) !important; }         /* string values — teal/green */
    .redoc-json .token.number { color: var(--clr-dng) !important; }                        /* numbers — soft coral */
    .redoc-json .token.punctuation { color: var(--clr-txt) !important; }                   /* braces, commas, colons */
    .RDbxu .collapser {
        color: var(--clr-txt) !important;
    }
    .huryGs > .react-tabs__tab-panel {
        background: var(--clr-bg) !important;
    }
    .gacXDP {
        color: var(--clr-txt) !important;
        position: unset !important;
    }
    .fSWUWo > button { 
        color: var(--clr-txt) !important;
    }
    .fSWUWo > button:hover, .fSWUWo > button:focus {
        background: var(--clr-lbl) !important;
    }

    .icLiuK {
        background-color: var(--clr-bg-l2) !important;
        color: var(--clr-txt) !important;
    }
    .jpFZPB {
        background-color: var(--clr-bg-l2) !important;
    }
    .jpFZPB:hover, .jpFZPB:focus-within {
        background-color: var(--clr-bg-active) !important;
    }
    .jpFZPB label {
        color: var(--clr-txt) !important;
    }
    .jqlTzw pre {
        background-color: var(--clr-bg-l2) !important;
    }
    .jqlTzw pre code {
        color: var(--clr-txt) !important;
    }

    /* Scrollbar polish, Stripe/GitHub-docs style */
    ::-webkit-scrollbar { width: 10px; height: 10px; }
    ::-webkit-scrollbar-thumb {
      background: rgba(148,163,184,0.5);
      border-radius: 8px;
    }

    /* ================= DARK MODE (approximate) =================
       Redoc Community Edition has no native light/dark toggle */
    html.aalam-dark #redoc {
      filter: invert(0.92) hue-rotate(180deg);
      background: #fff;
    }
    html.aalam-dark #aalam-topbar {
      filter: none;
    }

    /* central highlight notes */
    .jRpuSu code {
        color: var(--clr-txt-py) !important;

    }

/*==================================================
  LEFT SIDEBAR
==================================================*/

/* Sidebar background */
.gOfxfC {
    background: var(--clr-lbl) !important;
}

/* Default navigation items */
.bGJvZf,
.iQqwDY,
.bNzHDa {
    background-color: var(--clr-lbl) !important;
    color: var(--clr-txt-meta) !important;
    transition: background-color .18s ease, color .18s ease;
}

/* Hover state */
.bGJvZf:hover,
.iQqwDY:hover,
.bNzHDa:hover,
.gbgydi:hover {
    background-color: var(--clr-bg-l1) !important;
    color: var(--clr-txt) !important;
}

/* Active navigation item */
.gbgydi,
.dqqHAo,
.cIfAEV {
    background-color: var(--clr-bg-active) !important;
    color: var(--clr-txt-py) !important;
    font-weight: 600;
}

/* Nested navigation indent */
.sc-kYxDKI .sc-kYxDKI {
    margin-left: 10px !important;
}

/* copy icon of endpoint */
.hsVRHp > span {
    display: none;
}
.sc-kWtpeL{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}
.copy-path-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;

    margin-left: 10px;

    border: none;
    border-radius: 6px;
    background: transparent;

    color: inherit;
    cursor: pointer;

    transition: background .2s ease, color .2s ease;
}

.copy-path-btn:hover {
    background: rgba(0,0,0,.08);
}

.copy-path-btn.copied {
    color: #22c55e;
}
/*copy icon of endpoint */

/* Right-side background only */


.bnjDXK {
    background: var(--clr-lbl) !important;
    background-color: var(--clr-lbl) !important;
}
.iqGXfs {
    background: var(--clr-lbl) !important;
    background-color: var(--clr-lbl) !important;
}
.cCmoHY {
    color : var(--clr-txt) !important;
}
/*ENd  Right-side background only */


/* hide the doc by readocly text */
.ficXCm {
    display:none !important;
}
/* END hide the doc by readocly text */


/*right side url box */
.eDPskW {
    background-color: var(--clr-bg-l2) !important;
    color: var(--clr-txt) !important;
}

.hEFKzC polygon {
    fill: var(--clr-txt) !important;
}
.cHXioC polyline {
    color: var(--clr-txt) !important;
}

/* DELETE */
.ikDvPm.delete,
.NRtZs {
    background-color: var(--clr-dng) !important;
}

/* GET */
.ikDvPm.get,
.brtpMu {
    background-color: var(--clr-txt-py) !important;
}

/* POST */
.ikDvPm.post,
.jOnlLf {
    background-color: var(--clr-suc) !important;
}

/* PUT */
.ikDvPm.put,
.eSdpmI {
    background-color: var(--clr-wrn) !important;
}


.huryGs > ul > li {
    background-color: var(--clr-bg-l2) !important;
    border: 1px solid var(--clr-txt) !important;
}

.huryGs > ul > li.react-tabs__tab--selected {
    background: var(--clr-bg-active) !important;
}



#aalam-footer{
    padding:40px 20px;
    background: var(--Dclr-bg-l2);
    color:var(--clr-bg);
}
.bfUhAJ {
    padding:1px !important;
}


.footer-content{
    max-width:1100px;
    margin:auto;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:18px;

    text-align:center;
}

.footer-links{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:20px;
}

.footer-links a{
    text-decoration:none;
    color:inherit;
    opacity:.8;
    transition:.2s;
}

.footer-links a:hover{
    opacity:1;
    color: var(--clr-txt-py);
}

.footer-copy{
    font-size:13px;
    opacity:.6;
}

@media (max-width:768px){

    #aalam-footer{
        padding:30px 16px;
    }

    .footer-links{
        flex-direction:column;
        gap:10px;
    }
}







/**toggle button ***/
.ui-switch {
  /* switch */
  --switch-bg: rgb(135, 150, 165);
  --switch-width: 48px;
  --switch-height: 20px;
  /* circle */
  --circle-diameter: 32px;
  --circle-bg: #125FAC;
  --circle-inset: calc((var(--circle-diameter) - var(--switch-height)) / 2);
}

.ui-switch input {
  display: none;
}

.slider {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: var(--switch-width);
  height: var(--switch-height);
  background: var(--switch-bg);
  border-radius: 999px;
  position: relative;
  cursor: pointer;
}

.slider .circle {
  top: calc(var(--circle-inset) * -1);
  left: 0;
  width: var(--circle-diameter);
  height: var(--circle-diameter);
  position: absolute;
  background: var(--circle-bg);
  border-radius: inherit;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiCiAgICAgICAgZD0iTTkuMzA1IDEuNjY3VjMuNzVoMS4zODlWMS42NjdoLTEuMzl6bS00LjcwNyAxLjk1bC0uOTgyLjk4Mkw1LjA5IDYuMDcybC45ODItLjk4Mi0xLjQ3My0xLjQ3M3ptMTAuODAyIDBMMTMuOTI3IDUuMDlsLjk4Mi45ODIgMS40NzMtMS40NzMtLjk4Mi0uOTgyek0xMCA1LjEzOWE0Ljg3MiA0Ljg3MiAwIDAwLTQuODYyIDQuODZBNC44NzIgNC44NzIgMCAwMDEwIDE0Ljg2MiA0Ljg3MiA0Ljg3MiAwIDAwMTQuODYgMTAgNC44NzIgNC44NzIgMCAwMDEwIDUuMTM5em0wIDEuMzg5QTMuNDYyIDMuNDYyIDAgMDExMy40NzEgMTBhMy40NjIgMy40NjIgMCAwMS0zLjQ3MyAzLjQ3MkEzLjQ2MiAzLjQ2MiAwIDAxNi41MjcgMTAgMy40NjIgMy40NjIgMCAwMTEwIDYuNTI4ek0xLjY2NSA5LjMwNXYxLjM5aDIuMDgzdi0xLjM5SDEuNjY2em0xNC41ODMgMHYxLjM5aDIuMDg0di0xLjM5aC0yLjA4NHpNNS4wOSAxMy45MjhMMy42MTYgMTUuNGwuOTgyLjk4MiAxLjQ3My0xLjQ3My0uOTgyLS45ODJ6bTkuODIgMGwtLjk4Mi45ODIgMS40NzMgMS40NzMuOTgyLS45ODItMS40NzMtMS40NzN6TTkuMzA1IDE2LjI1djIuMDgzaDEuMzg5VjE2LjI1aC0xLjM5eiIgLz4KPC9zdmc+");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  -o-transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12);
  ;
}

.slider .circle::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.75);
  border-radius: inherit;
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
  opacity: 0;
}

/* actions */

.ui-switch input:checked+.slider .circle {
  left: calc(100% - var(--circle-diameter));
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiCiAgICAgICAgZD0iTTQuMiAyLjVsLS43IDEuOC0xLjguNyAxLjguNy43IDEuOC42LTEuOEw2LjcgNWwtMS45LS43LS42LTEuOHptMTUgOC4zYTYuNyA2LjcgMCAxMS02LjYtNi42IDUuOCA1LjggMCAwMDYuNiA2LjZ6IiAvPgo8L3N2Zz4=");
}

.ui-switch input:active+.slider .circle::before {
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  opacity: 1;
  width: 0;
  height: 0;
}
/**END toggle button ***/