/* ============================================================
   CYBERPUNK THEME - NFTs-721.html ONLY
   Dark backgrounds, neon accents (cyan, magenta)
   Colors only — no layout or size changes
   ============================================================ */


/* --- Card Headers --- */
.CardHeader {
   color: #00ffcc;
   text-shadow: 0 0 8px rgba(0, 255, 204, 0.3);
}


/* --- User Panel --- */
#userPanelDIV {
   background-color: #0d0d2b;
   border: 1px solid #1a1a4a;
}

#userPanelTitle {
   color: #00ffcc;
   text-shadow: 0 0 8px rgba(0, 255, 204, 0.3);
}


/* --- User Sections --- */
.userSection {
   background: rgba(17, 17, 51, 0.8);
   border: 1px solid #2a2a5a;
}

.userSectionTitle {
   color: #00ccff;
}

.userLabel {
   color: #8888bb;
}

.userInput {
   background: rgba(0, 0, 0, 0.4);
   border: 1px solid #2a2a5a;
   color: #b0b0cc;
}

.userInput:focus {
   border-color: #00ccff;
}

.userInput::placeholder {
   color: rgba(136, 136, 187, 0.5);
}

.userButton {
   background: #ff04b4;
}

.userButton:hover {
   box-shadow: 0 0 15px rgba(255, 4, 180, 0.4);
}

#userStatusMessage {
   color: #00ccff;
}

.userMessageItem {
   background: rgba(17, 17, 51, 0.6);
   border: 1px solid #2a2a5a;
}


/* --- Message Preview Section --- */
#messagePreviewSection {
   background: rgba(0, 0, 0, 0.3);
}


/* --- Customize Tabs --- */
.customize-tab {
   color: #6666aa;
   background: #1a1a3a;
   border: solid 1px #2a2a5a;
}

.customize-tab:hover {
   background-color: #222250;
}

.customize-tab.active {
   background-color: #1a1a40;
   color: #ff04b4;
   border-bottom-color: #ff04b4;
}

.tab-content.active {
   border-color: #2a2a5a;
}


/* --- "To Be Released" paragraphs --- */
.toBeReleasedParagraph {
   color: #6666aa;
}