/* Vidapi Guide Door — v1.1.0 */
:root{
  --vgd-bg:#0d1a20; --vgd-ink:#e7eef0; --vgd-panel:#0b151a; --vgd-line:#173239; --vgd-accent:#244c57;
}
.vgd-door{position:fixed; left:0; right:0; z-index:9999; pointer-events:none;}
.vgd-scrim{position:absolute; inset:0; background:rgba(0,0,0,.3); opacity:0; transition:opacity 650ms; pointer-events:none;}
.vgd-panel{position:absolute; inset:0; background:var(--vgd-panel); border-top:1px solid var(--vgd-line); transform:translateY(100%); transition:transform 650ms cubic-bezier(.22,.61,.36,1); display:flex; flex-direction:column; color:var(--vgd-ink);}
.vgd-door.open{pointer-events:auto;}
.vgd-door.open .vgd-scrim{opacity:1;}
.vgd-door.open .vgd-panel{transform:translateY(0);}

.vgd-head{position:sticky; top:0; height:48px; display:flex; align-items:center; justify-content:flex-end; gap:8px; padding:0 12px; border-bottom:1px solid var(--vgd-line); background:rgba(8,14,17,.95); backdrop-filter:blur(4px);}
.vgd-search{height:32px; padding:0 12px; border:1px solid var(--vgd-accent); background:#0d1a20; color:var(--vgd-ink); border-radius:0;}
.vgd-lock{border:1px solid var(--vgd-accent); background:#0d1a20; color:#e7eef0; height:32px; padding:0 10px; cursor:pointer;}
.vgd-lock[aria-pressed="true"]{background:#112027;}

.vgd-body{flex:1 1 auto; overflow:auto; padding:16px 12px 72px;}
.vgd-card{min-height:420px; border:1px solid var(--vgd-accent); padding:12px; background:rgba(13,26,32,.6);}
.vgd-grid{display:grid; grid-template-columns:repeat(6,1fr); gap:8px; opacity:0; transform:translateY(24px); animation:vgdGridIn .6s cubic-bezier(.22,.61,.36,1) .1s forwards;}
.vgd-tile{height:84px; border:1px solid var(--vgd-line); background:#0d1a20; display:flex; align-items:center; justify-content:center; opacity:.85;}
@keyframes vgdGridIn{to{opacity:1; transform:translateY(0);}}

.vgd-weekbar{position:sticky; bottom:0; border-top:1px solid var(--vgd-line); background:rgba(8,14,17,.95); backdrop-filter:blur(4px);}
.vgd-weekrow{display:flex; justify-content:space-between; align-items:center; height:56px; padding:0 24px;}
.vgd-day{position:relative; padding:10px 20px; cursor:pointer; user-select:none; color:#cfe3e8; border:1px solid var(--vgd-accent);}
.vgd-day.active{color:#e7eef0; border:2px solid #72c6d6;}
.vgd-day.active::after{content:""; position:absolute; left:50%; transform:translateX(-50%); bottom:6px; width:72%; height:2px; background:#72c6d6;}

.vgd-toggle{border:1px solid var(--vgd-accent); background:var(--vgd-panel); color:var(--vgd-ink); padding:8px 12px; cursor:pointer; border-radius:0;}

/* Lock grid hides players (theme classes) */
body.vgd-grid-locked .channel-player-wrap,
body.vgd-grid-locked .channel-player-box,
body.vgd-grid-locked video,
body.vgd-grid-locked .video-js { display:none !important; }

@media (max-width:900px){ .vgd-grid{grid-template-columns:repeat(3,1fr);} }
@media (max-width:520px){ .vgd-grid{grid-template-columns:repeat(2,1fr);} .vgd-weekrow{gap:8px; padding:0 12px;} .vgd-day{padding:8px 12px;} }