﻿
.win11-error-surface {
     display: flex;
     align-items: center;
     justify-content: center;
     background: var(--or-risk-bg-body);
     padding: 20px;
}

.win11-error-card {
     background: var(--win-card);
     backdrop-filter: blur(30px) saturate(200%);
     border: 1px solid var(--win-border);
     border-radius: 16px;
     padding: 40px;
     max-width: 420px;
     width: 100%;
     box-shadow: 0 20px 50px rgba(0,0,0,0.1);
     text-align: center;
}

.win11-icon-container {
     font-size: 48px;
     color: var(--win-accent);
     margin-bottom: 24px;
}

.win11-title {
     font-family: 'Segoe UI Variable Display', sans-serif;
     font-size: 20px;
     font-weight: 600;
     margin-bottom: 12px;
     line-height: 1.35;
}

.win11-description {
     color: light-dark(#616161, #b3b3b3);
     font-size: 14px;
     margin-bottom: 24px;
     line-height: 1.6;
}

.win11-contact-box {
     background: light-dark(rgba(0,0,0,0.03), rgba(255,255,255,0.03));
     padding: 12px;
     border-radius: 8px;
     font-size: 13px;
     margin-bottom: 24px;
}

.win11-debug-info {
     font-family: 'Cascadia Code', monospace;
     font-size: 11px;
     color: #d13438;
     background: light-dark(rgba(209, 52, 56, 0.1), rgba(209, 52, 56, 0.2));
     padding: 10px;
     border-radius: 6px;
     margin-bottom: 24px;
     text-align: left;
}

.win11-actions {
     display: flex;
     gap: 10px;
     justify-content: center;
}

.win11-btn-primary {
     background: var(--win-accent);
     color: white;
     padding: 8px 24px;
     border-radius: 6px;
     text-decoration: none;
     font-size: 14px;
     font-weight: 500;
     transition: 0.2s;
}

     .win11-btn-primary:hover {
          filter: brightness(1.2);
     }

.win11-btn-secondary {
     background: transparent;
     border: 1px solid var(--win-border);
     padding: 8px 24px;
     border-radius: 6px;
     font-size: 14px;
     cursor: pointer;
}
