/* Dodoma Kadi Kidigitali UI polish patch.
   UI-only: no database, QR, card generation, template math, or verification logic changes. */
:root {
    --dkk-emerald-deep: #065f46;
    --dkk-emerald: #0f766e;
    --dkk-emerald-soft: #ecfdf5;
    --dkk-gold: #d4af37;
    --dkk-gold-dark: #9a6b14;
    --dkk-champagne: #fff7df;
    --dkk-ink: #111827;
    --dkk-muted: #64748b;
    --dkk-soft-bg: #f8fafc;
    --dkk-card: rgba(255, 255, 255, .94);
    --dkk-border: rgba(148, 163, 184, .22);
    --dkk-shadow: 0 24px 70px rgba(15, 23, 42, .12);
    --dkk-shadow-soft: 0 16px 38px rgba(15, 23, 42, .08);
    --dkk-radius-xl: 32px;
    --dkk-radius-lg: 22px;
    --dkk-radius-md: 16px;
}

html { scroll-behavior: smooth; }
body { text-rendering: optimizeLegibility; }

.dkk-container {
    width: min(1180px, calc(100% - 32px));
    margin-inline: auto;
}

/* Brand logo */
.dkk-brand-logo {
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    color: var(--dkk-ink);
    text-decoration: none;
    min-width: 0;
}
.dkk-brand-logo:hover { color: inherit; }
.dkk-brand-logo img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    border-radius: 16px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 10px 24px rgba(15, 23, 42, .12);
}
.dkk-brand-mark {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--dkk-gold), #f7d86d 46%, var(--dkk-gold-dark));
    color: #2c1b00;
    font-weight: 950;
    letter-spacing: .04em;
    box-shadow: 0 12px 28px rgba(154, 107, 20, .28);
    flex: 0 0 auto;
}
.dkk-brand-text {
    display: grid;
    line-height: 1.15;
    min-width: 0;
}
.dkk-brand-text strong {
    font-size: .98rem;
    letter-spacing: -.02em;
    white-space: nowrap;
}
.dkk-brand-text small {
    color: var(--dkk-muted);
    font-size: .72rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
}
.dkk-brand-logo.is-light { color: #fff; }
.dkk-brand-logo.is-light .dkk-brand-text small { color: rgba(255, 255, 255, .72); }
.dkk-brand-logo.is-light img { background: rgba(255, 255, 255, .12); }

/* Marketing homepage */
.dkk-marketing-body {
    margin: 0;
    background:
        radial-gradient(circle at 12% 4%, rgba(212, 175, 55, .20), transparent 28%),
        radial-gradient(circle at 90% 10%, rgba(15, 118, 110, .18), transparent 32%),
        linear-gradient(180deg, #fffaf0 0%, #f8fafc 36%, #fff 100%);
    color: var(--dkk-ink);
}
.dkk-home-page { overflow: hidden; }
.dkk-home-nav {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(255, 255, 255, .78);
    backdrop-filter: blur(18px);
    border-bottom: 1px solid rgba(148, 163, 184, .16);
}
.dkk-home-nav-inner {
    min-height: 82px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.dkk-home-links {
    display: flex;
    align-items: center;
    gap: .35rem;
}
.dkk-home-links a {
    color: #334155;
    font-weight: 800;
    font-size: .92rem;
    padding: .72rem .9rem;
    border-radius: 999px;
}
.dkk-home-links a:hover { background: rgba(15, 118, 110, .08); color: var(--dkk-emerald-deep); }
.dkk-home-links .dkk-nav-cta {
    color: #fff;
    background: linear-gradient(135deg, var(--dkk-emerald), var(--dkk-emerald-deep));
    box-shadow: 0 14px 30px rgba(15, 118, 110, .20);
}
.dkk-mobile-nav-toggle,
.dkk-sidebar-toggle {
    border: 0;
    background: rgba(15, 118, 110, .10);
    border-radius: 14px;
    width: 44px;
    height: 44px;
    display: none;
    place-items: center;
    gap: 4px;
    padding: 10px;
}
.dkk-mobile-nav-toggle span,
.dkk-sidebar-toggle span {
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 99px;
    background: var(--dkk-emerald-deep);
}
.dkk-hero-section {
    padding: clamp(4rem, 8vw, 7.2rem) 0 3rem;
}
.dkk-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, .75fr);
    align-items: center;
    gap: clamp(2rem, 5vw, 4rem);
}
.dkk-kicker {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(212, 175, 55, .38);
    color: var(--dkk-gold-dark);
    background: linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(255, 247, 223, .72));
    border-radius: 999px;
    padding: .5rem .82rem;
    font-size: .76rem;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.dkk-hero-copy h1,
.dkk-section-head h2,
.dkk-final-cta h2 {
    margin: 1rem 0;
    color: var(--dkk-ink);
    font-weight: 950;
    letter-spacing: -.065em;
    line-height: .98;
}
.dkk-hero-copy h1 { font-size: clamp(2.9rem, 6vw, 5.9rem); max-width: 850px; }
.dkk-hero-copy p,
.dkk-section-head p,
.dkk-final-cta p {
    color: #475569;
    font-size: clamp(1rem, 2vw, 1.18rem);
    line-height: 1.75;
    max-width: 720px;
}
.dkk-hero-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.4rem; }
.dkk-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: .86rem 1.18rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-weight: 900;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.dkk-btn:hover { transform: translateY(-2px); }
.dkk-btn-primary {
    color: #fff;
    background: linear-gradient(135deg, var(--dkk-emerald), var(--dkk-emerald-deep));
    box-shadow: 0 18px 36px rgba(15, 118, 110, .22);
}
.dkk-btn-primary:hover { color: #fff; }
.dkk-btn-light { background: #fff; color: var(--dkk-ink); border-color: rgba(148, 163, 184, .22); box-shadow: var(--dkk-shadow-soft); }
.dkk-btn-outline { color: var(--dkk-emerald-deep); border-color: rgba(15, 118, 110, .25); background: rgba(236, 253, 245, .68); }
.dkk-event-tags { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1.25rem; }
.dkk-event-tags span {
    color: #475569;
    background: rgba(255, 255, 255, .72);
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 999px;
    padding: .5rem .72rem;
    font-weight: 800;
    font-size: .85rem;
}
.dkk-hero-visual { position: relative; min-height: 590px; display: grid; place-items: center; }
.dkk-phone-mockup {
    width: min(340px, 86vw);
    min-height: 610px;
    border: 12px solid #0f172a;
    border-radius: 44px;
    padding: 1.2rem;
    background:
        radial-gradient(circle at 50% 0%, rgba(212, 175, 55, .16), transparent 35%),
        linear-gradient(180deg, #fffdf6, #ecfdf5);
    box-shadow: 0 34px 90px rgba(15, 23, 42, .28), inset 0 0 0 1px rgba(255, 255, 255, .2);
    transform: rotate(2deg);
}
.dkk-phone-bar { width: 92px; height: 8px; border-radius: 99px; background: #0f172a; margin: 0 auto 1rem; }
.dkk-card-preview-mini {
    position: relative;
    overflow: hidden;
    min-height: 520px;
    border-radius: 34px;
    background:
        linear-gradient(145deg, rgba(6, 95, 70, .86), rgba(17, 24, 39, .68)),
        radial-gradient(circle at 20% 10%, rgba(212, 175, 55, .56), transparent 38%),
        #fff;
    padding: 1.45rem;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18);
}
.dkk-card-preview-mini::after {
    content: "";
    position: absolute;
    inset: 18px;
    border: 1px solid rgba(255, 231, 155, .38);
    border-radius: 26px;
    pointer-events: none;
}
.dkk-card-preview-mini span { color: #f7d86d; font-weight: 950; letter-spacing: .12em; text-transform: uppercase; font-size: .72rem; }
.dkk-card-preview-mini strong { font-family: "Brush Script MT", "Segoe Script", cursive; font-size: 3.1rem; line-height: 1; font-weight: 700; }
.dkk-card-preview-mini small { color: rgba(255, 255, 255, .76); font-weight: 700; }
.dkk-mini-card-art { height: 250px; border-radius: 28px; background: linear-gradient(145deg, #fff, #fff7df); box-shadow: 0 20px 50px rgba(0, 0, 0, .22); }
.dkk-mini-qr-row { display: flex; align-items: center; gap: .75rem; background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.16); border-radius: 18px; padding: .8rem; }
.dkk-mini-qr-row i { width: 44px; height: 44px; border-radius: 12px; background: repeating-linear-gradient(45deg, #fff 0 4px, #0f172a 4px 8px); }
.dkk-mini-qr-row b { font-size: .88rem; }
.dkk-float-card {
    position: absolute;
    border-radius: 22px;
    padding: .9rem 1rem;
    background: rgba(255, 255, 255, .82);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(148, 163, 184, .22);
    box-shadow: var(--dkk-shadow-soft);
}
.dkk-float-card strong { display: block; color: var(--dkk-emerald-deep); font-size: 1.4rem; }
.dkk-float-card span { color: var(--dkk-muted); font-size: .78rem; font-weight: 800; }
.dkk-float-card.one { left: 0; top: 18%; }
.dkk-float-card.two { right: 0; bottom: 18%; }
.dkk-stats-section { padding: 1.4rem 0 3.2rem; }
.dkk-stats-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .9rem;
    border: 1px solid rgba(148, 163, 184, .18);
    background: rgba(255, 255, 255, .76);
    border-radius: 28px;
    padding: .85rem;
    box-shadow: var(--dkk-shadow-soft);
}
.dkk-stats-grid div { padding: 1rem; border-radius: 20px; background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,247,223,.45)); }
.dkk-stats-grid strong { display: block; font-size: 1.4rem; color: var(--dkk-ink); }
.dkk-stats-grid span { color: var(--dkk-muted); font-weight: 800; font-size: .82rem; }
.dkk-section { padding: clamp(3.2rem, 7vw, 5.6rem) 0; }
.dkk-soft-section { background: linear-gradient(180deg, rgba(236, 253, 245, .56), rgba(255, 247, 223, .42)); }
.dkk-section-head { margin-bottom: 1.4rem; }
.dkk-section-head.center { text-align: center; display: grid; justify-items: center; }
.dkk-section-head h2 { font-size: clamp(2rem, 4vw, 3.6rem); max-width: 760px; }
.dkk-steps-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .9rem; }
.dkk-step-card,
.dkk-feature-card,
.dkk-demo-card,
.dkk-price-card {
    position: relative;
    overflow: hidden;
    background: rgba(255, 255, 255, .86);
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 26px;
    padding: 1.25rem;
    box-shadow: var(--dkk-shadow-soft);
}
.dkk-step-card span { display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 14px; background: var(--dkk-emerald-soft); color: var(--dkk-emerald-deep); font-weight: 950; }
.dkk-step-card h3,
.dkk-feature-card h3,
.dkk-demo-card h3,
.dkk-price-card h3 { margin: 1rem 0 .5rem; font-weight: 950; letter-spacing: -.03em; }
.dkk-step-card p,
.dkk-feature-card p,
.dkk-demo-card p { color: var(--dkk-muted); line-height: 1.65; margin: 0; }
.dkk-feature-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.dkk-feature-icon { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 16px; color: #2c1b00; background: linear-gradient(135deg, var(--dkk-gold), #f7d86d); font-size: 1.2rem; }
.dkk-demo-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.dkk-demo-art { height: 210px; border-radius: 22px; display: flex; align-items: end; padding: 1rem; background: linear-gradient(145deg, rgba(6,95,70,.86), rgba(212,175,55,.42)), radial-gradient(circle at 30% 20%, #fff7df, transparent 42%); }
.dkk-demo-art span { color: #fff; font-weight: 950; letter-spacing: .12em; text-transform: uppercase; text-shadow: 0 8px 24px rgba(0,0,0,.26); }
.dkk-pricing-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.dkk-price-card.featured { background: linear-gradient(180deg, #064e3b, #0f766e); color: #fff; transform: translateY(-8px); }
.dkk-price-card span { color: var(--dkk-gold-dark); font-weight: 950; letter-spacing: .12em; text-transform: uppercase; }
.dkk-price-card.featured span { color: #f7d86d; }
.dkk-price-card strong { display: block; font-size: 2rem; font-weight: 950; color: var(--dkk-ink); }
.dkk-price-card.featured strong,
.dkk-price-card.featured h3 { color: #fff; }
.dkk-price-card small { color: var(--dkk-muted); }
.dkk-price-card.featured small { color: rgba(255,255,255,.68); }
.dkk-price-card ul { padding: 0; margin: 1rem 0 0; list-style: none; display: grid; gap: .55rem; }
.dkk-price-card li::before { content: "✓"; color: var(--dkk-emerald); font-weight: 950; margin-right: .45rem; }
.dkk-price-card.featured li::before { color: #f7d86d; }
.dkk-pricing-note { margin-top: 1rem; border-radius: 20px; padding: 1rem 1.2rem; background: rgba(255,255,255,.72); border: 1px solid rgba(148,163,184,.18); color: #475569; }
.dkk-final-cta { padding: 5rem 0; }
.dkk-final-cta-inner { border-radius: 36px; padding: clamp(1.5rem, 4vw, 3rem); background: radial-gradient(circle at right, rgba(212,175,55,.24), transparent 40%), linear-gradient(135deg, #064e3b, #0f766e); color: #fff; display: flex; justify-content: space-between; align-items: center; gap: 1rem; box-shadow: 0 28px 80px rgba(6, 95, 70, .24); }
.dkk-final-cta h2,
.dkk-final-cta p { color: #fff; }
.dkk-final-cta .dkk-kicker { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.2); color: #f7d86d; }
.dkk-home-footer { background: #061b18; color: #fff; padding: 3rem 0; }
.dkk-footer-grid { display: grid; grid-template-columns: 1.2fr .7fr .9fr; gap: 2rem; }
.dkk-home-footer p,
.dkk-home-footer a { color: rgba(255,255,255,.68); display: block; margin: .45rem 0; }
.dkk-home-footer h3 { font-size: 1rem; margin: 0 0 .75rem; }

/* Professional login */
.dkk-auth-page {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 2rem 0;
    background:
        radial-gradient(circle at 12% 15%, rgba(212, 175, 55, .26), transparent 30%),
        radial-gradient(circle at 88% 0%, rgba(15, 118, 110, .22), transparent 36%),
        linear-gradient(135deg, #fffaf0, #f8fafc 48%, #ecfdf5);
}
.dkk-auth-page > .container { width: min(1120px, calc(100% - 28px)); max-width: none; }
.dkk-auth-shell {
    display: grid;
    grid-template-columns: 1.05fr .85fr;
    min-height: min(720px, calc(100vh - 64px));
    border-radius: 34px;
    overflow: hidden;
    box-shadow: 0 30px 90px rgba(15, 23, 42, .18);
    border: 1px solid rgba(148, 163, 184, .20);
    background: rgba(255,255,255,.82);
}
.dkk-auth-brand-panel {
    position: relative;
    overflow: hidden;
    padding: clamp(1.5rem, 4vw, 3rem);
    color: #fff;
    background:
        linear-gradient(145deg, rgba(6,95,70,.96), rgba(15,118,110,.84)),
        radial-gradient(circle at 18% 20%, rgba(212,175,55,.48), transparent 34%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.dkk-auth-brand-panel::after {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    right: -120px;
    bottom: -120px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(212,175,55,.34), transparent 60%);
}
.dkk-auth-copy { position: relative; z-index: 1; margin-top: auto; }
.dkk-auth-copy h1 { font-size: clamp(2.2rem, 4vw, 4rem); line-height: 1; letter-spacing: -.06em; font-weight: 950; margin: 1rem 0; }
.dkk-auth-copy p { color: rgba(255,255,255,.76); font-size: 1.06rem; line-height: 1.75; max-width: 620px; }
.dkk-auth-mini-stats { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; margin-top: 1.4rem; }
.dkk-auth-mini-stats div { border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.10); border-radius: 20px; padding: 1rem; }
.dkk-auth-mini-stats strong { display: block; font-size: 1.45rem; color: #f7d86d; }
.dkk-auth-mini-stats span { color: rgba(255,255,255,.74); font-size: .8rem; font-weight: 800; }
.dkk-auth-card { padding: clamp(1.5rem, 4vw, 3rem); display: flex; flex-direction: column; justify-content: center; background: rgba(255,255,255,.96); }
.dkk-auth-card .dkk-brand-logo { margin-bottom: 1.2rem; }
.dkk-login-badge { display: inline-flex; width: fit-content; color: var(--dkk-emerald-deep); background: var(--dkk-emerald-soft); border: 1px solid rgba(15,118,110,.15); border-radius: 999px; padding: .5rem .8rem; font-size: .78rem; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.dkk-auth-card-head h2 { margin: 1rem 0 .35rem; font-weight: 950; letter-spacing: -.04em; font-size: clamp(1.8rem, 3vw, 2.6rem); }
.dkk-auth-card-head p { color: var(--dkk-muted); }
.dkk-login-form { margin-top: 1.2rem; }
.dkk-login-form .form-label { font-weight: 850; color: #334155; }
.dkk-login-form .form-control { min-height: 54px; border-radius: 18px; border-color: rgba(148,163,184,.32); background: #fbfdff; }
.dkk-login-form .form-control:focus { border-color: rgba(15,118,110,.48); box-shadow: 0 0 0 .24rem rgba(15,118,110,.12); }
.dkk-password-wrap { position: relative; }
.dkk-password-wrap .form-control { padding-right: 4.8rem; }
.dkk-password-wrap button { position: absolute; right: .55rem; top: 50%; transform: translateY(-50%); border: 0; color: var(--dkk-emerald-deep); background: var(--dkk-emerald-soft); border-radius: 999px; padding: .45rem .75rem; font-weight: 850; }
.dkk-small-link { color: var(--dkk-emerald-deep); font-size: .9rem; font-weight: 850; }
.dkk-login-btn { min-height: 54px; border-radius: 18px !important; margin-top: .35rem; box-shadow: 0 16px 34px rgba(15,118,110,.20); }
.dkk-auth-footnote { margin-top: 1.6rem; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: .8rem; color: var(--dkk-muted); font-size: .84rem; }
.dkk-auth-footnote span { height: 1px; background: rgba(148,163,184,.28); }
.dkk-auth-footnote p { margin: 0; white-space: nowrap; }

/* Admin polish */
.dkk-admin-modern.admin-body {
    background:
        radial-gradient(circle at 8% 0%, rgba(212,175,55,.13), transparent 32%),
        radial-gradient(circle at 92% 0%, rgba(15,118,110,.13), transparent 34%),
        #f8fafc;
}
.dkk-admin-modern .admin-sidebar {
    background:
        radial-gradient(circle at 20% 0%, rgba(212,175,55,.22), transparent 34%),
        linear-gradient(180deg, #052f2c 0%, #065f46 58%, #0f766e 100%);
    box-shadow: inset -1px 0 0 rgba(255,255,255,.08);
}
.dkk-sidebar-brand { margin-bottom: 1.35rem; }
.dkk-sidebar-brand .dkk-brand-text strong { font-size: .95rem; }
.dkk-sidebar-brand .dkk-brand-text small { max-width: 170px; }
.dkk-admin-modern .sidebar-nav a {
    display: grid;
    gap: .12rem;
    border-radius: 18px;
    padding: .86rem 1rem;
}
.dkk-admin-modern .sidebar-nav a:hover,
.dkk-admin-modern .sidebar-nav a.is-active {
    transform: translateX(3px);
    background: rgba(255,255,255,.14);
    border-color: rgba(255,255,255,.18);
}
.dkk-admin-modern .admin-main { min-width: 0; }
.dkk-admin-topbar { position: relative; }
.dkk-sidebar-toggle { flex: 0 0 auto; }
.dkk-admin-modern .admin-topbar,
.dkk-admin-modern .content-card,
.dkk-admin-modern .metric-card,
.dkk-admin-modern .stat-card,
.dkk-admin-modern .card {
    border-radius: 26px;
    border-color: rgba(148,163,184,.18);
    box-shadow: var(--dkk-shadow-soft);
}
.dkk-admin-modern .card-header { background: rgba(255,255,255,.78); border-bottom-color: rgba(148,163,184,.18); font-weight: 850; }
.dkk-admin-modern .btn { border-radius: 14px; font-weight: 750; }
.dkk-admin-modern .btn-success,
.dkk-admin-modern .btn-primary,
.dkk-admin-modern .btn-brand {
    border-color: transparent;
    background: linear-gradient(135deg, var(--dkk-emerald), var(--dkk-emerald-deep));
    color: #fff;
    box-shadow: 0 12px 26px rgba(15,118,110,.16);
}
.dkk-admin-modern .btn-outline-success,
.dkk-admin-modern .btn-outline-primary,
.dkk-admin-modern .btn-outline-brand {
    border-color: rgba(15,118,110,.25);
    color: var(--dkk-emerald-deep);
    background: rgba(236,253,245,.58);
}
.dkk-admin-modern .form-control,
.dkk-admin-modern .form-select {
    border-radius: 14px;
    border-color: rgba(148,163,184,.30);
}
.dkk-admin-modern .form-control:focus,
.dkk-admin-modern .form-select:focus {
    border-color: rgba(15,118,110,.48);
    box-shadow: 0 0 0 .22rem rgba(15,118,110,.10);
}
.dkk-admin-modern .table { vertical-align: middle; }
.dkk-admin-modern .table thead th,
.dkk-admin-modern .admin-table thead th { background: rgba(248,250,252,.92); color: #64748b; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.dkk-admin-modern .alert { border-radius: 18px; border: 1px solid rgba(148,163,184,.18); box-shadow: 0 12px 26px rgba(15,23,42,.05); }

@media (max-width: 1180px) {
    .dkk-feature-grid,
    .dkk-pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dkk-steps-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
    .dkk-home-nav-inner { min-height: 72px; }
    .dkk-mobile-nav-toggle { display: grid; }
    .dkk-home-links {
        position: fixed;
        top: 72px;
        left: 16px;
        right: 16px;
        display: none;
        grid-template-columns: 1fr;
        padding: .75rem;
        background: rgba(255,255,255,.96);
        border: 1px solid rgba(148,163,184,.18);
        border-radius: 24px;
        box-shadow: var(--dkk-shadow);
    }
    .dkk-home-nav.is-open .dkk-home-links { display: grid; }
    .dkk-hero-grid,
    .dkk-auth-shell,
    .dkk-final-cta-inner,
    .dkk-footer-grid { grid-template-columns: 1fr; display: grid; }
    .dkk-hero-visual { min-height: 520px; }
    .dkk-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dkk-demo-grid { grid-template-columns: 1fr; }
    .dkk-sidebar-toggle { display: grid; }
    .dkk-admin-modern .admin-shell { position: relative; }
    .dkk-admin-modern .admin-sidebar { display: none !important; }
    .dkk-admin-modern.dkk-sidebar-open .admin-sidebar { display: flex !important; position: fixed; inset: 0 auto 0 0; z-index: 80; width: min(330px, 86vw); overflow-y: auto; }
    .dkk-admin-modern.dkk-sidebar-open::after { content: ""; position: fixed; inset: 0; z-index: 70; background: rgba(15,23,42,.40); backdrop-filter: blur(2px); }
}
@media (max-width: 720px) {
    .dkk-brand-text small { display: none; }
    .dkk-hero-copy h1 { font-size: clamp(2.35rem, 11vw, 3.35rem); }
    .dkk-phone-mockup { min-height: 540px; }
    .dkk-hero-visual { min-height: 500px; }
    .dkk-stats-grid,
    .dkk-steps-grid,
    .dkk-feature-grid,
    .dkk-pricing-grid { grid-template-columns: 1fr; }
    .dkk-auth-page { padding: 0; }
    .dkk-auth-page > .container { width: 100%; padding: 0; }
    .dkk-auth-shell { min-height: 100vh; border-radius: 0; border: 0; }
    .dkk-auth-brand-panel { display: none; }
    .dkk-auth-card { min-height: 100vh; }
    .dkk-auth-footnote { grid-template-columns: 1fr; text-align: center; }
    .dkk-auth-footnote span { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* UI v2: calmer professional homepage + database powered Our Work module. */
.dkk-home-v2 {
    --v2-bg: #f7f4ea;
    --v2-cream: #fff8e8;
    --v2-emerald: #075f4c;
    --v2-emerald-2: #0f766e;
    --v2-gold: #d8b74d;
    --v2-ink: #101827;
    --v2-muted: #617083;
    background:
        radial-gradient(circle at 8% 8%, rgba(216, 183, 77, .22), transparent 28%),
        radial-gradient(circle at 92% 14%, rgba(15, 118, 110, .17), transparent 30%),
        linear-gradient(180deg, #fffdf7 0%, #f8fafc 52%, #ffffff 100%);
}
.dkk-glass-nav { background: rgba(255, 255, 255, .86); box-shadow: 0 18px 40px rgba(15, 23, 42, .05); }
.dkk-hero-v2 { position: relative; padding-top: clamp(4rem, 8vw, 7.8rem); }
.dkk-hero-v2::before {
    content: "";
    position: absolute;
    inset: 38px auto auto 50%;
    width: min(960px, 82vw);
    height: min(960px, 82vw);
    transform: translateX(-50%);
    background: radial-gradient(circle, rgba(216, 183, 77, .13), transparent 64%);
    pointer-events: none;
}
.dkk-hero-grid-v2 { grid-template-columns: minmax(0, .98fr) minmax(340px, .78fr); position: relative; }
.dkk-hero-v2 .dkk-hero-copy h1 { max-width: 760px; font-size: clamp(2.8rem, 5.8vw, 5.45rem); letter-spacing: -.075em; }
.dkk-hero-lead { font-size: clamp(1.05rem, 1.8vw, 1.22rem) !important; color: #425066 !important; }
.dkk-proof-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    max-width: 720px;
    margin-top: 1.55rem;
}
.dkk-proof-row div {
    padding: .92rem 1rem;
    border-radius: 20px;
    background: rgba(255,255,255,.76);
    border: 1px solid rgba(148, 163, 184, .17);
    box-shadow: 0 12px 30px rgba(15, 23, 42, .05);
}
.dkk-proof-row strong { display:block; color: var(--v2-emerald); font-weight: 950; }
.dkk-proof-row span { color: var(--v2-muted); font-size: .85rem; font-weight: 750; }
.dkk-hero-visual-v2 { min-height: 620px; perspective: 1200px; }
.dkk-orbit {
    position: absolute;
    border: 1px solid rgba(216, 183, 77, .25);
    border-radius: 999px;
    animation: dkkSlowOrbit 14s linear infinite;
}
.dkk-orbit.one { width: 460px; height: 460px; }
.dkk-orbit.two { width: 340px; height: 340px; animation-duration: 18s; animation-direction: reverse; }
.dkk-showcase-phone {
    position: relative;
    width: min(360px, 86vw);
    min-height: 560px;
    border-radius: 42px;
    padding: 18px;
    background: linear-gradient(155deg, #101827, #243044);
    box-shadow: 0 38px 100px rgba(15, 23, 42, .28), inset 0 0 0 1px rgba(255,255,255,.1);
    transform: rotateX(6deg) rotateY(-7deg) rotateZ(1deg);
}
.dkk-showcase-phone-top { width: 112px; height: 18px; margin: 0 auto 14px; border-radius: 99px; background: rgba(255,255,255,.16); }
.dkk-showcase-card-cover {
    height: 270px;
    border-radius: 30px;
    padding: 1.35rem;
    display: grid;
    align-content: end;
    background:
        linear-gradient(180deg, rgba(4, 35, 29, .05), rgba(4, 35, 29, .72)),
        radial-gradient(circle at 20% 20%, rgba(216, 183, 77, .42), transparent 35%),
        linear-gradient(135deg, #0f766e, #fff8e8 56%, #d8b74d);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.24);
}
.dkk-showcase-card-cover span {
    width: fit-content;
    padding: .42rem .7rem;
    border-radius: 999px;
    background: rgba(255,255,255,.86);
    color: #8a5e0b;
    font-size: .74rem;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .1em;
}
.dkk-showcase-card-cover strong { margin-top: .7rem; color: #fff; font-size: 2.3rem; line-height: .95; font-weight: 950; letter-spacing: -.05em; }
.dkk-showcase-card-cover small { margin-top: .35rem; color: rgba(255,255,255,.82); font-weight: 700; }
.dkk-showcase-card-body {
    display: grid;
    grid-template-columns: 94px 1fr;
    gap: 1rem;
    align-items: center;
    margin-top: 16px;
    padding: 1rem;
    border-radius: 28px;
    background: rgba(255,255,255,.94);
}
.dkk-showcase-qr {
    width: 94px; height: 94px; border-radius: 18px;
    background:
        linear-gradient(90deg, #111 10px, transparent 10px) 0 0/22px 22px,
        linear-gradient(#111 10px, transparent 10px) 0 0/22px 22px,
        #fff;
    border: 10px solid #fff;
    box-shadow: 0 12px 24px rgba(15,23,42,.12);
}
.dkk-showcase-card-body b { display:block; color: var(--v2-ink); font-weight: 950; }
.dkk-showcase-card-body span { display:block; color: var(--v2-muted); font-size: .84rem; }
.dkk-floating-note {
    position: absolute;
    z-index: 3;
    display: grid;
    gap: .1rem;
    min-width: 150px;
    padding: .9rem 1rem;
    border: 1px solid rgba(216,183,77,.28);
    border-radius: 22px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 20px 55px rgba(15,23,42,.12);
    backdrop-filter: blur(16px);
}
.dkk-floating-note strong { color: var(--v2-emerald); font-weight: 950; }
.dkk-floating-note span { color: var(--v2-muted); font-weight: 750; font-size: .82rem; }
.dkk-floating-note.note-one { left: 2%; top: 18%; }
.dkk-floating-note.note-two { right: 0; top: 24%; }
.dkk-floating-note.note-three { left: 10%; bottom: 16%; }
.dkk-stats-v2 .dkk-stats-grid { border-radius: 32px; box-shadow: 0 22px 60px rgba(15,23,42,.08); }
.dkk-split-head { display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; }
.dkk-work-section { position: relative; }
.dkk-work-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}
.dkk-work-card {
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 32px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 20px 52px rgba(15,23,42,.08);
    transition: transform .22s ease, box-shadow .22s ease;
}
.dkk-work-card:hover { transform: translateY(-5px); box-shadow: 0 30px 75px rgba(15,23,42,.12); }
.dkk-work-media { position: relative; height: 260px; overflow: hidden; background: #f8fafc; }
.dkk-work-media img { width: 100%; height: 100%; object-fit: cover; display:block; }
.dkk-work-media::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, transparent 35%, rgba(15,23,42,.52)); pointer-events:none; }
.dkk-work-media-empty { display:grid; place-items:center; background: radial-gradient(circle at 18% 18%, rgba(216,183,77,.38), transparent 32%), linear-gradient(135deg, #075f4c, #0f766e 42%, #fff8e8); }
.dkk-work-fallback-art { position: relative; z-index: 1; text-align:center; color:#fff; display:grid; gap:.55rem; padding:1.5rem; }
.dkk-work-fallback-art span { justify-self:center; border:1px solid rgba(255,255,255,.42); border-radius:999px; padding:.45rem .8rem; font-size:.72rem; font-weight:950; letter-spacing:.12em; text-transform:uppercase; }
.dkk-work-fallback-art strong { font-size:2.2rem; line-height:.95; font-weight:950; letter-spacing:-.05em; }
.dkk-work-badge { position:absolute; left:1rem; top:1rem; z-index:2; border-radius:999px; padding:.5rem .75rem; color:#2b1a00; background:linear-gradient(135deg,#f9e58f,#d8b74d); font-size:.75rem; font-weight:950; text-transform:uppercase; letter-spacing:.08em; box-shadow:0 12px 26px rgba(0,0,0,.14); }
.dkk-work-body { padding:1.25rem; }
.dkk-work-body > span, .dkk-work-category { color: var(--v2-gold); font-size:.76rem; font-weight:950; letter-spacing:.12em; text-transform:uppercase; }
.dkk-work-body h3 { margin:.45rem 0; color: var(--v2-ink); font-size:1.25rem; line-height:1.15; font-weight:950; letter-spacing:-.035em; }
.dkk-work-body p { color:var(--v2-muted); line-height:1.65; margin:0 0 1rem; }
.dkk-work-foot { display:flex; align-items:center; justify-content:space-between; gap:.8rem; border-top:1px solid rgba(148,163,184,.16); padding-top:1rem; }
.dkk-work-foot strong { color:var(--v2-ink); }
.dkk-work-foot a { color:var(--v2-emerald); font-weight:900; text-decoration:none; }
.dkk-home-hint { margin-top:1rem; padding:1rem 1.1rem; border:1px dashed rgba(216,183,77,.42); border-radius:22px; background:rgba(255,248,232,.72); color:#7a5a17; font-weight:800; }
.dkk-feature-grid-v2 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dkk-feature-card-v2 { border-radius:30px; }
.dkk-process-line { display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap:.8rem; }
.dkk-process-line article { position:relative; padding:1.15rem; border:1px solid rgba(148,163,184,.18); border-radius:26px; background:rgba(255,255,255,.86); box-shadow:0 18px 45px rgba(15,23,42,.06); }
.dkk-process-line span { display:inline-grid; place-items:center; width:42px; height:42px; border-radius:15px; background:linear-gradient(135deg,var(--v2-emerald-2),var(--v2-emerald)); color:#fff; font-weight:950; }
.dkk-process-line h3 { margin:.85rem 0 .35rem; font-size:1rem; font-weight:950; letter-spacing:-.02em; }
.dkk-process-line p { margin:0; color:var(--v2-muted); line-height:1.55; font-size:.92rem; }
.dkk-pricing-grid-v2 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dkk-pricing-grid-v2 .dkk-price-card p { color: var(--v2-muted); }
.dkk-final-cta-v2 { margin-top:0; background: linear-gradient(135deg, #052e27, #075f4c); }
.dkk-home-footer-v2 { background:#071512; }
@keyframes dkkSlowOrbit { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

/* Admin additions for Our Work */
.dkk-page-toolbar {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    margin-bottom:1.25rem;
    padding:1.2rem;
    border:1px solid rgba(148,163,184,.16);
    border-radius:28px;
    background:rgba(255,255,255,.88);
    box-shadow:0 16px 42px rgba(15,23,42,.06);
}
.dkk-page-toolbar h4 { margin:.25rem 0 .2rem; font-weight:950; letter-spacing:-.04em; }
.dkk-setup-card, .dkk-empty-state { text-align:left; }
.dkk-code-block { white-space:pre-wrap; padding:1rem; border-radius:18px; background:#0f172a; color:#dbeafe; font-size:.9rem; }
.dkk-empty-state { display:grid; justify-items:center; text-align:center; gap:.6rem; padding:2rem; }
.dkk-empty-icon { display:grid; place-items:center; width:64px; height:64px; border-radius:22px; background:linear-gradient(135deg,#f9e58f,#d8b74d); color:#2b1a00; font-size:1.6rem; }
.dkk-work-admin-card { overflow:hidden; padding:0 !important; }
.dkk-work-admin-media { position:relative; height:210px; background:#f8fafc; overflow:hidden; }
.dkk-work-admin-media img { width:100%; height:100%; object-fit:cover; display:block; }
.dkk-work-admin-media.no-image { display:grid; place-items:center; background:linear-gradient(135deg,#075f4c,#0f766e); color:#fff; font-size:2rem; font-weight:950; }
.dkk-work-admin-status { position:absolute; left:1rem; top:1rem; border-radius:999px; padding:.42rem .7rem; font-weight:950; font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; }
.dkk-work-admin-status.published { color:#064e3b; background:#d1fae5; }
.dkk-work-admin-status.draft { color:#7f1d1d; background:#fee2e2; }
.dkk-work-admin-body { padding:1rem; }
.dkk-work-admin-body h5 { margin:.25rem 0 .5rem; font-weight:950; letter-spacing:-.035em; }
.dkk-work-admin-body p { color:#64748b; line-height:1.55; min-height:48px; }
.dkk-work-meta-row { display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1rem; }
.dkk-work-meta-row span { border-radius:999px; padding:.35rem .58rem; background:#f1f5f9; color:#475569; font-size:.78rem; font-weight:800; }
.dkk-work-actions { display:flex; flex-wrap:wrap; gap:.5rem; }
.dkk-current-image { display:flex; align-items:center; gap:.7rem; padding:.55rem; border:1px solid rgba(148,163,184,.16); border-radius:18px; background:#fff; }
.dkk-current-image img { width:72px; height:54px; object-fit:cover; border-radius:14px; }
.dkk-current-image span { color:#64748b; font-weight:800; font-size:.85rem; }

@media (max-width: 1100px) {
    .dkk-work-grid, .dkk-feature-grid-v2, .dkk-pricing-grid-v2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dkk-process-line { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
    .dkk-hero-grid-v2 { grid-template-columns: 1fr; }
    .dkk-hero-visual-v2 { min-height: 560px; }
    .dkk-split-head, .dkk-page-toolbar { align-items:flex-start; flex-direction:column; }
    .dkk-proof-row { grid-template-columns:1fr; }
    .dkk-work-grid, .dkk-feature-grid-v2, .dkk-pricing-grid-v2, .dkk-process-line { grid-template-columns: 1fr; }
}
@media (max-width: 575.98px) {
    .dkk-showcase-phone { width: min(330px, 90vw); min-height: 520px; }
    .dkk-floating-note { min-width: 130px; padding:.75rem .82rem; }
    .dkk-floating-note.note-one { left:0; top:14%; }
    .dkk-floating-note.note-two { right:0; top:31%; }
    .dkk-floating-note.note-three { left:2%; bottom:11%; }
}


/* Events Management UI patch: scoped only to the Events page. */
.dkk-events-page .dkk-events-hero h3 {
    font-size: clamp(1.55rem, 3vw, 2.15rem);
    letter-spacing: .01em;
}

.dkk-event-summary-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1rem;
}

.dkk-event-summary-card {
    position: relative;
    overflow: hidden;
    min-height: 118px;
    padding: 1.15rem 1.25rem;
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 24px;
    background:
        radial-gradient(circle at 90% 0%, rgba(212, 175, 55, .20), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.82));
    box-shadow: var(--dkk-shadow-soft);
}

.dkk-event-summary-card span {
    display: block;
    color: #64748b;
    font-size: .76rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.dkk-event-summary-card strong {
    display: block;
    margin-top: .65rem;
    color: #101827;
    font-size: clamp(1.8rem, 4vw, 2.45rem);
    line-height: 1;
    font-weight: 900;
}

.dkk-events-filter-card .form-label {
    color: #334155;
    font-size: .84rem;
    font-weight: 800;
}

.dkk-events-section-head {
    align-items: flex-start;
    gap: 1rem;
}

.dkk-events-table-wrap {
    border: 1px solid rgba(226, 232, 240, .86);
    border-radius: 20px;
    overflow: auto;
}

.dkk-events-table {
    margin-bottom: 0;
    min-width: 880px;
}

.dkk-events-table tbody tr {
    transition: background .18s ease, transform .18s ease;
}

.dkk-events-table tbody tr:hover {
    background: rgba(236, 253, 245, .42);
}

.dkk-event-name-cell {
    display: flex;
    align-items: center;
    gap: .85rem;
    min-width: 280px;
}

.dkk-event-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 16px;
    background:
        linear-gradient(135deg, rgba(6, 95, 70, .98), rgba(15, 118, 110, .88));
    color: #fff;
    font-weight: 900;
    box-shadow: 0 14px 26px rgba(15, 118, 110, .18);
}

.dkk-status-pill.status-published {
    background: rgba(220, 252, 231, .95);
    color: #166534;
}

.dkk-status-pill.status-closed,
.dkk-status-pill.status-archived {
    background: rgba(241, 245, 249, .95);
    color: #475569;
}

.dkk-status-pill.status-draft {
    background: rgba(254, 249, 195, .95);
    color: #854d0e;
}

.dkk-event-actions {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .45rem;
    min-width: 330px;
}

.dkk-event-actions form {
    display: inline-flex;
    margin: 0;
}

.dkk-event-actions .btn-outline-danger {
    background: rgba(255, 255, 255, .92);
    border-color: rgba(220, 38, 38, .28);
    color: #b91c1c;
}

.dkk-events-danger-zone {
    padding: 0 !important;
    border-color: rgba(245, 158, 11, .26) !important;
    background: rgba(255, 251, 235, .58) !important;
}

.dkk-events-danger-zone > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    cursor: pointer;
    list-style: none;
}

.dkk-events-danger-zone > summary::-webkit-details-marker {
    display: none;
}

.dkk-events-danger-zone > summary strong {
    display: block;
    margin-top: .15rem;
    color: #101827;
}

.dkk-danger-zone-body {
    padding: 0 1.25rem 1.25rem;
}

@media (max-width: 1180px) {
    .dkk-event-summary-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .dkk-event-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .dkk-event-summary-card {
        min-height: 100px;
        padding: 1rem;
    }
    .dkk-events-page .hero-banner {
        display: grid;
        gap: 1rem;
    }
    .dkk-events-page .hero-actions .btn {
        width: 100%;
    }
}

@media (max-width: 520px) {
    .dkk-event-summary-grid {
        grid-template-columns: 1fr;
    }
}

/* Premium UI transformation v3: shared admin design system.
   UI-only patch. No routes, coordinates, QR logic, card generation, or message sending behavior is changed. */
.dkk-premium-ui {
    --dkk-page-bg: #f6f8f7;
    --dkk-surface: rgba(255, 255, 255, .94);
    --dkk-surface-solid: #ffffff;
    --dkk-surface-soft: #f8fafc;
    --dkk-line: rgba(148, 163, 184, .20);
    --dkk-line-strong: rgba(15, 118, 110, .22);
    --dkk-text: #101827;
    --dkk-text-soft: #475569;
    --dkk-text-muted: #64748b;
    --dkk-green: #0f766e;
    --dkk-green-deep: #064e3b;
    --dkk-green-soft: #ecfdf5;
    --dkk-gold-rich: #d4af37;
    --dkk-gold-soft: #fff7df;
    --dkk-charcoal: #111827;
    --dkk-danger: #b91c1c;
    --dkk-warning: #92400e;
    --dkk-info: #1d4ed8;
    --dkk-radius-sm: 12px;
    --dkk-radius: 16px;
    --dkk-radius-lg: 22px;
    --dkk-radius-xl: 28px;
    --dkk-shadow-xs: 0 8px 18px rgba(15, 23, 42, .04);
    --dkk-shadow-sm: 0 14px 34px rgba(15, 23, 42, .07);
    --dkk-shadow-md: 0 22px 60px rgba(15, 23, 42, .10);
    --dkk-focus: 0 0 0 .22rem rgba(15, 118, 110, .13);
    color: var(--dkk-text);
    background:
        radial-gradient(circle at 8% 0%, rgba(212, 175, 55, .12), transparent 28%),
        radial-gradient(circle at 92% 0%, rgba(15, 118, 110, .12), transparent 30%),
        linear-gradient(180deg, #fbfdfb 0%, var(--dkk-page-bg) 42%, #f8fafc 100%) !important;
}

.dkk-premium-ui .admin-shell {
    grid-template-columns: 292px minmax(0, 1fr);
}

.dkk-premium-ui .admin-main {
    width: 100%;
    min-width: 0;
    padding: clamp(1rem, 2vw, 1.5rem);
}

.dkk-premium-ui .admin-content {
    max-width: 1520px;
    margin-inline: auto;
}

.dkk-premium-ui .admin-topbar {
    position: sticky;
    top: 1rem;
    z-index: 30;
    min-height: 86px;
    padding: 1rem 1.2rem;
    border-radius: var(--dkk-radius-xl);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 247, 223, .42)),
        var(--dkk-surface);
    border: 1px solid var(--dkk-line);
    box-shadow: var(--dkk-shadow-sm);
}

.dkk-premium-ui .admin-topbar h2 {
    margin: .15rem 0 .15rem;
    color: var(--dkk-text);
    font-size: clamp(1.25rem, 2vw, 1.55rem);
    font-weight: 900;
    letter-spacing: 0;
}

.dkk-premium-ui .admin-topbar p {
    margin: 0;
    color: var(--dkk-text-muted);
    font-size: .92rem;
}

.dkk-premium-ui .eyebrow,
.dkk-premium-ui .dkk-dashboard-kicker,
.dkk-premium-ui .invite-kicker,
.dkk-premium-ui .section-kicker {
    color: #9a6b14;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.dkk-premium-ui .admin-sidebar {
    width: 292px;
    padding: 1rem;
    overflow-y: auto;
    scrollbar-width: thin;
}

.dkk-premium-ui .sidebar-nav {
    gap: .38rem;
}

.dkk-premium-ui .sidebar-nav-section {
    margin: .8rem .45rem .25rem;
    color: #8a5e0b;
    font-size: .68rem;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.dkk-premium-ui .sidebar-nav a {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-height: 58px;
    padding: .78rem .95rem .78rem 1.05rem;
    border-radius: 18px;
}

.dkk-premium-ui .sidebar-nav a::before {
    content: "";
    position: absolute;
    left: .55rem;
    top: 50%;
    width: 4px;
    height: 22px;
    border-radius: 999px;
    background: transparent;
    transform: translateY(-50%);
}

.dkk-premium-ui .sidebar-nav a.is-active::before,
.dkk-premium-ui .sidebar-nav a:hover::before {
    background: #f7d86d;
}

.dkk-premium-ui .sidebar-nav a span {
    font-size: .92rem;
    line-height: 1.1;
}

.dkk-premium-ui .sidebar-nav a small {
    margin-top: .18rem;
    font-size: .74rem;
    line-height: 1.2;
}

.dkk-premium-ui .topbar-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.dkk-premium-ui .topbar-user-card {
    min-height: 52px;
    padding: .55rem .75rem;
    border: 1px solid rgba(15, 118, 110, .13);
    border-radius: 18px;
    background: rgba(236, 253, 245, .72);
}

.dkk-premium-ui .avatar-circle {
    width: 38px;
    height: 38px;
    border-radius: 14px;
}

.dkk-premium-ui .hero-banner,
.dkk-premium-ui .content-card,
.dkk-premium-ui .metric-card,
.dkk-premium-ui .stat-card,
.dkk-premium-ui .card,
.dkk-premium-ui .dkk-dashboard-panel,
.dkk-premium-ui .editor-main-card,
.dkk-premium-ui .editor-side-card {
    border: 1px solid var(--dkk-line) !important;
    border-radius: var(--dkk-radius-xl) !important;
    background: var(--dkk-surface) !important;
    box-shadow: var(--dkk-shadow-sm) !important;
}

.dkk-premium-ui .hero-banner {
    position: relative;
    overflow: hidden;
    padding: clamp(1.1rem, 2.5vw, 1.65rem);
    align-items: center;
}

.dkk-premium-ui .hero-banner::after {
    content: "";
    position: absolute;
    inset: 0 0 auto auto;
    width: 300px;
    height: 180px;
    background:
        radial-gradient(circle at 70% 20%, rgba(212, 175, 55, .20), transparent 44%),
        radial-gradient(circle at 30% 30%, rgba(15, 118, 110, .14), transparent 42%);
    pointer-events: none;
}

.dkk-premium-ui .hero-banner > * {
    position: relative;
    z-index: 1;
}

.dkk-premium-ui .hero-banner h3,
.dkk-premium-ui .content-card h4,
.dkk-premium-ui .section-head h4,
.dkk-premium-ui .card h5,
.dkk-premium-ui .card h4 {
    color: var(--dkk-text);
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.15;
}

.dkk-premium-ui .hero-banner p,
.dkk-premium-ui .content-card p,
.dkk-premium-ui .section-head p,
.dkk-premium-ui .card p {
    color: var(--dkk-text-muted);
}

.dkk-premium-ui .content-card,
.dkk-premium-ui .card-body {
    padding: clamp(1rem, 2vw, 1.35rem);
}

.dkk-premium-ui .card-header {
    padding: 1rem 1.2rem;
    border-bottom: 1px solid var(--dkk-line) !important;
    border-radius: var(--dkk-radius-xl) var(--dkk-radius-xl) 0 0 !important;
}

.dkk-premium-ui .section-head,
.dkk-premium-ui .dkk-card-title {
    align-items: flex-start;
    gap: .9rem;
    margin-bottom: 1rem;
}

.dkk-premium-ui .section-badge,
.dkk-premium-ui .status-pill,
.dkk-premium-ui .badge,
.dkk-premium-ui .dkk-status-pill,
.dkk-premium-ui .dkk-rsvp-badge {
    border-radius: 999px !important;
    padding: .44rem .68rem;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.dkk-premium-ui .status-active,
.dkk-premium-ui .status-published,
.dkk-premium-ui .status-sent,
.dkk-premium-ui .status-attending,
.dkk-premium-ui .bg-success {
    background: #dcfce7 !important;
    color: #166534 !important;
}

.dkk-premium-ui .status-pending,
.dkk-premium-ui .status-draft,
.dkk-premium-ui .status-maybe,
.dkk-premium-ui .status-prepared,
.dkk-premium-ui .status-generated,
.dkk-premium-ui .bg-warning {
    background: #fef3c7 !important;
    color: #92400e !important;
}

.dkk-premium-ui .status-failed,
.dkk-premium-ui .status-blocked,
.dkk-premium-ui .status-cancelled,
.dkk-premium-ui .status-not_attending,
.dkk-premium-ui .bg-danger {
    background: #fee2e2 !important;
    color: #991b1b !important;
}

.dkk-premium-ui .status-skipped,
.dkk-premium-ui .status-closed,
.dkk-premium-ui .status-archived,
.dkk-premium-ui .bg-secondary {
    background: #e2e8f0 !important;
    color: #334155 !important;
}

.dkk-premium-ui .btn {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    border-radius: 14px !important;
    font-weight: 800;
    letter-spacing: 0;
    box-shadow: none;
}

.dkk-premium-ui .btn-sm {
    min-height: 34px;
    padding: .36rem .7rem;
    border-radius: 12px !important;
    font-size: .82rem;
}

.dkk-premium-ui .btn-lg {
    min-height: 50px;
    border-radius: 16px !important;
}

.dkk-premium-ui .btn.is-loading {
    opacity: .78;
    pointer-events: none;
}

.dkk-premium-ui .btn-brand,
.dkk-premium-ui .btn-success,
.dkk-premium-ui .btn-primary {
    background: linear-gradient(135deg, var(--dkk-green), var(--dkk-green-deep)) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 12px 26px rgba(15, 118, 110, .17) !important;
}

.dkk-premium-ui .btn-brand:hover,
.dkk-premium-ui .btn-success:hover,
.dkk-premium-ui .btn-primary:hover {
    color: #fff !important;
    transform: translateY(-1px);
}

.dkk-premium-ui .btn-outline-brand,
.dkk-premium-ui .btn-outline-success,
.dkk-premium-ui .btn-outline-primary {
    color: var(--dkk-green-deep) !important;
    border-color: rgba(15, 118, 110, .25) !important;
    background: rgba(236, 253, 245, .72) !important;
}

.dkk-premium-ui .btn-outline-secondary,
.dkk-premium-ui .btn-light {
    color: #334155 !important;
    border-color: rgba(148, 163, 184, .28) !important;
    background: #fff !important;
}

.dkk-premium-ui .btn-outline-danger,
.dkk-premium-ui .btn-danger,
.dkk-premium-ui .btn-danger-soft {
    color: var(--dkk-danger) !important;
    border-color: rgba(185, 28, 28, .24) !important;
    background: rgba(254, 242, 242, .92) !important;
    box-shadow: none !important;
}

.dkk-premium-ui .form-label {
    color: #334155;
    font-size: .84rem;
    font-weight: 850;
    margin-bottom: .38rem;
}

.dkk-premium-ui .form-control,
.dkk-premium-ui .form-select,
.dkk-premium-ui .form-control-color,
.dkk-premium-ui textarea.form-control {
    min-height: 46px;
    border-radius: 14px !important;
    border-color: rgba(148, 163, 184, .30) !important;
    background-color: rgba(255, 255, 255, .94);
    color: var(--dkk-text);
    font-size: .94rem;
}

.dkk-premium-ui textarea.form-control {
    min-height: 118px;
}

.dkk-premium-ui .form-control:focus,
.dkk-premium-ui .form-select:focus,
.dkk-premium-ui .form-check-input:focus {
    border-color: rgba(15, 118, 110, .48) !important;
    box-shadow: var(--dkk-focus) !important;
}

.dkk-premium-ui .input-group .form-control,
.dkk-premium-ui .input-group .form-select {
    min-width: 0;
}

.dkk-premium-ui .form-text,
.dkk-premium-ui .small.text-muted {
    color: var(--dkk-text-muted) !important;
}

.dkk-premium-ui .table-responsive {
    border-radius: 20px;
    border: 1px solid rgba(226, 232, 240, .86);
    background: #fff;
}

.dkk-premium-ui .table {
    margin-bottom: 0;
    --bs-table-bg: transparent;
}

.dkk-premium-ui .table thead th,
.dkk-premium-ui .admin-table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: .82rem .9rem;
    white-space: nowrap;
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #64748b !important;
    font-size: .7rem !important;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.dkk-premium-ui .table tbody td,
.dkk-premium-ui .admin-table tbody td {
    padding: .85rem .9rem;
    border-color: #eef2f7 !important;
    color: #1f2937;
}

.dkk-premium-ui .table tbody tr:hover {
    background: rgba(236, 253, 245, .44);
}

.dkk-premium-ui .pagination {
    gap: .3rem;
    flex-wrap: wrap;
}

.dkk-premium-ui .page-link {
    border-radius: 12px !important;
    border-color: rgba(148, 163, 184, .24);
    color: var(--dkk-green-deep);
    font-weight: 800;
}

.dkk-premium-ui .page-item.active .page-link {
    color: #fff;
    background: linear-gradient(135deg, var(--dkk-green), var(--dkk-green-deep));
    border-color: transparent;
}

.dkk-premium-ui .alert {
    border-radius: 18px !important;
    border: 1px solid var(--dkk-line) !important;
    box-shadow: var(--dkk-shadow-xs) !important;
    font-weight: 700;
}

.dkk-premium-ui .alert-success {
    color: #065f46;
    background: #ecfdf5;
}

.dkk-premium-ui .alert-danger {
    color: #991b1b;
    background: #fef2f2;
}

.dkk-premium-ui .alert-warning {
    color: #92400e;
    background: #fffbeb;
}

.dkk-premium-ui .dkk-empty-state,
.dkk-premium-ui .dkk-empty-mini,
.dkk-premium-ui .empty-template {
    border: 1px dashed rgba(148, 163, 184, .36) !important;
    border-radius: 22px !important;
    background:
        radial-gradient(circle at 90% 0%, rgba(212, 175, 55, .12), transparent 30%),
        #fbfdff !important;
    color: var(--dkk-text-muted);
}

.dkk-premium-ui .dkk-dashboard-grid,
.dkk-premium-ui .dkk-event-summary-grid {
    gap: .9rem;
}

.dkk-premium-ui .dkk-kpi-card,
.dkk-premium-ui .dkk-event-summary-card,
.dkk-premium-ui .metric-card {
    min-height: 128px;
    background:
        radial-gradient(circle at 100% 0%, rgba(212, 175, 55, .16), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.92)) !important;
}

.dkk-premium-ui .dkk-kpi-value,
.dkk-premium-ui .metric-card strong,
.dkk-premium-ui .dkk-event-summary-card strong {
    color: var(--dkk-text);
    font-size: clamp(1.8rem, 3.4vw, 2.45rem);
    font-weight: 950;
    letter-spacing: 0;
}

.dkk-premium-ui .template-editor-page .editor-hero {
    border-radius: var(--dkk-radius-xl);
    background:
        radial-gradient(circle at 86% 12%, rgba(212, 175, 55, .22), transparent 36%),
        linear-gradient(135deg, #064e3b, #0f766e) !important;
    box-shadow: var(--dkk-shadow-md);
}

.dkk-premium-ui .template-canvas-shell,
.dkk-premium-ui .canvas-scroll {
    border-radius: 20px !important;
    background: #f8fafc !important;
}

.dkk-premium-ui .canvas-toolbar,
.dkk-premium-ui .upload-strip,
.dkk-premium-ui .control-section {
    border-radius: 18px;
}

.dkk-premium-ui .layer-buttons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
}

.dkk-premium-ui .layer-buttons button {
    min-height: 42px;
    border-radius: 14px;
    border: 1px solid rgba(15, 118, 110, .18);
    background: #fff;
    color: #334155;
    font-weight: 850;
}

.dkk-premium-ui .layer-buttons button.active {
    color: #fff;
    background: linear-gradient(135deg, var(--dkk-green), var(--dkk-green-deep));
}

.dkk-premium-ui .checkin-card,
.dkk-premium-ui .scanner-card,
.dkk-premium-ui [class*="scanner"],
.dkk-premium-ui [class*="checkin"] .card {
    border-radius: var(--dkk-radius-xl);
}

.dkk-premium-ui video,
.dkk-premium-ui canvas,
.dkk-premium-ui img {
    max-width: 100%;
}

.dkk-premium-ui .progress {
    height: .75rem;
    border-radius: 999px;
    background: #e2e8f0;
}

.dkk-premium-ui .progress-bar {
    border-radius: inherit;
    background: linear-gradient(90deg, var(--dkk-green), var(--dkk-gold-rich));
}

.dkk-auth-page .dkk-auth-shell {
    box-shadow: 0 36px 110px rgba(15, 23, 42, .18);
}

.dkk-auth-page .dkk-auth-brand-panel {
    background:
        radial-gradient(circle at 18% 18%, rgba(247, 216, 109, .34), transparent 32%),
        radial-gradient(circle at 90% 20%, rgba(255, 255, 255, .16), transparent 30%),
        linear-gradient(145deg, #052f2c 0%, #065f46 58%, #0f766e 100%) !important;
}

.dkk-auth-page .dkk-auth-card {
    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.94)),
        #fff;
}

.dkk-auth-page .dkk-login-badge::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--dkk-green);
    box-shadow: 0 0 0 4px rgba(15, 118, 110, .12);
}

.dkk-auth-page .dkk-login-badge {
    align-items: center;
    gap: .45rem;
}

@media (max-width: 1180px) {
    .dkk-premium-ui .admin-shell {
        grid-template-columns: 270px minmax(0, 1fr);
    }
    .dkk-premium-ui .admin-sidebar {
        width: 270px;
    }
    .dkk-premium-ui .admin-topbar {
        align-items: flex-start;
    }
}

@media (max-width: 991px) {
    .dkk-premium-ui .admin-shell {
        display: block;
    }
    .dkk-premium-ui .admin-topbar {
        top: .75rem;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
    }
    .dkk-premium-ui .topbar-actions {
        grid-column: 1 / -1;
        justify-content: flex-start;
        width: 100%;
    }
    .dkk-premium-ui.dkk-sidebar-open .admin-sidebar {
        width: min(340px, 88vw);
        padding-bottom: 2rem;
    }
}

@media (max-width: 768px) {
    .dkk-premium-ui .admin-main {
        padding: .75rem;
    }
    .dkk-premium-ui .admin-content {
        display: grid;
        gap: .85rem;
    }
    .dkk-premium-ui .hero-banner {
        display: grid;
    }
    .dkk-premium-ui .hero-actions,
    .dkk-premium-ui .topbar-actions,
    .dkk-premium-ui .section-head {
        width: 100%;
    }
    .dkk-premium-ui .hero-actions .btn,
    .dkk-premium-ui .topbar-actions .btn,
    .dkk-premium-ui .topbar-actions form,
    .dkk-premium-ui .topbar-actions form .btn {
        width: 100%;
    }
    .dkk-premium-ui .topbar-user-card {
        width: 100%;
    }
    .dkk-premium-ui .content-card,
    .dkk-premium-ui .card-body {
        padding: 1rem;
    }
    .dkk-premium-ui .table-responsive {
        margin-inline: -1px;
    }
    .dkk-premium-ui .table {
        min-width: 760px;
    }
    .dkk-premium-ui .dkk-event-actions,
    .dkk-premium-ui .d-flex.justify-content-end.gap-2.flex-wrap {
        justify-content: flex-start !important;
    }
    .dkk-premium-ui .layer-buttons {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .dkk-premium-ui .admin-topbar {
        border-radius: 22px;
        padding: .9rem;
    }
    .dkk-premium-ui .admin-topbar h2 {
        font-size: 1.2rem;
    }
    .dkk-premium-ui .hero-banner,
    .dkk-premium-ui .content-card,
    .dkk-premium-ui .card,
    .dkk-premium-ui .dkk-dashboard-panel,
    .dkk-premium-ui .editor-main-card,
    .dkk-premium-ui .editor-side-card {
        border-radius: 22px !important;
    }
    .dkk-premium-ui .btn,
    .dkk-premium-ui .form-control,
    .dkk-premium-ui .form-select {
        width: 100%;
    }
    .dkk-premium-ui .btn-close,
    .dkk-premium-ui .form-check-input,
    .dkk-premium-ui .form-control-color {
        width: auto;
    }
    .dkk-premium-ui .dkk-auth-mini-stats {
        grid-template-columns: 1fr;
    }
}

@media print {
    .dkk-premium-ui .admin-sidebar,
    .dkk-premium-ui .admin-topbar,
    .dkk-premium-ui .btn,
    .dkk-premium-ui form {
        display: none !important;
    }
    .dkk-premium-ui .admin-shell,
    .dkk-premium-ui .admin-main,
    .dkk-premium-ui .admin-content {
        display: block !important;
        padding: 0 !important;
        max-width: none !important;
    }
    .dkk-premium-ui .content-card,
    .dkk-premium-ui .card {
        box-shadow: none !important;
        border-color: #d1d5db !important;
        break-inside: avoid;
    }
}

/* Final typography guard for predictable admin/mobile rendering. */
.dkk-premium-ui *,
.dkk-auth-page *,
.dkk-marketing-body * {
    letter-spacing: 0 !important;
}

.dkk-premium-ui .admin-main { padding: 1.25rem; }
.dkk-premium-ui .admin-topbar h2 { font-size: 1.45rem; }
.dkk-premium-ui .hero-banner { padding: 1.35rem; }
.dkk-premium-ui .content-card,
.dkk-premium-ui .card-body { padding: 1.25rem; }
.dkk-premium-ui .hero-banner h3 { font-size: 1.55rem; }
.dkk-premium-ui .content-card h4,
.dkk-premium-ui .section-head h4 { font-size: 1.18rem; }
.dkk-premium-ui .dkk-kpi-value,
.dkk-premium-ui .metric-card strong,
.dkk-premium-ui .dkk-event-summary-card strong { font-size: 2.15rem; }
.dkk-auth-page .dkk-auth-copy h1 { font-size: 3.1rem; }
.dkk-auth-page .dkk-auth-card-head h2 { font-size: 2.1rem; }
.dkk-marketing-body .dkk-hero-copy h1 { font-size: 4.4rem; }
.dkk-marketing-body .dkk-section-head h2,
.dkk-marketing-body .dkk-final-cta h2 { font-size: 2.9rem; }

@media (max-width: 768px) {
    .dkk-premium-ui .admin-main { padding: .75rem; }
    .dkk-premium-ui .admin-topbar h2 { font-size: 1.2rem; }
    .dkk-premium-ui .hero-banner h3 { font-size: 1.28rem; }
    .dkk-premium-ui .dkk-kpi-value,
    .dkk-premium-ui .metric-card strong,
    .dkk-premium-ui .dkk-event-summary-card strong { font-size: 1.9rem; }
    .dkk-auth-page .dkk-auth-copy h1 { font-size: 2.25rem; }
    .dkk-auth-page .dkk-auth-card-head h2 { font-size: 1.75rem; }
    .dkk-marketing-body .dkk-hero-copy h1 { font-size: 2.6rem; }
    .dkk-marketing-body .dkk-section-head h2,
    .dkk-marketing-body .dkk-final-cta h2 { font-size: 2rem; }
}

/* Login professional upgrade v4 */
.dkk-auth-page {
    background:
        linear-gradient(120deg, rgba(6, 78, 59, .94), rgba(15, 118, 110, .72)),
        radial-gradient(circle at 18% 12%, rgba(247, 216, 109, .28), transparent 34%),
        #062f2c !important;
}

/* Compact login fit: keep the same design, but make it visible without page scroll. */
.dkk-auth-page {
    padding: .75rem 0 !important;
}

.dkk-auth-page > .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.dkk-auth-shell {
    min-height: auto;
    height: min(610px, calc(100vh - 18px));
}

.dkk-auth-brand-panel,
.dkk-auth-card {
    padding: 1rem;
}

.dkk-login-showcase {
    min-height: 190px;
    margin: .45rem 0;
}

.dkk-login-invite-card {
    width: min(285px, 82%);
    min-height: 170px;
    padding: .85rem;
    border-radius: 22px;
}

.dkk-login-invite-card strong {
    font-size: 1.45rem;
}

.dkk-login-qr-row {
    grid-template-columns: 38px minmax(0, 1fr);
    padding: .5rem;
}

.dkk-login-qr-row i {
    width: 38px;
    height: 38px;
    border-width: 6px;
}

.dkk-login-qr-row b,
.dkk-login-invite-card small {
    font-size: .8rem;
}

.dkk-login-floating-card {
    min-width: 112px;
    padding: .55rem .68rem;
    border-radius: 16px;
}

.dkk-login-floating-card strong {
    font-size: 1.05rem;
}

.dkk-login-floating-card span {
    font-size: .72rem;
}

.dkk-auth-page .dkk-auth-copy h1 {
    font-size: 1.78rem;
    margin: .38rem 0;
}

.dkk-auth-page .dkk-auth-copy p {
    margin-bottom: .45rem;
    font-size: .85rem;
    line-height: 1.42;
}

.dkk-auth-mini-stats {
    gap: .45rem;
    margin-top: .45rem;
}

.dkk-auth-mini-stats div {
    padding: .5rem .62rem;
    border-radius: 14px;
}

.dkk-auth-mini-stats strong {
    font-size: .95rem;
}

.dkk-auth-mini-stats span {
    font-size: .72rem;
}

.dkk-auth-card-head .dkk-brand-logo,
.dkk-auth-card .dkk-brand-logo {
    margin-bottom: .55rem;
}

.dkk-auth-card-head .dkk-brand-logo img,
.dkk-auth-card .dkk-brand-logo img {
    max-height: 54px !important;
}

.dkk-auth-card-head h2 {
    font-size: 1.28rem;
    margin: .45rem 0 .18rem;
}

.dkk-auth-card-head p {
    font-size: .82rem;
    line-height: 1.36;
    margin-bottom: .3rem;
}

.dkk-login-form {
    margin-top: .55rem;
}

.dkk-login-form .mb-3 {
    margin-bottom: .55rem !important;
}

.dkk-login-form .form-label {
    font-size: .78rem;
    margin-bottom: .2rem;
}

.dkk-login-form .form-control {
    min-height: 42px;
    border-radius: 14px;
    font-size: .92rem;
}

.dkk-login-btn {
    min-height: 44px;
    margin-top: .1rem;
}

.dkk-login-trust-grid {
    gap: .45rem;
    margin-top: .5rem;
}

.dkk-login-trust-grid div {
    padding: .48rem .58rem;
    border-radius: 14px;
}

.dkk-login-trust-grid strong {
    font-size: .9rem;
}

.dkk-login-trust-grid span {
    font-size: .72rem;
}

.dkk-auth-footnote {
    margin-top: .45rem;
    font-size: .76rem;
}

@media (max-width: 991px) {
    .dkk-auth-shell {
        height: auto;
        min-height: calc(100vh - 24px);
    }
}

@media (max-width: 720px) {
    .dkk-auth-page {
        padding: 0 !important;
    }
    .dkk-auth-shell {
        min-height: 100vh;
        height: auto;
    }
}

.dkk-auth-page > .container {
    width: min(1180px, calc(100% - 32px));
}

.dkk-auth-shell {
    min-height: 720px;
    grid-template-columns: minmax(0, 1.08fr) minmax(420px, .82fr);
    border-radius: 34px;
    border: 1px solid rgba(255, 255, 255, .22);
    background: rgba(255, 255, 255, .12);
    box-shadow: 0 36px 120px rgba(0, 0, 0, .30);
}

.dkk-auth-brand-panel {
    padding: 2rem;
    background:
        linear-gradient(145deg, rgba(5, 47, 44, .98), rgba(6, 95, 70, .90)),
        radial-gradient(circle at 18% 10%, rgba(247, 216, 109, .30), transparent 38%) !important;
}

.dkk-auth-brand-panel::before {
    content: "";
    position: absolute;
    inset: 20px;
    border: 1px solid rgba(247, 216, 109, .22);
    border-radius: 28px;
    pointer-events: none;
}

.dkk-login-visual-top {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .8rem;
}

.dkk-login-secure-pill {
    border: 1px solid rgba(255, 255, 255, .20);
    border-radius: 999px;
    padding: .48rem .72rem;
    color: rgba(255, 255, 255, .82);
    background: rgba(255, 255, 255, .10);
    font-size: .78rem;
    font-weight: 850;
}

.dkk-login-showcase {
    position: relative;
    z-index: 2;
    display: grid;
    place-items: center;
    min-height: 330px;
    margin: 1.2rem 0;
}

.dkk-login-invite-card {
    width: min(360px, 88%);
    min-height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.4rem;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 30px;
    color: #fff;
    background:
        linear-gradient(180deg, rgba(15, 23, 42, .10), rgba(15, 23, 42, .60)),
        radial-gradient(circle at 18% 18%, rgba(247, 216, 109, .58), transparent 34%),
        linear-gradient(135deg, rgba(15, 118, 110, .96), rgba(17, 24, 39, .88));
    box-shadow: 0 34px 90px rgba(0, 0, 0, .26);
}

.dkk-login-invite-card span {
    width: fit-content;
    border-radius: 999px;
    padding: .45rem .72rem;
    color: #332200;
    background: linear-gradient(135deg, #f7d86d, #d4af37);
    font-size: .78rem;
    font-weight: 950;
}

.dkk-login-invite-card strong {
    font-size: 2.35rem;
    line-height: 1.02;
    font-weight: 950;
}

.dkk-login-invite-card small {
    color: rgba(255, 255, 255, .78);
    font-weight: 750;
}

.dkk-login-qr-row {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    align-items: center;
    gap: .8rem;
    padding: .78rem;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .12);
}

.dkk-login-qr-row i {
    width: 54px;
    height: 54px;
    border: 8px solid #fff;
    border-radius: 14px;
    background:
        linear-gradient(90deg, #111 9px, transparent 9px) 0 0/18px 18px,
        linear-gradient(#111 9px, transparent 9px) 0 0/18px 18px,
        #fff;
}

.dkk-login-qr-row b {
    font-size: .92rem;
}

.dkk-login-floating-card {
    position: absolute;
    z-index: 3;
    min-width: 150px;
    padding: .9rem 1rem;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 22px;
    color: #fff;
    background: rgba(255, 255, 255, .13);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .18);
    backdrop-filter: blur(14px);
}

.dkk-login-floating-card.one {
    left: 6%;
    top: 18%;
}

.dkk-login-floating-card.two {
    right: 4%;
    bottom: 14%;
}

.dkk-login-floating-card strong {
    display: block;
    color: #f7d86d;
    font-size: 1.7rem;
    font-weight: 950;
}

.dkk-login-floating-card span {
    color: rgba(255, 255, 255, .76);
    font-size: .82rem;
    font-weight: 800;
}

.dkk-auth-copy {
    margin-top: 0;
    z-index: 2;
}

.dkk-auth-page .dkk-auth-copy h1 {
    max-width: 620px;
    font-size: 3rem;
    line-height: 1.04;
}

.dkk-auth-page .dkk-auth-copy p {
    max-width: 620px;
    color: rgba(255, 255, 255, .76);
}

.dkk-auth-card {
    position: relative;
    padding: 2rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(212, 175, 55, .10), transparent 32%),
        linear-gradient(180deg, #ffffff, #f8fafc) !important;
}

.dkk-auth-card::before {
    content: "";
    position: absolute;
    inset: 1rem;
    border: 1px solid rgba(15, 118, 110, .08);
    border-radius: 28px;
    pointer-events: none;
}

.dkk-auth-card > * {
    position: relative;
    z-index: 1;
}

.dkk-auth-card-head .dkk-brand-logo,
.dkk-auth-card .dkk-brand-logo {
    margin-bottom: 1.6rem;
}

.dkk-auth-card-head h2 {
    color: #0f172a;
    font-size: 2rem;
    line-height: 1.1;
}

.dkk-auth-card-head p {
    max-width: 420px;
    color: #64748b;
    line-height: 1.6;
}

.dkk-login-form {
    margin-top: 1.4rem;
}

.dkk-login-form .mb-3 {
    margin-bottom: 1rem !important;
}

.dkk-login-form .form-control {
    min-height: 56px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .04);
}

.dkk-login-btn {
    min-height: 56px;
    margin-top: .5rem;
    font-weight: 900;
}

.dkk-login-trust-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    margin-top: 1rem;
}

.dkk-login-trust-grid div {
    padding: .85rem;
    border: 1px solid rgba(15, 118, 110, .12);
    border-radius: 18px;
    background: rgba(236, 253, 245, .62);
}

.dkk-login-trust-grid strong,
.dkk-login-trust-grid span {
    display: block;
}

.dkk-login-trust-grid strong {
    color: #064e3b;
    font-weight: 950;
}

.dkk-login-trust-grid span {
    margin-top: .15rem;
    color: #64748b;
    font-size: .82rem;
    font-weight: 750;
}

@media (max-width: 991px) {
    .dkk-auth-shell {
        grid-template-columns: 1fr;
    }
    .dkk-auth-brand-panel {
        min-height: auto;
    }
    .dkk-login-showcase {
        min-height: 280px;
    }
}

@media (max-width: 720px) {
    .dkk-auth-page {
        padding: 0;
        background: #f8fafc !important;
    }
    .dkk-auth-page > .container {
        width: 100%;
    }
    .dkk-auth-shell {
        min-height: 100vh;
        border-radius: 0;
        border: 0;
        box-shadow: none;
        background: #f8fafc;
    }
    .dkk-auth-brand-panel {
        display: grid;
        padding: 1rem;
    }
    .dkk-login-showcase {
        display: none;
    }
    .dkk-auth-page .dkk-auth-copy h1 {
        font-size: 1.85rem;
    }
    .dkk-auth-page .dkk-auth-copy p {
        font-size: .95rem;
        line-height: 1.55;
    }
    .dkk-auth-mini-stats {
        grid-template-columns: 1fr;
    }
    .dkk-auth-card {
        min-height: auto;
        padding: 1.15rem;
    }
    .dkk-auth-card::before {
        display: none;
    }
    .dkk-login-trust-grid {
        grid-template-columns: 1fr;
    }
}