html {
    background: #0f172a;
}

body {
    background: #0f172a;
    min-height: 100vh;
    min-height: 100dvh;
    touch-action: manipulation;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

#content-wrapper,
#content-wrapper * {
    min-width: 0;
}

#content-wrapper {
    max-width: 100%;
    overflow-x: hidden;
}

#content-wrapper [class*="overflow-x-auto"] > *,
#content-wrapper [class*="overflow-x-scroll"] > * {
    flex-shrink: 0;
    min-width: auto;
}

#content-wrapper .whitespace-nowrap {
    min-width: auto;
}

@media (max-width: 1023px) {
    #content-wrapper [style*="grid-template-columns"] {
        grid-template-columns: 1fr !important;
    }

    #content-wrapper table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        max-width: 100%;
    }

    #content-wrapper input,
    #content-wrapper select,
    #content-wrapper textarea {
        max-width: 100%;
    }

    #content-wrapper pre,
    #content-wrapper code {
        max-width: 100%;
        overflow-x: auto;
        white-space: pre-wrap;
        word-break: break-word;
    }
}

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

details[data-sb="group"] {
    interpolate-size: allow-keywords;
}
details[data-sb="group"] > :not(summary) {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .25s ease;
    overflow: hidden;
}
details[data-sb="group"][open] > :not(summary) {
    grid-template-rows: 1fr;
}
details[data-sb="group"] > :not(summary) > * {
    min-height: 0;
}

@keyframes skeleton-pulse {
    0%, 100% { opacity: 1; }
    50%      { opacity: .5; }
}
.skeleton {
    background: #e2e8f0;
    border-radius: 8px;
    animation: skeleton-pulse 1.5s ease-in-out infinite;
}