html {
    box-sizing: border-box;
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    margin: 0;
    background: #fafafa;
}

/* Topbar: logo GoodMeal en lugar del SVG de Swagger */
.swagger-ui .topbar a.link,
.swagger-ui .topbar-wrapper > a {
    display: block;
    width: 140px;
    height: 40px;
    background: url("logo_sidebar.png") no-repeat left center;
    background-size: contain;
    overflow: hidden;
}

.swagger-ui .topbar a.link svg,
.swagger-ui .topbar-wrapper > a svg {
    visibility: hidden;
}

/* Swagger UI: markdown más compacto (Chrome, Firefox, Safari) */
.swagger-ui .markdown p,
.swagger-ui .renderedMarkdown p {
    margin: 4px 0;
    line-height: 1.5;
}

.swagger-ui .info .description .renderedMarkdown p,
.swagger-ui .info .renderedMarkdown p {
    margin: 3px 0;
}

/* Safari: padding en <code> inline suele solapar; inline-block + sin padding vertical */
.swagger-ui .markdown code,
.swagger-ui .renderedMarkdown code {
    display: inline-block;
    padding: 0 4px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
    vertical-align: baseline;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

html.dark-mode .swagger-ui .markdown code,
html.dark-mode .swagger-ui .renderedMarkdown code {
    padding: 0 4px;
    line-height: 1.3;
}