/* ============================================================
   GI HOSTINGS — PROFESSIONAL THEME: PAGE OVERRIDES
   Covers all inner pages with hardcoded dark inline styles
   ============================================================ */

/* ── Shared page backgrounds ── */
section,
.gp-main,
body > main {
    background: transparent !important;
}

/* ── Hero radial gradient sections → light ── */
section[style*="radial-gradient"] {
    background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 50%, #f9fafb 100%) !important;
}

/* ── All inline dark card containers (exclude #gi-intro) ── */
:not(#gi-intro):not(#gi-intro *)[style*="background:#0f172a"],
:not(#gi-intro):not(#gi-intro *)[style*="background: #0f172a"],
:not(#gi-intro):not(#gi-intro *)[style*="background:#0a0f1e"],
:not(#gi-intro):not(#gi-intro *)[style*="background: #0a0f1e"],
:not(#gi-intro):not(#gi-intro *)[style*="background:#030712"],
:not(#gi-intro):not(#gi-intro *)[style*="background: #030712"],
:not(#gi-intro):not(#gi-intro *)[style*="background:#111827"],
:not(#gi-intro):not(#gi-intro *)[style*="background: #111827"],
:not(#gi-intro):not(#gi-intro *)[style*="background:#0d1117"],
:not(#gi-intro):not(#gi-intro *)[style*="background: #0d1117"],
:not(#gi-intro):not(#gi-intro *)[style*="background:#010409"],
:not(#gi-intro):not(#gi-intro *)[style*="background: #010409"],
:not(#gi-intro):not(#gi-intro *)[style*="background:#1e293b"],
:not(#gi-intro):not(#gi-intro *)[style*="background: #1e293b"] {
    background: #ffffff !important;
    color: #1f2937 !important;
}

:not(#gi-intro):not(#gi-intro *)[style*="background:rgba(15,23,42"],
:not(#gi-intro):not(#gi-intro *)[style*="background: rgba(15,23,42"],
:not(#gi-intro):not(#gi-intro *)[style*="background:rgba(3,7,18"],
:not(#gi-intro):not(#gi-intro *)[style*="background: rgba(3,7,18"],
:not(#gi-intro):not(#gi-intro *)[style*="background:rgba(10,15,30"],
:not(#gi-intro):not(#gi-intro *)[style*="background: rgba(10,15,30"],
:not(#gi-intro):not(#gi-intro *)[style*="background:rgba(13,17,23"],
:not(#gi-intro):not(#gi-intro *)[style*="background: rgba(13,17,23"] {
    background: #ffffff !important;
}

/* ── Inline borders → light ── */
[style*="border:1px solid rgba(255,255,255,0.07)"],
[style*="border: 1px solid rgba(255,255,255,0.07)"],
[style*="border:1px solid rgba(255,255,255,0.06)"],
[style*="border: 1px solid rgba(255,255,255,0.06)"],
[style*="border:1px solid rgba(255,255,255,0.08)"],
[style*="border: 1px solid rgba(255,255,255,0.08)"],
[style*="border:1px solid rgba(255,255,255,0.1)"],
[style*="border: 1px solid rgba(255,255,255,0.1)"] {
    border-color: #e5e7eb !important;
    box-shadow: 0 1px 6px rgba(0,0,0,0.05) !important;
}

/* ── Inline text colors ── */
[style*="color:#fff"]:not(button):not(.btn-primary):not(.btn-primary *):not(footer *):not(#gi-intro *):not(.status-pill *):not(.action-btn):not(.action-btn *) {
    color: #1f2937 !important;
}
[style*="color:#e2e8f0"], [style*="color: #e2e8f0"] { color: #374151 !important; }
[style*="color:#94a3b8"], [style*="color: #94a3b8"] { color: #6b7280 !important; }
[style*="color:#64748b"], [style*="color: #64748b"] { color: #6b7280 !important; }
[style*="color:#475569"], [style*="color: #475569"] { color: #9ca3af !important; }
[style*="color:#334155"], [style*="color: #334155"] { color: #9ca3af !important; }
[style*="color:#a78bfa"], [style*="color: #a78bfa"] { color: #7c3aed !important; }
[style*="color:#22d3ee"], [style*="color: #22d3ee"] { color: #0891b2 !important; }

/* ── Inline semi-transparent dark backgrounds (cards, tags) ── */
[style*="background:rgba(255,255,255,0.03)"],
[style*="background: rgba(255,255,255,0.03)"],
[style*="background:rgba(255,255,255,0.04)"],
[style*="background: rgba(255,255,255,0.04)"],
[style*="background:rgba(255,255,255,0.05)"],
[style*="background: rgba(255,255,255,0.05)"],
[style*="background:rgba(255,255,255,0.06)"],
[style*="background: rgba(255,255,255,0.06)"] {
    background: #f9fafb !important;
    border-color: #e5e7eb !important;
}

/* ── Tech stack / tag pills ── */
[style*="background:rgba(124,58,237,0.1)"],
[style*="background: rgba(124,58,237,0.1)"],
[style*="background:rgba(124,58,237,0.12)"],
[style*="background: rgba(124,58,237,0.12)"] {
    background: #ede9fe !important;
    border-color: rgba(124,58,237,0.25) !important;
}
[style*="background:rgba(124,58,237,0.15)"],
[style*="background: rgba(124,58,237,0.15)"] {
    background: #ede9fe !important;
}

/* ── Section dividers / borders ── */
[style*="border-top:1px solid rgba(255,255,255,0.05)"],
[style*="border-top: 1px solid rgba(255,255,255,0.05)"],
[style*="border-top:1px solid rgba(255,255,255,0.06)"],
[style*="border-top: 1px solid rgba(255,255,255,0.06)"] {
    border-top-color: #e5e7eb !important;
}
[style*="border-bottom:1px solid rgba(255,255,255,0.05)"],
[style*="border-bottom: 1px solid rgba(255,255,255,0.05)"],
[style*="border-bottom:1px solid rgba(255,255,255,0.04)"],
[style*="border-bottom: 1px solid rgba(255,255,255,0.04)"] {
    border-bottom-color: #f3f4f6 !important;
}

/* ── CTA sections ── */
section[style*="background:linear-gradient(135deg,rgba(124,58,237,0.08)"],
section[style*="background: linear-gradient(135deg,rgba(124,58,237,0.08)"] {
    background: linear-gradient(135deg, #f5f3ff, #faf5ff) !important;
    border-top-color: #e5e7eb !important;
    border-bottom-color: #e5e7eb !important;
}

/* ── Breadcrumb links ── */
[style*="color:#64748b;text-decoration:none"] {
    color: #6b7280 !important;
}

/* ── Work detail: main image container ── */
[style*="background:linear-gradient(135deg,rgba(124,58,237,0.15),rgba(6,182,212,0.08))"] {
    background: linear-gradient(135deg, #f5f3ff, #ecfeff) !important;
    border-color: #e5e7eb !important;
}

/* ── Work detail: sidebar card ── */
[style*="position:sticky;top:80px"] > [style*="background:#0f172a"] {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.06) !important;
}

/* ── Work detail: related works cards ── */
a[style*="background:#0f172a;border:1px solid rgba(255,255,255,0.07)"] {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
    box-shadow: 0 1px 6px rgba(0,0,0,0.05) !important;
}
a[style*="background:#0f172a;border:1px solid rgba(255,255,255,0.07)"]:hover {
    border-color: rgba(124,58,237,0.3) !important;
    box-shadow: 0 8px 24px rgba(124,58,237,0.1) !important;
}

/* ── Softwares page: software card ── */
[style*="background:#0f172a;border:1px solid rgba(255,255,255,0.07);border-radius:24px"] {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
}
[style*="background:#0f172a;border:1px solid rgba(255,255,255,0.07);border-radius:24px"]:hover {
    border-color: rgba(124,58,237,0.3) !important;
    box-shadow: 0 20px 60px rgba(124,58,237,0.12) !important;
}

/* ── Softwares page: software card image area ── */
[style*="background:linear-gradient(135deg,rgba(124,58,237,0.15),rgba(6,182,212,0.08));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden"] {
    background: linear-gradient(135deg, #f5f3ff, #ecfeff) !important;
}

/* ── Our works page: work card ── */
[style*="background:#0f172a;border:1px solid rgba(255,255,255,0.07);border-radius:20px"] {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
}

/* ── Infrastructure page ── */
.server-row {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
    box-shadow: 0 1px 6px rgba(0,0,0,0.05) !important;
}
.server-row:hover { border-color: rgba(124,58,237,0.3) !important; }
.server-header:hover { background: #f9fafb !important; }
.server-body {
    border-top-color: #f3f4f6 !important;
    background: #fafafa !important;
}
.node-row { border-bottom-color: #f3f4f6 !important; }
.mbar { background: #e5e7eb !important; }
.nav-group-label { color: #9ca3af !important; }

/* Infrastructure summary stat cards */
[style*="background:rgba(15,23,42,.8)"],
[style*="background:rgba(15,23,42,0.8)"] {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
    box-shadow: 0 1px 6px rgba(0,0,0,0.05) !important;
}

/* Infrastructure incident log */
[style*="background:#0a0f1e;border:1px solid rgba(255,255,255,.07);border-radius:16px"] {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
    box-shadow: 0 1px 6px rgba(0,0,0,0.05) !important;
}
[style*="border-bottom:1px solid rgba(255,255,255,.05)"],
[style*="border-bottom:1px solid rgba(255,255,255,.04)"] {
    border-bottom-color: #f3f4f6 !important;
}

/* Infrastructure hero section */
.infra-hero {
    background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 50%, #f9fafb 100%) !important;
}

/* ── GI Panel server detail ── */
.metric-card {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
    box-shadow: 0 1px 6px rgba(0,0,0,0.05) !important;
}
.metric-label { color: #9ca3af !important; }
.metric-val { color: #1f2937 !important; }
.metric-sub { color: #6b7280 !important; }
.bar-track { background: #e5e7eb !important; }
.chart-wrap {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
    box-shadow: 0 1px 6px rgba(0,0,0,0.05) !important;
}
.copy-btn { color: #9ca3af !important; }
.copy-btn:hover { color: #7c3aed !important; background: #ede9fe !important; }

/* Action buttons — keep their colors, just lighten backgrounds */
.action-btn.reboot   { background: rgba(245,158,11,0.08) !important; }
.action-btn.reinstall,
.action-btn.upgrade  { background: rgba(124,58,237,0.08) !important; }
.action-btn.renew    { background: rgba(16,185,129,0.08) !important; }

/* Upgrade modals */
.upgrade-modal-content {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.15) !important;
}
.upgrade-option {
    background: #f9fafb !important;
    border-color: #e5e7eb !important;
}
.upgrade-option:hover {
    border-color: rgba(124,58,237,0.3) !important;
    background: #f5f3ff !important;
}

/* Storage/VPS modal form inputs */
.upgrade-modal-content input,
.upgrade-modal-content textarea,
.upgrade-modal-content select {
    background: #f9fafb !important;
    border-color: #d1d5db !important;
    color: #1f2937 !important;
}
.upgrade-modal-content label { color: #374151 !important; }

/* GI Panel server detail: service details card */
[style*="background:#0f172a;border:1px solid rgba(255,255,255,0.07);border-radius:12px"] {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
    box-shadow: 0 1px 6px rgba(0,0,0,0.05) !important;
}

/* GI Panel: alert banners — keep their accent colors, lighten bg */
[style*="background:rgba(245,158,11,0.08);border:1px solid rgba(245,158,11,0.2)"] {
    background: #fffbeb !important;
    border-color: rgba(217,119,6,0.3) !important;
}
[style*="background:rgba(16,185,129,0.08);border:1px solid rgba(16,185,129,0.2)"] {
    background: #f0fdf4 !important;
    border-color: rgba(22,163,74,0.3) !important;
}
[style*="background:rgba(124,58,237,0.08);border:1px solid rgba(124,58,237,0.2)"] {
    background: #f5f3ff !important;
    border-color: rgba(124,58,237,0.3) !important;
}
[style*="background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.2)"] {
    background: #fef2f2 !important;
    border-color: rgba(220,38,38,0.3) !important;
}

/* ── GI Panel sidebar (server_detail has its own sidebar CSS) ── */
.gp-sidebar {
    background: #ffffff !important;
    border-right-color: #e5e7eb !important;
    box-shadow: 4px 0 16px rgba(0,0,0,0.05) !important;
}
.gp-sidebar-logo { border-bottom-color: #e5e7eb !important; }
.gp-logo-text {
    background: linear-gradient(135deg,#7c3aed,#a855f7) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
.gp-nav-label { color: #9ca3af !important; }
.gp-nav-item { color: #6b7280 !important; }
.gp-nav-item:hover { color: #7c3aed !important; background: #f5f3ff !important; }
.gp-nav-item.active { color: #7c3aed !important; background: #ede9fe !important; border-color: rgba(124,58,237,0.25) !important; }
.gp-nav-item i { color: #9ca3af !important; }
.gp-nav-item:hover i, .gp-nav-item.active i { color: #7c3aed !important; }
.gp-main { background: #f9fafb !important; }

/* ── Breadcrumb on server detail ── */
.gp-main [style*="color:#475569"] { color: #9ca3af !important; }
.gp-main [style*="color:#64748b;text-decoration:none"] { color: #6b7280 !important; }

/* ── Network chart canvas background ── */
#netChart { background: transparent !important; }

/* ── Smooth card hover transitions ── */
.server-row, .metric-card, .chart-wrap, .upgrade-option,
[style*="border-radius:20px"], [style*="border-radius:24px"],
[style*="border-radius:16px"], [style*="border-radius:14px"],
[style*="border-radius:12px"] {
    transition: all 0.25s cubic-bezier(.22,1,.36,1) !important;
}

/* ── Our works page: category filter pills ── */
a[style*="background:rgba(255,255,255,0.05);color:#64748b;border:1px solid rgba(255,255,255,0.08)"] {
    background: #f3f4f6 !important;
    color: #6b7280 !important;
    border-color: #e5e7eb !important;
}

/* ── Empty state icons ── */
[style*="color:#1e293b"] { color: #d1d5db !important; }

/* ── Product Configure page ── */
.cfg-section {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
    color: #1f2937 !important;
}
.cfg-section:focus-within { border-color: rgba(124,58,237,0.4) !important; }
.cfg-heading h3 { color: #1f2937 !important; }
.cfg-sub { color: #6b7280 !important; }
.choice-btn label {
    background: #f9fafb !important;
    border-color: #e5e7eb !important;
    color: #1f2937 !important;
}
.choice-btn label:hover {
    border-color: rgba(124,58,237,0.5) !important;
    background: #f5f3ff !important;
}
.choice-btn input:checked + label {
    border-color: #7c3aed !important;
    background: #ede9fe !important;
}
.choice-label { color: #374151 !important; }
.step { color: #6b7280 !important; }
.step.active { color: #7c3aed !important; }
.step-num {
    background: #f3f4f6 !important;
    border-color: #e5e7eb !important;
    color: #6b7280 !important;
}
.step.active .step-num {
    background: #ede9fe !important;
    border-color: #7c3aed !important;
    color: #7c3aed !important;
}
.step-line { background: #e5e7eb !important; }
.fi {
    background: #f9fafb !important;
    border-color: #d1d5db !important;
    color: #1f2937 !important;
}
.fi:focus {
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 3px rgba(124,58,237,0.1) !important;
    background: #ffffff !important;
}
.fi::placeholder { color: #9ca3af !important; }
.pw-gen-btn {
    background: rgba(124,58,237,0.1) !important;
    border-color: rgba(124,58,237,0.3) !important;
    color: #7c3aed !important;
}
.pw-gen-btn:hover { background: rgba(124,58,237,0.2) !important; }
/* Configure page: product header card & back button */
[style*="background:#0f172a;border:1px solid rgba(255,255,255,0.07);border-radius:16px"] {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
    box-shadow: 0 1px 6px rgba(0,0,0,0.05) !important;
}
/* Configure page: back button */
a[style*="background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08)"] {
    background: #f3f4f6 !important;
    border-color: #e5e7eb !important;
    color: #6b7280 !important;
}
/* Configure page: password strength bar track */
[style*="height:4px;background:rgba(255,255,255,0.06)"] {
    background: #e5e7eb !important;
}
/* Configure page: hint text */
[style*="font-size:11px;color:#334155"] { color: #9ca3af !important; }

/* ── Scroll reveal on inner pages ── */
.pro-reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.5s cubic-bezier(.22,1,.36,1), transform 0.5s cubic-bezier(.22,1,.36,1); }
.pro-reveal.visible { opacity: 1; transform: translateY(0); }