/* ============================================================
   denschCollabs – Projekt-spezifisches CSS
   Ausgelagert aus shared.css
   Enthält beide Themes: denschcollabs + denschcollabs-app
   ============================================================ */

html[data-theme="denschcollabs"] {
            --teal:   #111111;                  /* near-black – nav / primary */
            --sage:   #B45309;                  /* Cognac – accent */
            --yellow: #D97706;                  /* Amber – highlight */
            --bg:     #F7F6F3;                  /* warm off-white */
            --white:  #FFFFFF;
            --text:   #1A1A1A;
            --muted:  #6B6B6B;
            --border: #E0DCD4;
            --font-serif: "Iowan Old Style", Palatino, Georgia, serif;
            --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }


        
[data-theme="denschcollabs"] html { scroll-behavior: smooth; }


        
[data-theme="denschcollabs"] body {
            background: var(--bg);
            color: var(--text);
            font-family: var(--font-ui);
            font-size: 17px;
            line-height: 1.65;
        }


        /* ── Nav ───────────────────────────────────────── */
        
[data-theme="denschcollabs"] nav {
            background: var(--teal);
            position: sticky;
            top: 0;
            z-index: 100;
            padding: 0 40px;
            height: 64px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }


        
[data-theme="denschcollabs"] .nav-logo {
            font-family: var(--font-serif);
            font-size: 24px;
            font-weight: 700;
            color: var(--white);
            text-decoration: none;
            letter-spacing: -0.5px;
        }


        
[data-theme="denschcollabs"] .nav-logo span { color: var(--yellow); }


        
[data-theme="denschcollabs"] .nav-links {
            display: flex;
            gap: 12px;
            align-items: center;
        }


        /* ── Buttons ───────────────────────────────────── */
        
[data-theme="denschcollabs"] .btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 10px 22px;
            font-size: 15px;
            font-weight: 600;
            border: none;
            border-radius: 10px;
            cursor: pointer;
            text-decoration: none;
            transition: transform 0.25s cubic-bezier(0.4,0,0.2,1),
                        box-shadow 0.25s cubic-bezier(0.4,0,0.2,1);
        }


        
[data-theme="denschcollabs"] .btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 24px rgba(10,61,61,0.20);
        }


        
[data-theme="denschcollabs"] .btn-primary { background: var(--teal);   color: var(--white); }

        
[data-theme="denschcollabs"] .btn-primary:hover { background: #2a2a2a; }

        
[data-theme="denschcollabs"] .btn-yellow { background: var(--sage);  color: var(--white);  font-weight: 700; }

        
[data-theme="denschcollabs"] .btn-yellow:hover { background: #9a7228; }

        
[data-theme="denschcollabs"] .btn-ghost { background: transparent; color: var(--white); border: 2px solid rgba(255,255,255,0.35); }

        
[data-theme="denschcollabs"] .btn-ghost:hover { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.65); }

        
[data-theme="denschcollabs"] .btn-outline { background: transparent; color: var(--teal); border: 2px solid var(--teal); }

        
[data-theme="denschcollabs"] .btn-outline:hover { background: var(--teal); color: var(--white); }

        
[data-theme="denschcollabs"] .btn-lg { padding: 14px 32px; font-size: 17px; border-radius: 12px; }


        /* ── Section wrapper ───────────────────────────── */
        
[data-theme="denschcollabs"] .container {
            max-width: 1160px;
            margin: 0 auto;
            padding: 0 24px;
        }


        
[data-theme="denschcollabs"] section { padding: 100px 0; }


        /* ── Hero ──────────────────────────────────────── */
        
[data-theme="denschcollabs"] .hero {
            background: var(--teal);
            padding: 120px 0 100px;
            position: relative;
            overflow: hidden;
        }


        
[data-theme="denschcollabs"] .hero::before {
            content: '';
            position: absolute;
            inset: 0;
            background: radial-gradient(ellipse at 70% 50%, rgba(184,137,47,0.20) 0%, transparent 65%);
            pointer-events: none;
        }


        
[data-theme="denschcollabs"] .hero-inner {
            max-width: 1160px;
            margin: 0 auto;
            padding: 0 24px;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }


        
[data-theme="denschcollabs"] .hero-label {
            display: inline-block;
            padding: 5px 16px;
            background: rgba(184,137,47,0.18);
            color: var(--yellow);
            border: 1px solid rgba(184,137,47,0.40);
            border-radius: 100px;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            margin-bottom: 20px;
        }


        
[data-theme="denschcollabs"] .hero-title {
            font-family: var(--font-serif);
            font-size: clamp(38px, 5vw, 60px);
            font-weight: 700;
            color: var(--white);
            line-height: 1.1;
            margin-bottom: 20px;
        }


        
[data-theme="denschcollabs"] .hero-title .accent {
            position: relative;
            color: var(--yellow);
        }


        
[data-theme="denschcollabs"] .hero-desc {
            font-size: 18px;
            color: rgba(255,255,255,0.78);
            margin-bottom: 36px;
            max-width: 480px;
            line-height: 1.7;
        }


        
[data-theme="denschcollabs"] .hero-cta {
            display: flex;
            gap: 14px;
            flex-wrap: wrap;
        }


        
[data-theme="denschcollabs"] .hero-visual {
            display: flex;
            justify-content: center;
            align-items: center;
        }


        
[data-theme="denschcollabs"] .hero-card {
            background: rgba(255,255,255,0.07);
            border: 1px solid rgba(255,255,255,0.15);
            border-radius: 20px;
            padding: 32px;
            backdrop-filter: blur(12px);
            width: 100%;
            max-width: 340px;
            animation: float 8s ease-in-out infinite;
        }


        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50%       { transform: translateY(-12px); }
        }

        
[data-theme="denschcollabs"] .hero-card-stat {
            margin-bottom: 20px;
        }


        
[data-theme="denschcollabs"] .hero-card-stat-value {
            font-family: var(--font-serif);
            font-size: 40px;
            color: var(--yellow);
            line-height: 1;
        }


        
[data-theme="denschcollabs"] .hero-card-stat-label {
            color: rgba(255,255,255,0.65);
            font-size: 14px;
            margin-top: 4px;
        }


        
[data-theme="denschcollabs"] .hero-card-divider {
            height: 1px;
            background: rgba(255,255,255,0.12);
            margin: 16px 0;
        }


        
[data-theme="denschcollabs"] .hero-card-platforms {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
        }


        
[data-theme="denschcollabs"] .platform-tag {
            padding: 4px 12px;
            background: rgba(255,255,255,0.12);
            border-radius: 100px;
            font-size: 12px;
            color: rgba(255,255,255,0.8);
        }


        /* ── Features strip ────────────────────────────── */
        
[data-theme="denschcollabs"] .features-strip {
            padding: 0;
            background: #0a0a0a;
            border-top: 1px solid rgba(255,255,255,0.08);
        }


        
[data-theme="denschcollabs"] .features-strip-inner {
            max-width: 1160px;
            margin: 0 auto;
            padding: 28px 24px;
            display: flex;
            gap: 40px;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
        }


        
[data-theme="denschcollabs"] .feature-item {
            display: flex;
            align-items: center;
            gap: 10px;
            color: rgba(255,255,255,0.75);
            font-size: 15px;
        }


        
[data-theme="denschcollabs"] .feature-item-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: var(--yellow);
            flex-shrink: 0;
        }


        /* ── Packages / Pricing ────────────────────────── */
        
[data-theme="denschcollabs"] .packages { background: var(--bg); }


        
[data-theme="denschcollabs"] .section-header {
            text-align: center;
            margin-bottom: 60px;
        }


        
[data-theme="denschcollabs"] .section-label {
            display: inline-block;
            padding: 5px 16px;
            background: rgba(184,137,47,0.10);
            color: var(--sage);
            border: 1px solid rgba(184,137,47,0.28);
            border-radius: 100px;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            margin-bottom: 16px;
        }


        
[data-theme="denschcollabs"] .section-title {
            font-family: var(--font-serif);
            font-size: clamp(30px, 4vw, 46px);
            color: var(--teal);
            line-height: 1.15;
            margin-bottom: 14px;
        }


        
[data-theme="denschcollabs"] .section-desc {
            font-size: 18px;
            color: var(--muted);
            max-width: 520px;
            margin: 0 auto;
        }


        
[data-theme="denschcollabs"] .packages-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
            gap: 24px;
            max-width: 1160px;
            margin: 0 auto;
            padding: 0 24px;
        }


        
[data-theme="denschcollabs"] .pkg-card {
            background: var(--white);
            border-radius: 20px;
            padding: 36px 28px;
            border: 2px solid var(--border);
            position: relative;
            transition: border-color 0.25s, transform 0.25s, box-shadow 0.25s;
            display: flex;
            flex-direction: column;
        }


        
[data-theme="denschcollabs"] .pkg-card:hover {
            border-color: var(--sage);
            transform: translateY(-8px);
            box-shadow: 0 20px 60px rgba(10,61,61,0.12);
        }


        
[data-theme="denschcollabs"] .pkg-card.featured {
            border-color: var(--teal);
            background: var(--teal);
            color: var(--white);
        }


        
[data-theme="denschcollabs"] .pkg-card.featured:hover {
            border-color: var(--sage);
        }


        
[data-theme="denschcollabs"] .pkg-badge {
            position: absolute;
            top: -14px;
            left: 50%;
            transform: translateX(-50%);
            background: var(--yellow);
            color: var(--teal);
            font-size: 12px;
            font-weight: 700;
            padding: 4px 16px;
            border-radius: 100px;
            white-space: nowrap;
            letter-spacing: 0.04em;
        }


        
[data-theme="denschcollabs"] .pkg-name {
            font-family: var(--font-serif);
            font-size: 24px;
            font-weight: 700;
            color: var(--teal);
            margin-bottom: 8px;
        }


        
[data-theme="denschcollabs"] .pkg-card.featured .pkg-name { color: var(--yellow); }


        
[data-theme="denschcollabs"] .pkg-tagline {
            font-size: 14px;
            color: var(--muted);
            margin-bottom: 24px;
        }


        
[data-theme="denschcollabs"] .pkg-card.featured .pkg-tagline { color: rgba(255,255,255,0.65); }


        
[data-theme="denschcollabs"] .pkg-price {
            display: flex;
            align-items: baseline;
            gap: 6px;
            margin-bottom: 28px;
        }


        
[data-theme="denschcollabs"] .pkg-price-value {
            font-family: var(--font-serif);
            font-size: 42px;
            font-weight: 700;
            color: var(--teal);
            line-height: 1;
        }


        
[data-theme="denschcollabs"] .pkg-card.featured .pkg-price-value { color: var(--white); }


        
[data-theme="denschcollabs"] .pkg-price-currency {
            font-size: 22px;
            color: var(--muted);
            font-weight: 600;
        }


        
[data-theme="denschcollabs"] .pkg-card.featured .pkg-price-currency { color: rgba(255,255,255,0.6); }


        
[data-theme="denschcollabs"] .pkg-price-period {
            font-size: 14px;
            color: var(--muted);
        }


        
[data-theme="denschcollabs"] .pkg-card.featured .pkg-price-period { color: rgba(255,255,255,0.55); }


        
[data-theme="denschcollabs"] .pkg-divider {
            height: 1px;
            background: var(--border);
            margin-bottom: 24px;
        }


        
[data-theme="denschcollabs"] .pkg-card.featured .pkg-divider { background: rgba(255,255,255,0.18); }


        
[data-theme="denschcollabs"] .pkg-features {
            list-style: none;
            margin-bottom: 32px;
            flex: 1;
        }


        
[data-theme="denschcollabs"] .pkg-features li {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            font-size: 14px;
            padding: 6px 0;
            color: var(--text);
        }


        
[data-theme="denschcollabs"] .pkg-card.featured .pkg-features li { color: rgba(255,255,255,0.85); }


        
[data-theme="denschcollabs"] .pkg-check {
            width: 18px;
            height: 18px;
            border-radius: 50%;
            background: var(--sage);
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 11px;
            font-weight: 700;
            flex-shrink: 0;
            margin-top: 2px;
        }


        
[data-theme="denschcollabs"] .pkg-card.featured .pkg-check { background: var(--yellow); color: var(--teal); }


        /* ── How it works ──────────────────────────────── */
        
[data-theme="denschcollabs"] .how { background: var(--white); }


        
[data-theme="denschcollabs"] .steps-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 32px;
            max-width: 1160px;
            margin: 0 auto;
            padding: 0 24px;
        }


        
[data-theme="denschcollabs"] .step {
            text-align: center;
        }


        
[data-theme="denschcollabs"] .step-num {
            width: 52px;
            height: 52px;
            border-radius: 50%;
            background: var(--teal);
            color: var(--yellow);
            font-family: var(--font-serif);
            font-size: 22px;
            font-weight: 700;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
            box-shadow: 0 0 0 6px rgba(184,137,47,0.12);
        }


        
[data-theme="denschcollabs"] .step-title {
            font-family: var(--font-serif);
            font-size: 20px;
            color: var(--teal);
            margin-bottom: 10px;
        }


        
[data-theme="denschcollabs"] .step-desc {
            font-size: 15px;
            color: var(--muted);
            line-height: 1.65;
        }


        /* ── CTA banner ────────────────────────────────── */
        
[data-theme="denschcollabs"] .cta-banner {
            background: var(--teal);
            padding: 80px 24px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }


        
[data-theme="denschcollabs"] .cta-banner::before {
            content: '';
            position: absolute;
            inset: 0;
            background: radial-gradient(ellipse at 50% 100%, rgba(184,137,47,0.25) 0%, transparent 65%);
        }


        
[data-theme="denschcollabs"] .cta-banner-inner {
            position: relative;
            max-width: 620px;
            margin: 0 auto;
        }


        
[data-theme="denschcollabs"] .cta-banner-title {
            font-family: var(--font-serif);
            font-size: clamp(28px, 4vw, 44px);
            color: var(--white);
            margin-bottom: 16px;
            line-height: 1.2;
        }


        
[data-theme="denschcollabs"] .cta-banner-desc {
            color: rgba(255,255,255,0.72);
            font-size: 17px;
            margin-bottom: 36px;
        }


        /* ── Footer ────────────────────────────────────── */
        
[data-theme="denschcollabs"] footer {
            background: #0a0a0a;
            padding: 40px 24px;
            text-align: center;
            color: rgba(255,255,255,0.45);
            font-size: 14px;
        }


        
[data-theme="denschcollabs"] footer a {
            color: rgba(255,255,255,0.6);
            text-decoration: none;
        }


        
[data-theme="denschcollabs"] footer a:hover { color: var(--yellow); }


        
[data-theme="denschcollabs"] .footer-logo {
            font-family: var(--font-serif);
            font-size: 20px;
            color: var(--white);
            margin-bottom: 12px;
            display: block;
        }


        
[data-theme="denschcollabs"] .footer-logo span { color: var(--yellow); }


        /* ── Responsive ────────────────────────────────── */
        @media (max-width: 900px) {

              [data-theme="denschcollabs"] .hero-inner { grid-template-columns: 1fr; }

              [data-theme="denschcollabs"] .hero-visual { display: none; }

              [data-theme="denschcollabs"] .hero { padding: 80px 0 70px; }

              [data-theme="denschcollabs"] section { padding: 70px 0; }

        }


        @media (max-width: 600px) {

              [data-theme="denschcollabs"] nav { padding: 0 20px; }

              [data-theme="denschcollabs"] .hero-cta { flex-direction: column; }

              [data-theme="denschcollabs"] .btn-lg { width: 100%; justify-content: center; }

              [data-theme="denschcollabs"] .features-strip-inner { gap: 20px; }

              [data-theme="denschcollabs"] .packages-grid { grid-template-columns: 1fr; }

        }

    

/* ════════════════════════════════════════════════════════════
   Theme: denschCollabs App (internal pages)
   ════════════════════════════════════════════════════════════ */

/* denschCollabs – Shared Internal Styles */
/* Inspired by denschLink.com design language */


html[data-theme="denschcollabs-app"] {
    --teal:    #111111;                  /* near-black – nav / primary */
    --sage:    #B45309;                  /* Cognac – accent */
    --yellow:  #D97706;                  /* Amber – highlight */
    --bg:      #F7F6F3;                  /* warm off-white */
    --white:   #FFFFFF;
    --text:    #1A1A1A;
    --muted:   #6B6B6B;
    --border:  #E0DCD4;
    --radius:  10px;
    --font-serif: "Iowan Old Style", Palatino, Georgia, serif;
    --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}



[data-theme="denschcollabs-app"] * { box-sizing: border-box; margin: 0; padding: 0; }



[data-theme="denschcollabs-app"] body {
    background: var(--bg);
    color: var(--text);
    font-family: var(--font-ui);
    font-size: 16px;
    line-height: 1.6;
    min-height: 100vh;
}


/* ── Navigation ─────────────────────────────── */

[data-theme="denschcollabs-app"] .dc-nav {
    background: var(--teal);
    padding: 0 24px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 100;
}



[data-theme="denschcollabs-app"] .dc-nav-logo {
    font-family: var(--font-serif);
    font-size: 22px;
    font-weight: 700;
    color: var(--white);
    text-decoration: none;
    letter-spacing: -0.5px;
}



[data-theme="denschcollabs-app"] .dc-nav-logo span {
    color: var(--yellow);
}



[data-theme="denschcollabs-app"] .dc-nav-actions {
    display: flex;
    gap: 12px;
    align-items: center;
}


/* ── Page wrapper ────────────────────────────── */

[data-theme="denschcollabs-app"] .dc-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 24px;
}



[data-theme="denschcollabs-app"] .dc-page-title {
    font-family: var(--font-serif);
    font-size: 32px;
    color: var(--teal);
    margin-bottom: 8px;
}



[data-theme="denschcollabs-app"] .dc-page-subtitle {
    color: var(--muted);
    margin-bottom: 32px;
}


/* ── Buttons ─────────────────────────────────── */

[data-theme="denschcollabs-app"] .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 22px;
    font-size: 15px;
    font-family: var(--font-ui);
    font-weight: 600;
    border: none;
    border-radius: var(--radius);
    cursor: pointer;
    text-decoration: none;
    transition: transform 0.2s cubic-bezier(0.4,0,0.2,1),
                box-shadow 0.2s cubic-bezier(0.4,0,0.2,1);
    white-space: nowrap;
}



[data-theme="denschcollabs-app"] .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(10,61,61,0.15);
}



[data-theme="denschcollabs-app"] .btn-primary {
    background: var(--teal);
    color: var(--white);
}



[data-theme="denschcollabs-app"] .btn-primary:hover {
    background: #2a2a2a;
}



[data-theme="denschcollabs-app"] .btn-sage {
    background: var(--sage);
    color: var(--white);
}



[data-theme="denschcollabs-app"] .btn-sage:hover {
    background: #9a7228;
}



[data-theme="denschcollabs-app"] .btn-yellow {
    background: var(--sage);
    color: var(--white);
}



[data-theme="denschcollabs-app"] .btn-yellow:hover {
    background: #9a7228;
}



[data-theme="denschcollabs-app"] .btn-ghost {
    background: transparent;
    color: var(--white);
    border: 2px solid rgba(255,255,255,0.35);
}



[data-theme="denschcollabs-app"] .btn-ghost:hover {
    background: rgba(255,255,255,0.08);
    border-color: rgba(255,255,255,0.65);
}



[data-theme="denschcollabs-app"] .btn-outline {
    background: transparent;
    color: var(--teal);
    border: 2px solid var(--teal);
}



[data-theme="denschcollabs-app"] .btn-outline:hover {
    background: var(--teal);
    color: var(--white);
}



[data-theme="denschcollabs-app"] .btn-danger {
    background: #c0392b;
    color: var(--white);
}



[data-theme="denschcollabs-app"] .btn-danger:hover {
    background: #a93226;
}



[data-theme="denschcollabs-app"] .btn-sm {
    padding: 7px 14px;
    font-size: 13px;
}



[data-theme="denschcollabs-app"] .btn-block {
    width: 100%;
}


/* ── Cards ───────────────────────────────────── */

[data-theme="denschcollabs-app"] .dc-card {
    background: var(--white);
    border-radius: 16px;
    padding: 28px;
    border: 2px solid transparent;
    box-shadow: 0 2px 12px rgba(10,61,61,0.06);
    transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;
}



[data-theme="denschcollabs-app"] .dc-card:hover {
    border-color: var(--sage);
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(10,61,61,0.10);
}


/* ── Form elements ───────────────────────────── */

[data-theme="denschcollabs-app"] .dc-form-group {
    margin-bottom: 18px;
}



[data-theme="denschcollabs-app"] .dc-label {
    display: block;
    font-weight: 600;
    font-size: 14px;
    color: var(--teal);
    margin-bottom: 6px;
}



[data-theme="denschcollabs-app"] .dc-input,
[data-theme="denschcollabs-app"] .dc-select,
[data-theme="denschcollabs-app"] .dc-textarea {
    width: 100%;
    padding: 10px 14px;
    border: 2px solid var(--border);
    border-radius: var(--radius);
    font-size: 15px;
    font-family: var(--font-ui);
    background: var(--white);
    color: var(--text);
    transition: border-color 0.2s;
    display: block;
}



[data-theme="denschcollabs-app"] .dc-input:focus,
[data-theme="denschcollabs-app"] .dc-select:focus,
[data-theme="denschcollabs-app"] .dc-textarea:focus {
    outline: none;
    border-color: var(--sage);
    box-shadow: 0 0 0 3px rgba(45,122,95,0.12);
}



[data-theme="denschcollabs-app"] .dc-textarea {
    resize: vertical;
    min-height: 100px;
}


/* ── Grid layouts ────────────────────────────── */

[data-theme="denschcollabs-app"] .dc-grid-2 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}



[data-theme="denschcollabs-app"] .dc-grid-3 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
}



[data-theme="denschcollabs-app"] .dc-grid-4 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}


/* ── Button group ────────────────────────────── */

[data-theme="denschcollabs-app"] .dc-btn-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}


/* ── Alert / feedback ────────────────────────── */

[data-theme="denschcollabs-app"] .dc-alert {
    padding: 12px 18px;
    border-radius: var(--radius);
    margin-bottom: 20px;
    font-weight: 500;
}



[data-theme="denschcollabs-app"] .dc-alert-success {
    background: #f5edda;
    color: #7a5a10;
    border: 1px solid #d4aa5a;
}



[data-theme="denschcollabs-app"] .dc-alert-error {
    background: #fde8e8;
    color: #7a1a1a;
    border: 1px solid #f5c2c2;
}


/* ── Status badges ───────────────────────────── */

[data-theme="denschcollabs-app"] .dc-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 600;
}


/* ── Section headings ────────────────────────── */

[data-theme="denschcollabs-app"] .dc-section-heading {
    font-family: var(--font-serif);
    font-size: 22px;
    color: var(--teal);
    margin: 32px 0 16px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--border);
}


/* ── Table ───────────────────────────────────── */

[data-theme="denschcollabs-app"] .dc-table-wrap {
    overflow-x: auto;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(10,61,61,0.06);
    background: var(--white);
}


/* ── Responsive ──────────────────────────────── */
@media (max-width: 768px) {

      [data-theme="denschcollabs-app"] .dc-container { padding: 20px 16px; }

      [data-theme="denschcollabs-app"] .dc-page-title { font-size: 24px; }

      [data-theme="denschcollabs-app"] .dc-nav-logo { font-size: 18px; }

      [data-theme="denschcollabs-app"] .dc-btn-group { flex-direction: column; }

      [data-theme="denschcollabs-app"] .dc-btn-group .btn { width: 100%; }

      [data-theme="denschcollabs-app"] .dc-grid-2,
[data-theme="denschcollabs-app"] .dc-grid-3,
[data-theme="denschcollabs-app"] .dc-grid-4 { grid-template-columns: 1fr; }

}


@media (max-width: 480px) {

      [data-theme="denschcollabs-app"] .dc-nav { padding: 0 16px; }

}


/* ── Site footer (internal pages) ────────────── */

[data-theme="denschcollabs-app"] .dc-site-footer {
    margin-top: 60px;
    border-top: 1px solid var(--border);
    padding: 24px 0 32px;
    text-align: center;
    background: var(--bg);
}



[data-theme="denschcollabs-app"] .dc-site-footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    font-size: 12px;
    color: var(--muted);
    line-height: 1.9;
}



[data-theme="denschcollabs-app"] .dc-site-footer-inner a {
    color: var(--muted);
    text-decoration: none;
}



[data-theme="denschcollabs-app"] .dc-site-footer-inner a:hover {
    color: var(--sage);
    text-decoration: underline;
}



[data-theme="denschcollabs-app"] .dc-footer-links {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 8px;
    flex-wrap: wrap;
}



[data-theme="denschcollabs-app"] .dc-footer-links a {
    font-size: 12px;
    font-weight: 500;
}