/* $Id$ */

:root {
    --lftPanelWidth: 250px;
    --theme-primary: #3791fa;
    --lftPanelBg: #fff;
    --lftActiveTabData: 243, 243, 243;
    --lftActiveTabOnData: 0, 0, 0;
    --lftActiveTabInData: #f9f9f9;
    --zpOnMenuPanel: 51, 51, 51;
    --versionHeight: 40px;
    --panelBdr: #f3f3f3;

    --rightData: 14, 30, 40;
    --codeHeaderData: 33, 56, 79;
    --codeData: 23, 41, 58;
    --codeOnData: #ffeead;
    --tableBdr: #d7e6f4;

    --codeBdr: #0c2731;
    --codeFamily: Monaco, "Courier New", monospace;

    --zpTooltip: 0, 0, 0;
    --zpOnTooltip: 242, 242, 242;
    --optData: #211f12;
    --optOnData: #c3d358;

    --typOnData: #ebbbff;
    --plnOnData: #ff9da4;
    --punOnData: #99ffff;
    --kwdOnData: #e8b9fd;
    --strOnData: #A2C395;

    --fontPrimarySize: 15px;
    --iconPrimarySize: 15px;
    --header1Primary: 30px;
    --header2Primary: 24px;
    --header3Primary: 20px;
    --header4Primary: 18px;
    --header5Primary: 16px;
    --codePrimarySize: 14px;
    --rhsHeadPrimarySize: 15px;
    --rhsContPrimarySize: 14px;
    --rhsTabPrimarySize: 15px;

    --fs11px: 0.7857142857142857rem;
    --fs12px: 0.8571428571428571rem;
    --fs12-3px: 0.8785714285714287rem;
    --fs13px: 0.9285714285714286rem;
    --fs14px: 1rem;
    --fs15px: 1.0714285714285714rem;
    --fs16px: 1.1428571428571428rem;
    --fs17px: 1.2142857142857142rem;
    --fs18px: 1.2857142857142858rem;
    --fs19px: 1.3571428571428572rem;
    --fs20px: 1.4285714285714286rem;
    --fs21px: 1.5rem;
    --fs22px: 1.5714285714285714rem;
    --fs26px: 1.8571428571428572rem;
}

body,
html {
    margin: 0px;
    /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-family: var(--fontregular) !important;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    font-size: var(--fontPrimarySize);
    transition: background-color 0.3s ease, color 0.3s ease;
}

body[theme="2"] {
    --rightData: 1, 20, 45;
    --codeHeaderData: 0, 28, 64;
    --codeData: 0, 36, 81;
}

body[theme="3"] {
    --rightData: 30, 30, 30;
    --codeHeaderData: 51, 51, 51;
    --codeData: 37, 37, 38;
}

body[theme="4"] {
    --rightData: 31, 31, 35;
    --codeHeaderData: 61, 60, 65;
    --codeData: 49, 48, 53;
}

body[theme="5"] {
    --rightData: 0, 32, 44;
    --codeHeaderData: 20, 55, 68;
    --codeData: 3, 41, 55;
}

body[theme="6"] {
    --rightData: 29, 19, 16;
    --codeHeaderData: 37, 28, 25;
    --codeData: 46, 36, 32;
}

body[theme-mode="dark"] {
    --tableBdr: #2a3a4a;
}

/* ── Syntax highlighting token classes ── */
.tok-key {
    color: #89ddff;
}

.tok-str {
    color: #c3e88d;
}

.tok-num {
    color: #f78c6c;
}

.tok-kw {
    color: #c792ea;
}

.tok-builtin {
    color: #4ec9b0;
}

.tok-comment {
    color: #6a8fb0;
}

.tok-punct {
    color: #7fdbca;
}

.tok-dot {
    color: #d4d4d4;
}

.tok-prim {
    color: #89ddff;
}

.tok-flag {
    color: #89ddff;
}

/* Static guide code blocks — use builtin teal as default text color */
.guide-code {
    color: #4ec9b0;
}

.coming-soon-badge {
    color: #f78c6c;
    font-size: 12px;
    font-family: var(--fontmedium);
    margin-left: 8px;
}

.req-content-type {
    color: #6a8fb0;
    font-style: italic;
    margin-bottom: 4px;
}

body[theme-mode="dark"] .req-content-type {
    color: #546e7a;
}

body[theme-mode="dark"] .tok-key {
    color: #80cbc4;
}

body[theme-mode="dark"] .tok-str {
    color: #c3e88d;
}

body[theme-mode="dark"] .tok-num {
    color: #f78c6c;
}

body[theme-mode="dark"] .tok-kw {
    color: #c792ea;
}

body[theme-mode="dark"] .tok-builtin {
    color: #4ec9b0;
}

body[theme-mode="dark"] .tok-comment {
    color: #546e7a;
}

body[theme-mode="dark"] .tok-punct {
    color: #89ddff;
}

body[theme-mode="dark"] .tok-dot {
    color: #eeffff;
}

body[theme-mode="dark"] .tok-prim {
    color: #80cbc4;
}

body[theme-mode="dark"] .tok-flag {
    color: #80cbc4;
}

.mt15 {
    margin-top: 15px;
}

.pointer {
    cursor: pointer;
}

.maindiv {
    width: 100%;
    height: calc(100vh - 60px);
    height: -webkit-calc(100% - 60px);
}

.topbar {
    width: 100%;
    height: 60px;
    background-color: rgb(var(--rightData));
    display: flex;
    align-items: center;
}

.main-header>.zoho-import {
    margin-left: 5px;
    color: var(--theme-primary);
    font-size: var(--iconPrimarySize);
    cursor: pointer;
}

.resourceURI {
    font-family: courier New;
    background-color: rgb(var(--codeData));
    padding: 12px 40px 12px 20px;
    border-radius: 5px;
    color: white;
    font-size: var(--fontPrimarySize);
    overflow: auto;
    position: relative;
}

.rightpanel1 .resourceURI {
    background: #f6f8fc;
    border: 1px solid #e7f3ff;
}

.notecode-parent[method] {
    margin-block: 15px 10px;
}

.notecode-parent[method] .resourceURI {
    display: flex;
    background-color: unset;
    align-items: center;
    border: unset;
    padding: 0;
}

.notecode-parent[method] .resourceURI .methodname {
    margin-bottom: 0;
    width: 130px;
    background-color: rgb(var(--themeTextColor));
    color: #000;
    padding: 8px 15px;
}

.notecode-parent[method] .resourceURI .methodname,
.notecode-parent[method] .resourceURI .methodname+p {
    line-height: 26px;
    border-radius: 5px;
}

.notecode-parent[method] .resourceURI .methodname+p {
    background: rgb(var(--themeTextColor), 0.2);
    margin-left: 10px;
    padding-right: 40px;
    position: relative;
    display: flex;
    width: calc(100% - 140px);
}

.notecode-parent[method] .resourceURI .methodname+p::after,
.notecode-parent[method] .resourceURI .methodname+p::before {
    content: '';
    position: absolute;
    inset-block: 0 10px;
}

.notecode-parent[method] .resourceURI .methodname+p::after {
    background-image: linear-gradient(-90deg, rgb(var(--themeTextColorBef)) 50%, transparent);
    width: 60px;
    right: 0;
    border-radius: 0 5px 5px 0;
}

.notecode-parent[method] .resourceURI .methodname+p::before {
    background-color: rgb(var(--themeTextColorBef));
    width: 15px;
    left: 0;
    z-index: 2;
    border-radius: 5px 0 0 5px;
}

.notecode-parent[method] .resourceURI .methodname+p>span {
    padding: 8px 0px 8px 15px;
    overflow-x: auto;
    width: 100%;
    white-space: nowrap;
    flex: 1;
}

.required {
    color: red !important;
}

.data1[required]::after {
    content: '*';
    color: red !important;
    position: relative;
    margin-left: 2px;
}

.copied {
    color: green !important;
}

.request-tab-more>span {
    padding-block: 14px 13px !important;
}

.rightpanel1 .notecode-parent .resourceURI {
    margin-block: 7px;
}

.rightpanel1 img {
    margin-top: 10px;
}

.method-table {
    margin-top: 10px;
}

.method-header-list,
.method-container-list {
    display: flex;
    align-items: center;
}

.rightpanel1 .content>.resourceURI:last-child {
    margin-bottom: unset;
}

.rightpanel1 .content>.resourceURI:not(:last-child)+.container-sub1 {
    padding-top: 15px;
}

.getPostPart {
    margin-top: 20px;
}

.rightpanel1 .getPostPart .posrel p {
    color: #000;
}

.w100per {
    width: 100%;
}

.tac {
    text-align: center;
}

.topbarheading {
    color: #047304;
    --headerBg: #222222;
    font-family: var(--fontregular);
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    background: var(--headerBg);
    border-bottom: 1px solid #f3f3f3;
}

body[theme-mode="dark"] .topbarheading {
    border-bottom-color: #5d5d5d;
}

.documenthead {
    font-family: "LatoSemiBold";
    font-size: var(--header4Primary);
    font-weight: initial;
    margin: 0px 0px 0px 45px;
    color: #ffffff;
}

.rightpanel1,
.rightpanel2 {
    box-sizing: border-box;
    position: relative;
}

.leftpanel {
    width: 100%;
    height: 100%;
    --lhsLeftPad: 27px;
    overflow-y: auto;
    box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.07);
    transition: background-color 0.3s ease, color 0.3s ease;
}

.rightpanel1 {
    width: 65%;
    background-color: #FFFFFF;
    padding: 0px 45px 18px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.rightpanel1>.content>*:last-child,
.rightpanel1>.content>*:last-child>*:last-child {
    margin-bottom: 0 !important;
    /* padding-bottom: 0 !important; */
}

.rightpanel2 {
    width: 35%;
    background: #f5fbff;
    /* border: 1px solid var(--tableBdr); */
    padding: 30px 2% 30px 2%;
    border-radius: 5px;
    margin-top: 15px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.leftpanel .apiTabs-part {
    height: calc(100% - var(--versionHeight) - 15px);
    width: 100%;
    padding: 0 0 30px;
    overflow: auto;
}

.leftpanel .apiTabs-part a {
    height: 40px;
    text-decoration: unset;
    line-height: 42px;
    display: block;
    padding: 0 15px 0 var(--lhsLeftPad);
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    color: #000;
    font-size: var(--fontPrimarySize);
}

body[theme-mode="light"] .leftpanel .apiTabs-part>ul.active>li>a {
    background-color: #d6e9ff;
}

body[theme-mode="dark"] .leftpanel .apiTabs-part>ul.active>li>a {
    background-color: #373737;
}

.leftpanel .apiTabs-part>ul.active>li>ul>li>a {
    padding-left: 45px !important;
}

.leftpanel .apiTabs-part>ul.active>li>ul>li.active:not(.subfolder)>a,
.leftpanel .apiTabs-part li.active.subfolder>ul>li.active>a,
.leftpanel .apiTabs-part li.active.folder>ul>li.active.folder>ul>li.active>a {
    background-color: #3791fa17;
    color: var(--theme-primary);
    font-family: var(--fontsemibold);
}

.leftpanel .apiTabs-part li.active.subfolder-2 > ul > li.active > a {
    background-color: #3791fa17;
}

.leftpanel .apiTabs-part ul li.active ul.active {
    background-color: #f4f8ff;
}

.leftpanel .apiTabs-part ul {
    padding-left: unset;
    cursor: default;
}

.leftpanel .apiTabs-part ul li {
    list-style-type: none;
    cursor: pointer;
    font-family: var(--fontregular);
    width: 100%;
    transition: 0.2s;
}

.leftpanel .apiTabs-part ul li > a {
    transition: 0.2s;
}

.leftpanel .apiTabs-part ul li:hover > a {
    background-color: #e3efff;
}

.leftpanel .apiTabs-part ul,
.leftpanel li {
    position: relative;
    margin: 0;
}

.leftpanel .apiTabs-part>ul {
    margin-bottom: 2px;
}

.leftpanel .apiTabs-part>ul>li.active>a,
.leftpanel .apiTabs-part li.active.subfolder>a {
    font-family: var(--fontsemibold) !important;
}

.leftpanel .apiTabs-part li > ul {
    padding: 0 0 0 0;
    max-height: 0;
    transition: max-height 0.15s ease-out;
    display: none;
    box-shadow: inset 0 12px 6px -11px rgb(0 0 0 / 13%), inset 0 -11px 8px -10px rgb(0 0 0 / 13%);
}

body[theme-mode="dark"] .leftpanel .apiTabs-part li > ul {
    box-shadow: inset 0 12px 6px -11px rgb(92 91 91 / 34%), inset 0 -11px 8px -10px rgb(92 91 91 / 34%);
}

.leftpanel .apiTabs-part li.active>ul {
    max-height: unset;
    display: block;
    transition: max-height 0.25s ease-in;
}

.leftpanel .apiTabs-part>ul:before {
    content: '\edfd';
    font-family: 'zohoproj' !important;
    position: absolute;
    top: 11px;
    right: 8px;
    width: 20px;
    height: 20px;
    font-size: var(--iconPrimarySize);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #000;
    pointer-events: none;
    border: 1px solid transparent;
    transition: 0.3s;
    z-index: 1;
    transform: rotate(-90deg);
}

.leftpanel .apiTabs-part>ul:hover:before {
    color: var(--theme-primary);
    background: transparent;
    border: 1px solid transparent;
}

.leftpanel .apiTabs-part>ul.active:before {
    content: '\edfd';
    color: var(--theme-primary);
    transform: rotate(0deg);
}

.leftpanel .apiTabs-part>ul.singleTabs:before {
    content: unset;
}

.leftpanel .apiTabs-part li>ul>li:first-child {
    margin-top: 1px;
}

.leftpanel .apiTabs-part ul.active>li:before {
    content: "";
    position: absolute;
    width: 2px;
    background-color: #cce5ff;
    pointer-events: none;
    top: 0;
    bottom: 0;
    left: 17px;
}

body[theme-mode="dark"] .leftpanel .apiTabs-part ul.active>li:before {
    background-color: #313a44;
}

.leftpanel .apiTabs-part>ul.active>li>ul>li.active>a {
    background: #d9e8f9;
}

.leftpanel .apiTabs-part li.active.subfolder>ul>li.active:before,
.leftpanel .apiTabs-part li.active.subfolder-2>ul>li.active:before,
.leftpanel .apiTabs-part li.active.folder>ul>li.active.folder>ul>li.active:before {
    background: var(--theme-primary);
}

body[theme-mode="dark"] .leftpanel .apiTabs-part li.subfolder.active>a, body[theme-mode="dark"] .leftpanel .apiTabs-part li.subfolder-2.active>a {
    background-color: #383838;
}

body[theme-mode="light"] .leftpanel .apiTabs-part li.subfolder.active:before, body[theme-mode="light"] .leftpanel .apiTabs-part li.subfolder > ul > .subfolder-2:before {
    background: #cce5ff !important;
}

body[theme-mode="dark"] .leftpanel .apiTabs-part li.subfolder.active:before, body[theme-mode="dark"] .leftpanel .apiTabs-part li.subfolder > ul > .subfolder-2:before {
    background: #3e4a58 !important;
}

.leftpanel .apiTabs-part>ul.active>li:before {
    top: 100%;
    bottom: 0;
}

.leftpanel .apiTabs-part ul li.subfolder, .leftpanel .apiTabs-part ul li.subfolder > ul > .subfolder-2 {
    background: unset !important;
    cursor: default;
}

body[theme-mode="dark"] .leftpanel .apiTabs-part ul li.subfolder > ul > .subfolder-2.active {
    background: #2d2d2d !important;
}

.leftpanel .apiTabs-part li.subfolder:after, .leftpanel .apiTabs-part li.subfolder > ul > .subfolder-2:after {
    font-family: 'zohoproj' !important;
    content: '\edfb';
    position: absolute;
    left: 8px;
    top: 20px;
    transform: rotate(0deg) translateY(-50%);
    background-color: #fff;
    font-size: var(--iconPrimarySize);
    width: 20px;
    height: 20px;
    cursor: pointer;
    color: var(--theme-primary);
    pointer-events: none;
    border-radius: 5px;
    border: 1px solid #cce5ff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.leftpanel .apiTabs-part li.subfolder > ul > .subfolder-2::after {
    content: '\ed0b';
    width: 14px;
    height: 14px;
    font-size: 14px;
    left: 11px;
    border: unset !important;
    border-radius: 0;
}

.leftpanel .apiTabs-part li.subfolder > ul > .subfolder-2.active::after {
    content: '\ed0c';
}

body[theme-mode="dark"] .leftpanel .apiTabs-part li.subfolder:after, body[theme-mode="dark"] .leftpanel .apiTabs-part li.subfolder > ul > .subfolder-2:after {
    background-color: #313a44;
    border-color: #49535d;
}

.leftpanel .apiTabs-part li.subfolder.active::after {
    transform: rotate(90deg) translateX(-50%);
}

.leftpanel .apiTabs-part li.folder.active > a {
	background: #e7f1f7;
}

.leftpanel .apiTabs-part>ul.singleTabs.active>li:before,
.leftpanel .apiTabs-part>ul.singleTabs.active:before {
    content: unset;
}

.leftpanel .apiTabs-part li.subfolder>ul>li>a, .leftpanel .apiTabs-part li.subfolder-2>ul>li>a {
    padding-left: 45px;
}

/* ── Side menu: explicit indentation per nesting level ── */
.leftpanel .apiTabs-part>ul>li>a {
    padding-left: 27px;
}

.leftpanel .apiTabs-part>ul>li>ul>li>a {
    padding-left: 40px;
}

.leftpanel .apiTabs-part>ul>li>ul>li>ul>li>a {
    padding-left: 53px;
}

table td code,
table th code {
    white-space: nowrap;
}

.clear {
    clear: both;
}

.productlist,
.data {
    width: 100%;
}

.data,
.data-parent-content {
    display: flex;
    flex-direction: row;
}

.data,
.data-parent-content>div {
    padding: 8px 15px;
}

.data-parent-content>div:not(:last-child) {
    border-right: 1px solid var(--tableBdr);
}

[hierarchy-level]>.data:last-child>.data-parent-content {
    padding-top: unset;
}

[hierarchy-level="2"]>.data:last-child {
    padding-bottom: unset;
}

[hierarchy-level="2"] {
    background-color: hsl(214, 70%, 97%); /* softest, clearly visible */
}

[hierarchy-level="3"] {
    background-color: hsl(214, 68%, 95%);
}

[hierarchy-level="4"] {
    background-color: hsl(214, 66%, 93%);
}

[hierarchy-level="5"] {
    background-color: hsl(214, 64%, 91%);
}

[hierarchy-level="6"] {
    background-color: hsl(214, 62%, 89%); /* medium blue, still text-safe */
}

.data-parent {
    border-left: 1px solid var(--tableBdr);
    border-right: 1px solid var(--tableBdr);
    border-bottom: 1px solid var(--tableBdr);
}

.productlist>.data-parent:last-child {
    border-bottom: 1px solid var(--tableBdr);
    border-radius: 0 0 var(--tableRadius) var(--tableRadius);
}

.data-parent-content>.data1 {
    padding-left: 15px;
}

.data1 {
    width: 25%;
    font-family: var(--fontregular);
    font-size: var(--fontPrimarySize);
    word-wrap: break-word;
    color: black;
}

.data1 a {
    color: #428bca;
    text-decoration: none;
}

.toggleref {
    cursor: pointer;
    color: #428bca;
    width: 20%;
    font-family: var(--codeFamily);
    font-size: var(--codePrimarySize);
}

.data2 {
    width: 25%;
    font-family: var(--fontregular);
    font-size: var(--fontPrimarySize);
    word-wrap: break-word;
    padding-right: 30px;
}

.data3 {
    width: 50%;
    font-family: var(--fontregular);
    font-size: var(--fontPrimarySize);
    word-wrap: break-word;
    color: black;
}

.bold {
    font-weight: bold;
}

.lightitalic {
    color: #000;
    font-style: italic;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: var(--fontPrimarySize);
    line-height: 1.5;
}

.miniheader {
    font-family: var(--fontregular);
    font-size: var(--fontPrimarySize);
    color: var(--theme-primary);
    padding: 6px 15px;
    background: rgb(var(--codeHeaderData)) !important;
    color: #fff;
}

.productlist>div:first-of-type,
.productlist>div.data,
.productlist>div:first-of-type,
.productlist>div.data div[hierarchy-level]>.data {
    padding: 0;
}

[hierarchy-level="1"]>.data>.flex>.data1 {
    padding-left: calc(15px * 2) !important;
}

[hierarchy-level="2"]>.data>.flex>.data1 {
    padding-left: calc(15px * 2) !important;
}

[hierarchy-level="3"]>.data>.flex>.data1 {
    padding-left: calc(15px * 3) !important;
}

:is([hierarchy-level="4"], [hierarchy-level="5"], [hierarchy-level="6"])>.data>.flex>.data1 {
    padding-left: calc(15px * 4) !important;
}

.productlist>.data>.miniheader:not(:first-child) {
    position: relative;
}

.productlist>.data>.miniheader:not(:first-child)::before {
    content: '';
    position: absolute;
    left: -1px;
    width: 1px;
    inset-block: -1px;
    background-color: #ffffff78;
}

body[theme-mode="dark"] .productlist>.data>.miniheader:not(:first-child)::before {
    background-color: #51649878;
}

.productlist>div:first-of-type>div:first-of-type {
    border-radius: var(--tableRadius) 0 0 0 !important;
}

.productlist>div:first-of-type>div:last-of-type {
    border-radius: 0 var(--tableRadius) 0 0 !important;
}

.reqhead {
    min-height: 40px;
    height: auto;
    color: #fff;
    font-size: var(--rhsHeadPrimarySize);
    font-family: var(--fontsemibold);
    background: rgb(var(--codeHeaderData));
    padding: 8px 35px 8px 20px;
    margin: 0;
    position: relative;
}

.copy-code {
    width: 15px;
    font-size: var(--iconPrimarySize);
    color: #ffffffcc;
    position: absolute;
    right: 15px;
    top: 20px;
    transform: translate(0, -50%);
    cursor: pointer;
    z-index: 1;
    transition: 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rightpanel1 .copy-code {
    font-size: 14px;
    top: 0px;
    right: 0px;
    height: 27px;
    width: 27px;
    transform: translate(0, 0);
    border-radius: 0 5px 0 5px;
    color: #000;
    font-family: var(--fontmedium);
}

.rightpanel1 .notecode-parent[method] .copy-code {
    background-color: rgb(var(--themeTextColor), 0.3);
}

.rightpanel1 .notecode-parent[method] .copy-code i[class^="zoho-"] {
    font-family: var(--fontmedium);
}

.rightpanel2 .copy-code:hover {
    color: #fff;
}

.reqhead+.reqhead {
    border-radius: 0;
}

.posrel {
    position: relative;
}

.reqhead+div {
    position: relative;
}

.show_more {
    position: sticky;
    bottom: 0;
    left: calc(100% - 100px);
    background: #545658;
    border-radius: 5px;
    padding: 6px 13px;
    font-size: var(--iconPrimarySize);
    cursor: pointer;
    color: #fff;
    font-family: var(--fontregular);
}

.opt,
.opt-fixed,
.tab-content .code>pre {
    font-family: var(--codeFamily);
    font-size: var(--rhsContPrimarySize);
    color: var(--codeOnData);
    white-space: pre;
    line-height: 24px;
    display: block;
    position: relative;
    background: rgb(var(--codeData));
    margin: 0;
    padding: 20px 15px 15px 25px;
    max-height: unset;
    overflow-x: auto;
}

.opt-curl {
    font-family: var(--codeFamily);
    font-size: var(--rhsContPrimarySize);
    color: var(--codeOnData);
    white-space: pre-wrap;
    display: block;
    position: relative;
    background: rgb(var(--codeData));
    margin: 0;
    max-height: unset;
}

.opt-fixed {
    word-break: break-all;
    padding: 20px 25px;
}

.scrollHidden {
    overflow-y: hidden !important;
    max-height: 400px !important;
}

.curl-body-scroll {
    max-height: 300px;
    overflow: auto;
}

.curl-body-scroll p.http {
    white-space: pre;
}

.opt::-webkit-scrollbar,
.opt-fixed::-webkit-scrollbar,
.resourceURI::-webkit-scrollbar,
.rightpanel2 .tab-content::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.opt::-webkit-scrollbar-track,
.opt-fixed::-webkit-scrollbar-track,
.rightpanel2 .resourceURI::-webkit-scrollbar-track,
.rightpanel2 .tab-content::-webkit-scrollbar-track,
.opt::-webkit-scrollbar-corner,
.opt-fixed::-webkit-scrollbar-corner,
.rightpanel2 .resourceURI::-webkit-scrollbar-corner,
.rightpanel2 .tab-content::-webkit-scrollbar-corner {
    background: #4d6f91;
}

.opt::-webkit-scrollbar-thumb,
.opt-fixed::-webkit-scrollbar-thumb,
.rightpanel2 .resourceURI::-webkit-scrollbar-thumb,
.rightpanel2 .tab-content::-webkit-scrollbar-thumb {
    background: #98abbf;
}

.opt,
.opt-fixed,
.resourceURI,
.rightpanel2 .tab-content {
    scrollbar-width: thin;
    scrollbar-color: #98abbf #4d6f91;
}

.rightpanel1 .resourceURI::-webkit-scrollbar-track,
.rightpanel1 .resourceURI::-webkit-scrollbar-corner {
    background: #e7f3ff;
}

.rightpanel1 .resourceURI::-webkit-scrollbar-thumb {
    background: #21384f12;
}

.rightpanel1 .resourceURI {
    scrollbar-color: #21384f12 #e7f3ff;
}

.twooverflow {
    margin-left: var(--lftPanelWidth);
    height: 100%;
    overflow-y: auto;
    position: relative;
}

.twooverflow>.totalmain:last-child {
    min-height: 100%;
}

.examplereq {
    margin: 0;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
}

.rightpanel2 .examplereq:last-child {
    margin-bottom: unset;
}

.totalmain .totalmain-sub:first-child .rightpanel2 {
    border-bottom: unset;
}

.totalmain .totalmain-sub:last-child .rightpanel2 {
    border-top: unset;
    margin-top: unset;
}

.totalmain .totalmain-sub:not(:first-child):not(:last-child) .rightpanel2 {
    border-top: unset;
    border-bottom: unset;
    margin-top: unset;
}

.totalmain {
    width: 100%;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid rgba(147, 159, 169, 0.2);
    padding: 0px 15px 15px 0;
}

/* Full-width merged panel — hides right panel, expands left to 100% */
.totalmain-full {
    width: 100%;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid rgba(147, 159, 169, 0.2);
    padding: 0px 15px 15px 0;
}

.totalmain-full>.rightpanel1 {
    width: 100%;
    padding: 0px 45px 18px;
}

.totalmain-full>.rightpanel2 {
    display: none;
}

.totalmain .totalmain-sub {
    width: 100%;
    display: flex;
    flex-direction: row;
    border-radius: 5px;
}

.totalmain .totalmain-sub:first-child .rightpanel2,
.totalmain .totalmain-sub:not(:last-child) .rightpanel2 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.totalmain .totalmain-sub:last-child .rightpanel2,
.totalmain .totalmain-sub:not(:first-child) .rightpanel2 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.content {
    padding: 0px 0px 30px 0px;
    --tableRadius: 5px;
    /* --codeHeaderData: 156, 167, 182; */
}

.rightpanel1 .content:last-child {
    padding-bottom: 0;
}

.content+.content>.main-header {
    margin-top: unset;
}

.post {
    font-family: courier New;
    background-color: #262f37;
    padding: 10px 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    color: white;
    width: 85%;
    margin: 40px 0px 40px 0px;
    font-size: var(--fontPrimarySize);
    word-wrap: break-word;
}

.requestheading {
    background-color: #38434d;
    color: #43a1b5;
    font-size: 18px;
    padding: 0px 18px 5px 0;
    word-break: break-word;
}

.jspdata {
    margin: 0px 0px 40px 0px;
    font-family: var(--codeFamily);
    font-size: 14px;
    color: #c3d358;
    line-height: 26px;
}

.http {
    color: var(--codeOnData);
    font-family: var(--codeFamily);
    font-size: var(--rhsContPrimarySize);
    padding: 20px 25px;
    margin-bottom: 0;
    white-space: unset;
}

li {
    position: relative;
}

.leftpanel li.active .active:before {
    content: unset;
}

li.active>ul>li.arrow>a:before {
    content: unset !important;
}

li.active>a>span {
    color: #FFF;
    text-decoration: none !important;
}

.navMenuList {
    width: var(--lftPanelWidth);
    height: 100%;
    float: left;
    border-right: 1px solid #f3f3f3;
    background: var(--lftPanelBg)
}

body[theme-mode="dark"] .navMenuList {
    border-right-color: #5d5d5d;
}

.navbar li ul {
    display: none;
}

.navbar .active>ul {
    display: block;
    padding: 1px 0;
}

.navbar .active>ul li {
    padding: 0 10px 0 15px !important;
}

.navbar .active>ul li.active li {
    padding-left: 0 !important;
}

.navbar>.active>ul>ul {
    display: block;
}

.content table th,
.content table td {
    font-size: var(--fontPrimarySize);
    text-align: left;
    vertical-align: top;
    line-height: 1.6;
}

.content table>tbody>tr>td:first-child {
    border-right: unset;
    position: relative;
}

.content table>tbody>tr:not(:last-child)>td {
    border-bottom: unset;
}

.content table>tbody>tr:first-child>td {
    border-top: unset;
}

.content table>tbody>tr:last-child>td:first-child {
    border-radius: 0 0 0 var(--tableRadius);
}

.content>table>tbody>tr:last-child>td:last-child {
    border-radius: 0 0 var(--tableRadius) 0;
}

.content table tr:nth-child(even) td,
.productlist .data:nth-child(odd) {
    /* background: #f6fafe; */
}

.content table td {
    padding: 8px 15px;
    font-size: var(--fontPrimarySize);
    border: 1px solid var(--tableBdr);
}

tbody>tr:last-child>td:first-child,
.productlist>div:nth-last-child(2)>div:first-child {
    border-radius: 0 0 0 4px;
}

tbody>tr:last-child>td:last-child,
.productlist>div:nth-last-child(2)>div:last-child {
    border-radius: 0 0 4px 0;
}

.content table th {
    padding: 5px 15px;
    font-size: var(--fontPrimarySize);
    color: #fff;
    vertical-align: bottom;
    background-color: rgb(var(--codeHeaderData));
}

thead>tr>th:first-child {
    width: 130px;
    border-radius: var(--tableRadius) 0 0 0;
}

thead>tr>th:last-child {
    border-radius: 0 var(--tableRadius) 0 0;
}

thead>tr>th {
    border: 1px solid rgb(var(--codeHeaderData));
}

thead>tr>th:not(:last-child) {
    border-right: unset;
}

thead>tr>th:not(:first-child) {
    position: relative;
}

thead>tr>th:not(:first-child)::before {
    content: '';
    position: absolute;
    left: -1px;
    width: 1px;
    inset-block: -1px;
    background-color: #ffffff78;
}

.rightpanel1 p {
    font-family: var(--fontregular);
    font-size: var(--fontPrimarySize);
    color: #000;
    margin-bottom: 0;
    line-height: calc(var(--fontPrimarySize) + 10px);
}

.rightpanel1 p.sub-header-lwr {
    font-size: var(--header4Primary);
    font-family: var(--fontsemibold);
    margin-bottom: 13px;
    margin-top: 25px;
}

.main-header+p,
.container-sub1+p {
    margin: 0 0 15px 0;
}

.rightpanel1 li {
    font-size: var(--fontPrimarySize);
    color: #000;
    margin: 7px 0px 7px 0px;
    font-family: var(--fontregular);
    line-height: 28px;
}

.rightpanel1 li::marker {
    color: var(--headerBg);
}

.pt0imp {
    padding-top: 0 !important;
}

.rightpanel1 code {
    background-color: rgb(0 140 255 / 10%);
    padding: 2px 7px;
    border-radius: 3px;
    color: #233659;
    word-break: break-all;
    white-space: normal;
    font-family: var(--fontregular);
    font-size: var(--fontPrimarySize);
    border: 1px solid rgba(0, 140, 255, 0.1);
    display: inline-block;
    margin-inline: 5px;
    line-height: 20px;
    margin-bottom: 5px;
}

.method-container,
.method-header {
    display: flex;
    align-items: center;
    background: rgb(var(--themeTextColor));
    border-radius: 5px;
    /* color: #fff; */
    height: 38px;
    padding-inline: 12px;
    position: relative;
}

.method-container-list {
    margin-top: 5px;
}

.method-container-list .method-container:first-child,
.method-header-list .method-header:first-child {
    /* justify-content: center; */
    width: 170px;
}

body[theme-mode="dark"] .method-container-list .method-container:first-child,
body[theme-mode="dark"] .method-header-list .method-header:first-child {
    color: #000000;
}

.method-container-list .method-container:first-child {
    font-family: var(--fontsemibold);
}

.method-header-list .method-header:first-child {
    border-radius: 5px 0 0 5px;
}

.method-container-list .method-container:last-child,
.method-header-list .method-header:last-child {
    flex: 1;
    margin-left: 10px;
    background: rgb(var(--themeTextColor), 0.2);
    color: #000;
}

.method-header-list .method-header:first-child,
.method-header-list .method-header:last-child {
    background: rgb(var(--codeData));
}

.method-header-list .method-header {
    color: #fff !important;
}

.method-header-list .method-header:last-child {
    border-radius: 0 5px 5px 0;
    margin-left: 0;
    padding-left: 20px;
}

.method-header-list .method-header:last-child::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 15px;
    top: 50%;
    left: 5px;
    background-color: #ffffff3d;
    transform: translateY(-50%);
}

.method-container-group {
    margin-top: 7px;
}

.rightpanel1 .OAuth_table {
    margin-block: 10px;
}

[method="get"] {
    --themeTextColor: 101, 177, 254;
    --themeTextColorBef: 225, 239, 255;
}

[method="post"] {
    --themeTextColor: 73, 204, 144;
    --themeTextColorBef: 222 245 233;
}

[method="put"] {
    --themeTextColor: 248, 161, 48;
    --themeTextColorBef: 254, 236, 217;
}

[method="patch"] {
    --themeTextColor: 247, 218, 82;
    --themeTextColorBef: 253, 248, 222;
}

[method="delete"] {
    --themeTextColor: 255, 110, 115;
    --themeTextColorBef: 254, 222, 221;
}

tr[method] {
    background-color: rgb(var(--themeTextColor), 0.02);
}

/* .rightpanel1 code:last-child {
	margin-right: unset;
} */

.ibvat {
    display: inline-block;
    vertical-align: top;
}

.link,
a {
    cursor: pointer;
    color: #428bca;
}

/* .codesubheading .link, .codesubheading a, a[href^="http"] {
    color: #428bca !important;
} */

.data2 p {
    line-height: 1;
    color: rgba(0, 0, 0);
    font-family: var(--fontlight);
}

.content h3,
.content h4,
.content h5,
.content h6 {
    font-size: var(--fontPrimarySize);
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #000;
}

.methodname {
    color: var(--theme-primary);
    margin-bottom: 10px;
    display: block;
    position: sticky;
    left: 0;
    font-family: var(--fontsemibold);
}

.methodname[method] {
    color: rgb(var(--themeTextColor));
}

.jsonExample {
    color: #c3d358;
}

.header {
    color: #c3d358;
}

.data pre code {
    background-color: rgba(33, 20, 20, 0.52);
    padding: 3px;
    border-radius: 5px;
    color: #f6f0f0;
    word-break: break-all;
    white-space: normal;
    font-size: var(--fontPrimarySize);
}

.topbarheading>.top-lhs-logo {
    display: flex;
    align-items: center;
    height: 100%;
    width: var(--lftPanelWidth);
    padding-left: 30px;
    font-family: var(--fontsemibold);
    background: var(--headerBg);
}

table {
    width: 100%;
    border-collapse: unset !important;
    border-spacing: 0;
}

hr {
    border-top: 1px solid rgb(0, 0, 0, 0.05) !important;
}

.h30 {
    height: 30px;
}

.typ {
    color: var(--typOnData) !important;
}

.pln {
    color: var(--plnOnData) !important;
}

.clo,
.opn,
.pun {
    color: var(--punOnData) !important;
}

.kwd {
    color: var(--kwdOnData) !important;
}

.str {
    color: var(--strOnData) !important;
}

.content>br,
.content>hr {
    display: none;
}

.container {
    padding-left: 20px !important;
    padding-right: unset !important;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f3f3f3;
}

.container>.container,
.content>.container:nth-last-of-type(1) {
    margin-bottom: unset;
    padding-bottom: unset;
    border-bottom: unset;
}

.container>p {
    position: relative;
}

.container>p:before {
    content: '-';
    margin-right: 3px;
}

.leftpanel .version-part {
    height: var(--versionHeight);
    width: calc(100% - 30px);
    background: #fff;
    border-bottom: 1px solid #007bff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px 0 var(--lhsLeftPad);
    font-family: 'zohoproj' !important;
    cursor: pointer;
    margin: 0 15px 15px;
    position: sticky;
    top: 0;
    z-index: 3;
}

.leftpanel .version-part>select {
    background: unset;
    border: unset;
    outline: none;
    height: 100%;
    width: 100%;
    font-family: var(--fontsemibold);
    cursor: pointer;
    -webkit-appearance: none;
    border-right: 1px solid #efefef;
    height: 20px;
}

.leftpanel .version-part:after {
    content: '\edfd';
    position: absolute;
    font-size: var(--iconPrimarySize);
    right: 58px;
    pointer-events: none;
}

.leftpanel .version-part>label {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    display: flex;
    align-items: center;
}

.leftpanel .version-part>label>i {
    position: absolute;
    font-size: var(--iconPrimarySize);
    cursor: pointer;
    font-family: var(--fontmedium);
}

.leftpanel .version-part>label>i:first-child {
    left: 1px;
}

.leftpanel .version-part>label>input {
    padding-inline: 25px;
    width: 100%;
    border: unset;
    outline: unset;
    border-radius: 0;
    height: 32px;
    font-family: var(--fontregular);
}

.leftpanel .version-part>label {
    width: calc(100% - 15px);
    transition: 0.2s;
}

.leftpanel .version-part>.api-search-container {
    margin: 0 0 0 13px;
    font-size: 13px;
}

dl,
ol,
ul {
    margin-bottom: 0;
}

ul>.codesubheading:first-child {
    margin-top: 20px;
}

ul.disc>.codesubheading:first-child {
    margin-top: 0;
}

.rightpanel1 li.codesubheading>span:last-child>img:only-child {
    margin-bottom: 25px;
}

.productlist>div:nth-last-child(2) {
    /* border-bottom: unset; */
}

.content>hr:last-of-type {
    display: none;
}

.main-header,
.main-header-2,
.main-header-3 {
    font-size: var(--header1Primary);
    margin-bottom: 15px;
    padding-top: 30px;
    font-family: var(--fontsemibold);
    color: #000;
    line-height: 1;
}

.main-header-2 {
    font-size: var(--header2Primary);
    margin-bottom: 20px;
}

.main-header-3 {
    font-size: var(--header3Primary);
    margin-bottom: 15px;
}

.rightpanel1 .container-sub1 {
    margin-bottom: 15px;
    padding-top: 30px;
    line-height: 1.2;
}

.rightpanel1 .container-sub1,
.rightpanel1 .container-sub1 p {
    font-size: var(--header3Primary);
    font-family: var(--fontsemibold);
    color: #000;
}

.disc {
    list-style: disc;
    padding-left: 30px;
    padding-top: 10px;
}

.methodname+.disc {
    padding-top: 0;
}

.sub-header,
.sub-header-bdr {
    font-size: var(--header4Primary);
    margin-top: 30px;
    margin-bottom: 10px;
    font-family: var(--fontsemibold);
    color: #000 !important;
}

.possibleErrors>div {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #f2f2f2;
}

.possibleErrors>div:last-child {
    padding-bottom: unset;
    margin-bottom: unset;
    border: unset;
}

.li-header {
    padding-top: 5px;
    color: #000;
    font-weight: bold;
    line-height: 1.0;
    margin-right: 6px;
}

.mb30 {
    margin-bottom: 30px;
}

.rightpanel1 p:first-child+.sub-header-lwr {
    padding-top: 30px;
}

.sub-header-lwr {
    font-size: var(--header5Primary) !important;
    font-family: var(--fontsemibold) !important;
    color: #000 !important;
    line-height: 1 !important;
    margin-bottom: 10px !important;
}

.rightpanel1 .sub-header-lwr+p {
    margin-bottom: 35px !important;
}

.rightpanel1 .sub-header-lwr+p.mb0imp {
    margin-bottom: 0 !important;
}

.para-or {
    margin-block: 5px !important;
}

.gray {
    font-weight: bold;
}

.lh2 {
    line-height: 2.0;
}

.lh22 {
    line-height: 22px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb6 {
    margin-bottom: 6px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb20 {
    margin-bottom: 20px;
}

.pt10 {
    padding-top: 10px !important;
}

dl,
ol,
ul {
    padding-left: 20px;
}

body[theme-mode="dark"] {
    --lftPanelBg: #0e0e0e;
    --zpOnMenuPanel: 210, 210, 210;
    --zpOnData: 200, 200, 200;
    --lftActiveTabData: 37, 37, 37;
    --lftActiveTabOnData: 210, 210, 210;
    --lftActiveTabInData: #1b1b1b;
}

body[theme-mode="dark"] .topbarheading>span:first-child {
    border-bottom: 1px solid #ffffff14;
}

.searchbox {
    position: relative;
    text-align: right;
    top: unset;
    padding-inline: 2px;
    margin-inline: auto 20px;
    color: var(--theme-primary);
    display: flex;
    align-items: center;
}

.searchbox .searchIcon {
    font-size: var(--iconPrimarySize);
    position: absolute;
}

.searchbox #searchbar {
    width: 300px;
    height: 32px;
    border-radius: 0px;
    padding: 0 5px 0 25px;
    font-size: var(--fontPrimarySize);
    outline: none;
    border: unset;
    border-bottom: 1px solid #ddd;
    background: transparent;
    font-family: var(--fontregular);
    transition: 0.2s;
}

.searchbox #searchbar:focus {
    border-bottom: 1px solid var(--theme-primary);
}

[class^="zoho-"],
[class*=" zoho-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'zohoproj' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Enable Ligatures ================ */
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    font-feature-settings: "liga";
    -webkit-font-variant-ligatures: discretionary-ligatures;
    font-variant-ligatures: discretionary-ligatures;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.autocomplete-items {
    position: absolute;
    border-top: none;
    z-index: 99;
    top: calc(100% + 5px);
    left: 0;
    width: calc(100% + 30px);
    border-radius: 4px;
    margin-left: -15px;
    text-align: left;
    max-height: 300px;
    overflow: auto;
    height: auto;
    box-shadow: -2px 0 15px rgba(0, 0, 0, .3);
}

.autocomplete-items div {
    font-family: var(--fontregular);
    color: #000;
    padding: 10px;
    cursor: pointer;
    font-size: var(--rhsHeadPrimarySize);
    background-color: #fff;
    border-bottom: 1px solid #f7f7f7;
}

.autocomplete-items div>strong {
    color: #007bff;
    font-family: var(--fontsemibold);
}

div[module="true"] {
    position: relative;
}

div[module="true"]::after {
    content: '\ecde';
    font-family: 'zohoproj' !important;
    position: absolute;
    right: 0;
    inset-block: 0;
    padding-inline: 10px;
    background-color: inherit;
    display: flex;
    padding-top: calc(calc((var(--rhsHeadPrimarySize) + 20px) / 2) - calc(14px / 2));
    font-size: 14px;
    color: rgb(196 196 196);
}

.autocomplete-items div:hover {
    background: #f3faff;
    color: var(--theme-primary);
}

.autocomplete-active {
    background-color: #e9e9e9 !important;
    color: #000000;
}

.rootElement {
    color: black;
    font-size: 10px;
    padding-left: 2px;
}

.sdk-header-section {
    overflow: visible !important;
}

.sdk-header-section ul {
    padding: 0 20px;
    background: rgb(var(--codeHeaderData));
    list-style: none;
    display: flex;
    align-items: center;
    margin: 0;
    overflow: visible !important;
}

.sdk-header-section ul li {
    padding: 0;
    cursor: pointer;
    font-size: var(--rhsTabPrimarySize);
}

.sdk-header-section ul li>span {
    display: block;
    padding: 10px;
}

.java-sdk-container {
    color: white;
}

.hide {
    display: none;
}

.tab-content {
    background: rgb(var(--codeData));
    border-radius: 0 0 10px 10px;
    overflow: auto;
}

.twooverflow .rightpanel2 li.active:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transform: translate(0, 1px);
    z-index: 2;
    border-bottom: 2px solid #317bb7;
}

.nav-tabs {
    border-bottom: 1px solid #dee2e60f !important;
}

.code {
    background-color: transparent !important;
}

.maindiv .zps-error,
.maindiv .zps-success {
    position: absolute;
    z-index: 13;
    height: 32px;
    line-height: 33px;
    font-size: var(--fontPrimarySize);
    font-family: var(--fontsemibold);
    left: 42%;
    transform: translate(-50%, 1px);
    color: #fff;
    padding: 0 45px;
    transition: 0.2s;
    white-space: nowrap;
    max-width: 80vw;
    display: none;
}

.maindiv .zps-error:before,
.maindiv .zps-success:before {
    content: '';
    position: absolute;
    z-index: -1 !important;
    top: -1px;
    text-align: center !important;
    width: 100%;
    height: 40px;
    background-color: transparent;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    border: unset;
    border-left: 0;
    transform: perspective(15px) rotateX(-2deg);
    -moz-transform: perspective(15px) rotateX(-2deg);
    -webkit-transform: perspective(15px) rotateX(-2deg);
    transform-origin: top;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    filter: drop-shadow(2px 4px 6px rgba(var(--zpShadow), 0.30));
}

.maindiv .zps-success:before {
    background-color: #35c577;
    -webkit-box-shadow: inset 0px 5px 4px -2px #35c577;
    box-shadow: inset 0px 5px 4px -2px #35c577;
}

.maindiv .zps-error:before {
    background-color: #ff3333;
    -webkit-box-shadow: inset 0px 5px 4px -2px #da3931;
    box-shadow: inset 0px 5px 4px -2px #da3931;
}

.fdcolumn,
.fdColumn {
    flex-direction: column;
}

.requestExample {
    white-space: nowrap;
}

.mb0imp {
    margin-bottom: 0 !important;
}

.flex {
    display: flex;
}

.pb15 {
    padding-bottom: 15px;
}

.requestexample span {
    display: block;
    white-space: nowrap;
    margin-bottom: -15px;
}

.rightpanel1 .oaut-scope,
.rightpanel1 .oaut-scope .posrel {
    display: flex;
    align-items: center;
}

.rightpanel1 .oaut-scope .resourceURI {
    background: unset;
    border: unset;
    padding: 0 10px;
}

.rightpanel1 .oaut-scope .copy-code {
    background-color: unset;
    height: unset;
    width: unset;
    position: relative;
}

.rightpanel1 .oaut-scope .resourceURI,
.rightpanel1 .oaut-scope .copy-code {
    color: #c69047 !important;
    font-family: var(--fontmedium);
}

.widget-custom-scroll::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.widget-custom-scroll::-webkit-scrollbar-thumb {
    background-color: rgb(232, 232, 232);
    cursor: pointer;
    border-radius: 5px;
}

/* .widget-custom-scroll:hover {
    background-color: rgb(226, 226, 226);
} */

.widget-custom-scroll::-webkit-scrollbar-track {
    background: none;
}

.widget-custom-scroll {
    scrollbar-face-color: rgb(232, 232, 232);
    scrollbar-track-color: none;
    scrollbar-width: thin;
}

/* Global Tooltip */
.zpToolTip {
    --zpTransition400ms: 0.4s;
    background-color: rgb(var(--zpTooltip));
    border-radius: 3px;
    color: rgb(var(--zpOnTooltip));
    font-size: 0.75rem;
    max-width: 22.75rem;
    padding: 0.625rem 0.875rem;
    position: absolute;
    visibility: visible;
    z-index: 14;
    opacity: 1;
    transition: opacity var(--zpTransition400ms) ease 0.3s;
}

.zpToolTip.hd {
    visibility: hidden;
    opacity: 0;
}

.zpToolTip:after {
    width: 0;
    height: 0;
    border: transparent 0.4375rem solid;
    content: "";
    position: absolute;
}

.zpToolTip.tp,
.zpToolTip.tpL,
.zpToolTip.tpR {
    -webkit-box-shadow: 0 2px 3px rgba(var(--zpTooltip), 0.3);
    box-shadow: 0 2px 3px rgba(var(--zpTooltip), 0.3);
}

.zpToolTip.tp:after,
.zpToolTip.tpL:after,
.zpToolTip.tpR:after {
    border-top-width: 0;
    border-bottom-color: rgb(var(--zpTooltip));
    top: -0.4375rem;
    margin-top: 1px;
}

.zpToolTip.bt:after,
.zpToolTip.tp:after {
    left: 50%;
    margin-left: -0.4375rem;
}

.zpToolTip.btL:after,
.zpToolTip.tpL:after {
    left: 0.625rem;
}

.zpToolTip.btR:after,
.zpToolTip.tpR:after {
    right: 0.625rem;
}

.zpToolTip.bt,
.zpToolTip.btL,
.zpToolTip.btR {
    -webkit-box-shadow: 0 -2px 3px rgba(var(--zpTooltip), 0.3);
    box-shadow: 0 -2px 3px rgba(var(--zpTooltip), 0.3);
}

.zpToolTip.bt:after,
.zpToolTip.btL:after,
.zpToolTip.btR:after {
    border-bottom-width: 0;
    border-top-color: rgb(var(--zpTooltip));
    bottom: -0.4375rem;
    margin-bottom: 1px;
}

.zpToolTip.lt:after,
.zpToolTip.rt:after {
    top: 0.625rem;
}

.zpToolTip.lt {
    -webkit-box-shadow: 0 2px 3px rgba(var(--zpTooltip), 0.3);
    box-shadow: 0 2px 3px rgba(var(--zpTooltip), 0.3);
}

.zpToolTip.lt:after {
    border-left-width: 0;
    border-right-color: rgb(var(--zpTooltip));
    left: -0.4375rem;
}

.zpToolTip.rt {
    -webkit-box-shadow: 0 2px 3px rgba(var(--zpTooltip), 0.3);
    box-shadow: 0 2px 3px rgba(var(--zpTooltip), 0.3);
}

.zpToolTip.rt:after {
    border-right-width: 0;
    border-left-color: rgb(var(--zpTooltip));
    right: -0.4075rem;
}

.zpToolTip table {
    border: 0;
    padding: 0;
}

.zpToolTip th {
    border-bottom: 1px solid rgba(var(--zpFormElementBdr), 0.3);
    padding-bottom: 0.3125rem;
    font-size: 0.9375rem !important;
}

.zpToolTip td {
    font-size: 0.875rem !important;
}

* .zpToolTip>* {
    overflow: hidden;
    word-break: break-word;
}

#jsZpTip {
    display: none;
}

/* Filter Guide table styling */
.content:has(#filter-guide) table td:first-child,
.content:has(#filter-payload) table td:first-child,
.content:has(#filter-conditions) table td:first-child,
.content:has(#filter-macros) table td:first-child,
.content:has(#filter-module-notes) table td:first-child {
    white-space: nowrap;
    width: 1%;
}

.content:has(#filter-guide) table td:first-child code,
.content:has(#filter-payload) table td:first-child code,
.content:has(#filter-conditions) table td:first-child code,
.content:has(#filter-macros) table td:first-child code,
.content:has(#filter-module-notes) table td:first-child code {
    display: inline-block;
    white-space: nowrap;
}

/* ============================================================
   Left panel — section group labels (Guides / API Reference)
   ============================================================ */

.nav-section-label {
    font-size: 12px;
    font-family: var(--fontmedium);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #8a96a3;
    padding: 18px var(--lhsLeftPad) 6px;
    user-select: none;
    pointer-events: none;
}

.nav-section-divider {
    margin-top: 6px;
    padding-top: 18px;
    border-top: 1px solid #e4eaf0;
}

body[theme-mode="dark"] .nav-section-label {
    color: #4a5a6a;
}

body[theme-mode="dark"] .nav-section-divider {
    border-top-color: #2a3a4a;
}

/* ============================================
   Theme Toggle Button — Modern Glassmorphism
   ============================================ */

#theme-toggle-btn {
    --tgl-w: 55px;
    --tgl-h: 28px;
    --tgl-thumb: 22px;
    --tgl-pad: 2px;
    --tgl-glass-bg: rgba(255, 255, 255, 0.12);
    --tgl-glass-bdr: rgba(255, 255, 255, 0.22);
    --tgl-glass-shadow: 0 4px 14px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.15);
    --tgl-thumb-bg: linear-gradient(135deg, #fffbe6 0%, #ffe066 100%);
    --tgl-thumb-shadow: 0 2px 8px rgba(255, 224, 102, 0.45), 0 0 0 0 rgba(255, 224, 102, 0);
    --tgl-focus-ring: rgba(55, 145, 250, 0.6);
    --tgl-ripple: rgba(255, 255, 255, 0.35);

    position: relative;
    display: none;
    align-items: center;
    gap: 10px;
    margin-left: auto;
    margin-right: 20px;
    padding: 6px 10px;
    background: transparent;
    border: none;
    cursor: pointer;
    flex-shrink: 0;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    border-radius: 24px;
    transition: background 0.3s ease;
    z-index: 1;
}

#theme-toggle-btn:hover {
    background: rgba(255, 255, 255, 0.06);
}

/* Focus-visible ring for keyboard users */
#theme-toggle-btn:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2.5px var(--tgl-focus-ring);
    border-radius: 24px;
}

/* ── Ripple effect container ── */
.tgl-ripple {
    position: absolute;
    inset: 0;
    border-radius: 24px;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
}

.tgl-ripple::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: var(--tgl-ripple);
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: width 0.5s ease, height 0.5s ease, opacity 0.5s ease;
}

#theme-toggle-btn.tgl-ripple-active .tgl-ripple::after {
    width: 200px;
    height: 200px;
    opacity: 0;
}

/* ── Glassmorphism track ── */
.tgl-track {
    position: relative;
    width: var(--tgl-w);
    height: var(--tgl-h);
    border-radius: calc(var(--tgl-h) / 2);
    background: var(--tgl-glass-bg);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1.5px solid var(--tgl-glass-bdr);
    box-shadow: var(--tgl-glass-shadow);
    flex-shrink: 0;
    transition: background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
    overflow: hidden;
    z-index: 1;
}

/* Subtle inner glow */
.tgl-track::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, transparent 60%);
    pointer-events: none;
    z-index: 0;
}

/* ── Sliding thumb ── */
.tgl-thumb {
    position: absolute;
    top: calc(50% - (var(--tgl-thumb) / 2));
    left: var(--tgl-pad);
    width: var(--tgl-thumb);
    height: var(--tgl-thumb);
    border-radius: 50%;
    background: var(--tgl-thumb-bg);
    box-shadow: var(--tgl-thumb-shadow);
    transition:
        transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
        background 0.4s ease,
        box-shadow 0.4s ease;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Scale-bounce on hover */
#theme-toggle-btn:hover .tgl-thumb {
    box-shadow: var(--tgl-thumb-shadow), 0 0 12px rgba(255, 224, 102, 0.25);
    transform: scale(1.08);
}

/* Press effect */
#theme-toggle-btn:active .tgl-thumb {
    transform: scale(0.92);
    transition-duration: 0.1s;
}

/* ── Icons inside the thumb ── */
.tgl-icon {
    position: absolute;
    font-size: 13px;
    line-height: 1;
    color: #ffffff;
    user-select: none;
    pointer-events: none;
    transition: opacity 0.35s ease, transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    z-index: 1;
}

.tgl-sun {
    opacity: 1;
    transform: rotate(0deg) scale(1);
    color: #b8860b;
    font-size: 14px;
    filter: drop-shadow(0 0 2px rgba(255, 200, 0, 0.4));
}

.tgl-moon {
    opacity: 0;
    transform: rotate(-90deg) scale(0.5);
    color: #c8d6e5;
    font-size: 13px;
    filter: drop-shadow(0 0 2px rgba(200, 214, 229, 0.4));
}

/* ── Label text ── */
.tgl-label {
    font-size: 11px;
    font-family: var(--fontmedium);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.65);
    transition: color 0.3s ease, opacity 0.3s ease;
    white-space: nowrap;
    user-select: none;
    z-index: 1;
}

#theme-toggle-btn:hover .tgl-label {
    color: rgba(255, 255, 255, 0.9);
}

/* ── Tooltip ── */
.tgl-tooltip {
    position: absolute;
    top: calc(100% + 15px);
    left: 50%;
    transform: translateX(-50%) translateY(-4px);
    background: rgba(0, 0, 0);
    color: #f0f0f0;
    font-size: 0.75rem;
    max-width: 22.75rem;
    padding: 0.625rem 0.875rem;
    font-family: var(--fontregular);
    border-radius: 4px;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease 0.3s, transform 0.2s ease 0.3s, visibility 0.2s ease 0.3s;
    z-index: 10;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.tgl-tooltip::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-bottom-color: rgba(0, 0, 0);
}

#theme-toggle-btn:hover .tgl-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

/* ============================================
   UI Enhancement Styles
   ============================================ */

.reqhead.possible-errors-header {
    border-left: 3px solid #f78c6c;
    padding-left: 17px;
    /* 20px − 3px border = same visual gap */
}

.reqhead.possible-errors-header>span {
    color: #f78c6c;
    font-size: var(--rhsHeadPrimarySize);
}

.reqhead.error-row {
    background: rgb(20, 36, 52);
    border-left: 3px solid rgba(248, 113, 113, 0.2);
    padding-left: 17px;
    display: flex;
    align-items: center;
}

.reqhead.error-row .pointer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    padding-right: 10px;
}

.reqhead.error-row .pointer:hover .error-code-name {
    color: #fff;
}

.reqhead.error-row .error-code-name {
    position: relative;
}

.reqhead.error-row .error-code-name::before {
    content: '\edfd';
    font-family: 'zohoproj' !important;
    position: absolute;
    top: 50%;
    left: -15px;
    width: 12px;
    height: 12px;
    font-size: var(--iconPrimarySize);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #5692ce;
    pointer-events: none;
    border: 1px solid transparent;
    transition: 0.3s;
    z-index: 1;
    transform: rotate(-90deg) translateX(50%);
}

.reqhead.error-row.expanded .error-code-name::before {
    transform: rotate(0deg) translateY(-50%);
}

.error-http-badge {
    display: inline-flex;
    align-items: center;
    padding: 2px 9px;
    border-radius: 10px;
    font-size: 11px;
    font-family: var(--fontmedium);
    font-family: var(--codeFamily);
    letter-spacing: 0.04em;
    flex-shrink: 0;
}

.http-badge-2xx {
    background: rgba(34, 197, 94, 0.12);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.25);
}

.http-badge-4xx {
    background: rgba(248, 113, 113, 0.12);
    color: #f87171;
    border: 1px solid rgba(248, 113, 113, 0.25);
}

.http-badge-5xx {
    background: rgba(251, 146, 60, 0.12);
    color: #fb923c;
    border: 1px solid rgba(251, 146, 60, 0.25);
}

.constraint-chip {
    display: inline-flex;
    align-items: stretch;
    border-radius: 4px;
    font-style: normal;
    font-family: var(--codeFamily);
    font-size: 10.5px;
    font-family: var(--fontregular);
    margin: 3px 4px 0 0;
    overflow: hidden;
    vertical-align: middle;
    border: 1px solid transparent;
}

.chip-key {
    padding: 2px 6px;
    font-family: var(--fontmedium);
    letter-spacing: 0.03em;
}

.chip-val {
    padding: 2px 7px;
    background: rgb(151 200 222 / 55%);
    color: #3a3a3a;
}

.constraint-chip--limit {
    border-color: rgba(45, 106, 168, 0.25);
}

.constraint-chip--limit .chip-key {
    background: rgba(45, 106, 168, 0.1);
    color: #2d6aa8;
}

.constraint-chip--default {
    border-color: rgba(45, 106, 168, 0.25);
}

.constraint-chip--default .chip-key {
    background: rgba(45, 106, 168, 0.1);
    color: #5b48a8;
}

.constraint-chip--maxlen {
    border-color: rgba(26, 116, 144, 0.25);
}

.constraint-chip--maxlen .chip-key {
    background: rgba(26, 116, 144, 0.1);
    color: #1a7490;
}

.constraint-chip--arrsize {
    border-color: rgba(55, 145, 250, 0.25);
}

.constraint-chip--arrsize .chip-key {
    background: rgba(55, 145, 250, 0.1);
    color: #2d6fa6;
}

/* ============================================
   Dark Mode
   ============================================ */

body[theme-mode="dark"] .leftpanel .apiTabs-part li.sub-subfolder {
    border-left-color: rgba(55, 145, 250, 0.38);
}

body[theme-mode="dark"] .leftpanel .apiTabs-part li.sub-subfolder:after {
    background-color: #242424;
    border-color: rgba(55, 145, 250, 0.4);
    color: rgba(55, 145, 250, 0.9);
}

body[theme-mode="dark"] .leftpanel .apiTabs-part li.sub-subfolder.active>ul.active {
    background-color: #152540;
}

body[theme-mode="dark"] .leftpanel .apiTabs-part li.sub-subfolder li.sub-subfolder.active>ul.active {
    background-color: #0f1e35;
}

body[theme-mode="dark"] [hierarchy-level="2"]>.data,
body[theme-mode="dark"] [hierarchy-level="3"]>.data {
    background: rgba(55, 145, 250, 0.06);
}

body[theme-mode="dark"] :is([hierarchy-level="4"], [hierarchy-level="5"], [hierarchy-level="6"])>.data {
    background: rgba(55, 145, 250, 0.1);
}

body[theme-mode="dark"] .rightpanel1 {
    background-color: #181818;
    color: #dcdcdc;
}

body[theme-mode="dark"] .rightpanel2 {
    background: #141e2b;
}

body[theme-mode="dark"] .rightpanel1 .resourceURI {
    color: #dcdcdc;
    background: #282828;
    border: 1px solid #3c3e41;
}

body[theme-mode="dark"] .rightpanel1 .notecode-parent[method] .resourceURI {
    background: unset;
    border: unset;
}

body[theme-mode="dark"] .content table td {
    color: #c8c8c8;
    border-color: #2a3a4a;
}

body[theme-mode="dark"] .data1,
body[theme-mode="dark"] .data3 {
    color: #c8c8c8;
}

body[theme-mode="dark"] .data2 p {
    color: #c8c8c8;
}

body[theme-mode="dark"] .data-parent {
    border-color: #2a3a4a;
}

body[theme-mode="dark"] .data-parent-content>div:not(:last-child) {
    border-right-color: #2a3a4a;
}

body[theme-mode="dark"] .rightpanel1 code,
body[theme-mode="dark"] .rightpanel1 pre {
    background: #1e2a38;
    color: #dcdcdc;
    border-color: #2a3a4a;
}

body[theme-mode="dark"] .rightpanel1 a,
body[theme-mode="dark"] .data1 a {
    color: #65b1fe;
}

body[theme-mode="dark"] .rightpanel1 p,
body[theme-mode="dark"] .rightpanel1 li {
    color: #dcdcdc;
}

body[theme-mode="dark"] .rightpanel1 .getPostPart .posrel p {
    color: #dcdcdc;
}

body[theme-mode="dark"] .notecode-parent[method] .resourceURI .methodname+p::after {
    background-image: none;
}

body[theme-mode="dark"] .notecode-parent[method] .resourceURI .methodname+p::before {
    background-color: transparent;
}

body[theme-mode="dark"] .rightpanel1 .notecode-parent[method] .copy-code {
    background-color: #ffffff26;
}

body[theme-mode="dark"] .rightpanel1 .copy-code {
    color: #dcdcdc;
}

body[theme-mode="dark"] .rightpanel1 .oaut-scope .resourceURI {
    background: transparent;
    border: none;
    color: #c69047 !important;
}

body[theme-mode="dark"] .rightpanel1 .oaut-scope .copy-code {
    color: #c69047 !important;
}

body[theme-mode="dark"] .lightitalic {
    color: #b0b0b0;
}

body[theme-mode="dark"] .rightpanel1 h1,
body[theme-mode="dark"] .rightpanel1 h2,
body[theme-mode="dark"] .rightpanel1 h3,
body[theme-mode="dark"] .rightpanel1 h4,
body[theme-mode="dark"] .rightpanel1 h5,
body[theme-mode="dark"] .main-header,
body[theme-mode="dark"] .main-header-2,
body[theme-mode="dark"] .main-header-3 {
    color: #ffffff;
}

body[theme-mode="dark"] .content h3,
body[theme-mode="dark"] .content h4,
body[theme-mode="dark"] .content h5,
body[theme-mode="dark"] .content h6 {
    color: #dcdcdc;
}

body[theme-mode="dark"] .rightpanel1 .container-sub1,
body[theme-mode="dark"] .rightpanel1 .container-sub1 p {
    color: #ffffff;
}

body[theme-mode="dark"] .sub-header,
body[theme-mode="dark"] .sub-header-bdr {
    color: #dcdcdc !important;
}

body[theme-mode="dark"] .sub-header-lwr,
body[theme-mode="dark"] .rightpanel1 p.sub-header-lwr {
    color: #dcdcdc !important;
}

body[theme-mode="dark"] .li-header {
    color: #dcdcdc;
}

body[theme-mode="dark"] .container {
    border-bottom-color: #2d2d2d;
}

body[theme-mode="dark"] .possibleErrors>div {
    border-bottom-color: #2d2d2d;
}

body[theme-mode="dark"] hr {
    border-top-color: rgba(255, 255, 255, 0.08) !important;
}

body[theme-mode="dark"] .leftpanel .apiTabs-part ul li.active ul.active {
    background-color: #1d1d1d;
}

body[theme-mode="dark"] .leftpanel .apiTabs-part a {
    color: rgb(var(--zpOnMenuPanel));
}

body[theme-mode="dark"] .leftpanel .version-part,
body[theme-mode="dark"] .version-part {
    background: #0e0e0e;
    border-bottom-color: #2a5fbf;
}

body[theme-mode="dark"] .leftpanel .apiTabs-part>ul:before,
body[theme-mode="dark"] .leftpanel .apiTabs-part>ul:before {
    color: #c0c0c0;
}

body[theme-mode="dark"] .version-part .searchbar,
body[theme-mode="dark"] label.searchbar {
    background: transparent;
}

body[theme-mode="dark"] .version-part .searchbar input,
body[theme-mode="dark"] .version-part #searchbar,
body[theme-mode="dark"] label.searchbar input,
body[theme-mode="dark"] #searchbar {
    color: #dcdcdc;
    background: transparent;
    border-bottom-color: #555 !important;
}

body[theme-mode="dark"] .version-part .searchbar input::placeholder,
body[theme-mode="dark"] .version-part #searchbar::placeholder,
body[theme-mode="dark"] label.searchbar input::placeholder,
body[theme-mode="dark"] #searchbar::placeholder {
    color: #888;
}

body[theme-mode="dark"] .version-part .searchbar i,
body[theme-mode="dark"] label.searchbar i {
    color: #888;
}

body[theme-mode="dark"] .method-container-list .method-container:last-child {
    color: #dcdcdc;
}

body[theme-mode="dark"] [method="get"] {
    --themeTextColorBef: 39, 55, 70;
}

body[theme-mode="dark"] [method="post"] {
    --themeTextColorBef: 34, 60, 48;
}

body[theme-mode="dark"] [method="put"] {
    --themeTextColorBef: 69, 51, 29;
}

body[theme-mode="dark"] [method="patch"] {
    --themeTextColorBef: 69, 63, 36;
}

body[theme-mode="dark"] [method="delete"] {
    --themeTextColorBef: 70, 41, 42;
}

body[theme-mode="dark"] .totalmain {
    background-color: #181818;
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

body[theme-mode="dark"] .totalmain-full>.rightpanel1 {
    background-color: rgb(var(--rightData));
    color: #dcdcdc;
}

body[theme-mode="dark"] .autocomplete-items {
    background-color: #1e1e1e;
    border-color: #444;
    color: #dcdcdc;
}

body[theme-mode="dark"] .autocomplete-items div:hover,
body[theme-mode="dark"] .autocomplete-items .autocomplete-active {
    background-color: #2a3a4a;
}

body[theme-mode="dark"] .twooverflow::-webkit-scrollbar-track {
    background: #1a1a1a;
}

body[theme-mode="dark"] .twooverflow::-webkit-scrollbar-thumb {
    background: #444;
}

body[theme-mode="dark"] .tgl-track {
    background: rgb(76 76 76 / 18%);
    border-color: rgb(177 177 177 / 35%);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(100, 180, 255, 0.1);
}

body[theme-mode="dark"] .tgl-thumb {
    transform: translateX(calc(var(--tgl-w) - var(--tgl-thumb) - var(--tgl-pad) * 2 - 3px));
    background: linear-gradient(135deg, #323232 0%, #6a6a6a 50%, #4f4f4f 100%);
    box-shadow: 0 2px 8px rgb(91 91 91 / 40%), 0 0 15px rgba(120, 100, 255, 0.15);
}

body[theme-mode="dark"] #theme-toggle-btn:hover .tgl-thumb {
    box-shadow: 0 2px 8px rgb(40 40 40 / 40%), 0 0 20px rgb(59 59 59 / 30%);
    transform: translateX(calc(var(--tgl-w) - var(--tgl-thumb) - var(--tgl-pad) * 2 - 3px)) scale(1.08);
}

body[theme-mode="dark"] #theme-toggle-btn:active .tgl-thumb {
    transform: translateX(calc(var(--tgl-w) - var(--tgl-thumb) - var(--tgl-pad) * 2 - 3px)) scale(0.92);
}

body[theme-mode="dark"] .tgl-sun {
    opacity: 0;
    transform: rotate(90deg) scale(0.5);
}

body[theme-mode="dark"] .tgl-moon {
    opacity: 1;
    transform: rotate(0deg) scale(1);
    filter: drop-shadow(0 0 4px rgba(200, 214, 229, 0.5));
}

body[theme-mode="dark"] .tgl-label {
    color: rgba(200, 214, 229, 0.65);
}

body[theme-mode="dark"] #theme-toggle-btn:hover .tgl-label {
    color: rgba(200, 214, 229, 0.95);
}

body[theme-mode="dark"] #theme-toggle-btn:hover {
    background: rgba(100, 180, 255, 0.06);
}

body[theme-mode="dark"] .tgl-tooltip {
    background: rgba(30, 40, 60);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

body[theme-mode="dark"] .tgl-tooltip::after {
    border-bottom-color: rgba(30, 40, 60);
}

/* ── prefers-color-scheme auto-hint (initial load before JS) ── */
@media (prefers-color-scheme: dark) {
    #theme-toggle-btn:not([data-theme-set]) .tgl-track {
        background: rgba(55, 145, 250, 0.18);
        border-color: rgba(100, 180, 255, 0.35);
    }
}

body[theme-mode="dark"] .opt>.flex.pb15 {
    background: rgb(7, 14, 24);
    border-bottom-color: rgba(255, 255, 255, 0.04);
}

body[theme-mode="dark"] .reqhead.error-row {
    background: rgb(15, 28, 42);
}

body[theme-mode="dark"] .chip-val {
    background: rgba(255, 255, 255, 0.15);
    color: #b0c4d8;
}

body[theme-mode="dark"] .constraint-chip--limit {
    border-color: rgba(247, 140, 108, 0.3);
}

body[theme-mode="dark"] .constraint-chip--limit .chip-key {
    background: rgba(247, 140, 108, 0.15);
    color: #f78c6c;
}

body[theme-mode="dark"] .constraint-chip--default {
    border-color: rgba(247, 140, 108, 0.3);
}

body[theme-mode="dark"] .constraint-chip--default .chip-key {
    background: rgba(247, 140, 108, 0.15);
    color: #c792ea;
}

body[theme-mode="dark"] .constraint-chip--maxlen {
    border-color: rgba(127, 219, 202, 0.3);
}

body[theme-mode="dark"] .constraint-chip--maxlen .chip-key {
    background: rgba(127, 219, 202, 0.15);
    color: #7fdbca;
}

body[theme-mode="dark"] .constraint-chip--arrsize {
    border-color: rgba(137, 221, 255, 0.3);
}

body[theme-mode="dark"] .constraint-chip--arrsize .chip-key {
    background: rgba(137, 221, 255, 0.15);
    color: #89ddff;
}

/* HTTP Status Bar */
.opt>.flex.pb15 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: -20px -15px 16px -25px;
    width: calc(100% + 40px);
    box-sizing: border-box;
    padding: 10px 20px;
    background: rgb(10, 20, 32);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    font-family: var(--codeFamily);
    font-size: 12px;
    letter-spacing: 0.04em;
    padding-bottom: 10px;
}

/* Collapse empty response body (e.g. 204 No Content) */
.opt>.flex.pb15+span:empty {
    display: none;
}

.opt>.flex.pb15:has(+ span:empty) {
    margin-bottom: -20px;
    border-bottom: none;
}

.status-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #22c55e;
    flex-shrink: 0;
    box-shadow: 0 0 6px rgba(34, 197, 94, 0.55);
}

.status-code {
    color: #22c55e;
    font-family: var(--fontmedium);
    font-size: 13px;
}

.status-phrase {
    color: rgba(134, 239, 172, 0.6);
    font-family: var(--fontregular);
    font-size: 12px;
}

body[theme-mode="dark"] .opt>.flex.pb15 {
    background: rgb(7, 14, 24);
    border-bottom-color: rgba(255, 255, 255, 0.04);
}

/* Language overflow dropdown */
.lang-more-wrap {
    position: relative;
    display: inline-block;
}

.lang-more-btn {
    cursor: pointer;
    font-size: 15px;
    font-family: var(--fontmedium);
    padding: 7px !important;
    margin-left: 3px;
    line-height: 1;
    color: var(--themeTextColorBef, #6b7a8d);
    border-radius: 4px;
    display: inline-block;
}

.lang-more-btn:hover {
    background: rgba(55, 145, 250, 0.08);
    color: var(--lftActiveTabData, #3791fa);
}

.nav-tabs .lang-more-wrap ul.lang-dropdown {
    display: none !important;
    z-index: 10000 !important;
    background: #ffffff !important;
    color: #000000 !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 6px !important;
    padding: 6px 0 !important;
    min-width: 180px !important;
    max-height: 280px !important;
    overflow-y: auto !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5) !important;
    list-style: none !important;
    margin: 0 !important;
    flex-direction: column !important;
}

body[theme-mode="dark"] .nav-tabs .lang-more-wrap ul.lang-dropdown {
    background: #2d2d2d !important;
    color: #ffffff !important;
}

.nav-tabs .lang-more-wrap ul.lang-dropdown.open {
    display: block !important;
}

.nav-tabs .lang-more-wrap ul.lang-dropdown li {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    float: none !important;
    display: block !important;
    border: none !important;
    background: transparent !important;
}

.nav-tabs .lang-more-wrap ul.lang-dropdown li span {
    display: block !important;
    padding: 8px 16px !important;
    cursor: pointer;
    color: #000 !important;
    font-size: 13px !important;
    white-space: nowrap;
    line-height: 1.4 !important;
    border: none !important;
    background: transparent !important;
}

body[theme-mode="dark"] .nav-tabs .lang-more-wrap ul.lang-dropdown li span {
    color: #fff !important;
}

.nav-tabs .lang-more-wrap ul.lang-dropdown li span:hover {
    background: rgba(55, 145, 250, 0.15) !important;
    color: #3791fa !important;
}

.nav-tabs .lang-more-wrap ul.lang-dropdown li.active span {
    color: #3791fa !important;
    font-family: var(--fontmedium);
}

.lang-dropdown li.active span {
    color: var(--lftActiveTabData, #3791fa);
    font-family: var(--fontmedium);
}

/* Hide hamburger and mobile elements on desktop */
.hamburger-btn {
    display: none;
}

.sidebar-backdrop {
    display: none;
}

.mobile-lang-header {
    display: none;
}

.mobile-lang-list {
    display: none;
}

/*
 * Responsive Breakpoints (keep in sync with apidoc.js BREAKPOINT_MOBILE / BREAKPOINT_TABLET):
 *   BREAKPOINT_TABLET = 1024px  →  @media (max-width: 1024px)
 *   BREAKPOINT_MOBILE = 768px   →  @media (max-width: 768px)
 */

/* ===== RESPONSIVE: Portrait / Zoom (769px - 1024px) ===== */
@media (max-width: 1024px) {
    :root {
        --lftPanelWidth: 200px;
    }

    .totalmain {
        flex-direction: column;
    }

    .totalmain .totalmain-sub {
        flex-direction: column;
    }

    .rightpanel1 {
        width: 100%;
        padding: 0 20px 18px;
    }

    .rightpanel2 {
        width: 100%;
        padding: 20px;
        margin-top: 0;
    }
}

/* ===== RESPONSIVE: Mobile (≤ 768px) ===== */
@media (max-width: 768px) {

    /* --- Sidebar: hidden, slide-over --- */
    .navMenuList {
        width: 75%;
        max-width: 300px;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        z-index: 9999;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        box-shadow: none;
    }

    .navMenuList.open {
        transform: translateX(0);
        box-shadow: 4px 0 20px rgba(0, 0, 0, 0.3);
    }

    /* Backdrop overlay */
    .sidebar-backdrop {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 9998;
    }

    .sidebar-backdrop.open {
        display: block;
    }

    /* --- Content area: full width --- */
    .twooverflow {
        margin-left: 0;
    }

    .totalmain {
        flex-direction: column;
        padding: 0 10px 15px;
    }

    .totalmain .totalmain-sub {
        flex-direction: column;
    }

    .rightpanel1 {
        width: 100%;
        padding: 0 12px 12px;
    }

    .rightpanel2 {
        width: 100%;
        padding: 12px;
        margin-top: 0;
    }

    /* Parameter tables: horizontal scroll */
    .rightpanel1 table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* --- Hamburger button --- */
    .hamburger-btn {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        background: none;
        border: none;
        color: #fff;
        font-size: 22px;
        cursor: pointer;
        padding: 0;
        margin-right: 8px;
        flex-shrink: 0;
    }

    /* --- Mobile language dropdown --- */
    .mobile-lang-select {
        display: flex;
        align-items: center;
        gap: 4px;
        background: rgba(55, 145, 250, 0.15);
        border: 1px solid rgba(55, 145, 250, 0.3);
        border-radius: 4px;
        padding: 4px 10px;
        color: #3791fa;
        font-size: 13px;
        cursor: pointer;
        white-space: nowrap;
    }

    .mobile-lang-select:after {
        content: '\25BE';
        margin-left: 4px;
    }

    /* Hide desktop tabs and duplicate Request Example header on mobile */
    .sdk-header-section ul.nav-tabs {
        display: none !important;
    }

    .examplereq:first-child>.reqhead:first-child {
        display: none !important;
    }

    /* Hide empty rightpanel2 boxes (module headers with no code) */
    .rightpanel2:empty {
        display: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .mobile-lang-header {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        padding: 8px 12px;
        background: rgb(var(--codeHeaderData));
        border-radius: 10px 10px 0 0;
        position: relative;
    }

    .mobile-lang-header .reqhead-label {
        font-family: var(--fontmedium);
        color: #fff;
        font-size: 13px;
    }

    /* Mobile language dropdown list */
    .mobile-lang-list {
        display: none;
        position: fixed;
        z-index: 10000;
        background: #1a2a3a;
        border: 1px solid rgba(255, 255, 255, 0.15);
        border-radius: 6px;
        padding: 6px 0;
        min-width: 160px;
        max-height: 400px;
        overflow-y: auto;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
        list-style: none;
        margin: 0;
    }

    .mobile-lang-list.open {
        display: block;
    }

    .mobile-lang-list li {
        padding: 8px 16px;
        color: #b0bec5;
        font-size: 13px;
        cursor: pointer;
        list-style: none;
    }

    .mobile-lang-list li:hover {
        background: rgba(55, 145, 250, 0.15);
        color: #3791fa;
    }

    .mobile-lang-list li.active {
        color: #3791fa;
        font-family: var(--fontmedium);
    }

    /* Topbar adjustments */
    .topbar {
        height: 50px;
    }

    .maindiv {
        height: calc(100vh - 50px);
    }

    .documenthead {
        font-size: 14px;
    }
}


/* ========== Ask AI Button & Dropdown ========== */

.ask-ai-wrap {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.ask-ai-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    height: 25px;
    border: 1px solid rgba(55, 145, 250, 0.3);
    border-radius: 6px;
    background: transparent;
    color: var(--theme-primary, #3791fa);
    font-size: 12px;
    font-family: inherit;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
    white-space: nowrap;
}

.ask-ai-btn:hover {
    border-color: var(--theme-primary, #3791fa);
    background: rgba(55, 145, 250, 0.08);
}

.ask-ai-btn .ask-ai-icon {
    font-size: 14px;
}

.ask-ai-btn .ask-ai-chevron {
    font-size: 10px;
    opacity: 0.6;
}

/* Dropdown menu */
.ask-ai-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    min-width: 220px;
    background: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
    z-index: 10000;
    padding: 6px 0;
    font-size: 13px;
}

body[theme-mode="dark"] .ask-ai-dropdown {
    background: #2d2d2d;
}

.ask-ai-dropdown.open {
    display: block;
}

.ask-ai-dropdown-label {
    padding: 6px 16px 2px;
    color: #6b7a8d;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none;
}

.ask-ai-dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    color: #000000;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.15s, color 0.15s;
}

body[theme-mode="dark"] .ask-ai-dropdown-item:not(:hover) {
    color: #ffffff;
}

.ask-ai-dropdown-item:hover {
    background: rgba(55, 145, 250, 0.15);
    color: #3791fa;
}

.ask-ai-dropdown-item .ask-ai-item-icon {
    width: 16px;
    text-align: center;
    font-size: 14px;
    flex-shrink: 0;
}

.ask-ai-dropdown-item:not(:hover) .ask-ai-item-icon > i {
    color: #000000c9;
}

body[theme-mode="dark"] .ask-ai-dropdown-item:not(:hover) .ask-ai-item-icon > i {
    color: #ffffffc9;
}

.ask-ai-dropdown-item .ask-ai-item-icon img {
    margin-top: 0px;
}

.ask-ai-dropdown-item .ask-ai-item-arrow {
    margin-left: auto;
    font-size: 11px;
    opacity: 0.5;
}

.ask-ai-dropdown-divider {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin: 4px 0;
}

body[theme-mode="dark"] [data-action="chatgpt"] img {
    filter: invert(1);
}

/* Possible Errors — collapse/expand caret */
.reqhead.error-toggle .collapse-caret {
    display: inline-block;
    margin-right: 6px;
    font-size: 10px;
    transition: transform 0.2s ease;
}
.reqhead.error-toggle.expanded .collapse-caret {
    transform: rotate(90deg);
}