/* =========================================================
   ASK SAI — CLEAN MEDIA V2
   Old media stack is retired.
   PLUS / SEND / DOTS are not touched.
   ========================================================= */

#ASKSAI_MEDIA_BAR_V15,
#ASKSAI_CAMERA_VISIBLE_REAL,
#ASKSAI_MEDIA_V1_LAUNCHERS,
[id^="ASKSAI_MBAR_"]{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
}

#ASKSAI_MEDIA_V2_BTN,
#ASKSAI_GALLERY_V2_BTN{
    position:fixed;
    z-index:2147483000;
    border:0;
    padding:0;
    margin:0;
    background:transparent;
    color:#36dff2;
    font-family:system-ui,Arial,sans-serif;
    font-size:11px;
    font-weight:700;
    letter-spacing:.35px;
    cursor:pointer;
    white-space:nowrap;
}

#ASKSAI_MEDIA_V2_PANEL{
    position:fixed;
    z-index:2147483600;
    width:310px;
    height:590px;
    transform:translate(-50%,-50%);
    border:1px solid #36dff2;
    border-radius:18px;
    overflow:hidden;
    background:
      linear-gradient(
        180deg,
        #07111f 0%,
        #02060e 100%
      );
    box-shadow:
      0 0 26px rgba(54,223,242,.26),
      0 0 40px rgba(235,55,218,.14);
    color:#fff;
    font-family:system-ui,Arial,sans-serif;
}

#ASKSAI_MEDIA_V2_HEAD{
    position:relative;
    height:62px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-bottom:1px solid rgba(54,223,242,.38);
    background:
      linear-gradient(
        90deg,
        rgba(54,223,242,.10),
        rgba(235,55,218,.13)
      );
    font-size:20px;
    font-weight:800;
    letter-spacing:1.4px;
}

#ASKSAI_MEDIA_V2_BACK,
#ASKSAI_GALLERY_V2_BACK{
    position:absolute;
    left:14px;
    top:12px;
    width:38px;
    height:38px;
    border:0;
    background:transparent;
    color:#36dff2;
    font-size:24px;
    cursor:pointer;
}

#ASKSAI_MEDIA_V2_VIEW{
    position:relative;
    height:330px;
    margin:13px;
    overflow:hidden;
    border:1px solid rgba(54,223,242,.52);
    border-radius:10px;
    background:#000;
}

#ASKSAI_MEDIA_V2_VIDEO,
#ASKSAI_MEDIA_V2_IMAGE{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    background:#000;
}

#ASKSAI_MEDIA_V2_IMAGE{
    display:none;
}

#ASKSAI_MEDIA_V2_STATUS{
    position:absolute;
    left:10px;
    bottom:8px;
    right:10px;
    z-index:5;
    font-size:10px;
    font-weight:700;
    letter-spacing:.5px;
    color:#dffcff;
    text-shadow:0 1px 4px #000;
}

#ASKSAI_MEDIA_V2_REC{
    position:absolute;
    top:10px;
    right:10px;
    z-index:5;
    display:none;
    padding:3px 7px;
    border:1px solid rgba(255,55,80,.7);
    border-radius:5px;
    color:#ff4058;
    font-size:10px;
    font-weight:800;
    background:rgba(0,0,0,.55);
}

#ASKSAI_MEDIA_V2_FLASH{
    position:absolute;
    inset:0;
    z-index:8;
    pointer-events:none;
    opacity:0;
    background:
      radial-gradient(
        circle at center,
        #fff 0%,
        #4df2ff 34%,
        #ef3cdb 72%,
        rgba(0,0,0,0) 100%
      );
}

#ASKSAI_MEDIA_V2_BEAM{
    position:absolute;
    left:3%;
    right:3%;
    top:7%;
    height:3px;
    z-index:7;
    display:none;
    pointer-events:none;
    border-radius:5px;
    background:
      linear-gradient(
        90deg,
        #36dff2,
        #fff,
        #ef3cdb
      );
    box-shadow:
      0 0 8px #36dff2,
      0 0 12px #ef3cdb;
}

#ASKSAI_MEDIA_V2_BEAM.run{
    display:block;
    animation:asksaiScanV2 1.15s ease-in-out 1;
}

@keyframes asksaiScanV2{
    0%{ top:7%; opacity:.2; }
    15%{ opacity:1; }
    85%{ opacity:1; }
    100%{ top:91%; opacity:.25; }
}

#ASKSAI_MEDIA_V2_ACTIONS{
    padding:0 13px;
    display:flex;
    flex-direction:column;
    gap:7px;
}

.ASKSAI_MEDIA_V2_BAR{
    width:100%;
    height:37px;
    border:1px solid rgba(54,223,242,.55);
    border-radius:20px;
    background:
      linear-gradient(
        90deg,
        rgba(54,223,242,.08),
        rgba(239,60,219,.11)
      );
    color:#fff;
    font-size:11px;
    font-weight:800;
    letter-spacing:1.15px;
    cursor:pointer;
}

.ASKSAI_MEDIA_V2_BAR:hover{
    border-color:#36dff2;
    box-shadow:0 0 12px rgba(54,223,242,.20);
}

/* Full Boardroom gallery */

#ASKSAI_GALLERY_V2{
    position:fixed;
    z-index:2147483500;
    overflow:hidden;
    background:#020711;
    border:1px solid rgba(54,223,242,.35);
    color:#fff;
    font-family:system-ui,Arial,sans-serif;
}

#ASKSAI_GALLERY_V2_HEAD{
    position:relative;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-bottom:1px solid rgba(54,223,242,.3);
    font-size:19px;
    font-weight:800;
    letter-spacing:1.4px;
    background:
      linear-gradient(
        90deg,
        rgba(54,223,242,.08),
        rgba(239,60,219,.10)
      );
}

#ASKSAI_GALLERY_V2_GRID{
    height:calc(100% - 92px);
    overflow:auto;
    box-sizing:border-box;
    padding:14px;
    display:grid;
    grid-template-columns:repeat(4,minmax(105px,1fr));
    gap:10px;
}

.ASKSAI_GALLERY_V2_CARD{
    position:relative;
    min-height:115px;
    overflow:hidden;
    border:1px solid rgba(54,223,242,.38);
    border-radius:9px;
    background:#000;
    cursor:pointer;
}

.ASKSAI_GALLERY_V2_CARD.selected{
    border-color:#ef3cdb;
    box-shadow:
      0 0 0 1px #ef3cdb inset,
      0 0 12px rgba(239,60,219,.25);
}

.ASKSAI_GALLERY_V2_CARD img,
.ASKSAI_GALLERY_V2_CARD video{
    width:100%;
    height:100%;
    min-height:115px;
    object-fit:cover;
}

.ASKSAI_GALLERY_V2_NUM{
    position:absolute;
    left:6px;
    top:6px;
    z-index:3;
    padding:2px 5px;
    border:1px solid #36dff2;
    border-radius:4px;
    background:rgba(0,0,0,.72);
    color:#36dff2;
    font-size:11px;
    font-weight:800;
}

.ASKSAI_GALLERY_V2_TYPE{
    position:absolute;
    right:5px;
    bottom:5px;
    z-index:3;
    padding:2px 5px;
    border-radius:3px;
    background:rgba(239,60,219,.76);
    font-size:9px;
    font-weight:800;
}

#ASKSAI_GALLERY_V2_INFO{
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-top:1px solid rgba(54,223,242,.25);
    color:#bfeef2;
    font-size:11px;
    letter-spacing:.35px;
}


/* ASKSAI_QR_PLUS_GALLERY_V2 */

/* ---------- QR PHONE TARGET ---------- */

#ASKSAI_MEDIA_V2_QR_FRAME{
    position:absolute;
    left:50%;
    top:50%;
    width:185px;
    height:185px;
    transform:translate(-50%,-50%);
    z-index:7;
    display:none;
    pointer-events:none;
}

#ASKSAI_MEDIA_V2_QR_FRAME.show{
    display:block;
    animation:asksaiQrPulse 1.1s ease-in-out infinite;
}

#ASKSAI_MEDIA_V2_QR_FRAME .qr-corner{
    position:absolute;
    width:36px;
    height:36px;
}

#ASKSAI_MEDIA_V2_QR_FRAME .tl{
    top:0;
    left:0;
    border-top:4px solid #36dff2;
    border-left:4px solid #36dff2;
    border-radius:9px 0 0 0;
}

#ASKSAI_MEDIA_V2_QR_FRAME .tr{
    top:0;
    right:0;
    border-top:4px solid #ef3cdb;
    border-right:4px solid #ef3cdb;
    border-radius:0 9px 0 0;
}

#ASKSAI_MEDIA_V2_QR_FRAME .bl{
    bottom:0;
    left:0;
    border-bottom:4px solid #ef3cdb;
    border-left:4px solid #ef3cdb;
    border-radius:0 0 0 9px;
}

#ASKSAI_MEDIA_V2_QR_FRAME .br{
    bottom:0;
    right:0;
    border-bottom:4px solid #36dff2;
    border-right:4px solid #36dff2;
    border-radius:0 0 9px 0;
}

#ASKSAI_MEDIA_V2_QR_FRAME .qr-dot{
    position:absolute;
    left:50%;
    top:50%;
    width:9px;
    height:9px;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:#fff;
    box-shadow:
      0 0 9px #36dff2,
      0 0 15px #ef3cdb;
}

@keyframes asksaiQrPulse{
    0%,100%{ opacity:.72; transform:translate(-50%,-50%) scale(.985); }
    50%{ opacity:1; transform:translate(-50%,-50%) scale(1); }
}


/* ---------- RESTORED PLUS MENU ---------- */

#ASKSAI_PLUS_V2_MENU{
    position:fixed;
    z-index:2147483650;
    display:none;
    min-width:140px;
    padding:7px;
    border:1px solid rgba(54,223,242,.58);
    border-radius:9px;
    background:#04101d;
    box-shadow:
      0 0 18px rgba(54,223,242,.18),
      0 0 24px rgba(239,60,219,.10);
}

#ASKSAI_PLUS_V2_MENU.open{
    display:block;
}

#ASKSAI_PLUS_V2_MENU button{
    display:block;
    width:100%;
    padding:9px 11px;
    border:0;
    background:transparent;
    color:#36dff2;
    text-align:left;
    font-size:11px;
    font-weight:750;
    letter-spacing:.4px;
    cursor:pointer;
}

#ASKSAI_PLUS_V2_MENU button:hover{
    background:rgba(54,223,242,.08);
    color:#fff;
}


/* ---------- FULL BOARDROOM MEDIA VIEWER ---------- */

#ASKSAI_GALLERY_V2_VIEWER{
    position:fixed;
    z-index:2147483700;
    overflow:hidden;
    background:#020711;
    border:1px solid rgba(54,223,242,.38);
    color:#fff;
    font-family:system-ui,Arial,sans-serif;
}

#ASKSAI_GALLERY_V2_VIEWER_HEAD{
    position:relative;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-bottom:1px solid rgba(54,223,242,.28);
    background:
      linear-gradient(
        90deg,
        rgba(54,223,242,.08),
        rgba(239,60,219,.11)
      );
    font-size:18px;
    font-weight:800;
    letter-spacing:1.3px;
}

#ASKSAI_GALLERY_V2_VIEWER_BACK{
    position:absolute;
    left:14px;
    top:10px;
    width:40px;
    height:40px;
    border:0;
    background:transparent;
    color:#36dff2;
    font-size:24px;
    cursor:pointer;
}

#ASKSAI_GALLERY_V2_VIEWER_BODY{
    position:absolute;
    left:12px;
    right:12px;
    top:70px;
    bottom:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:#000;
    border:1px solid rgba(54,223,242,.24);
    border-radius:8px;
}

#ASKSAI_GALLERY_V2_VIEWER_BODY img,
#ASKSAI_GALLERY_V2_VIEWER_BODY video{
    width:100%;
    height:100%;
    object-fit:contain;
    background:#000;
}