@import url("./default/code-84c85cb29e52.css");
@import url("./default/dark_dimmed-afda8eb0fb33.css");
@import url("./default/github-6da540aa3f84.css");
@import url("./default/global-e647c9e7e18c.css");
@import url("./default/global-user-nav-drawer.830d6c10c9fea7fc134e.module.css");
@import url("./default/primer-f4d27dc36ca2.css");
@import url("./default/primer-primitives-4cf0d59ab51a.css");
@import url("./default/primer-react-css.0d8b6f1df73aed00eeda.module.css");
@import url("./default/react-code-view.cbc84db7f6a2b0bd0a66.module.css");
@import url("./default/repository-0f7cf89e325a.css");

@import url("./mhtlCss/css-b2963a73-cdbe-4003-9e91-d3814ae81be7@mhtml.css");

.fGqKFv {
    margin: 10px;
    display: flex;
}

.eoaCFS {
    border: 1px solid var(--borderColor-default, var(--color-border-default));
    border-radius: 6px;
}

.iXYcHE {
    max-height: calc(-64px + 92dvh);
}

.markdown-body .anchor {
    margin-left: 0;
}

#popupBtn {
    background-color: #6cb6ff;
    color: #000;
    position: fixed;
    z-index: 5;
    top: 30px;
    transform: translateX(25px);
    /* box-shadow: 0px 0px 8px rgb(108, 182, 255, 0.8); */
    box-shadow: var(--shadow-floating-small, var(--color-overlay-shadow, 0 0 0 1px #444c56, 0 16px 32px rgba(28, 33, 40, 0.85)));
}

.button-container {
    display: flex;
    justify-content: flex-end;
}

.underl {
    border-bottom: 1px solid var(--borderColor-default, var(--color-border-default));
}

.notes-icons {
    margin-left: 10px;
    height: 16px;
    font-size: 16px;
}

.tag-1 {
    color: #6cb6ff;
}

.tag-2 {
    color: #bd85fd;
}

.tag-3 {
    color: #1de592;
}

/* Admin login modal styles (scoped, minimal) - use app dialog classes for theme consistency */

/* Only control visibility and small input/button tweaks; main dialog styles come from app CSS */
#admin-login-overlay {
    display: none;
    z-index: 9999;
}

/* When visible, make the backdrop slightly translucent and apply a blur to the page behind it.
            Uses aria-hidden attribute (script toggles this) so CSS can handle the visible state. */
#admin-login-overlay[aria-hidden="false"] {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: rgba(2, 6, 23, 0.45); /* dark translucent fallback */
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    pointer-events: auto;
}

/* Ensure overlay doesn't block modal internals from being crisp */
#admin-login-overlay .Dialog__StyledDialog-sc-uaxjsn-1 {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

/* Constrain the dialog width so it is a bit narrower than default */
#admin-login-overlay .Dialog__StyledDialog-sc-uaxjsn-1 {
    width: 80%;
    max-width: 400px; /* reduced a bit from default to match request */
}

/* keep small input/button styles that match site tokens */
#admin-login-overlay input[type="text"],
#admin-login-overlay input[type="password"] {
    width: 100%;
    padding: 8px 10px;
    margin-top: 6px;
    border-radius: 4px;
    border: 1px solid var(--borderColor-default, #243044);
    background: var(--color-canvas-subtle, #071022);
    color: var(--color-text-primary, #e6eef8);
    box-sizing: border-box;
}

#admin-login-overlay input:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(108, 182, 255, 0.12);
    border-color: #6cb6ff;
}

#admin-login-overlay .btns {
    margin-top: 12px;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

#admin-login-overlay .btn-primary {
    background: #6cb6ff;
    color: #000;
}
#admin-login-overlay .btn-secondary {
    background: transparent;
    color: var(--color-text-secondary, #9aa4b2);
    border: 1px solid var(--borderColor-default, #243044);
}

/* Prevent background scroll while login modal active */
body.admin-login-active {
    overflow: hidden;
}