@import url('/tool/orbitron.css');

[data-theme="matrix"] .page,
[data-theme="matrix"] .container-analyse {
    background: #000300;
    font-family: 'Share Tech Mono', monospace;
    color: #00ff41;
    background-image:
        repeating-linear-gradient(
            0deg,
            transparent,
            transparent 3px,
            rgba(0, 255, 65, 0.03) 3px,
            rgba(0, 255, 65, 0.03) 4px
        );
}

[data-theme="matrix"] .container-analyse h1 {
    font-family: 'VT323', monospace;
    font-size: 2.8rem;
    font-weight: 400;
    color: #00ff41;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    text-shadow: 0 0 10px #00ff41, 0 0 30px #00ff4188, 0 0 60px #00ff4133;
    margin-bottom: 0.4rem;
}

[data-theme="matrix"] .subtitle {
    color: #007a1f;
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.78rem;
    letter-spacing: 0.1em;
    margin-bottom: 2rem;
}

/* Form */
[data-theme="matrix"] input[type="text"] {
    background: #000a00;
    border: 1px solid #005a0f;
    color: #00ff41;
    font-family: 'Share Tech Mono', monospace;
    font-size: 110%;
    border-radius: 2px;
    caret-color: #00ff41;
    transition: border-color 0.2s, box-shadow 0.2s;
}

[data-theme="matrix"] input[type="text"]:focus {
    border-color: #00ff41;
    box-shadow: 0 0 14px #00ff4155, inset 0 0 8px #00ff4111;
    outline: none;
}

[data-theme="matrix"] input[type="text"]::placeholder {
    color: #003a0a;
}

[data-theme="matrix"] button[type="submit"],
[data-theme="matrix"] #submitBtn {
    background: #001a00;
    border: 1px solid #00aa2a;
    border-radius: 2px;
    color: #00ff41;
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.9rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    box-shadow: 0 0 10px #00ff4133;
    transition: background 0.2s, box-shadow 0.2s;
}

[data-theme="matrix"] button[type="submit"]:hover,
[data-theme="matrix"] #submitBtn:hover {
    background: #002a00;
    box-shadow: 0 0 20px #00ff4177, inset 0 0 10px #00ff4122;
    color: #afffbf;
}

/* Alerts */
[data-theme="matrix"] .alert-error {
    background: #0a0000;
    border: 1px solid #aa0000;
    color: #ff4444;
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.82rem;
    letter-spacing: 0.06em;
    border-radius: 2px;
}

/* Info Box */
[data-theme="matrix"] .info-box {
    background: #000a00;
    border: 1px solid #004a0f;
    border-left: 3px solid #00ff41;
    color: #08d33c;
    border-radius: 2px;
    font-size: 0.82rem;
    font-family: 'Share Tech Mono', monospace;
}

[data-theme="matrix"] .info-box a {
    color: #00ff41 !important;
    text-shadow: 0 0 6px #00ff4166;
}

[data-theme="matrix"] .info-toggle {
    color: #007a1f;
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.78rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

/* Result Card */
[data-theme="matrix"] .result-card {
    background: #000a00;
    border: 1px solid #004a0f;
    border-top: 2px solid #00ff41;
    border-radius: 2px;
    box-shadow: 0 0 24px #00ff4115, inset 0 0 60px #00000066;
}

[data-theme="matrix"] .result-card h2 {
    color: #007a1f;
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.75rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    border-bottom: 1px solid #002a00;
}

[data-theme="matrix"] .result-card h2 .domain {
    color: #00ff41;
    text-shadow: 0 0 8px #00ff4177;
}

/* Result Items */
[data-theme="matrix"] .result-item {
    background: #000500;
    border: 1px solid #002a00;
    border-radius: 2px;
}

[data-theme="matrix"] .result-item.highlight {
    border-color: #00aa2a;
    background: #000d00;
    box-shadow: inset 0 0 12px #00ff4108, 0 0 8px #00ff4122;
}

[data-theme="matrix"] .label {
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.62rem;
    color: #005a0f;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

[data-theme="matrix"] .value {
    color: #00cc33;
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.9rem;
}

[data-theme="matrix"] .value.mono {
    font-family: 'Share Tech Mono', monospace;
    color: #00ff41;
    text-shadow: 0 0 6px #00ff4155;
    font-size: 0.82rem;
}

/* Badges */
[data-theme="matrix"] .badge-high {
    background: #001a00;
    color: #00ff41;
    border: 1px solid #00aa2a;
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.7rem;
    letter-spacing: 0.08em;
    text-shadow: 0 0 6px #00ff4166;
}

[data-theme="matrix"] .badge-medium {
    background: #0d0d00;
    color: #ccff00;
    border: 1px solid #6a6a00;
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.7rem;
    letter-spacing: 0.08em;
}

[data-theme="matrix"] .badge-low {
    background: #0a0000;
    color: #ff3333;
    border: 1px solid #660000;
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.7rem;
    letter-spacing: 0.08em;
}

/* Country Hints */
[data-theme="matrix"] .country-hint {
    border-radius: 2px;
    font-family: 'Share Tech Mono', monospace;
}

[data-theme="matrix"] .country-hint.de {
    background: #001500;
    border-color: #007a1f;
    color: #00cc33;
}
[data-theme="matrix"] .country-hint.de .ch-title {
    color: #00ff41;
    text-shadow: 0 0 6px #00ff4166;
}

[data-theme="matrix"] .country-hint.eu {
    background: #00001a;
    border-color: #00007a;
    color: #6699ff;
}
[data-theme="matrix"] .country-hint.eu .ch-title {
    color: #33aaff;
    text-shadow: 0 0 6px #33aaff66;
}

[data-theme="matrix"] .country-hint.us {
    background: #0f0000;
    border-color: #7a0000;
    color: #ff8888;
}
[data-theme="matrix"] .country-hint.us .ch-title {
    color: #ff3333;
    text-shadow: 0 0 6px #ff333366;
}

[data-theme="matrix"] .country-hint.other {
    background: #0a0800;
    border-color: #5a4400;
    color: #ccaa44;
}
[data-theme="matrix"] .country-hint.other .ch-title {
    color: #ffcc00;
    text-shadow: 0 0 6px #ffcc0066;
}

/* CTA Box */
[data-theme="matrix"] .cta-box {
    background: #000a00;
    border: 1px solid #005a0f;
    border-top: 2px solid #00aa2a;
    border-radius: 2px;
}

[data-theme="matrix"] .cta-box.red {
    background: #0a0000;
    border-color: #7a0000;
    color: #ff8888;
}

[data-theme="matrix"] .cta-box.yellow {
    background: #0a0800;
    border-color: #5a4400;
    color: #ccaa44;
}

[data-theme="matrix"] .cta-title {
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.82rem;
    color: #00ff41;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-shadow: 0 0 8px #00ff4166;
}

[data-theme="matrix"] .cta-text {
    color: #005a0f;
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.72rem;
}

[data-theme="matrix"] .cta-btn {
    background: #001a00;
    border: 1px solid #00aa2a;
    border-radius: 2px;
    color: #00ff41 !important;
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.78rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    box-shadow: 0 0 12px #00ff4133;
    transition: all 0.2s;
}

[data-theme="matrix"] .cta-btn:hover {
    background: #002a00;
    box-shadow: 0 0 22px #00ff4177;
    transform: translateY(-1px);
}

/* Detail Container */
[data-theme="matrix"] #detailContainer {
    background: #000500;
    border: 1px solid #002a00;
    border-top: 2px solid #00aa2a;
    border-radius: 2px;
}

[data-theme="matrix"] .detail-container-header {
    background: #000a00;
    border-bottom: 1px solid #002a00;
    border-radius: 2px 2px 0 0;
}

[data-theme="matrix"] .detail-container-title {
    font-family: 'Share Tech Mono', monospace;
    color: #00ff41;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    text-shadow: 0 0 8px #00ff4155;
}

[data-theme="matrix"] .detail-container-sub {
    color: #005a0f;
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.68rem;
}

[data-theme="matrix"] .detail-section {
    border-top: 1px solid #001500;
}

[data-theme="matrix"] .detail-title {
    color: #005a0f;
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.65rem;
    letter-spacing: 0.14em;
}

[data-theme="matrix"] .detail-item {
    background: #000300;
    border: 1px solid #001a00;
    border-radius: 2px;
}

/* Port Table */
[data-theme="matrix"] .port-table th {
    color: #005a0f;
    border-bottom: 1px solid #002a00;
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.62rem;
    letter-spacing: 0.1em;
}

[data-theme="matrix"] .port-table td {
    color: #007a1f;
    border-bottom: 1px solid #001000;
    font-family: 'Share Tech Mono', monospace;
}

[data-theme="matrix"] .port-table td:first-child {
    color: #00ff41;
    text-shadow: 0 0 6px #00ff4155;
}

/* CSP */
[data-theme="matrix"] .csp-tag {
    background: #000500;
    border: 1px solid #002a00;
    color: #007a1f;
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.65rem;
}

[data-theme="matrix"] .csp-raw {
    background: #000300;
    border: 1px solid #001500;
    color: #00aa2a;
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.62rem;
    line-height: 1.7;
}

/* API Hint */
[data-theme="matrix"] .api-hint {
    background: #000a00;
    border: 1px solid #002a00;
    color: #007a1f;
    border-radius: 2px;
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.78rem;
}

[data-theme="matrix"] .api-hint code {
    background: #000500;
    color: #00ff41;
    text-shadow: 0 0 4px #00ff4155;
    border-radius: 2px;
}

/* Tooltip */
[data-theme="matrix"] .info-icon {
    background: #001a00;
    color: #007a1f;
    border-radius: 2px;
}

[data-theme="matrix"] .info-icon::after {
    background: #000a00;
    color: #00cc33;
    border: 1px solid #003a00;
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.72rem;
}

/* Spinner */
[data-theme="matrix"] .spinner {
    border-color: rgba(0, 255, 65, 0.2);
    border-top-color: #00ff41;
}

/* Footer */
[data-theme="matrix"] footer {
    border-top: 1px solid #002a00;
    color: #003a00;
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.72rem;
    letter-spacing: 0.1em;
}

[data-theme="matrix"] footer a {
    color: #00ff41 !important;
    text-shadow: 0 0 6px #00ff4166;
}

[data-theme="matrix"] a {
    color: #00ff41 !important;
}

[data-theme="matrix"] .value {
    color: #00ff41;
}

[data-theme="matrix"] .label {
    color: #03cc35;
}

[data-theme="matrix"] .subtitle {
    color: #01d335;
}

[data-theme="matrix"] .result-card h2 {
    color: #00cc33;
}

[data-theme="matrix"] .cta-text {
    color: #00aa2a;
}

[data-theme="matrix"] .detail-container-sub {
    color: #00aa2a;
}

[data-theme="matrix"] .detail-title {
    color: #00aa2a;
}

[data-theme="matrix"] .port-table th {
    color: #00aa2a;
}

[data-theme="matrix"] .port-table td {
    color: #00cc33;
}

[data-theme="matrix"] .csp-tag {
    color: #00cc33;
}

[data-theme="matrix"] .api-hint {
    color: #00cc33;
}

[data-theme="matrix"] footer {
    color: #01d335;
}