:root{--bg:#081020;--bg2:#0d1730;--card:#10192f;--line:#263458;--text:#eef3ff;--muted:#a8b6d9;--accent:#6f7cff;--green:#1fb86d;--red:#e04f5f;--yellow:#ffc456}
*{box-sizing:border-box}
.dop5-app,.dop5-screen,.dop5-display-wrap{font-family:Inter,Arial,sans-serif;color:var(--text)}
.dop5-shell{display:grid;grid-template-columns:320px 1fr;min-height:100vh;background:linear-gradient(180deg,var(--bg),var(--bg2))}
.dop5-sidebar{padding:24px;background:#091225;border-right:1px solid rgba(255,255,255,.08)}
.dop5-brand{display:flex;gap:14px;align-items:center;margin-bottom:18px}
.dop5-logo{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--accent),#915cff);display:grid;place-items:center;font-size:28px;font-weight:800}
.dop5-brand h2{margin:0;font-size:24px}
.dop5-brand p{margin:4px 0 0;color:var(--muted)}
.dop5-side-card,.dop5-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px}
.dop5-side-card{margin-bottom:16px}
.dop5-side-card h4,.dop5-card h3,.dop5-card h4{margin-top:0}
.dop5-tab-stack{display:grid;gap:10px}
.dop5-tab{background:#0f1a33;border:1px solid rgba(255,255,255,.08);color:#fff;border-radius:14px;padding:14px;text-align:left;cursor:pointer;font-weight:700}
.dop5-tab.active,.dop5-tab:hover{background:rgba(111,124,255,.18);border-color:rgba(111,124,255,.4)}
.dop5-mini-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.dop5-mini-list li{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;background:rgba(255,255,255,.04);border-radius:12px}
.dop5-link-stack{display:grid;gap:10px}
.dop5-link-stack a{display:block;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#fff;text-decoration:none}
.dop5-main{padding:24px}
.dop5-topbar,.dop5-screen-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}
.dop5-topbar h1,.dop5-screen-header h1{margin:0 0 6px;font-size:34px}
.dop5-topbar p,.dop5-screen-header p{margin:0;color:var(--muted)}
.dop5-actions{display:flex;gap:10px;flex-wrap:wrap}
.dop5-actions select,.dop5-form-grid input,.dop5-form-grid select,.dop5-form-grid textarea{width:100%;padding:12px 14px;border-radius:12px;background:#0b1428;border:1px solid var(--line);color:#fff}
.dop5-grid{display:grid;grid-template-columns:1fr 320px;gap:18px}
.dop5-stage{display:grid;gap:16px}
.dop5-video-wrap{position:relative;overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:#000;min-height:420px}
#dop5-video{display:block;width:100%;height:min(72vh,720px);object-fit:cover;background:#000}
.dop5-overlay{position:absolute;inset:0;pointer-events:none}
.dop5-box{position:absolute;border:2px solid #31d98f;background:rgba(49,217,143,.10);color:#fff;border-radius:12px;padding:6px;font-size:12px;font-weight:800}
.dop5-btn{background:linear-gradient(135deg,var(--accent),#8d5dff);border:0;color:#fff;padding:12px 18px;border-radius:14px;font-weight:800;cursor:pointer}
.dop5-btn-soft{background:#18243f}
.dop5-btn-success{background:linear-gradient(135deg,#109f59,#21c86d)}
.dop5-btn-warning{background:linear-gradient(135deg,#d48d14,#ffc955);color:#201200}
.dop5-panel{display:none}
.dop5-panel.active{display:block}
.dop5-kicker{display:block;color:var(--muted);margin-bottom:4px;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.dop5-result-bar{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dop5-chip-wrap{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.dop5-chip{display:inline-flex;padding:9px 12px;border-radius:999px;background:#162444;border:1px solid #29406b;font-size:13px}
.dop5-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.dop5-full{grid-column:1/-1}
.dop5-status{display:none;margin-top:14px;padding:14px;border-radius:14px;background:rgba(31,184,109,.12);border:1px solid rgba(31,184,109,.3)}
.dop5-status.show{display:block}
.dop5-objects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.dop5-object{overflow:hidden;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.dop5-object img{width:100%;height:160px;object-fit:cover;background:#081020}
.dop5-object-body{padding:12px}
.dop5-object-body h4{margin:0 0 6px}
.dop5-object-body p{margin:0;color:var(--muted);font-size:13px}
.dop5-preview{min-height:180px;background:#091120;border-radius:18px;display:grid;place-items:center;padding:18px;text-align:center}
.dop5-right{display:grid;gap:16px}
.dop5-screen{min-height:100vh;background:linear-gradient(180deg,var(--bg),var(--bg2));padding:24px}
.dop5-screen-shell{max-width:1280px;margin:0 auto}
.dop5-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dop5-feed{display:grid;gap:10px}
.dop5-feed-item{padding:12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.dop5-display-wrap{min-height:100vh;display:grid;place-items:center;background:#020712;padding:24px}
.dop5-display{width:min(1500px,100%);min-height:84vh;padding:24px;border-radius:30px;background:linear-gradient(180deg,#05101f,#0a1428);border:1px solid rgba(255,255,255,.08)}
.dop5-display-meta{display:flex;justify-content:space-between;gap:10px;color:#bbccff;margin-bottom:16px}
.dop5-display-content{min-height:68vh;display:grid;place-items:center;text-align:center;padding:40px;border-radius:28px;background:radial-gradient(circle at top,#192a54,#081121)}
.dop5-display-title{display:block;font-size:30px;color:#a9bbf2;margin-bottom:14px}
.dop5-display-text{display:block;font-size:74px;font-weight:900;line-height:1.05}
.dop5-display-image{display:block;max-width:60vw;max-height:46vh;border-radius:24px;margin:20px auto 0}
code{display:inline-block;background:#111827;color:#fff;padding:8px 10px;border-radius:10px;margin:4px 0}
@media(max-width:1100px){.dop5-shell{grid-template-columns:1fr}.dop5-grid,.dop5-two-col{grid-template-columns:1fr}}
@media(max-width:760px){.dop5-topbar h1,.dop5-screen-header h1{font-size:28px}.dop5-form-grid,.dop5-result-bar{grid-template-columns:1fr}.dop5-display-text{font-size:42px}}


.dop5-object-body a{color:inherit;font-weight:700}
[data-mode="monitor"] .dop5-objects-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}

/* V7 studio multiview */
[data-mode="monitor"] .dop5-objects-grid,
[data-panel="monitor"] .dop5-objects-grid{
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
}
[data-mode="monitor"] .dop5-object-body small,
[data-panel="monitor"] .dop5-object-body small{
  display:block;
  margin-top:4px;
  color:var(--muted);
}

/* V8 automation tweaks */
[data-panel="automation"] .dop5-result-bar strong{font-size:18px}

/* FULLSCREEN FIX GLOBAL */

html, body {
    height:100%;
    margin:0;
    padding:0;
}

.dop5-screen,
.dop5-screen-shell,
.dop5-app {
    width:100vw !important;
    height:100vh !important;
    max-width:100% !important;
    padding:0 !important;
    margin:0 !important;
}

.dop5-main,
.dop5-panel,
.dop5-card {
    width:100% !important;
    height:auto;
    max-width:100% !important;
}

.dop5-video-wrap,
#dop5-video {
    width:100% !important;
    height:70vh !important;
    object-fit:cover;
}

.dop5-display {
    width:100vw !important;
    height:100vh !important;
}

.dop5-display-content {
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
}

/* GRID FULL */
.dop5-grid,
.dop5-objects-grid {
    width:100%;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr)) !important;
}

/* SIDEBAR FIX */
.dop5-sidebar {
    height:100vh;
    position:sticky;
    top:0;
    overflow:auto;
}

/* MOBILE FULL */
@media (max-width: 768px){
    .dop5-shell{
        grid-template-columns:1fr !important;
    }
    #dop5-video{
        height:50vh !important;
    }
}


/* =========================
   V10 FULLSCREEN NO-SCROLL
   ========================= */

html.dop5-plugin-page,
body.dop5-plugin-page{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  max-height:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#081020 !important;
}

html.dop5-plugin-page body{
  position:relative !important;
}

/* hide common theme chrome only on plugin pages */
body.dop5-plugin-page header,
body.dop5-plugin-page footer,
body.dop5-plugin-page .site-header,
body.dop5-plugin-page .site-footer,
body.dop5-plugin-page #masthead,
body.dop5-plugin-page #colophon,
body.dop5-plugin-page .entry-header,
body.dop5-plugin-page .page-header,
body.dop5-plugin-page .widget-area,
body.dop5-plugin-page aside#secondary,
body.dop5-plugin-page .sidebar,
body.dop5-plugin-page .breadcrumb,
body.dop5-plugin-page .breadcrumbs{
  display:none !important;
}

/* flatten typical theme wrappers */
html.dop5-plugin-page body > *:not(.dop5-app):not(.dop5-screen):not(.dop5-display-wrap):not(script):not(style):not(#wpadminbar){
  max-width:none !important;
}

body.dop5-plugin-page #page,
body.dop5-plugin-page .site,
body.dop5-plugin-page .site-content,
body.dop5-plugin-page #content,
body.dop5-plugin-page .content-area,
body.dop5-plugin-page .site-main,
body.dop5-plugin-page main,
body.dop5-plugin-page article,
body.dop5-plugin-page .entry-content,
body.dop5-plugin-page .post,
body.dop5-plugin-page .page{
  width:100vw !important;
  max-width:100vw !important;
  height:100vh !important;
  min-height:100vh !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

/* account for admin bar if present */
body.dop5-plugin-page{
  --dop5-adminbar-offset:0px;
}

body.dop5-plugin-page .dop5-app,
body.dop5-plugin-page .dop5-screen,
body.dop5-plugin-page .dop5-display-wrap{
  position:fixed !important;
  inset:var(--dop5-adminbar-offset) 0 0 0 !important;
  width:100vw !important;
  height:calc(100vh - var(--dop5-adminbar-offset)) !important;
  min-height:calc(100vh - var(--dop5-adminbar-offset)) !important;
  max-height:calc(100vh - var(--dop5-adminbar-offset)) !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  z-index:99998 !important;
  background:linear-gradient(180deg,var(--bg),var(--bg2)) !important;
}

body.dop5-plugin-page .dop5-shell{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  max-height:100% !important;
  margin:0 !important;
  overflow:hidden !important;
}

body.dop5-plugin-page .dop5-sidebar{
  height:100% !important;
  max-height:100% !important;
  overflow:auto !important;
}

body.dop5-plugin-page .dop5-main,
body.dop5-plugin-page .dop5-screen-shell{
  width:100% !important;
  height:100% !important;
  max-height:100% !important;
  overflow:hidden !important;
  padding:18px !important;
}

body.dop5-plugin-page .dop5-grid,
body.dop5-plugin-page .dop5-content-grid{
  width:100% !important;
  height:100% !important;
  max-height:100% !important;
  overflow:hidden !important;
  align-items:stretch !important;
}

body.dop5-plugin-page .dop5-stage,
body.dop5-plugin-page .dop5-right{
  min-height:0 !important;
  max-height:100% !important;
  overflow:auto !important;
  padding-right:4px !important;
}

body.dop5-plugin-page .dop5-panel.active{
  display:block !important;
  max-height:100% !important;
  overflow:auto !important;
}

body.dop5-plugin-page .dop5-card,
body.dop5-plugin-page .dop5-side-card,
body.dop5-plugin-page .dop5-object{
  max-height:none !important;
}

body.dop5-plugin-page .dop5-video-wrap{
  width:100% !important;
  min-height:0 !important;
  height:clamp(240px, 48vh, 58vh) !important;
  max-height:58vh !important;
  overflow:hidden !important;
  flex:0 0 auto !important;
}

body.dop5-plugin-page #dop5-video{
  width:100% !important;
  height:100% !important;
  max-height:none !important;
  object-fit:cover !important;
}

body.dop5-plugin-page .dop5-display{
  width:100vw !important;
  height:calc(100vh - var(--dop5-adminbar-offset)) !important;
  min-height:calc(100vh - var(--dop5-adminbar-offset)) !important;
  max-height:calc(100vh - var(--dop5-adminbar-offset)) !important;
  padding:22px !important;
  overflow:hidden !important;
}

body.dop5-plugin-page .dop5-display-content{
  height:calc(100% - 36px) !important;
  min-height:0 !important;
  overflow:hidden !important;
}

body.dop5-plugin-page .dop5-display-text{
  font-size:clamp(34px,6vw,86px) !important;
  line-height:1.05 !important;
}

body.dop5-plugin-page .dop5-display-image{
  max-width:70vw !important;
  max-height:42vh !important;
}

body.dop5-plugin-page .dop5-topbar,
body.dop5-plugin-page .dop5-screen-header{
  margin-bottom:14px !important;
}

body.dop5-plugin-page .dop5-objects-grid{
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr)) !important;
}

body.dop5-plugin-page .dop5-feed{
  gap:8px !important;
}

body.dop5-plugin-page .dop5-feed-item{
  padding:10px !important;
}

body.dop5-plugin-page ::-webkit-scrollbar{
  width:10px;
  height:10px;
}
body.dop5-plugin-page ::-webkit-scrollbar-thumb{
  background:#314161;
  border-radius:999px;
}

@media (max-width: 980px){
  body.dop5-plugin-page .dop5-shell{
    grid-template-columns:1fr !important;
  }
  body.dop5-plugin-page .dop5-sidebar{
    display:none !important;
  }
  body.dop5-plugin-page .dop5-main,
  body.dop5-plugin-page .dop5-screen-shell{
    padding:12px !important;
  }
  body.dop5-plugin-page .dop5-grid,
  body.dop5-plugin-page .dop5-two-col{
    grid-template-columns:1fr !important;
  }
  body.dop5-plugin-page .dop5-video-wrap{
    height:42vh !important;
    max-height:42vh !important;
  }
  body.dop5-plugin-page .dop5-display{
    padding:12px !important;
  }
  body.dop5-plugin-page .dop5-display-content{
    padding:20px !important;
  }
}

@media (max-width: 640px){
  body.dop5-plugin-page .dop5-main,
  body.dop5-plugin-page .dop5-screen-shell{
    padding:10px !important;
  }
  body.dop5-plugin-page .dop5-video-wrap{
    height:36vh !important;
    max-height:36vh !important;
  }
  body.dop5-plugin-page .dop5-card,
  body.dop5-plugin-page .dop5-side-card{
    padding:12px !important;
    border-radius:16px !important;
  }
  body.dop5-plugin-page .dop5-actions{
    gap:8px !important;
  }
  body.dop5-plugin-page .dop5-btn{
    padding:11px 14px !important;
    font-size:14px !important;
  }
}

/* ===== FORCE FULLSCREEN FIX ===== */
html.dop5-plugin-page, body.dop5-plugin-page{
height:100%!important;overflow:hidden!important;margin:0!important;padding:0!important;
}
body.dop5-plugin-page *{max-width:none!important;}
.dop5-app,.dop5-screen,.dop5-shell{
position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;overflow:hidden!important;
}
.dop5-main{height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;}
.dop5-sidebar{height:100%!important;overflow:auto!important;}
.dop5-stage,.dop5-right{height:100%!important;overflow:auto!important;}

.dop5-shell-lite{grid-template-columns:1fr}
.dop5-main-full{padding:18px}
.dop5-grid-single{grid-template-columns:1fr}
.dop5-actions-sticky{position:sticky;bottom:10px;z-index:12}
.dop5-result-box{margin-top:14px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.dop5-hide{display:none !important}
.dop5-display-video{width:min(86vw,1200px);max-height:62vh;border-radius:24px;background:#000}
.dop5-display-doc{display:inline-block;padding:18px 24px;border-radius:16px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;font-weight:800}
@media(max-width:760px){.dop5-main-full{padding:12px}.dop5-actions-sticky{bottom:6px}}