/* Custom Swagger UI Styles for Mobile PoS API */

/* Improve readability */
.swagger-ui .info {
    margin: 30px 0;
}

.swagger-ui .info .title {
    color: #3b4151;
    font-size: 36px;
    font-weight: 700;
}

.swagger-ui .info .description {
    color: #3b4151;
    font-size: 14px;
    line-height: 1.6;
}

/* Highlight authorization section */
.swagger-ui .btn.authorize {
    background-color: #49cc90;
    border-color: #49cc90;
    color: #fff;
    font-weight: bold;
}

.swagger-ui .btn.authorize:hover {
    background-color: #41b883;
    border-color: #41b883;
}

.swagger-ui .btn.authorize svg {
    fill: #fff;
}

/* Improve operation blocks */
.swagger-ui .opblock {
    margin: 0 0 15px;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12);
}

.swagger-ui .opblock.opblock-post {
    background: rgba(73, 204, 144, 0.1);
    border-color: #49cc90;
}

.swagger-ui .opblock.opblock-get {
    background: rgba(97, 175, 254, 0.1);
    border-color: #61affe;
}

.swagger-ui .opblock.opblock-put {
    background: rgba(252, 161, 48, 0.1);
    border-color: #fca130;
}

.swagger-ui .opblock.opblock-delete {
    background: rgba(249, 62, 62, 0.1);
    border-color: #f93e3e;
}

/* Improve response section */
.swagger-ui .responses-inner {
    padding: 20px;
    background-color: #fafafa;
}

/* Better schema display */
.swagger-ui .model-box {
    background: #fafafa;
    border-radius: 4px;
    padding: 10px;
}

/* Improve table readability */
.swagger-ui table thead tr th,
.swagger-ui table thead tr td {
    font-weight: 700;
    font-size: 12px;
    padding: 12px;
    background: #fafafa;
}

/* Custom branding */
.swagger-ui .topbar {
    background-color: #3b4151;
    padding: 10px 0;
}

.swagger-ui .topbar .topbar-wrapper {
    padding: 0 20px;
}

/* Improve parameter inputs */
.swagger-ui .parameters-col_description input[type=text],
.swagger-ui .parameters-col_description select {
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 8px 10px;
}

.swagger-ui .parameters-col_description input[type=text]:focus,
.swagger-ui .parameters-col_description select:focus {
    border-color: #49cc90;
    outline: none;
}

/* Improve code blocks */
.swagger-ui .highlight-code {
    background: #41444e;
    color: #fff;
}

.swagger-ui .highlight-code .microlight {
    padding: 10px;
}