/* public/swagger_quant.css */

/* 1. Global Dark Background & Font */
body {
  background-color: #0f172a !important; /* Tailwind slate-900 */
}

.scheme-container {
  background-color: #0f172a !important; /* Tailwind slate-900 */
}

.swagger-ui {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
  color: #e2e8f0 !important; /* slate-200 */
}

/* 2. Topbar Override (Kill the Swagger Logo) */
.swagger-ui .topbar {
  background-color: #020617 !important; /* slate-950 */
  border-bottom: 1px solid #1e293b !important; /* slate-800 */
}

.swagger-ui .topbar .download-url-wrapper {
  display: none !important; /* Hides the search bar */
}

.swagger-ui .topbar-wrapper img {
  display: none !important; /* Hides the default Swagger logo */
}

/* Inject Argen.Bond text logo into the topbar */
.swagger-ui .topbar-wrapper::before {
  content: "./argen_bonds_api";
  color: #84cc16; /* lime-500 */
  font-weight: bold;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
}

/* 3. Typography & Headings */
.swagger-ui .info .title {
  color: #f8fafc !important; /* slate-50 */
}

.swagger-ui .info p, 
.swagger-ui .info li, 
.swagger-ui p, 
.swagger-ui .markdown p {
  color: #94a3b8 !important; /* slate-400 */
}

.swagger-ui h1, .swagger-ui h2, .swagger-ui h3, .swagger-ui h4, .swagger-ui h5 {
  color: #f8fafc !important;
}

.swagger-ui a {
  color: #84cc16 !important; /* lime-500 */
}

/* 4. The Endpoints (GET blocks) */
.swagger-ui .opblock.opblock-get {
  background: rgba(16, 185, 129, 0.05) !important; /* emerald-500 with low opacity */
  border-color: rgba(16, 185, 129, 0.5) !important;
}

.swagger-ui .opblock-section-header {
  background: rgba(16, 185, 129, 0.05) !important; /* emerald-500 with low opacity */
  border-color: rgba(16, 185, 129, 0.5) !important;
}

/* --- SWAGGER AUTH MODAL OVERRIDES --- */

/* 1. The dark, blurred overlay behind the modal */
.swagger-ui .dialog-ux .backdrop-ux {
  background: rgba(2, 6, 23, 0.6) !important; /* slate-950 with opacity */
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

/* 2. The modal box itself (Glassmorphism) */
.swagger-ui .dialog-ux .modal-ux {
  background: rgba(15, 23, 42, 0.85) !important; /* slate-900 translucent */
  border: 1px solid rgba(16, 185, 129, 0.3) !important; /* subtle emerald border */
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

/* 3. Modal Typography & Inputs */
.swagger-ui .dialog-ux .modal-ux-header h3,
.swagger-ui .dialog-ux .modal-ux-content h4,
.swagger-ui .dialog-ux .modal-ux-content p {
  color: #f8fafc !important; /* slate-50 */
}

.swagger-ui .auth-container input[type=text],
.swagger-ui .auth-container input[type=password] {
  background: #020617 !important; /* slate-950 */
  border: 1px solid #334155 !important; /* slate-700 */
  color: #84cc16 !important; /* lime-500 */
  font-family: monospace !important;
}

/* 4. The Authorize / Close Buttons */
.swagger-ui .auth-btn-wrapper .btn-authorize,
.swagger-ui .auth-btn-wrapper .btn-done {
  background: #84cc16 !important; /* lime-500 */
  color: #020617 !important; /* slate-950 */
  border: none !important;
  font-weight: bold !important;
  box-shadow: 0 4px 14px rgba(132, 204, 22, 0.2) !important;
  transition: all 0.2s ease !important;
}

.swagger-ui .auth-btn-wrapper .btn-authorize:hover,
.swagger-ui .auth-btn-wrapper .btn-done:hover {
  background: #a3e635 !important; /* lime-400 */
  transform: translateY(-1px);
}

.swagger-ui .dialog-ux .modal-ux-header .close-modal {
  fill: #94a3b8 !important; /* slate-400 */
}

.wrapper > label {
  color: #d4d4d4
}

.swagger-ui .opblock.opblock-get .opblock-summary-method {
  background: #10b981 !important; /* emerald-500 */
  color: #020617 !important;
  font-weight: bold !important;
}

/* Endpoint Paths */
.swagger-ui .opblock .opblock-summary-path {
  color: #f8fafc !important;
}

.swagger-ui .opblock .opblock-summary-description {
  color: #94a3b8 !important;
}

/* 5. Sections inside the Endpoints (Parameters, Responses) */
.swagger-ui .opblock-body {
  background-color: #1e293b !important; /* slate-800 */
}

.swagger-ui table thead tr th, 
.swagger-ui table thead tr td {
  color: #cbd5e1 !important;
  border-bottom-color: #334155 !important;
}

.swagger-ui .parameter__name {
  color: #84cc16 !important;
}

.swagger-ui .parameter__type {
  color: #94a3b8 !important;
}

/* Try it out button */
.swagger-ui .btn.try-out__btn {
  color: #84cc16 !important;
  border-color: #84cc16 !important;
  background: transparent !important;
}

.swagger-ui .btn.try-out__btn:hover {
  background: rgba(132, 204, 22, 0.1) !important;
}

/* Execute Button */
.swagger-ui .btn.execute {
  background-color: #84cc16 !important;
  color: #0f172a !important;
  border-color: transparent !important;
  box-shadow: 0 0 15px rgba(132, 204, 22, 0.3) !important;
}

/* 6. Inputs & Responses */
.swagger-ui input[type=text], 
.swagger-ui select {
  background: #0f172a !important;
  color: #f8fafc !important;
  border: 1px solid #334155 !important;
}

.swagger-ui .responses-inner h4, 
.swagger-ui .responses-inner h5 {
  color: #cbd5e1 !important;
}

.swagger-ui .response-col_status {
  color: #84cc16 !important;
}

/* JSON Code Blocks */
.swagger-ui .highlight-code {
  background-color: #020617 !important; /* slate-950 */
}

.swagger-ui .model-box {
  background-color: #020617 !important;
}

/* Remove logo */
/* 2. Topbar Override (Kill the Swagger Logo) */
.swagger-ui .topbar {
  background-color: #020617 !important; /* slate-950 */
  border-bottom: 1px solid #1e293b !important; /* slate-800 */
}

.swagger-ui .topbar .download-url-wrapper {
  display: none !important; /* Hides the search bar */
}

/* This is the magic bullet: Hides the entire link wrapper containing the SVG logo */
.swagger-ui .topbar-wrapper .link {
  display: none !important; 
}

/* Inject Argen.Bond text logo into the topbar */
.swagger-ui .topbar-wrapper::before {
  content: "./argen_bonds_api";
  color: #84cc16; /* lime-500 */
  font-weight: bold;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
}