/*
 * Virii8 Workspace Shell CSS module: v8e-admin-debug-overlay-css
 * Extracted from shell-core.css during v1.6.122 modular shell refactor.
 * Load order is controlled by V8E_Module_WorkspaceShell::enqueue_embedded_shell_assets().
 */
/* ---- v8e-admin-debug-overlay-css ---- */
/* Virii8 admin/debug overlay: shown only to authenticated WP admins via V8E_WS_CONFIG.isAdmin. */
#v8e-admin-debug-tools {
  display: none;
  position: fixed;
  right: calc(max(10px, env(safe-area-inset-right, 0px)) + var(--v8-floating-ui-right-offset, 0px));
  bottom: calc(var(--v8-shell-bottom-reserve, 74px) + max(10px, env(safe-area-inset-bottom, 0px)) + var(--v8e-admin-btn-offset, 0px) + var(--v8e-admin-tools-y, 0px));
  z-index: 2147483000;
  pointer-events: none;
  align-items: flex-end;
}
#v8e-admin-debug-tools.v8e-tools-enabled { display: block; }
.v8-os-environment:fullscreen #v8e-admin-debug-tools,
.v8-os-environment:-webkit-full-screen #v8e-admin-debug-tools,
.v8-os-environment.v8-pseudo-fullscreen #v8e-admin-debug-tools { z-index: 2147483647; }
#v8e-admin-debug-tools .v8e-tool-stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  pointer-events: auto;
  touch-action: none;
}
#v8e-admin-debug-tools .v8e-tool-trigger.v8e-hidden { display:none !important; }
#v8e-admin-debug-tools .v8e-tool-trigger {
  position: relative !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 1;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 15px;
  font-weight: 800;
  opacity: .72;
  backdrop-filter: blur(18px);
  transition: opacity .15s, transform .15s, border-color .15s, background .15s;
}
#v8e-admin-debug-tools .v8e-tool-trigger:hover { opacity: 1; transform: translateY(-1px); }
#v8e-admin-debug-tools .v8e-tool-grip {
  width: 34px;
  height: 18px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(2,6,23,.52);
  color: rgba(255,255,255,.72);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: ns-resize;
  font: 800 13px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  opacity: .54;
  box-shadow: 0 8px 22px rgba(0,0,0,.26);
  backdrop-filter: blur(18px);
  user-select: none;
  -webkit-user-select: none;
}
#v8e-admin-debug-tools .v8e-tool-grip:hover,
#v8e-admin-debug-tools.v8e-tools-dragging .v8e-tool-grip { opacity: 1; color: #fff; border-color: rgba(255,255,255,.34); }
#v8e-admin-debug-tools.v8e-tools-dragging .v8e-tool-stack { cursor: ns-resize; }
#v8e-debug-trigger {
  color: #00ff41;
  background: rgba(0,255,65,.14);
  border: 1px solid rgba(0,255,65,.45);
}
#v8e-admin-trigger {
  color: #38bdf8;
  background: rgba(56,189,248,.14);
  border: 1px solid rgba(56,189,248,.45);
}
#v8e-debug-panel,
#v8e-admin-panel {
  position: fixed;
  z-index: 999998;
  display: none;
  pointer-events: auto;
  color: #e5e7eb;
  background: rgba(5,10,18,.97);
  border: 1px solid rgba(0,255,65,.35);
  box-shadow: 0 20px 70px rgba(0,0,0,.65);
  backdrop-filter: blur(24px);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
#v8e-debug-panel.v8e-open,
#v8e-admin-panel.v8e-open { display:flex; }
#v8e-debug-panel {
  left: 0;
  right: 0;
  bottom: 0;
  height: min(320px, 42dvh);
  flex-direction: column;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
#v8e-admin-panel {
  top: calc(42px + env(safe-area-inset-top));
  right: max(12px, env(safe-area-inset-right));
  width: min(380px, calc(100vw - 24px));
  max-height: calc(100dvh - 74px - env(safe-area-inset-top));
  overflow: hidden;
  flex-direction: column;
  border-radius: 18px;
}
.v8e-panel-bar {
  display:flex;
  align-items:center;
  gap:6px;
  padding: 8px 10px;
  background: rgba(255,255,255,.045);
  border-bottom: 1px solid rgba(255,255,255,.08);
  flex-shrink:0;
}
.v8e-panel-title { font-weight:800; color:#00ff41; margin-right:4px; }
.v8e-panel-close,
.v8e-panel-btn,
.v8e-panel-tab,
.v8e-panel-link {
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.055);
  color: #dbeafe;
  border-radius: 8px;
  padding: 5px 8px;
  font-size: 11px;
  cursor:pointer;
  text-decoration:none;
}
.v8e-panel-tab.v8e-active { color:#00ff41; border-color:rgba(0,255,65,.5); background:rgba(0,255,65,.12); }
.v8e-panel-close { margin-left:auto; color:#fff; }
#v8e-debug-log {
  flex:1;
  overflow:auto;
  padding: 8px 10px;
  font-size: 11px;
  line-height: 1.45;
}
.v8e-log-line { padding: 2px 4px; border-radius:4px; white-space:pre-wrap; word-break:break-word; }
.v8e-log-line.log { color:#e5e7eb; }
.v8e-log-line.info { color:#93c5fd; }
.v8e-log-line.warn { color:#fbbf24; background:rgba(251,191,36,.08); }
.v8e-log-line.error { color:#fca5a5; background:rgba(239,68,68,.12); }
.v8e-log-line.success { color:#86efac; background:rgba(34,197,94,.10); }
.v8e-log-line.event { color:#67e8f9; background:rgba(6,182,212,.10); }
.v8e-admin-body { overflow:auto; padding: 10px; }
.v8e-admin-section { padding: 10px 0; border-bottom:1px solid rgba(255,255,255,.08); }
.v8e-admin-section:last-child { border-bottom:0; }
.v8e-admin-section-title { color:#94a3b8; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; margin-bottom:8px; }
.v8e-admin-grid { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.v8e-admin-row { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:7px 0; }
.v8e-admin-label { font-size:12px; color:#e5e7eb; }
.v8e-admin-input,
.v8e-admin-select {
  max-width: 150px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
  border-radius:8px;
  padding:5px 8px;
  font-size:12px;
}
.v8e-admin-danger { color:#fecaca; border-color:rgba(248,113,113,.45); background:rgba(248,113,113,.10); }
.v8e-admin-state { margin-top:8px; background:rgba(0,0,0,.28); border-radius:10px; padding:8px; font-size:11px; white-space:pre-wrap; overflow:auto; max-height:180px; color:#cbd5e1; }
@media (max-width: 640px) {
  #v8e-admin-panel { top: 10px; right: 10px; left: 10px; width:auto; max-height: calc(100dvh - 20px); }
  #v8e-debug-panel { height: min(360px, 52dvh); }
}