/* Extracted from Views/Simulasyon/Toplanti.cshtml. */
    .meeting-sim-page {
        position: relative;
        overflow: hidden;
    }

    .meeting-sim-page::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
        background-size: 28px 28px;
        mask-image: linear-gradient(to bottom, rgba(0,0,0,.75), transparent 92%);
        opacity: .28;
    }

    .glass-panel {
        position: relative;
        z-index: 1;
        border: 1px solid rgba(255,255,255,.10);
        background: linear-gradient(180deg, rgba(33,33,33,.82), rgba(23,23,23,.88));
        box-shadow: 0 20px 60px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05);
        border-radius: 24px;
        overflow: hidden;
    }

    .meeting-hero {
        min-height: 300px;
    }

    .eyebrow,
    .section-eyebrow {
        display: inline-block;
        font-size: .82rem;
        font-weight: 700;
        letter-spacing: .08em;
        text-transform: uppercase;
        color: #b4b4b4;
    }

    .meeting-title {
        font-size: clamp(1.95rem, 4vw, 3rem);
        line-height: 1.08;
        font-weight: 800;
        color: #ececec;
        margin: 0;
        max-width: 900px;
    }

    .meeting-sub {
        font-size: 1rem;
        line-height: 1.75;
        color: rgba(225, 238, 248, .82);
        max-width: 760px;
    }

    .hero-side-card {
        border: 1px solid rgba(255,255,255,.10);
        border-radius: 22px;
        padding: 1rem;
        background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
        box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
    }

    .hero-side-top {
        display: flex;
        align-items: center;
        gap: .6rem;
        color: #f6fbff;
        font-weight: 700;
        margin-bottom: .85rem;
    }

    .hero-check-list {
        display: grid;
        gap: .7rem;
    }

    .compact-list .hero-check-item {
        padding: .8rem .9rem;
    }

    .hero-check-item {
        display: flex;
        align-items: center;
        gap: .85rem;
        border-radius: 16px;
        color: #deedf7;
        border: 1px solid rgba(255,255,255,.08);
        background: rgba(255,255,255,.03);
    }

    .hero-check-item i {
        font-size: 1.05rem;
        color: #b4b4b4;
    }

    .section-head {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 1rem;
        align-items: center;
    }

    .section-title {
        color: #ececec;
        font-size: 1.4rem;
        font-weight: 800;
    }

    .test-head-actions {
        display: flex;
        align-items: center;
        gap: .75rem;
    }

    .camera-preview-wrap {
        position: relative;
        border-radius: 24px;
        overflow: hidden;
        border: 1px solid rgba(255,255,255,.10);
        background: radial-gradient(circle at 20% 20%, rgba(16,163,127,.10), transparent 24%), linear-gradient(180deg, #171717, #171717);
    }

    .compact-preview {
        min-height: 280px;
    }

    #cameraPreview {
        width: 100%;
        height: 320px;
        object-fit: cover;
        display: block;
        background: #171717;
    }

    .camera-placeholder {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 2rem;
        background: radial-gradient(circle at 50% 40%, rgba(16,163,127,.10), transparent 22%), linear-gradient(180deg, rgba(23,23,23,.18), rgba(23,23,23,.38));
    }

    .camera-placeholder.hidden {
        display: none;
    }

    .camera-placeholder-inner i {
        font-size: 2.3rem;
        color: #b4b4b4;
        display: block;
        margin-bottom: .9rem;
    }

    .camera-placeholder-inner h3 {
        color: #ececec;
        font-size: 1.1rem;
        font-weight: 700;
        margin-bottom: .45rem;
    }

    .camera-placeholder-inner p {
        color: rgba(222, 237, 247, .75);
        margin: 0;
    }

    .camera-overlay-top,
    .camera-overlay-bottom {
        position: absolute;
        left: 0;
        right: 0;
        padding: .85rem;
        display: flex;
        justify-content: space-between;
        pointer-events: none;
    }

    .camera-overlay-top { top: 0; }
    .camera-overlay-bottom { bottom: 0; }

    .overlay-chip,
    .overlay-user-pill {
        display: inline-flex;
        align-items: center;
        gap: .55rem;
        padding: .5rem .8rem;
        border-radius: 999px;
        color: #f6fbff;
        background: rgba(23, 23, 23, .58);
        border: 1px solid rgba(255,255,255,.10);
        backdrop-filter: blur(8px);
        font-size: .92rem;
    }

    .live-dot {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #42ff9c;
        box-shadow: 0 0 12px rgba(66,255,156,.8);
        display: inline-block;
    }

    .tool-card {
        border-radius: 22px;
        border: 1px solid rgba(255,255,255,.09);
        background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
    }

    .compact-card {
        padding: .95rem;
    }

    .tool-card-head {
        margin-bottom: .9rem;
    }

    .tool-card-head h3 {
        color: #ececec;
        font-size: 1rem;
        font-weight: 700;
        margin-bottom: 0;
    }

    .tool-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: .7rem;
    }

    .single-row-actions {
        max-width: 430px;
    }

    .tool-label {
        display: block;
        color: #cfe4ef;
        font-size: .9rem;
        font-weight: 600;
        margin-bottom: .45rem;
    }

    .meeting-select,
    .custom-range {
        border-radius: 14px;
    }

    .meeting-select {
        background-color: rgba(255,255,255,.06);
        border: 1px solid rgba(255,255,255,.10);
        color: #eef8ff;
        min-height: 44px;
    }

    .meeting-select:focus {
        border-color: rgba(16,163,127,.45);
        box-shadow: 0 0 0 .2rem rgba(16,163,127,.12);
        background-color: rgba(255,255,255,.08);
        color: #000000;
    }

    .audio-meter {
        width: 100%;
        height: 12px;
        border-radius: 999px;
        overflow: hidden;
        background: rgba(255,255,255,.06);
        border: 1px solid rgba(255,255,255,.08);
    }

    .audio-meter-bar {
        width: 0%;
        height: 100%;
        border-radius: 999px;
        background: linear-gradient(90deg, #42ff9c, #b4b4b4, #10a37f);
        transition: width .08s linear;
    }

    .meeting-sidebar {
        display: flex;
        flex-direction: column;
    }

    .status-stack {
        display: grid;
        gap: .75rem;
    }

    .status-card {
        display: flex;
        align-items: center;
        gap: .85rem;
        padding: .85rem .95rem;
        border-radius: 18px;
        border: 1px solid rgba(255,255,255,.08);
        background: rgba(255,255,255,.04);
        transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
    }

    .status-card.done {
        border-color: rgba(66,255,156,.28);
        box-shadow: 0 0 0 1px rgba(66,255,156,.08) inset;
        background: linear-gradient(180deg, rgba(66,255,156,.07), rgba(255,255,255,.03));
    }

    .status-icon {
        width: 42px;
        height: 42px;
        border-radius: 14px;
        display: grid;
        place-items: center;
        color: #b4b4b4;
        font-size: 1.05rem;
        background: linear-gradient(180deg, rgba(16,163,127,.16), rgba(16,163,127,.10));
        border: 1px solid rgba(255,255,255,.10);
        flex-shrink: 0;
    }

    .status-content {
        display: flex;
        flex-direction: column;
        gap: .15rem;
        width: 100%;
    }

    .status-title-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .75rem;
    }

    .status-content strong {
        color: #ececec;
        font-size: .95rem;
    }

    .status-content span {
        color: rgba(222, 237, 247, .72);
        font-size: .9rem;
    }

    .status-check {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(255,255,255,.06);
        border: 1px solid rgba(255,255,255,.10);
        color: transparent;
        flex-shrink: 0;
        transition: all .2s ease;
    }

    .status-check.done {
        color: #171717;
        background: linear-gradient(90deg, #42ff9c, #b4b4b4);
        border-color: transparent;
        box-shadow: 0 0 16px rgba(66,255,156,.25);
    }

    .tip-box {
        padding: .95rem;
        border-radius: 20px;
        border: 1px solid rgba(255,255,255,.08);
        background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
    }

    .tip-box-head {
        color: #f7fcff;
        font-weight: 700;
        margin-bottom: .55rem;
    }

    .tip-box p {
        color: rgba(222, 237, 247, .76);
        margin-bottom: 0;
        line-height: 1.65;
        font-size: .95rem;
    }

    .output-support-note {
        font-size: .85rem;
        line-height: 1.5;
        color: rgba(222, 237, 247, .72);
    }

    .output-support-note.warn {
        color: #ffcf7a;
    }

    .output-support-note.ok {
        color: #8df7bb;
    }

    .aurora-btn {
        border: 0;
        font-weight: 700;
        color: #171717;
        border-radius: 14px;
        min-height: 44px;
        background: linear-gradient(90deg, #b4b4b4 0%, #75ffd4 100%);
        box-shadow: 0 12px 28px rgba(117,255,212,.16);
    }

    .aurora-btn:hover {
        color: #171717;
        transform: translateY(-1px);
    }

    .soft-btn {
        min-height: 44px;
        border-radius: 14px;
        font-weight: 600;
        border: 1px solid rgba(255,255,255,.12);
        background: rgba(255,255,255,.04);
        color: #ecf8ff;
    }

    .soft-btn:hover {
        color: #fff;
        background: rgba(255,255,255,.08);
        border-color: rgba(255,255,255,.18);
    }

    .meeting-shell {
        position: relative;
        border-radius: 28px;
    }

    .meeting-shell.locked .row {
        filter: blur(10px);
        transform: scale(.992);
        pointer-events: none;
        user-select: none;
    }

    .meeting-start-overlay {
        position: absolute;
        inset: 0;
        z-index: 30;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 1rem;
    }

    .meeting-shell.locked .meeting-start-overlay {
        display: flex;
    }

    .meeting-start-card {
        width: min(100%, 520px);
        text-align: center;
        padding: 1.5rem;
        border-radius: 26px;
        border: 1px solid rgba(255,255,255,.12);
        background: linear-gradient(180deg, rgba(33,33,33,.96), rgba(23,23,23,.98));
        box-shadow: 0 30px 80px rgba(0,0,0,.42);
    }

    .meeting-start-icon {
        width: 74px;
        height: 74px;
        margin: 0 auto 1rem auto;
        border-radius: 50%;
        display: grid;
        place-items: center;
        font-size: 1.8rem;
        color: #171717;
        background: linear-gradient(90deg, #42ff9c, #b4b4b4);
        box-shadow: 0 0 24px rgba(66,255,156,.25);
    }

    .meeting-start-card h3 {
        color: #ececec;
        font-size: 1.45rem;
        font-weight: 800;
        margin-bottom: .65rem;
    }

    .meeting-start-card p {
        color: rgba(222, 237, 247, .82);
        line-height: 1.7;
        margin-bottom: 1.2rem;
    }

    .meeting-success-modal {
        position: fixed;
        inset: 0;
        z-index: 9999;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 1rem;
    }

    .meeting-success-modal.show {
        display: flex;
    }

    .meeting-success-backdrop {
        position: absolute;
        inset: 0;
        background: rgba(23, 23, 23, .72);
        backdrop-filter: blur(8px);
    }

    .meeting-success-dialog {
        position: relative;
        z-index: 1;
        width: min(100%, 460px);
        border-radius: 24px;
        padding: 1.6rem;
        text-align: center;
        border: 1px solid rgba(255,255,255,.12);
        background: linear-gradient(180deg, rgba(33,33,33,.96), rgba(23,23,23,.98));
        box-shadow: 0 30px 80px rgba(0,0,0,.42);
    }

    .meeting-success-icon {
        width: 72px;
        height: 72px;
        margin: 0 auto 1rem auto;
        border-radius: 50%;
        display: grid;
        place-items: center;
        font-size: 2rem;
        color: #171717;
        background: linear-gradient(90deg, #42ff9c, #b4b4b4);
        box-shadow: 0 0 24px rgba(66,255,156,.25);
    }

    .meeting-success-dialog h3 {
        color: #ececec;
        font-size: 1.4rem;
        font-weight: 800;
        margin-bottom: .6rem;
    }

    .meeting-success-dialog p {
        color: rgba(222, 237, 247, .8);
        line-height: 1.7;
        margin-bottom: 1.2rem;
    }

    @media (max-width: 1199.98px) {
        .tool-actions {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 991.98px) {
        #cameraPreview,
        .compact-preview {
            height: 320px;
            min-height: 320px;
        }
    }

    @media (max-width: 767.98px) {
        #cameraPreview,
        .compact-preview {
            height: 280px;
            min-height: 280px;
        }

        .meeting-title {
            font-size: 2rem;
        }

        .section-title {
            font-size: 1.3rem;
        }
    }