/* ============================================================================
   LOREBENCH INDUSTRIAL THEME
   ============================================================================
   Gritty factory/steampunk aesthetic with steel, rust, and concrete.
   Metal plates, rivets, warning stripes, and weathered textures.
   ============================================================================ */

:root[data-theme="industrial"] {
    /* Industrial color palette */
    --ind-rust: #8b4513;
    --ind-rust-light: #a0522d;
    --ind-rust-dark: #6b3410;
    --ind-steel: #71797e;
    --ind-steel-light: #9ba4a9;
    --ind-steel-dark: #4a5256;
    --ind-concrete: #5c5c5c;
    --ind-warning: #ffa500;
    --ind-caution: #ffcc00;
    --ind-copper: #b87333;
    --ind-brass: #b5a642;

    /* PRIMARY ACCENT COLOR - warning orange/rust */
    --lb-accent-primary: var(--ind-warning);
    --lb-accent-primary-light: #ffb732;
    --lb-accent-primary-dark: var(--ind-rust);
    --lb-accent-primary-darker: var(--ind-rust-dark);

    /* BACKGROUND COLORS - dark concrete/steel */
    --lb-bg-base: #1a1a1a;
    --lb-bg-elevated: #252525;
    --lb-bg-elevated-1: #2a2a2a;
    --lb-bg-elevated-2: #303030;
    --lb-bg-elevated-3: #383838;
    --lb-bg-input: #1e1e1e;
    --lb-bg-hover: rgba(139, 69, 19, 0.15);
    --bg-tertiary: #252525;
    --bg-primary: #2a2a2a;

    /* BORDER COLORS - steel/riveted look */
    --lb-border-subtle: #3a3a3a;
    --lb-border-default: #4a4a4a;
    --lb-border-strong: var(--ind-steel-dark);
    --lb-border-focus: var(--ind-warning);

    /* TEXT COLORS - slightly warm/aged */
    --lb-text-primary: #d4d0c8;
    --lb-text-secondary: #a8a49c;
    --lb-text-muted: #787470;
    --lb-text-subtle: #585450;
    --lb-text-inverse: #1a1a1a;

    /* STATE COLORS */
    --lb-success: #4a7c4e;
    --lb-error: #8b0000;
    --lb-error-bg: #2a1010;
    --lb-error-border: #4a1010;
    --lb-warning: var(--ind-warning);
    --lb-info: var(--ind-steel-light);

    /* COMPONENT-SPECIFIC */
    --lb-card-bg: #252525;
    --lb-card-border: #3a3a3a;
    --lb-card-header-bg: linear-gradient(180deg, #2e2e2e 0%, #262626 100%);

    /* INTERACTIVE ELEMENTS */
    --lb-button-primary-bg: linear-gradient(180deg, #3a3a3a 0%, #2a2a2a 100%);
    --lb-button-primary-hover: linear-gradient(180deg, #4a4a4a 0%, #3a3a3a 100%);
    --lb-button-primary-text: var(--ind-warning);
    --lb-button-secondary-bg: transparent;
    --lb-button-secondary-hover: rgba(139, 69, 19, 0.1);
    --lb-button-secondary-text: var(--ind-steel-light);

    /* RATING SYSTEM */
    --lb-rating-fill: var(--ind-warning);
    --lb-rating-empty: #3a3a3a;
    --lb-rating-hover: var(--ind-caution);

    /* SHADOWS - harsh industrial shadows */
    --lb-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.4);
    --lb-shadow-md: 0 4px 8px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    --lb-shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.05);

    /* ========================================================================
       BACKWARDS COMPATIBILITY MAPPINGS
       ======================================================================== */
    --primary-color: var(--ind-warning);
    --primary-hover: var(--ind-rust);
    --bg-secondary: var(--lb-bg-elevated-2);
    --bg-card: var(--lb-bg-elevated);
    --bg-hover: var(--lb-bg-hover);
    --border-color: var(--lb-border-default);
    --text-primary: var(--lb-text-primary);
    --text-secondary: var(--lb-text-secondary);
    --text-muted: var(--lb-text-muted);

    /* UX Component Mappings */
    --ux-bg: var(--lb-bg-base);
    --ux-text: var(--lb-text-primary);
}

/* ============================================================================
   INDUSTRIAL-SPECIFIC STYLING OVERRIDES
   ============================================================================ */

/* Metal plate texture pattern for cards */
:root[data-theme="industrial"] .ux-card,
:root[data-theme="industrial"] .collapsible-section,
:root[data-theme="industrial"] .infobox {
    background:
        linear-gradient(180deg, rgba(60, 60, 60, 0.3) 0%, rgba(30, 30, 30, 0.5) 100%),
        #252525;
    border: 2px solid #3a3a3a;
    border-radius: 2px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 -1px 0 rgba(0, 0, 0, 0.3),
        0 4px 8px rgba(0, 0, 0, 0.5);
    position: relative;
}

/* Rivet corners effect */
:root[data-theme="industrial"] .ux-card::before,
:root[data-theme="industrial"] .collapsible-section::before,
:root[data-theme="industrial"] .infobox::before {
    content: '';
    position: absolute;
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    border: 1px solid rgba(255, 255, 255, 0.03);
    border-radius: 1px;
    pointer-events: none;
}

/* Corner rivets */
:root[data-theme="industrial"] .ux-card::after,
:root[data-theme="industrial"] .collapsible-section::after {
    content: '';
    position: absolute;
    top: 8px;
    left: 8px;
    width: 6px;
    height: 6px;
    background: radial-gradient(circle at 30% 30%, #5a5a5a 0%, #3a3a3a 50%, #2a2a2a 100%);
    border-radius: 50%;
    box-shadow:
        calc(100% - 22px) 0 0 0 #3a3a3a,
        0 calc(100% - 22px) 0 0 #3a3a3a,
        calc(100% - 22px) calc(100% - 22px) 0 0 #3a3a3a,
        inset 0 1px 1px rgba(255, 255, 255, 0.2),
        inset 0 -1px 1px rgba(0, 0, 0, 0.3);
    pointer-events: none;
}

/* Buttons - stamped metal look */
:root[data-theme="industrial"] .btn,
:root[data-theme="industrial"] button {
    background: linear-gradient(180deg, #404040 0%, #2a2a2a 50%, #252525 100%);
    border: 1px solid #4a4a4a;
    border-bottom: 2px solid #1a1a1a;
    color: var(--lb-text-primary);
    border-radius: 2px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.05em;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 2px 4px rgba(0, 0, 0, 0.3);
    transition: all 0.15s ease;
}

:root[data-theme="industrial"] .btn:hover,
:root[data-theme="industrial"] button:hover {
    background: linear-gradient(180deg, #4a4a4a 0%, #353535 50%, #303030 100%);
    border-color: var(--ind-steel);
    color: var(--ind-warning);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.15),
        0 2px 4px rgba(0, 0, 0, 0.4);
}

:root[data-theme="industrial"] .btn:active,
:root[data-theme="industrial"] button:active {
    background: linear-gradient(180deg, #252525 0%, #2a2a2a 50%, #303030 100%);
    border-bottom-width: 1px;
    transform: translateY(1px);
    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.3),
        0 1px 2px rgba(0, 0, 0, 0.2);
}

/* Inputs - recessed metal panel */
:root[data-theme="industrial"] input,
:root[data-theme="industrial"] textarea,
:root[data-theme="industrial"] select,
:root[data-theme="industrial"] .form-control {
    background: linear-gradient(180deg, #1a1a1a 0%, #1e1e1e 100%);
    border: 1px solid #3a3a3a;
    border-top: 2px solid #1a1a1a;
    color: var(--lb-text-primary);
    border-radius: 2px;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
}

:root[data-theme="industrial"] input::placeholder,
:root[data-theme="industrial"] textarea::placeholder {
    color: var(--lb-text-muted);
}

:root[data-theme="industrial"] input:focus,
:root[data-theme="industrial"] textarea:focus,
:root[data-theme="industrial"] select:focus,
:root[data-theme="industrial"] .form-control:focus {
    border-color: var(--ind-warning);
    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.3),
        0 0 0 2px rgba(255, 165, 0, 0.2);
    outline: none;
}

/* Links - rust/copper color */
:root[data-theme="industrial"] a {
    color: var(--ind-copper);
    text-decoration: none;
    transition: color 0.2s ease;
}

:root[data-theme="industrial"] a:hover {
    color: var(--ind-warning);
    text-decoration: underline;
}

/* Logo - stenciled industrial look */
:root[data-theme="industrial"] .ww-logo {
    color: var(--ind-warning);
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 0.15em;
    text-shadow:
        2px 2px 0 rgba(0, 0, 0, 0.5),
        -1px -1px 0 rgba(255, 255, 255, 0.1);
}

/* Badge styling - warning tape look */
:root[data-theme="industrial"] .pillar-badge,
:root[data-theme="industrial"] .badge,
:root[data-theme="industrial"] .collapsible-count {
    background: linear-gradient(135deg, var(--ind-warning) 0%, #cc8400 100%);
    color: #1a1a1a;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 2px;
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* Header bar - heavy steel beam */
:root[data-theme="industrial"] .ww-topbar {
    background:
        linear-gradient(180deg,
            #3a3a3a 0%,
            #2e2e2e 20%,
            #262626 80%,
            #1e1e1e 100%
        );
    border-bottom: 3px solid #1a1a1a;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 4px 8px rgba(0, 0, 0, 0.5);
}

/* Warning stripe accent line */
:root[data-theme="industrial"] .ww-topbar::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    height: 3px;
    background: repeating-linear-gradient(
        -45deg,
        var(--ind-warning),
        var(--ind-warning) 10px,
        #1a1a1a 10px,
        #1a1a1a 20px
    );
}

/* Navigation links */
:root[data-theme="industrial"] .ww-nav-link {
    color: var(--lb-text-secondary);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.05em;
}

:root[data-theme="industrial"] .ww-nav-link:hover {
    color: var(--ind-warning);
    background: rgba(255, 165, 0, 0.1);
}

/* Avatar styling - metal disc */
:root[data-theme="industrial"] .author-avatar {
    background: linear-gradient(135deg, #4a4a4a 0%, #3a3a3a 50%, #2a2a2a 100%);
    color: var(--ind-warning);
    border: 2px solid #5a5a5a;
    box-shadow:
        inset 0 2px 4px rgba(255, 255, 255, 0.1),
        inset 0 -2px 4px rgba(0, 0, 0, 0.2),
        0 2px 4px rgba(0, 0, 0, 0.3);
}

/* Tables - data sheet look */
:root[data-theme="industrial"] .table {
    border: 2px solid #3a3a3a;
    border-collapse: separate;
}

:root[data-theme="industrial"] .table th {
    background: linear-gradient(180deg, #3a3a3a 0%, #2e2e2e 100%);
    border-color: #4a4a4a;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: var(--ind-warning);
}

:root[data-theme="industrial"] .table td {
    border-color: #3a3a3a;
    background: #252525;
}

/* Create button - primary action with warning color */
:root[data-theme="industrial"] .ww-btn-create {
    background: linear-gradient(180deg, var(--ind-warning) 0%, #cc8400 50%, #b37300 100%);
    color: #1a1a1a;
    border: 1px solid #cc8400;
    border-bottom: 3px solid #8b5a00;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.3),
        0 2px 4px rgba(0, 0, 0, 0.4);
}

:root[data-theme="industrial"] .ww-btn-create:hover {
    background: linear-gradient(180deg, #ffb732 0%, var(--ind-warning) 50%, #cc8400 100%);
    border-color: var(--ind-warning);
    transform: translateY(-1px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.4),
        0 4px 8px rgba(0, 0, 0, 0.5);
}

:root[data-theme="industrial"] .ww-btn-create:active {
    background: linear-gradient(180deg, #cc8400 0%, #b37300 50%, #995c00 100%);
    border-bottom-width: 1px;
    transform: translateY(2px);
}

/* Theme switcher - control panel look */
:root[data-theme="industrial"] .ww-theme-toggle {
    background: linear-gradient(180deg, #3a3a3a 0%, #2a2a2a 100%);
    border: 1px solid #4a4a4a;
    border-radius: 2px;
}

:root[data-theme="industrial"] .ww-theme-toggle:hover {
    background: linear-gradient(180deg, #4a4a4a 0%, #3a3a3a 100%);
    border-color: var(--ind-steel);
}

:root[data-theme="industrial"] .ww-theme-menu {
    background: #252525;
    border: 2px solid #3a3a3a;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
    border-radius: 2px;
}

:root[data-theme="industrial"] .ww-theme-item {
    color: var(--lb-text-secondary);
    text-transform: uppercase;
    font-size: 0.85em;
    letter-spacing: 0.05em;
}

:root[data-theme="industrial"] .ww-theme-item:hover,
:root[data-theme="industrial"] .ww-theme-item.active {
    background: rgba(255, 165, 0, 0.15);
    color: var(--ind-warning);
}

/* Start Creating card - highlighted panel */
:root[data-theme="industrial"] .stat-card.create-card {
    background:
        linear-gradient(180deg, rgba(255, 165, 0, 0.1) 0%, rgba(139, 69, 19, 0.1) 100%),
        #252525;
    border: 2px solid var(--ind-rust);
}

:root[data-theme="industrial"] .stat-card.create-card:hover {
    background:
        linear-gradient(180deg, rgba(255, 165, 0, 0.15) 0%, rgba(139, 69, 19, 0.15) 100%),
        #2a2a2a;
    border-color: var(--ind-warning);
    box-shadow:
        0 0 20px rgba(255, 165, 0, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

/* Stat cards - metal panels */
:root[data-theme="industrial"] .stat-card {
    background: linear-gradient(180deg, #2e2e2e 0%, #252525 100%);
    border: 2px solid #3a3a3a;
    border-radius: 2px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 2px 4px rgba(0, 0, 0, 0.3);
}

:root[data-theme="industrial"] .stat-card:hover {
    border-color: var(--ind-steel);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 4px 8px rgba(0, 0, 0, 0.4);
}

/* Search input - control panel input */
:root[data-theme="industrial"] .ww-search-input {
    background: linear-gradient(180deg, #1a1a1a 0%, #1e1e1e 100%);
    border: 1px solid #3a3a3a;
    border-radius: 2px;
    color: var(--lb-text-primary);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
}

:root[data-theme="industrial"] .ww-search-input:focus {
    border-color: var(--ind-warning);
    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.3),
        0 0 0 2px rgba(255, 165, 0, 0.2);
}

/* Footer - heavy base plate */
:root[data-theme="industrial"] .ww-footer {
    background:
        linear-gradient(180deg,
            #2a2a2a 0%,
            #252525 50%,
            #1e1e1e 100%
        );
    border-top: 3px solid #3a3a3a;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

:root[data-theme="industrial"] .ww-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg,
        #3a3a3a 0%,
        var(--ind-steel) 50%,
        #3a3a3a 100%
    );
}

:root[data-theme="industrial"] .ww-footer a {
    color: var(--lb-text-muted);
    text-transform: uppercase;
    font-size: 0.85em;
    letter-spacing: 0.05em;
}

:root[data-theme="industrial"] .ww-footer a:hover {
    color: var(--ind-warning);
}

/* Featured universe card */
:root[data-theme="industrial"] .featured-universe-card {
    background: linear-gradient(180deg, #2e2e2e 0%, #252525 100%);
    border: 2px solid #3a3a3a;
    border-radius: 2px;
}

:root[data-theme="industrial"] .featured-universe-card:hover {
    border-color: var(--ind-warning);
}

/* ============================================================================
   MODALS - Industrial/Factory Styling
   ============================================================================ */

/* Modal Overlays - specific modal classes only */
:root[data-theme="industrial"] .rp-overlay,
:root[data-theme="industrial"] .aem-overlay,
:root[data-theme="industrial"] .uxdesc-modal-overlay,
:root[data-theme="industrial"] .stat-modal-overlay {
    background: rgba(0, 0, 0, 0.85);
}

/* Modal Containers */
:root[data-theme="industrial"] .rp-modal,
:root[data-theme="industrial"] .aem-modal-wide,
:root[data-theme="industrial"] .uxdesc-modal,
:root[data-theme="industrial"] .stat-modal {
    background: linear-gradient(180deg, #2a2a2a 0%, #222222 100%);
    border: 2px solid #4a4a4a;
    border-radius: 2px;
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.6),
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        inset 0 -1px 0 rgba(0, 0, 0, 0.3);
    color: #d4d0c8;
}

/* Modal Containers - metal plate effect */
:root[data-theme="industrial"] .rp-modal::before,
:root[data-theme="industrial"] .aem-modal-wide::before,
:root[data-theme="industrial"] .stat-modal::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg,
        transparent 10px, #4a4a4a 10px, #4a4a4a 12px,
        transparent 12px, transparent 30px, #4a4a4a 30px, #4a4a4a 32px,
        transparent 32px, transparent 50px, #4a4a4a 50px, #4a4a4a 52px,
        transparent 52px);
    background-size: 60px 3px;
    opacity: 0.6;
    pointer-events: none;
}

/* Modal Headers */
:root[data-theme="industrial"] .rp-header,
:root[data-theme="industrial"] .aem-header,
:root[data-theme="industrial"] .stat-modal-header {
    border-color: #4a4a4a;
    background: linear-gradient(180deg, #2e2e2e 0%, #262626 100%);
    border-bottom-width: 2px;
}

:root[data-theme="industrial"] .rp-title,
:root[data-theme="industrial"] .aem-title,
:root[data-theme="industrial"] .stat-modal-title {
    color: var(--ind-warning);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
}

/* Modal Close Buttons */
:root[data-theme="industrial"] .rp-close,
:root[data-theme="industrial"] .aem-close,
:root[data-theme="industrial"] .stat-modal-close {
    color: var(--ind-steel-light);
}

:root[data-theme="industrial"] .rp-close:hover,
:root[data-theme="industrial"] .aem-close:hover,
:root[data-theme="industrial"] .stat-modal-close:hover {
    color: var(--ind-warning);
    background: rgba(139, 69, 19, 0.15);
}

/* Modal Body/Content */
:root[data-theme="industrial"] .rp-body,
:root[data-theme="industrial"] .aem-body,
:root[data-theme="industrial"] .stat-modal-body {
    background: transparent;
}

/* Modal Footer */
:root[data-theme="industrial"] .rp-footer,
:root[data-theme="industrial"] .aem-footer,
:root[data-theme="industrial"] .stat-modal-footer {
    border-color: #4a4a4a;
    background: linear-gradient(180deg, #262626 0%, #222222 100%);
    border-top-width: 2px;
}

/* Side Panels */
:root[data-theme="industrial"] .rp-side-panel {
    background: linear-gradient(180deg, #282828 0%, #222222 100%);
    border-left: 2px solid #4a4a4a;
    box-shadow: -4px 0 16px rgba(0, 0, 0, 0.4);
}

/* Panel Headers */
:root[data-theme="industrial"] .panel-header {
    background: linear-gradient(180deg, #2e2e2e 0%, #262626 100%);
    border-bottom: 2px solid #4a4a4a;
}

:root[data-theme="industrial"] .panel-header h6 {
    color: var(--ind-warning);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Panel Search */
:root[data-theme="industrial"] .panel-search input {
    background: #1e1e1e;
    border: 2px solid #3a3a3a;
    color: #d4d0c8;
    border-radius: 2px;
}

:root[data-theme="industrial"] .panel-search input:focus {
    border-color: var(--ind-warning);
    box-shadow: inset 0 0 10px rgba(139, 69, 19, 0.1);
}

/* Entity/Relationship Items in Modals */
:root[data-theme="industrial"] .entity-card,
:root[data-theme="industrial"] .relationship-item {
    background: linear-gradient(180deg, #303030 0%, #282828 100%);
    border: 1px solid #3a3a3a;
    color: #a8a49c;
    border-radius: 2px;
    transition: all 0.2s ease;
}

:root[data-theme="industrial"] .entity-card:hover,
:root[data-theme="industrial"] .relationship-item:hover {
    background: linear-gradient(180deg, #383838 0%, #303030 100%);
    border-color: var(--ind-steel-dark);
    box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2);
}

:root[data-theme="industrial"] .entity-card.selected,
:root[data-theme="industrial"] .relationship-item.selected {
    background: linear-gradient(180deg, #3a3a3a 0%, #323232 100%);
    border-color: var(--ind-warning);
    box-shadow:
        0 0 10px rgba(255, 165, 0, 0.15),
        inset 0 0 20px rgba(139, 69, 19, 0.08);
}

/* Diagram Elements */
:root[data-theme="industrial"] .rp-entity-box {
    background: linear-gradient(180deg, #2e2e2e 0%, #262626 100%);
    border: 2px solid #4a4a4a;
    border-radius: 2px;
    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

:root[data-theme="industrial"] .rp-entity-box.clickable:hover {
    border-color: var(--ind-steel-light);
    box-shadow:
        0 6px 16px rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

:root[data-theme="industrial"] .rp-entity-box.active {
    border-color: var(--ind-warning);
    box-shadow:
        0 0 20px rgba(255, 165, 0, 0.2),
        inset 0 0 15px rgba(139, 69, 19, 0.1);
}

:root[data-theme="industrial"] .rp-arrow-box {
    background: linear-gradient(180deg, #303030 0%, #282828 100%);
    border: 2px solid #3a3a3a;
    color: var(--ind-warning);
    border-radius: 2px;
}

:root[data-theme="industrial"] .rp-arrow-box:hover {
    border-color: var(--ind-warning);
    background: linear-gradient(180deg, #383838 0%, #303030 100%);
}

:root[data-theme="industrial"] .arrow-icon {
    color: var(--ind-warning);
}

/* Sentence Preview */
:root[data-theme="industrial"] .rp-sentence {
    background: linear-gradient(180deg, #282828 0%, #242424 100%);
    border: 1px solid #3a3a3a;
    color: #a8a49c;
    border-radius: 2px;
}

:root[data-theme="industrial"] .rp-sentence strong {
    color: var(--ind-warning);
}

/* Primary Button in Modals */
:root[data-theme="industrial"] .rp-modal .btn-primary,
:root[data-theme="industrial"] .aem-modal-wide .btn-primary,
:root[data-theme="industrial"] .aem-add-btn {
    background: linear-gradient(180deg, #3a3a3a 0%, #2a2a2a 100%);
    border: 2px solid #4a4a4a;
    color: var(--ind-warning);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
}

:root[data-theme="industrial"] .rp-modal .btn-primary:hover,
:root[data-theme="industrial"] .aem-modal-wide .btn-primary:hover,
:root[data-theme="industrial"] .aem-add-btn:hover {
    background: linear-gradient(180deg, #4a4a4a 0%, #3a3a3a 100%);
    border-color: var(--ind-warning);
    box-shadow: 0 0 15px rgba(255, 165, 0, 0.15);
}