.debug-container{border-radius:var(--border-radius-md);overflow:hidden;box-shadow:0 10px 40px #00000026;margin-bottom:2rem}.debug-header{background:linear-gradient(135deg,var(--color-env-warning) 0%,var(--color-env-warning-light) 100%);padding:1rem 1.5rem;box-shadow:0 2px 8px #00000026}.debug-header-clickable{cursor:pointer}#debugChevron{transition:transform .3s}#debugChevron.is-open{transform:rotate(180deg)}.debug-header h4{font-size:1.1rem;color:var(--color-danger)!important}.version-info{font-size:.85rem;font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.debug-body{background:var(--color-gray-50);padding:2rem}.debug-card{background:var(--color-white);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:0 4px 15px #00000014;transition:transform var(--transition-base),box-shadow var(--transition-base);height:100%}.debug-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.debug-card .modal-header{border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;border-bottom:none}.debug-card-body{padding:1.5rem 2rem}.metric-row{display:flex;gap:1rem;margin-bottom:1rem}.metric-item{flex:1;display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,var(--color-debug-gradient-start) 0%,var(--color-debug-gradient-end) 100%);border-radius:var(--border-radius-sm);border-left:var(--border-thick) solid var(--color-debug-accent)}.rate-limiter-metric{border-left:none;border:var(--border-medium) solid transparent}.rate-limiter-metric.is-redis{background:var(--color-background-success);border-color:var(--color-success);color:var(--color-text-on-success)}.rate-limiter-metric.is-db{background:var(--color-background-info);border-color:var(--color-info);color:var(--color-text-on-info)}.rate-limiter-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);font-size:1.4rem;line-height:1}.rate-limiter-icon.is-redis{background:var(--color-success);color:var(--color-white)}.rate-limiter-icon.is-db{background:var(--color-info);color:var(--color-white)}.rate-limiter-metric .metric-label,.rate-limiter-metric .metric-value{color:inherit}.rate-limiter-metric .metric-label{opacity:var(--opacity-subtle)}.metric-icon{font-size:2rem;color:var(--color-debug-accent)}.metric-content{display:flex;flex-direction:column}.metric-label{font-size:.7rem;text-transform:uppercase;color:var(--color-gray-700);font-weight:var(--font-weight-semibold)}.metric-value{font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--color-debug-accent)}.metric-value-small{font-size:1rem}.info-block{display:flex;gap:1rem;padding:1rem;background:var(--color-gray-50);border-radius:8px;border-left:var(--border-thick) solid transparent;transition:all var(--transition-fast)}.info-block:hover{background:var(--color-gray-200);border-left-color:var(--color-debug-accent)}.info-icon{width:50px;height:30px;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-debug-accent);font-size:1.5rem;flex-shrink:0}.icon-bg-teal{background:#11998e26;border:var(--border-medium) solid rgba(17,153,142,.3)}.info-content{flex:1}.info-label{font-size:.75rem;text-transform:uppercase;color:var(--color-gray-700);font-weight:var(--font-weight-semibold);margin-bottom:.25rem}.info-value{font-size:.95rem;color:var(--color-gray-900)}.env-vars-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.75rem}.env-var-item{padding:.75rem;background:var(--color-gray-50);border-radius:6px;border-left:3px solid var(--color-debug-accent);font-size:.9rem}.env-var-item strong{color:var(--color-debug-accent);font-weight:var(--font-weight-bold)}.env-var-item span{color:var(--color-gray-800);font-family:Courier New,monospace;word-break:break-all}.debug-body code{font-size:.85em;background:#11998e1a;padding:3px 8px;border-radius:4px;color:var(--color-debug-accent);border:var(--border-thin) solid rgba(17,153,142,.2);font-weight:var(--font-weight-medium)}.debug-body .badge{font-weight:var(--font-weight-semibold)}@media(max-width:992px){.debug-body,.debug-card-body{padding:1rem}.metric-row{flex-direction:column}}@media(max-width:768px){.debug-header{padding:1rem}.metric-icon{font-size:1.5rem}.metric-value{font-size:1rem}.info-icon{width:40px;height:40px;font-size:1.2rem}.env-vars-list{grid-template-columns:1fr}}