
/* /csc_discuss_artc/static/src/conference/conference.scss */
 .o_csc_conference .card{border: 1px solid #e7e7e7; border-radius: 12px; box-shadow: none;}.o_csc_conference_room{position: fixed; inset: 0; z-index: 1000; display: flex; flex-direction: column; background: #0b1220; color: #e5e7eb; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;}.o_csc_conference_room *{box-sizing: border-box;}.o_csc_conference_room .csc-conf-header{display: flex; align-items: center; gap: 16px; padding: 14px 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); background: rgba(15, 23, 42, 0.92);}.o_csc_conference_room .csc-conf-title{display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto;}.o_csc_conference_room .csc-conf-title strong{font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.o_csc_conference_room .csc-conf-title small{color: #94a3b8; font-size: 11px;}.o_csc_conference_room .csc-conf-status{color: #93c5fd; font-size: 12px; white-space: nowrap;}.o_csc_conference_room .csc-conf-main{flex: 1 1 auto; min-height: 0; display: flex;}.o_csc_conference_room .csc-stage{flex: 1 1 auto; min-width: 0; min-height: 0; padding: 16px; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 12px; align-content: center; overflow: auto; background: #0b1220;}.o_csc_conference_room .csc-empty{grid-column: 1 / -1; text-align: center; color: #64748b; font-size: 14px; padding: 48px 16px;}.o_csc_conference_room .csc-tile{position: relative; background: #020617; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 10px; overflow: hidden; min-height: 180px; display: flex; align-items: center; justify-content: center;}.o_csc_conference_room .csc-tile video{width: 100%; height: 100%; max-height: 70vh; object-fit: contain; background: #000;}.o_csc_conference_room .csc-tile .csc-tile-label{position: absolute; left: 10px; bottom: 8px; padding: 2px 8px; border-radius: 999px; background: rgba(0, 0, 0, 0.55); color: #e2e8f0; font-size: 12px;}.o_csc_conference_room .csc-side{flex: 0 0 260px; border-left: 1px solid rgba(255, 255, 255, 0.08); padding: 16px; overflow: auto; background: #0f172a;}.o_csc_conference_room .csc-side h2{font-size: 13px; color: #cbd5e1; margin: 0 0 12px; font-weight: 600;}.o_csc_conference_room .csc-side ul{list-style: none; margin: 0 0 16px; padding: 0;}.o_csc_conference_room .csc-side li{padding: 7px 0; font-size: 13px; color: #e2e8f0; border-bottom: 1px solid rgba(255, 255, 255, 0.05); overflow-wrap: anywhere;}.o_csc_conference_room .csc-side .csc-hint{color: #94a3b8; font-size: 12px; line-height: 1.45; margin: 0;}.o_csc_conference_room .csc-controls{display: flex; justify-content: center; gap: 10px; padding: 14px 20px; border-top: 1px solid rgba(255, 255, 255, 0.08); background: rgba(15, 23, 42, 0.96);}.o_csc_conference_room .csc-btn{appearance: none; border: 1px solid rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.06); color: #e5e7eb; border-radius: 999px; padding: 9px 16px; font-size: 13px; cursor: pointer;}.o_csc_conference_room .csc-btn:hover{background: rgba(255, 255, 255, 0.12);}.o_csc_conference_room .csc-btn.csc-btn-primary{background: #2563eb; border-color: #2563eb; color: #fff;}.o_csc_conference_room .csc-btn.csc-btn-primary:hover{background: #1d4ed8;}.o_csc_conference_room .csc-btn.csc-btn-danger{background: #b91c1c; border-color: #b91c1c; color: #fff;}.o_csc_conference_room .csc-btn.csc-btn-danger:hover{background: #991b1b;}.o_csc_conference_room .csc-btn.csc-btn-ghost{background: transparent;}.o_csc_conference_room .csc-modal{position: fixed; inset: 0; z-index: 1100; display: flex; align-items: center; justify-content: center; background: rgba(2, 6, 23, 0.78); padding: 20px;}.o_csc_conference_room .csc-modal.is-hidden{display: none;}.o_csc_conference_room .csc-modal-card{width: 100%; max-width: 380px; background: #0f172a; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 14px; padding: 22px; color: #e5e7eb;}.o_csc_conference_room .csc-modal-card h2{margin: 0 0 6px; font-size: 20px;}.o_csc_conference_room .csc-modal-card .csc-modal-room{color: #94a3b8; font-size: 13px; margin: 0 0 18px; overflow-wrap: anywhere;}.o_csc_conference_room .csc-modal-card label{display: block; font-size: 12px; color: #cbd5e1; margin-bottom: 6px;}.o_csc_conference_room .csc-modal-card input{width: 100%; background: #020617; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 8px; color: #f8fafc; padding: 10px 12px; font-size: 14px; margin-bottom: 12px;}.o_csc_conference_room .csc-modal-card input:focus{outline: 2px solid #3b82f6; outline-offset: 1px;}.o_csc_conference_room .csc-modal-card .csc-btn{width: 100%;}.o_csc_conference_room .csc-modal-card .csc-modal-hint{min-height: 18px; margin: 10px 0 0; color: #fca5a5; font-size: 12px;}@media (max-width: 900px){.o_csc_conference_room .csc-conf-main{flex-direction: column;}.o_csc_conference_room .csc-side{flex: 0 0 auto; border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.08); max-height: 180px;}.o_csc_conference_room .csc-stage{grid-template-columns: 1fr;}.o_csc_conference_room .csc-conf-header{flex-wrap: wrap; gap: 8px;}}

.o_csc_conference_room .csc-modal-test{display:block;margin-top:12px;color:#93c5fd;font-size:12px;text-align:center;text-decoration:underline;}


.o_csc_conference_room .csc-sharing-banner{display:none;position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:1600;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-radius:999px;background:rgba(15,23,42,0.96);border:1px solid rgba(245,158,11,0.65);color:#f8fafc;font-size:12px;box-shadow:0 8px 24px rgba(0,0,0,0.25);}
.o_csc_conference_room.is-sharing .csc-sharing-banner{display:flex;}
.o_csc_conference_room .csc-sharing-banner small{color:#fbbf24;font-size:11px;}


@media (max-width:700px){.o_csc_conference_room .csc-sharing-banner{top:8px;left:8px;right:8px;transform:none;border-radius:10px;justify-content:center;}}

.o_csc_conference_room.is-compact .csc-conf-header,
.o_csc_conference_room.is-compact .csc-side,
.o_csc_conference_room.is-compact .csc-sharing-banner,
.o_csc_conference_room.is-compact .csc-empty{display:none !important;}
.o_csc_conference_room.is-compact .csc-stage{display:flex;padding:0;align-items:stretch;justify-content:center;}.o_csc_conference_room.is-compact .csc-stage .csc-tile{flex:1 1 auto;min-height:0;width:100%;border:0;border-radius:0;}.o_csc_conference_room.is-compact .csc-stage .csc-tile video{height:100%;max-height:none;object-fit:contain;}
.o_csc_conference_room.is-compact .csc-controls{padding:5px 12px;gap:8px;}

.o_csc_conference_room{--csc-share-band-height:28px;--csc-share-band-width:100%;}
.o_csc_conference_room .csc-shared-band{display:none;flex:0 0 auto;width:var(--csc-share-band-width);height:var(--csc-share-band-height);align-items:center;padding:0 14px;background:rgba(15,23,42,0.96);color:#e5e7eb;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,0.08);}
.o_csc_conference_room.is-sharing .csc-shared-band{display:flex;}
.o_csc_conference_room.is-compact .csc-shared-band{display:none;}
.o_csc_conference_room.is-compact.is-sharing .csc-shared-band{display:flex;}
