/* Accmaa Studio — غرف Meet بهوية أكما */
.accmaa-rooms__kpi {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 16px 0 12px;
}
.accmaa-rooms__kpi > div {
    background: #fff;
    border: 1px solid #d7e2ee;
    border-radius: 14px;
    padding: 12px 14px;
    display: grid;
    gap: 2px;
}
.accmaa-rooms__kpi strong {
    color: #061f3d;
    font-size: 1.35rem;
}
.accmaa-rooms__kpi span {
    color: #4a6078;
    font-size: 0.78rem;
    font-weight: 700;
}
.accmaa-rooms__kpi .is-live {
    border-color: #1f8a4c;
    background: linear-gradient(160deg, #f3fbf6, #fff);
}
.accmaa-rooms__filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}
.accmaa-rooms__filters select {
    font: inherit;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid #c5d4e4;
    background: #fff;
    color: #061f3d;
}
.accmaa-rooms__concurrent {
    margin: 0 0 14px;
    padding: 10px 12px;
    border-radius: 12px;
    background: #eef7f1;
    border: 1px solid #b7dcc6;
    color: #14532d;
    font-size: 0.86rem;
    font-weight: 700;
    line-height: 1.6;
}
.accmaa-rooms__concurrent--quiet {
    background: #f4f8fc;
    border-color: #d7e2ee;
    color: #1c3554;
}
.accmaa-rooms__group {
    margin: 0 0 22px;
}
.accmaa-rooms__group-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 10px;
}
.accmaa-rooms__group-head h2 {
    margin: 0;
    font-size: 1.05rem;
    color: #061f3d;
}
.accmaa-rooms__group-head span {
    color: #4a6078;
    font-size: 0.8rem;
    font-weight: 700;
}
.accmaa-rooms__group-head em {
    color: #147a3d;
    font-style: normal;
}
.accmaa-rooms__group-grid {
    display: grid;
    gap: 12px;
}
.accmaa-room__when {
    margin: 0 0 8px;
    color: #3d5570;
    font-size: 0.82rem;
    font-weight: 700;
}
@media (max-width: 700px) {
    .accmaa-rooms__kpi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.accmaa-rooms {
    padding: 4px 2px 36px;
    background:
        radial-gradient(ellipse 70% 40% at 100% 0%, rgba(201, 162, 39, 0.12), transparent 55%),
        radial-gradient(ellipse 50% 35% at 0% 20%, rgba(10, 54, 105, 0.08), transparent 50%);
}
.accmaa-room-form__steps {
    margin: 0 0 12px;
    padding: 10px 10px 10px 22px;
    background: #f4f8fc;
    border: 1px solid #d7e2ee;
    border-radius: 12px;
    color: #1c3554;
    font-size: 0.82rem;
    line-height: 1.7;
}
.accmaa-room-form__steps code { color: #0A3669; font-weight: 800; }
.accmaa-class__meet-steps {
    margin: 0;
    padding: 0 0 0 18px;
    text-align: start;
    color: #e8edf4;
    font-size: 0.88rem;
    line-height: 1.7;
}
.accmaa-rooms__eyebrow {
    margin: 0 0 6px;
    color: #8a6a12;
    font-weight: 800;
    letter-spacing: 0.04em;
    font-size: 0.82rem;
}
.accmaa-rooms__print-row { margin: 10px 0 0; }
.accmaa-rooms__head h1 {
    margin: 0 0 10px;
    color: #061f3d;
    font-size: clamp(1.55rem, 3.4vw, 2.1rem);
    line-height: 1.25;
}
.accmaa-rooms__head > p {
    margin: 0;
    color: #1c3554;
    line-height: 1.75;
    max-width: 58ch;
}
.accmaa-rooms__steps {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
    counter-reset: step;
}
.accmaa-rooms__steps li {
    counter-increment: step;
    background: #061f3d;
    color: #fff;
    border-radius: 999px;
    padding: 7px 14px 7px 10px;
    font-size: 0.78rem;
    font-weight: 700;
}
.accmaa-rooms__steps li::before {
    content: counter(step);
    display: inline-grid;
    place-items: center;
    width: 1.35rem;
    height: 1.35rem;
    margin-inline-end: 8px;
    border-radius: 50%;
    background: #c9a227;
    color: #061f3d;
    font-size: 0.72rem;
}
.accmaa-rooms__layout {
    display: grid;
    grid-template-columns: minmax(260px, 340px) 1fr;
    gap: 18px;
    margin-top: 20px;
    align-items: start;
}
.accmaa-room-form, .accmaa-room {
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px solid #d7e2ee;
    border-radius: 18px;
    padding: 18px;
    box-shadow: 0 14px 36px rgba(6, 31, 61, 0.08);
}
.accmaa-room-form__brand {
    display: grid;
    gap: 2px;
    margin-bottom: 4px;
}
.accmaa-room-form__brand span {
    color: #8a6a12;
    font-size: 0.75rem;
    font-weight: 800;
}
.accmaa-room-form__brand strong {
    color: #061f3d;
    font-size: 1.05rem;
}
.accmaa-room-form__hint {
    margin: 0 0 6px;
    font-size: 0.82rem;
    line-height: 1.55;
    color: #3a516b;
}
.accmaa-room-form { display: grid; gap: 10px; }
.accmaa-room-form label {
    display: grid;
    gap: 4px;
    font-size: 0.8rem;
    font-weight: 700;
    color: #0A3669;
}
.accmaa-room-form input,
.accmaa-room-form select,
.accmaa-room__paste input {
    font: inherit;
    padding: 9px 11px;
    border-radius: 11px;
    border: 1px solid #c5d4e4;
    color: #061f3d;
    background: #f7fafc;
}
.accmaa-room-form__meet-new {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    color: #0A3669;
    font-weight: 800;
    font-size: 0.88rem;
    padding: 8px;
}
.accmaa-rooms__list { display: grid; gap: 14px; }
.accmaa-room__glow {
    position: absolute;
    inset: auto -20% -40% auto;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(201, 162, 39, 0.22), transparent 70%);
    pointer-events: none;
}
.accmaa-room--live {
    border-color: #1f8a4c;
    box-shadow: 0 14px 36px rgba(31, 138, 76, 0.14);
}
.accmaa-room--meet .accmaa-room__meta { color: #0b57d0; font-weight: 800; }
.accmaa-room__top {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
    position: relative;
}
.accmaa-room__badge {
    background: #061f3d;
    color: #fff;
    border-radius: 999px;
    padding: 4px 11px;
    font-size: 0.74rem;
    font-weight: 800;
}
.accmaa-room--live .accmaa-room__badge { background: #1f8a4c; }
.accmaa-room h3 {
    margin: 0 0 4px;
    color: #061f3d;
    position: relative;
}
.accmaa-room__course,
.accmaa-room__count,
.accmaa-room__note,
.accmaa-room__trainees {
    position: relative;
    color: #24384f;
    line-height: 1.55;
}
.accmaa-room__join-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}
.accmaa-room__join {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 0;
    background: linear-gradient(120deg, #e8c547, #c9a227);
    color: #061f3d !important;
    font-weight: 800;
    text-decoration: none;
    border: 0;
    font: inherit;
    cursor: pointer;
    border-radius: 13px;
    padding: 11px 16px;
    box-shadow: 0 8px 20px rgba(201, 162, 39, 0.28);
}
.accmaa-room__join--ext {
    background: #061f3d;
    color: #faf3dc !important;
    box-shadow: none;
}
.accmaa-room__wait {
    display: block;
    margin-top: 10px;
    color: #5c6b7a;
    font-size: 0.88rem;
}
.accmaa-room__studio { margin-top: 14px; position: relative; }
.accmaa-room__meet-flow {
    display: grid;
    gap: 8px;
    padding: 12px;
    border-radius: 14px;
    background: linear-gradient(160deg, #f3f7fc, #eef4fb);
    border: 1px dashed #b7c9dc;
    margin-bottom: 10px;
}
.accmaa-room__paste { display: grid; gap: 4px; font-size: 0.78rem; font-weight: 700; color: #0A3669; }
.accmaa-room__tools { display: flex; flex-wrap: wrap; gap: 8px; }
.accmaa-room__empty {
    display: grid;
    gap: 6px;
    padding: 28px 20px;
    border-radius: 18px;
    background: #fff;
    border: 1px dashed #c5d4e4;
    color: #24384f;
}
.accmaa-room__empty strong { color: #061f3d; font-size: 1.05rem; }
@media (max-width: 900px) {
    .accmaa-rooms__layout { grid-template-columns: 1fr; }
}

body.accmaa-class-open { overflow: hidden !important; }

body.accmaa-class-open .accmaa-brand-intro,
body.accmaa-class-open #accmaaBrandIntro,
body.accmaa-class-open #accmaaEnterGate,
body.accmaa-class-open .accmaa-enter-gate {
    display: none !important;
    pointer-events: none !important;
}

.accmaa-room__paste input.is-invalid {
    border-color: #c62828 !important;
    box-shadow: 0 0 0 3px rgba(198, 40, 40, 0.18);
}

.accmaa-class {
    position: fixed;
    inset: 0;
    z-index: 130000;
    display: flex;
    flex-direction: column;
    background: #040c18;
    color: #f8fafc;
    pointer-events: auto;
}
.accmaa-class[hidden] { display: none !important; }
.accmaa-class__bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 12px 16px;
    background: #061f3d;
    border-bottom: 1px solid rgba(232, 197, 71, 0.28);
}
.accmaa-class__bar h2 {
    margin: 4px 0 0;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 1.15rem;
}
.accmaa-class__bar p {
    margin: 4px 0 0;
    color: #d7e4f2 !important;
    -webkit-text-fill-color: #d7e4f2 !important;
    font-size: 0.82rem;
}
.accmaa-class__live {
    display: inline-block;
    background: #c62828;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border-radius: 999px;
    padding: 2px 10px;
    font-size: 0.72rem;
    font-weight: 800;
}
.accmaa-class__grid {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 280px) minmax(260px, 340px);
    gap: 12px;
    padding: 12px;
}
.accmaa-class__stage,
.accmaa-class__side,
.accmaa-class__chat {
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: #0a2748;
    border: 1px solid rgba(232, 197, 71, 0.22);
    border-radius: 16px;
    overflow: hidden;
}
.accmaa-class__stage > header,
.accmaa-class__side > header,
.accmaa-class__chat > header {
    padding: 8px 12px;
    font-size: 0.8rem;
    font-weight: 800;
    color: #e8c547 !important;
    -webkit-text-fill-color: #e8c547 !important;
    background: rgba(4, 12, 24, 0.55);
}
.accmaa-class__frame,
.accmaa-class__meet-stage {
    position: relative;
    flex: 1;
    min-height: 280px;
    background: #061427;
}
.accmaa-class__frame > iframe,
.accmaa-class__meet-stage video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: contain;
    background: #040c18;
}
.accmaa-class__meet-stage video[data-on="1"] { z-index: 2; }
.accmaa-class__placeholder {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: grid;
    place-content: center;
    gap: 10px;
    text-align: center;
    padding: 24px;
    color: #e8edf4;
}
.accmaa-class__placeholder i { font-size: 2rem; color: #e8c547; }
.accmaa-class__placeholder strong {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 1.15rem;
}
.accmaa-class__cam-wrap {
    position: relative;
    aspect-ratio: 4 / 3;
    background: #040c18;
}
.accmaa-class__cam-wrap video,
.accmaa-class__cam-empty {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.accmaa-class__cam-empty {
    display: grid;
    place-content: center;
    gap: 8px;
    color: #c5d4e4;
    text-align: center;
    padding: 16px;
}
.accmaa-class__cam-empty i { font-size: 1.8rem; color: #e8c547; }
.accmaa-class__side .btn { margin: 10px 12px 0; }
.accmaa-class__tips {
    margin: 12px;
    padding: 0 0 12px 18px;
    color: #d7e4f2;
    font-size: 0.8rem;
    line-height: 1.65;
}
.accmaa-class__chat-log {
    flex: 1;
    min-height: 160px;
    overflow: auto;
    padding: 10px 12px;
    display: grid;
    align-content: start;
    gap: 8px;
}
.accmaa-class__chat-empty {
    margin: 12px 0;
    color: #c5d4e4 !important;
    -webkit-text-fill-color: #c5d4e4 !important;
    font-size: 0.82rem;
    line-height: 1.6;
}
.accmaa-class__msg {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 8px 10px;
}
.accmaa-class__msg--host { border-color: rgba(232, 197, 71, 0.35); }
.accmaa-class__msg.is-mine { background: rgba(232, 197, 71, 0.12); }
.accmaa-class__msg-top {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
    font-size: 0.72rem;
}
.accmaa-class__msg-top strong {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
.accmaa-class__msg-top span {
    color: #e8c547 !important;
    -webkit-text-fill-color: #e8c547 !important;
}
.accmaa-class__msg p {
    margin: 0;
    color: #f1f5f9 !important;
    -webkit-text-fill-color: #f1f5f9 !important;
    font-size: 0.88rem;
    line-height: 1.55;
    word-break: break-word;
}
.accmaa-class__chat-del {
    margin-inline-start: auto;
    border: 0;
    background: transparent;
    color: #f8b4b4;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
}
.accmaa-class__chat-form {
    display: flex;
    gap: 8px;
    padding: 10px 12px 12px;
    border-top: 1px solid rgba(232, 197, 71, 0.18);
}
.accmaa-class__chat-form input {
    flex: 1;
    min-width: 0;
    font: inherit;
    border-radius: 10px;
    border: 1px solid #3d5a78;
    background: #061427;
    color: #fff;
    padding: 8px 10px;
}
@media (max-width: 1100px) {
    .accmaa-class__grid { grid-template-columns: minmax(0, 1fr) minmax(260px, 1fr); }
    .accmaa-class__stage { grid-column: 1 / -1; min-height: 42vh; }
}
@media (max-width: 860px) {
    .accmaa-class__grid { grid-template-columns: 1fr; }
    .accmaa-class__side { min-height: 220px; }
}
.accmaa-class__jitsi-fallback {
    width: 100%;
    height: 100%;
    min-height: 360px;
    border: 0;
    background: #061f3d;
}