/* =========================================================
   SID26 TONE SYSTEM (UPDATED)
   โทนใหม่ตามปก: Royal Blue + Ice Cyan + Yellow accent (สว่าง/ใสขึ้น)
   - ลดดำทึบ เพิ่มความใสแบบโปสเตอร์
   - Competition = ฟ้า/ไซแอน
   - Workshop = ม่วง/อินดิโก้ (แยกชัด)
========================================================= */
:root {
    /* poster palette (ปรับให้ “สด/ใส” ขึ้น) */
    --sid26-blue: #113DFF;          /* royal electric blue */
    --sid26-cyan: #9AF2FF;          /* ice cyan */
    --sid26-cyan-2: #57E3FF;        /* stronger cyan */
    --sid26-yellow: #FFC94A;        /* poster yellow */
    --sid26-red: #ff3b30;           /* optional accent */

    /* พื้นหลังใหม่ (ไม่ดำสนิท) */
    --sid26-bg: #0b1f4d;

    --sid26-deep: #050916;     /* แทน #000 */
    --sid26-deep-2: #060b1a;   /* เผื่อไล่สี */
    --sid26-glow-soft: 0 0 40px rgba(154,242,255,.12);

    /* surface แยก section */
    --sid26-s-hero:     #0b1f4d;
    --sid26-s-about:    #102b6b;
    --sid26-s-agenda:   #11307a;
    --sid26-s-register: #0f2e72;
    --sid26-s-details:  #0d2a66;

    --sid26-end: #081a3f;

    /* card */
    --sid26-card: rgba(255,255,255,.12);
    --sid26-card-2: rgba(255,255,255,.18);

    /* separator */
    --sid26-line: rgba(255, 255, 255, .14);
    --sid26-line-2: rgba(255, 255, 255, .20);

    /* text */
    --sid26-text: rgba(255, 255, 255, .95);
    --sid26-muted: rgba(255, 255, 255, .78);

    /* surfaces/cards (ใสขึ้น) */
    --sid26-card: rgba(255, 255, 255, .075);
    --sid26-card-2: rgba(255, 255, 255, .11);
    --sid26-shadow: 0 18px 40px rgba(0, 0, 0, .34);

    /* glow (ให้ดูเหมือนแสงในโปสเตอร์) */
    --sid26-glow-cyan: 0 0 22px rgba(154, 242, 255, .26);
    --sid26-glow-blue: 0 0 26px rgba(17, 61, 255, .22);
    --sid26-focus-ring: 0 0 0 4px rgba(154, 242, 255, .22);
}

/* =========================================================
   SID26 BRIGHT SECTION BACKGROUND (CLEAN VERSION)
   ใช้แทน block เดิมได้เลย
========================================================= */

/* ===== PAGE BACKGROUND ===== */
body {
    background:
        radial-gradient(circle at 40% 0%, rgba(154,242,255,.22), transparent 45%),
        radial-gradient(circle at 80% 10%, rgba(255,201,74,.16), transparent 55%),
        linear-gradient(180deg, var(--sid26-bg), var(--sid26-end));
    color: var(--sid26-text);
}

/* ===== SECTION BASE ===== */
.sid26-about-section,
.sid26-agenda-section,
.sid26-register-section,
.sid26-details-section {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

/* ===== SECTION TOP GLOW ===== */
.sid26-about-section::before,
.sid26-agenda-section::before,
.sid26-register-section::before,
.sid26-details-section::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 36px;
    pointer-events: none;
    background: radial-gradient(
        1400px 36px at 50% 0%,
        rgba(154,242,255,.30),
        rgba(17,61,255,.22),
        transparent 72%
    );
}

/* ===== ABOUT ===== */
.sid26-about-section {
    background:
        radial-gradient(circle at 15% 20%, rgba(154,242,255,.30), transparent 55%),
        radial-gradient(circle at 85% 15%, rgba(17,61,255,.35), transparent 60%),
        linear-gradient(180deg, var(--sid26-s-about), var(--sid26-end));
}

/* ===== AGENDA ===== */
.sid26-agenda-section {
    background:
        radial-gradient(circle at 20% 18%, rgba(17,61,255,.32), transparent 55%),
        radial-gradient(circle at 80% 18%, rgba(154,242,255,.28), transparent 60%),
        linear-gradient(180deg, var(--sid26-s-agenda), var(--sid26-end));
}

/* ===== REGISTER ===== */
.sid26-register-section {
    background:
        radial-gradient(circle at 18% 22%, rgba(255,201,74,.22), transparent 60%),
        radial-gradient(circle at 82% 20%, rgba(154,242,255,.26), transparent 60%),
        linear-gradient(180deg, var(--sid26-s-register), var(--sid26-end));
}

/* ===== DETAILS ===== */
.sid26-details-section {
    background:
        radial-gradient(circle at 22% 20%, rgba(154,242,255,.24), transparent 56%),
        radial-gradient(circle at 85% 18%, rgba(17,61,255,.30), transparent 58%),
        radial-gradient(circle at 55% 95%, rgba(255,201,74,.12), transparent 60%),
        linear-gradient(180deg, var(--sid26-s-details), var(--sid26-end));
}

/* ===== CARDS / BOXES ===== */
.sid26-stat-card,
.sid26-reg-card,
.sid26-detail-card,
.sid26-detail-box,
.sid26-about-key {
    background: var(--sid26-card);
    border: 1px solid rgba(255,255,255,.20);
    box-shadow: 0 14px 30px rgba(0,0,0,.25);
}

/* hover */
.sid26-stat-card:hover,
.sid26-reg-card:hover,
.sid26-detail-card:hover {
    background: var(--sid26-card-2);
    border-color: rgba(255,255,255,.26);
    transform: translateY(-2px);
}

/* detail inner elements */
.sid26-detail-box,
.sid26-check-badge,
.sid26-reg-pill {
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.14);
}

/* =========================================================
   NAVBAR
========================================================= */
.event-navbar {
    background: rgba(0, 0, 0, 0.48);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255,255,255,.10);
}


/* =========================================================
   HERO
========================================================= */
/* .hero-section {
    min-height: 100vh;
    background:
        radial-gradient(circle at left, rgba(17, 61, 255, 0.48) 0%, transparent 45%),
        radial-gradient(circle at right, rgba(154, 242, 255, 0.28) 0%, transparent 46%),
        radial-gradient(circle at 60% 18%, rgba(255, 201, 74, 0.10) 0%, transparent 55%),
        linear-gradient(180deg, var(--sid26-s-hero) 0%, #000 80%);
    padding-top: 90px;
    border-bottom: 1px solid var(--sid26-line-2);
    position: relative;
    overflow: hidden;
} */

.hero-section{
    min-height: 100vh;
    padding-top: 90px; /* กัน navbar */
    
    /* คุมการแสดงผลรูป */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; /* เห็นรูปครบ ซ้าย–ขวา */
    
    /* สีพื้นหลังรอง เผื่อจอกว้าง */
    background-color: #04236f;
}
/* Tablet */
@media (max-width: 991px){
    .hero-section{
        background-size: 120%;
    }
}

/* Mobile */
@media (max-width: 575px){
    .hero-section{
        background-size: 160%;
        background-position: top center;
    }
}

/* subtle shimmer sweep */
.hero-section::before{
    content:"";
    position:absolute;
    inset:-40%;
    background: linear-gradient(90deg, transparent, rgba(154,242,255,.12), transparent);
    transform: rotate(12deg);
    animation: sid26HeroSweep 3.2s linear infinite;
    pointer-events:none;
}
@keyframes sid26HeroSweep{
    0%{ transform: translateX(-22%) rotate(12deg); opacity:.30; }
    100%{ transform: translateX(22%) rotate(12deg); opacity:.30; }
}
/* ---- เพิ่ม overlay เฉพาะกลางจอ ------ */
.hero-section{
    position: relative;
    isolation: isolate;
}

/* overlay ทำให้กลางจอเข้มขึ้น = ตัวอักษรเด่นขึ้น */
.hero-section::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index: 0;

    /* 2 ชั้น: กลางเข้ม + vignette ขอบ */
    background:
        radial-gradient(circle at center,
            rgba(5,11,34,0.78) 0%,
            rgba(5,11,34,0.55) 38%,
            rgba(5,11,34,0.10) 62%,
            transparent 75%),
        radial-gradient(circle at center,
            transparent 0%,
            rgba(0,0,0,0.55) 78%,
            rgba(0,0,0,0.80) 100%);
}

/* ให้ content อยู่เหนือ overlay */
.hero-section .container,
.hero-section .hero-content{
    position: relative;
    z-index: 2;
}

/* shimmer ของพี่อย่าให้ทับ content */
.hero-section::before{
    z-index: 1;
    opacity: .18; /* ลดความเด่น shimmer ลงนิด */
}
/* ---- เพิ่ม overlay เฉพาะกลางจอ ------ */

.hero-content {
    max-width: 850px;
}

/* Gradient text -> cyan/ice (match poster) */
.text-gradient {
    background: linear-gradient(170deg,rgba(255, 255, 255, 1) 25%, rgba(154, 242, 255, 1) 60%, rgba(255, 201, 74, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Countdown */
.countdown { flex-wrap: wrap; }

.countdown .time-box {
    width: 80px;
    height: 80px;
    border: 2px solid rgba(255, 255, 255, .90);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    background: rgba(255, 255, 255, .05);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .35), var(--sid26-glow-cyan);
}

.countdown span {
    font-size: 20px;
    font-weight: 800;
    text-shadow: var(--sid26-glow-cyan);
}

.countdown small { font-size: 11px; opacity: 0.82; }

.sid26-hero-title {
    font-weight: 700;
    letter-spacing: .6px;
    line-height: 1.05;
    font-size: clamp(38px, 5vw, 64px);
    text-shadow: 0 18px 55px rgba(0, 0, 0, 0.55);
    margin: 0;
}
.sid26-hero-title .text-gradient {
    line-height: 1.15;
}
.sid26-title-mid {
    margin-top: 6px;
    margin-bottom: 6px;
}
.sid26-hero-subtitle {
    font-size: clamp(16px, 1.5vw, 20px);
    font-weight: 800;
    opacity: .92;
    margin: 0;
}

.sid26-hero-organizer-label {
    flex-basis: 100%;
    text-align: center;
}

/* Organizer chip (เด่นกว่า meta อื่น) */
.sid26-hero-chip.is-organizer {
    font-size: 15px;
    font-weight: 700;
    padding: 12px 20px;
    background: linear-gradient(
        135deg,
        rgba(80, 200, 255, 0.35),
        rgba(30, 144, 255, 0.25)
    );
    border-color: rgba(120, 220, 255, 0.55);
    box-shadow:
        0 16px 36px rgba(0,0,0,.35),
        0 0 0 2px rgba(120, 220, 255, .18);
}

/* ข้อความเล็กกำกับ (optional) */
.sid26-hero-organizer-label {
    font-size: 11px;
    letter-spacing: .12em;
    text-transform: uppercase;
    opacity: .8;
    margin-bottom: 6px;
}

.sid26-hero-meta {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.sid26-hero-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.20);
    color: rgba(255, 255, 255, 0.93);
    font-weight: 600;
    font-size: 13px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 12px 30px rgba(0,0,0,.25);
    transition: 
        background .25s ease,
        border-color .25s ease,
        box-shadow .25s ease,
        transform .25s ease;
}

/* link base */
a.sid26-hero-chip {
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}

/* hover / focus = รู้ว่ากดได้ */
a.sid26-hero-chip:hover,
a.sid26-hero-chip:focus {
    background: rgba(255, 255, 255, 0.22);
    border-color: rgba(255, 255, 255, 0.45);
    box-shadow: 0 18px 40px rgba(0,0,0,.35);
    transform: translateY(-2px);
    text-decoration: none;
    color: #fff;
}

/* active ตอนคลิก */
a.sid26-hero-chip:active {
    transform: translateY(0);
    box-shadow: 0 10px 22px rgba(0,0,0,.28);
}

/* ไอคอนขยับเบาๆ */
a.sid26-hero-chip i {
    transition: transform .25s ease;
}

a.sid26-hero-chip:hover i {
    transform: translateX(2px);
}

.sid26-hero-note {
    display: inline-flex;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(154, 242, 255, 0.14);
    border: 1px solid rgba(154, 242, 255, 0.30);
    color: rgba(255, 255, 255, 0.95);
    font-weight: 900;
    letter-spacing: .2px;
    box-shadow: var(--sid26-glow-cyan);
}

@media (max-width: 576px) {
    .sid26-hero-chip { border-radius: 14px; text-align: left; }
}


/* =========================================================
   COLLAB
========================================================= */
.sid26-collab { max-width: 900px; margin: 0 auto; }

.sid26-collab-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .6px;
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.20);
    margin-bottom: 10px;
}

.sid26-collab-unified {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 16px 18px;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.07));
    border: 1px solid rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(8px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35), var(--sid26-glow-blue);
}

.sid26-collab-text {
    font-size: 15.5px;
    font-weight: 600;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.97);
    text-shadow: 0 12px 30px rgba(0, 0, 0, 0.55);
    text-align: center;
}

.sid26-collab-caret {
    width: 2px;
    height: 18px;
    background: rgba(154, 242, 255, 0.95);
    border-radius: 2px;
    box-shadow: var(--sid26-glow-cyan);
    animation: sid26CaretBlink .9s infinite;
}

@keyframes sid26CaretBlink {
    0%, 49% { opacity: 1; }
    50%, 100% { opacity: 0; }
}

@media (max-width: 576px) {
    .sid26-collab-text { font-size: 14px; }
}


/* =========================================================
   ABOUT
========================================================= */
.sid26-about-section {
    position: relative;
    padding: 110px 0 90px;
    color: #fff;
    background:
        radial-gradient(circle at left, rgba(17, 61, 255, 0.34) 0%, transparent 50%),
        radial-gradient(circle at right, rgba(154, 242, 255, 0.20) 0%, transparent 52%),
        linear-gradient(180deg, var(--sid26-s-about) 0%, #000 82%);
}

.sid26-about-left { padding-top: 10px; }

.sid26-about-brand {
    font-weight: 800;
    letter-spacing: 0.5px;
    opacity: 0.95;
    text-transform: uppercase;
}

.sid26-about-title {
    margin-top: 10px;
    font-weight: 900;
    font-size: 26px;
    line-height: 1.25;
}

.sid26-about-sub { font-weight: 700; opacity: 0.9; }

.sid26-about-highlight { margin-top: 14px; }

.sid26-about-en,
.sid26-about-th {
    color: var(--sid26-cyan);
    font-weight: 800;
    text-shadow: var(--sid26-glow-cyan);
}
.sid26-about-th { margin-top: 6px; }

.sid26-about-right { max-width: 720px; margin-left: auto; }

.sid26-about-heading {
    font-weight: 900;
    font-size: 22px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.sid26-about-lead {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.7;
    margin-bottom: 14px;
    opacity: 0.95;
}

.sid26-about-paragraph p {
    font-size: 15.5px;
    line-height: 1.9;
    opacity: 0.9;
}

/* STATS CARDS */
.sid26-stat-card {
    height: 120px;
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.07));
    border: 1px solid rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(8px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.sid26-stat-card:hover {
    box-shadow: 0 22px 55px rgba(0, 0, 0, 0.55), var(--sid26-glow-cyan);
}

.sid26-stat-number {
    font-size: 46px;
    font-weight: 900;
    line-height: 1;
    text-shadow: 0 0 18px rgba(154, 242, 255, 0.22);
}

.sid26-plus {
    font-size: 34px;
    font-weight: 900;
    margin-left: 2px;
    color: var(--sid26-yellow);
}

.sid26-stat-label {
    margin-top: 6px;
    font-size: 14px;
    letter-spacing: 1px;
    opacity: 0.9;
    text-transform: uppercase;
}

@media (max-width: 991.98px) {
    .sid26-about-right { margin-left: 0; }
    .sid26-about-section { padding: 90px 0 70px; }
}

/* key highlights */
.sid26-about-key {
    padding: 16px 16px 14px;
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.06));
    border: 1px solid rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(8px);
}

.sid26-about-keytitle {
    font-weight: 900;
    letter-spacing: .2px;
    margin-bottom: 10px;
    opacity: .95;
}

.sid26-about-keylist {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sid26-about-keylist li {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    line-height: 1.7;
    opacity: .92;
    font-size: 15px;
}

.sid26-about-keylist i {
    margin-top: 3px;
    opacity: .95;
    color: var(--sid26-cyan);
}


/* =========================================================
   AGENDA
========================================================= */
.sid26-section-head--agenda {
    max-width: 1400px;
    margin: 0 auto 16px;
    padding: 0 6px;
    color: #fff;
}

.sid26-section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 900;
    letter-spacing: .6px;
    text-transform: uppercase;
    font-size: 12px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .20);
}

.sid26-section-titlewrap {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin-top: 10px;
}

.sid26-section-title {
    margin: 0;
    font-weight: 900;
    letter-spacing: 1px;
    font-size: clamp(28px, 3vw, 40px);
    line-height: 1.05;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 14px 40px rgba(0, 0, 0, .55);
}

.sid26-section-sub {
    font-weight: 900;
    color: rgba(255, 255, 255, .86);
    font-size: clamp(14px, 1.2vw, 16px);
    position: relative;
    padding-left: 12px;
}

.sid26-section-sub::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-45%);
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--sid26-cyan);
    box-shadow: 0 0 0 4px rgba(154, 242, 255, .22);
}

.sid26-section-desc {
    margin-top: 10px;
    max-width: 820px;
    color: rgba(255, 255, 255, .84);
    line-height: 1.7;
    font-size: 15px;
}

.sid26-agenda-section {
    padding: 90px 0;
    color: #fff;
    background:
        radial-gradient(circle at left, rgba(17, 61, 255, .24) 0%, transparent 52%),
        radial-gradient(circle at right, rgba(154, 242, 255, .16) 0%, transparent 56%),
        linear-gradient(180deg, var(--sid26-s-agenda) 0%, #000 86%);
}

.sid26-agenda-wrap {
    max-width: 1400px;
    margin: 0 auto;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 28px 70px rgba(0, 0, 0, .55);
    border: 1px solid rgba(255, 255, 255, .12);
}

/* TOP TABS */
.sid26-agenda-tabs {
    display: flex;
    gap: 10px;
    padding: 14px;
    background: rgba(0, 0, 0, .42);
}

.sid26-tab-btn {
    flex: 1;
    border: 0;
    padding: 14px 10px;
    border-radius: 12px;
    font-weight: 900;
    letter-spacing: .3px;
    color: rgba(255, 255, 255, .88);
    background: rgba(255, 255, 255, .12);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    transition: transform .15s ease, background .15s ease, box-shadow .15s ease;
}

.sid26-tab-btn:hover {
    transform: translateY(-1px);
    background: rgba(255, 255, 255, .18);
}

/* active -> cyan/blue like poster */
.sid26-tab-btn.is-active {
    background: linear-gradient(135deg, var(--sid26-cyan), var(--sid26-blue));
    color: #06102c;
    box-shadow: 0 14px 28px rgba(0, 0, 0, .35), var(--sid26-glow-cyan);
}

/* venue bar */
.sid26-venue-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: rgba(0, 0, 0, .62);
    border-top: 1px solid rgba(255, 255, 255, .10);
    border-bottom: 1px solid rgba(255, 255, 255, .10);
}

.sid26-venue-title {
    font-weight: 900;
    white-space: nowrap;
    opacity: .96;
}

.sid26-venue-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.sid26-chip {
    border: 1px solid rgba(255, 255, 255, .22);
    background: rgba(255, 255, 255, .10);
    color: rgba(255, 255, 255, .92);
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    transition: transform .15s ease, background .15s ease, border-color .15s ease;
}

.sid26-chip:hover {
    transform: translateY(-1px);
    background: rgba(255, 255, 255, .18);
}

.sid26-chip.is-active {
    background: rgba(154, 242, 255, .18);
    border-color: rgba(154, 242, 255, .38);
    box-shadow: var(--sid26-glow-cyan);
}

/* header row */
.sid26-agenda-header {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr) 220px 160px;
    gap: 14px;
    padding: 14px 18px;
    background: rgba(0, 0, 0, .72);
    color: rgba(255, 255, 255, .92);
    font-weight: 900;
    letter-spacing: .3px;
}

.sid26-hcell { opacity: .95; }

.sid26-agenda-list { background: rgba(255, 255, 255, .06); }

/* AGENDA ITEM */
.sid26-agenda-item {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr) 220px 160px;
    gap: 14px;
    padding: 22px 18px;
    align-items: stretch;
    position: relative;
    color: #111;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    background: #f4f5f7;
}

.sid26-agenda-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 100%;
    border-radius: 0 6px 6px 0;
    background: rgba(0, 0, 0, .10);
}

/* EVENT row */
.sid26-agenda-item[data-sid26-type="event"] {
    background: linear-gradient(180deg, #fffaf0 0%, #f3f4f6 100%);
}
.sid26-agenda-item[data-sid26-type="event"]::before {
    background: linear-gradient(180deg, #ffd54f 0%, #ffb300 100%);
}

/* COMPETITION row */
.sid26-agenda-item[data-sid26-type="competition"] {
    background: linear-gradient(180deg, #f2fbff 0%, #eef2f7 100%);
}
.sid26-agenda-item[data-sid26-type="competition"]::before {
    background: linear-gradient(180deg, var(--sid26-cyan) 0%, var(--sid26-blue) 100%);
}

/* WORKSHOP row (เปลี่ยนเป็นม่วง/อินดิโก้ ชัดๆ ไม่ชน competition) */
.sid26-agenda-item[data-sid26-type="workshop"] {
    background: linear-gradient(180deg, #f7f4ff 0%, #eef2f7 100%);
}
.sid26-agenda-item[data-sid26-type="workshop"]::before {
    background: linear-gradient(180deg, rgb(103, 58, 183) 0%, rgb(69, 39, 160) 100%);
}

.sid26-agenda-item:hover { filter: brightness(1.02); }

/* time */
.sid26-time {
    text-align: center;
    font-weight: 900;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.sid26-time-main {
    font-size: 18px;
    font-weight: 600;
}
.sid26-time-sub { 
    font-size: 12px;  
    font-weight: 600;
    opacity: .6; 
}

/* content */
.sid26-content {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.sid26-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.4;
    word-break: break-word;
}
.sid26-desc {
    margin-top: 6px;
    font-size: 14px;
    color: rgba(0, 0, 0, .70);
    line-height: 1.6;
}
.sid26-meta {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}
.sid26-speaker {
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(0, 0, 0, .08);
}

/* venue badge */
.sid26-place { display: flex; align-items: center; justify-content: flex-start; }

.sid26-venue-badge {
    font-size: 12px;
    padding: 6px 12px;
    border-radius: 999px;
    font-weight: 800;
    border: 1px solid rgba(0, 0, 0, .08);
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* แยกตามห้อง/พื้นที่ */
.sid26-venue-badge.v-main {
    color: #4e342e;
    background: linear-gradient(135deg, #ffecb3, #ffd54f);
    border-color: rgba(255, 193, 7, .35);
}

/* ✅ Exhibition Area */
.sid26-venue-badge.v-dining {
    color: #1b5e20;
    background: linear-gradient(135deg, #c8e6c9, #81c784);
    border-color: rgba(76, 175, 80, .35);
}

.sid26-venue-badge.v-lab1 {
    color: #311b92;
    background: linear-gradient(135deg, #e1bee7, #b39ddb);
    border-color: rgba(103, 58, 183, .35);
}
.sid26-venue-badge.v-lab2 {
    color: #e65100;
    background: linear-gradient(135deg, #ffe0b2, #ffb74d);
    border-color: rgba(255, 152, 0, .35);
}
.sid26-venue-badge.v-lab3 {
    color: #004d40;
    background: linear-gradient(135deg, #b2dfdb, #4db6ac);
    border-color: rgba(0, 150, 136, .35);
}

/* type badge */
.sid26-kind { display: flex; align-items: center; justify-content: flex-end; }

.sid26-type-badge {
    font-size: 12px;
    font-weight: 900;
    padding: 7px 14px;
    border-radius: 999px;
    letter-spacing: .4px;
    border: 1px solid rgba(0, 0, 0, .08);
}

.t-event {
    background: linear-gradient(135deg, #ffd54f, #ffca28);
    color: #5d4300;
}

.t-competition {
    background: linear-gradient(135deg, var(--sid26-cyan), var(--sid26-blue));
    color: #06102c;
    border-color: rgba(0, 0, 0, .06);
}

/* ✅ WORKSHOP badge เป็นม่วง/อินดิโก้ */
.t-workshop {
    color: rgb(45, 20, 80);
    background: linear-gradient(135deg, rgb(186, 104, 200), rgb(103, 58, 183));
}

/* empty */
.sid26-empty {
    padding: 26px 18px;
    text-align: center;
    color: rgba(255, 255, 255, .90);
    background: rgba(0, 0, 0, .42);
}

/* responsive */
@media (max-width: 991.98px) {
    .sid26-agenda-header { display: none; }
    .sid26-agenda-item { grid-template-columns: 1fr; padding-left: 18px; }
    .sid26-time { text-align: left; }
    .sid26-kind { justify-content: flex-start; }
}


/* =========================================================
   REGISTER + DETAILS + MODAL
========================================================= */
.sid26-register-section {
    padding: 90px 0;
    color: #fff;
    background:
        radial-gradient(circle at left, rgba(17, 61, 255, 0.22) 0%, transparent 52%),
        radial-gradient(circle at right, rgba(154, 242, 255, 0.16) 0%, transparent 56%),
        linear-gradient(180deg, var(--sid26-s-register) 0%, #000 86%);
}

.sid26-section-head--register {
    max-width: 1400px;
    margin: 0 auto 18px;
    padding: 0 6px;
}

.sid26-register-grid {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.sid26-reg-card {
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .075);
    box-shadow: 0 28px 70px rgba(0, 0, 0, .45);
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

/* hot card -> cyan glow */
.sid26-reg-card--hot {
    border-color: rgba(154, 242, 255, 0.30);
    box-shadow: 0 28px 70px rgba(0, 0, 0, .45), var(--sid26-glow-cyan);
}

.sid26-reg-card-top {
    padding: 18px 18px 14px;
    flex: 1 1 auto;
}

.sid26-reg-pill {
    display: inline-flex;
    align-items: center;
    font-weight: 900;
    letter-spacing: .4px;
    font-size: 12px;
    padding: 7px 12px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .16);
    background: rgba(0, 0, 0, .30);
}

.p-join { box-shadow: 0 0 0 4px rgba(255, 255, 255, .06) inset; }
.p-event { box-shadow: 0 0 0 4px rgba(255, 202, 40, .10) inset; }
.p-workshop { box-shadow: 0 0 0 4px rgba(154, 242, 255, .12) inset; }

.sid26-reg-name {
    margin-top: 10px;
    font-weight: 900;
    font-size: 18px;
}

.sid26-reg-desc {
    margin-top: 4px;
    color: rgba(255, 255, 255, .82);
    font-size: 14px;
    line-height: 1.5;
}

/* buttons */
.sid26-reg-btn {
    border: 0;
    width: 100%;
    padding: 14px 16px;
    font-weight: 900;
    letter-spacing: .3px;
    color: #06102c;
    background: rgba(255, 255, 255, .14);
    transition: transform .15s ease, background .15s ease, filter .15s ease;
}

.sid26-reg-btn:hover {
    transform: translateY(-1px);
    background: rgba(255, 255, 255, .20);
}

/* primary CTA */
.sid26-reg-btn--hot {
    color: #06102c;
    background: linear-gradient(135deg, var(--sid26-cyan), var(--sid26-blue));
    box-shadow: var(--sid26-glow-cyan);
}

.sid26-reg-btn--hot:hover {
    filter: brightness(1.03);
    background: linear-gradient(135deg, var(--sid26-blue), var(--sid26-cyan));
}

/* Make all 3 standout equally */
.sid26-reg-btn.sid26-reg-btn--hot{
    background: linear-gradient(135deg, var(--sid26-cyan), var(--sid26-blue));
    color: #06102c;
    font-weight: 900;
    letter-spacing: .2px;
    border: 0;
    box-shadow: 0 14px 30px rgba(0,0,0,.35), var(--sid26-glow-cyan);
}

.sid26-reg-btn.sid26-reg-btn--hot:hover{
    transform: translateY(-2px);
    filter: brightness(1.04);
    background: linear-gradient(135deg, var(--sid26-blue), var(--sid26-cyan));
}

.sid26-reg-btn.sid26-reg-btn--hot:active{
    transform: translateY(0px) scale(.99);
}

/* action group + link */
.sid26-reg-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: auto;
}

/* JOIN ที่มีปุ่มเดียว ให้ปุ่มอยู่ล่างสุดด้วย */
.sid26-reg-card > .sid26-reg-btn{ margin-top: auto; }

.sid26-reg-actions .sid26-reg-btn,
.sid26-reg-actions .sid26-reg-link{ width: 100%; }

.sid26-reg-link {
    border: 0;
    width: 100%;
    padding: 10px 12px;
    border-radius: 12px;
    font-weight: 800;
    letter-spacing: .2px;
    background: rgba(255, 255, 255, .12);
    color: rgba(255, 255, 255, .94);
    transition: transform .15s ease, background .15s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sid26-reg-link:hover {
    transform: translateY(-1px);
    background: rgba(255, 255, 255, .18);
}

@media (max-width: 991.98px) {
    .sid26-register-grid { grid-template-columns: 1fr; }
}

/* quick highlights */
.sid26-reg-mini{
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,.14);
}

.sid26-reg-mini-row{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 6px;
}

.sid26-reg-mini-badge{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.14);
    color: rgba(255,255,255,.92);
}

/* onsite badge */
.sid26-reg-mini-badge.is-onsite {
    background: linear-gradient(135deg, #ffb703, #ff7a00);
    border-color: rgba(255, 183, 3, .6);
    color: #1a1200;
    font-weight: 600;
    box-shadow: 0 0 0 2px rgba(255, 183, 3, .25);
}

/* ไอคอน onsite */
.sid26-reg-mini-badge.is-onsite i {
    font-size: 12px;
}

.sid26-reg-mini-badge.is-onsite {
    animation: sid26-pulse 1.8s infinite;
}

@keyframes sid26-pulse {
    0% { box-shadow: 0 0 0 0 rgba(255,183,3,.45); }
    70% { box-shadow: 0 0 0 8px rgba(255,183,3,0); }
    100% { box-shadow: 0 0 0 0 rgba(255,183,3,0); }
}
/* online label ใน badge */
.sid26-reg-mini-badge .sid26-badge-online {
    margin-left: 4px;
    padding: 2px 6px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .2px;
    line-height: 1;
    background: rgba(0, 200, 255, .18);
    color: #7fdcff;
    border: 1px solid rgba(0, 200, 255, .35);
    text-transform: uppercase;
}
.sid26-reg-mini-badge .sid26-badge-online {
    box-shadow: 0 0 0 2px rgba(0, 200, 255, .15);
}
.sid26-reg-mini-text{
    font-size: 13px;
    color: rgba(255,255,255,.78);
}

/* ===== Details Section ===== */
.sid26-details-section {
    padding: 70px 0 90px;
    color: #fff;
    background:
        radial-gradient(circle at left, rgba(17, 61, 255, 0.20) 0%, transparent 52%),
        radial-gradient(circle at right, rgba(154, 242, 255, 0.14) 0%, transparent 56%),
        linear-gradient(180deg, var(--sid26-s-details) 0%, #000 86%);
}

#sid26-details { background-color: transparent; }

/* pills override (Bootstrap nav) */
.sid26-tab-pill,
.sid26-subtab-pill {
    font-weight: 900;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    background: rgba(255, 255, 255, .12) !important;
    color: rgba(255, 255, 255, .95) !important;
}

.sid26-tab-pill { padding: 12px 18px; letter-spacing: .3px; }
.sid26-subtab-pill { padding: 10px 16px; }

/* active -> cyan/blue */
.sid26-tab-pill.active,
.sid26-subtab-pill.active {
    background: linear-gradient(135deg, var(--sid26-cyan), var(--sid26-blue)) !important;
    border-color: rgba(154, 242, 255, .40) !important;
    color: #06102c !important;
    box-shadow: var(--sid26-glow-cyan);
}

/* detail card */
.sid26-detail-card {
    border-radius: 18px;
    padding: 18px;
    background: rgba(255, 255, 255, .075);
    border: 1px solid rgba(255, 255, 255, .12);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.sid26-detail-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.sid26-detail-title {
    font-weight: 900;
    font-size: 18px;
    line-height: 1.35;
}

.sid26-detail-accent {
    color: var(--sid26-yellow);
    font-weight: 900;
}

.sid26-detail-desc {
    color: rgba(255, 255, 255, .88);
    line-height: 1.8;
    margin-bottom: 14px;
}

.sid26-detail-box {
    border-radius: 14px;
    padding: 14px;
    background: rgba(0, 0, 0, .20);
    border: 1px solid rgba(255, 255, 255, .10);
}

.sid26-detail-box-title {
    font-weight: 900;
    margin-bottom: 8px;
}

.sid26-detail-list {
    margin: 0;
    padding-left: 18px;
    color: rgba(255, 255, 255, .88);
    line-height: 1.75;
}

.sid26-detail-badges .sid26-badge {
    background: rgba(154, 242, 255, .16);
    border: 1px solid rgba(154, 242, 255, .24);
    color: rgba(255, 255, 255, .95);
    font-weight: 800;
    margin-right: 6px;
}
/* 🔶 Onsite */
.sid26-detail-badges .sid26-badge.is-onsite {
    background: rgba(255, 183, 3, 0.22);
    border-color: rgba(255, 183, 3, 0.55);
    color: #fff;
}

/* 🔷 Online */
.sid26-detail-badges .sid26-badge.is-online {
    background: rgba(80, 200, 255, 0.25);
    border-color: rgba(80, 200, 255, 0.65);
    color: #fff;
}
/* =========================
   SID26 PARTNERS
========================= */
.sid26-partners {
    background: linear-gradient(180deg, #050b22, #070f2f);
}

.sid26-partner-item {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 16px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .25s ease;
}

.sid26-partner-item img {
    max-width: 100%;
    max-height: 200px;
    object-fit: contain;
    /* filter: grayscale(100%) brightness(0.9); */
    transition: all .25s ease;
}

.sid26-partner-item:hover {
    transform: translateY(-4px);
    background: rgba(127,232,255,0.08);
    border-color: rgba(127,232,255,0.35);
    box-shadow: 0 10px 30px rgba(127,232,255,0.15);
}

.sid26-partner-item:hover img {
    filter: grayscale(0%) brightness(1);
}

/* Mobile polish */
@media (max-width: 575px) {
    .sid26-partner-item img {
        max-height: 48px;
    }
}

/* ===== MODAL ===== */
.sid26-reg-modal .modal-dialog { padding: 8px; }

.sid26-reg-modal-content {
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .12);
    background:
        radial-gradient(circle at left, rgba(17, 61, 255, 0.24) 0%, transparent 52%),
        radial-gradient(circle at right, rgba(154, 242, 255, 0.16) 0%, transparent 56%),
        linear-gradient(180deg, rgba(7, 18, 45, .98) 0%, rgba(0, 0, 0, .98) 100%);
    color: #fff;
}

.sid26-reg-modal-header {
    border-bottom: 1px solid rgba(255, 255, 255, .10);
    padding: 18px;
}

.sid26-reg-modal-kicker {
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .6px;
    opacity: .86;
}

.sid26-reg-modal-title {
    margin: 6px 0 0;
    font-weight: 900;
    letter-spacing: .4px;
}

/* type row */
.sid26-reg-modal-type {
    margin-top: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.sid26-reg-typepill {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    font-weight: 900;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .10);
}

.sid26-reg-typehint {
    font-size: 12px;
    color: rgba(255, 255, 255, .78);
    font-weight: 800;
}

.sid26-reg-typesum {
    font-size: 12px;
    font-weight: 900;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .14);
    background: rgba(0, 0, 0, .28);
}

/* body/footer */
.sid26-reg-modal-body { padding: 18px 18px 6px; }

.sid26-reg-modal-footer {
    border-top: 1px solid rgba(255, 255, 255, .10);
    padding: 14px 18px 18px;
}

/* form label/input */
.sid26-reg-label {
    font-weight: 900;
    font-size: 13px;
    margin-bottom: 6px;
    color: rgba(255, 255, 255, .95);
}

.sid26-reg-req {
    color: var(--sid26-yellow);
    font-weight: 900;
}

.sid26-reg-input {
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .07);
    color: #fff;
    padding: 12px 12px;
    transition: box-shadow .15s ease, border-color .15s ease, background .15s ease;
}

.sid26-reg-input:focus {
    border-color: rgba(154, 242, 255, .70);
    box-shadow: var(--sid26-focus-ring);
    background: rgba(255, 255, 255, .09);
    color: #fff;
}

.sid26-reg-input::placeholder { color: rgba(255, 255, 255, .48); }

.sid26-reg-input option,
.sid26-reg-input optgroup {
    color: #000;
    background-color: #fff;
}

/* PDPA */
.sid26-pdpa-box {
    margin-top: 6px;
    border-radius: 14px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .075);
}

.sid26-pdpa-title { font-weight: 900; margin-bottom: 6px; }

.sid26-pdpa-desc {
    font-size: 13px;
    color: rgba(255, 255, 255, .84);
    line-height: 1.65;
}

.sid26-pdpa-check {
    margin-top: 10px;
    display: flex;
    gap: 10px;
    align-items: flex-start;
    font-weight: 900;
    color: rgba(255, 255, 255, .95);
}

.sid26-pdpa-check input {
    margin-top: 4px;
    width: 18px;
    height: 18px;
    accent-color: var(--sid26-cyan);
}

.sid26-reg-modal.modal .modal-backdrop.show { opacity: .75; }

/* ================= form ===================== */
#sid26RegForm:not(.was-validated) .form-control:invalid:focus,
#sid26RegForm:not(.was-validated) .form-select:invalid:focus {
    border-color: rgba(255, 255, 255, 0.28);
    box-shadow: none;
}

#sid26RegForm:not(.was-validated) .form-control:invalid,
#sid26RegForm:not(.was-validated) .form-select:invalid {
    border-color: rgba(255, 255, 255, 0.28);
}

#sid26RegForm.was-validated .form-control:invalid,
#sid26RegForm.was-validated .form-select:invalid {
    border-color: #dc3545;
}

#sid26RegForm.was-validated .form-control:valid,
#sid26RegForm.was-validated .form-select:valid {
    border-color: #28a745;
}
/* ================= form ===================== */

/* ===== SID26 CHECK REGISTER (NEW) ===== */
.sid26-check-wrap { width: 100%; }
.sid26-check-card{
    display:flex; gap:16px; align-items:center; justify-content:space-between;
    padding:18px 18px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
    backdrop-filter: blur(10px);
    box-shadow: 0 14px 40px rgba(0,0,0,.25);
}
.sid26-check-title{
    font-weight:800; letter-spacing:.4px;
    font-size:18px; color:#fff;
}
.sid26-check-desc{
    font-size:14px; opacity:.85; color:#fff; margin-top:4px;
}
.sid26-check-badges{ display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.sid26-check-badge{
    font-size:12px; color:#fff;
    padding:6px 10px;
    border-radius:999px;
    background: rgba(0,0,0,.28);
    border: 1px solid rgba(255,255,255,.12);
}

.sid26-check-btn{
    border:0;
    padding:12px 16px;
    border-radius:14px;
    font-weight:800;
    color:#fff;
    background: linear-gradient(90deg, rgba(122,92,255,1), rgba(24,136,255,1));
    box-shadow: 0 12px 30px rgba(24,136,255,.22);
    transition: transform .15s ease, filter .15s ease;
    white-space: nowrap;
}
.sid26-check-btn:hover{ transform: translateY(-1px); filter: brightness(1.05); }
.sid26-check-btn:active{ transform: translateY(0px); }

/* ===== MODAL ===== */
.sid26-check-modal-content{
    border-radius:18px;
    border:1px solid rgba(255,255,255,.12);
    overflow:hidden;
    background: #414581;
}
.sid26-check-modal-header{
    padding:16px 18px;
    border-bottom:1px solid rgba(255,255,255,.10);
    background: linear-gradient(90deg, rgba(122,92,255,.35), rgba(24,136,255,.25));
}
.sid26-check-modal-kicker{
    font-size:12px; letter-spacing:.9px; text-transform:uppercase;
    opacity:.85; color:#fff;
}
.sid26-check-modal-title{
    margin:2px 0 0 0;
    font-weight:900; color:#fff;
}
.sid26-check-modal-body{ padding:18px; color:#fff; }

.sid26-check-form-title{ font-weight:600; font-size:16px; }
.sid26-check-form-sub{ font-size:13px; opacity:.8; margin-top:4px; margin-bottom:10px; }

.sid26-check-inputwrap{ position:relative; }
.sid26-check-inputicon{
    position:absolute; left:12px; top:50%; transform:translateY(-50%);
    opacity:.9;
}
.sid26-check-input{
    padding-left:40px;
    border-radius:14px;
    background: rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.12);
    color:#fff;
}
.sid26-check-input:focus{
    background: rgba(255,255,255,.08);
    border-color: rgba(24,136,255,.65);
    box-shadow: 0 0 0 .2rem rgba(24,136,255,.18);
    color:#fff;
}
.sid26-check-hint{ font-size:12px; opacity:.75; margin-top:6px; }

.sid26-check-submit{
    border:0;
    border-radius:14px;
    font-weight:900;
    color:#fff;
    background: rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.14);
    transition: filter .15s ease, transform .15s ease;
}
.sid26-check-submit:hover{ filter: brightness(1.06); transform: translateY(-1px); }
.sid26-check-submit:active{ transform: translateY(0px); }
.sid26-check-submit.is-loading{ opacity:.85; pointer-events:none; }

.sid26-check-alert{
    margin-top:12px;
    padding:10px 12px;
    border-radius:14px;
    background: rgba(255,69,58,.14);
    border:1px solid rgba(255,69,58,.25);
    color:#fff;
    font-weight:700;
}

.sid26-check-result-head{ margin-bottom:12px; }
.sid26-check-result-title{ font-weight:900; font-size:16px; }
.sid26-check-result-sub{ font-size:13px; opacity:.8; margin-top:2px; }

.sid26-check-result-card{
    padding:14px;
    border-radius:18px;
    background: rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.12);
}
.sid26-check-kv{ display:flex; gap:10px; flex-wrap:wrap; margin-top:8px; }
.sid26-check-kv .kv{
    flex: 1 1 220px;
    padding:10px 12px;
    border-radius:14px;
    background: rgba(0,0,0,.22);
    border:1px solid rgba(255,255,255,.10);
}
.sid26-check-kv .k{ font-size:12px; opacity:.75; }
.sid26-check-kv .v{ font-size:14px; font-weight:600; margin-top:2px; }

.sid26-check-result-actions{ display:flex; gap:10px; justify-content:flex-end; flex-wrap:wrap; }
.sid26-check-back, .sid26-check-checkin{
    border-radius:14px;
    padding:10px 14px;
    font-weight:900;
    border:1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.10);
    color:#fff;
}
.sid26-check-checkin{
    background: linear-gradient(90deg, rgba(122,92,255,1), rgba(24,136,255,1));
    border:0;
}
.sid26-check-checkin:disabled{ opacity:.5; cursor:not-allowed; filter: grayscale(1); }

@media (max-width: 575.98px){
    .sid26-check-card{ flex-direction:column; align-items:flex-start; }
    .sid26-check-right{ width:100%; }
    .sid26-check-btn{ width:100%; }
}