/* VX-OVERRIDES — JARVIS-managed live design layer.
 * Loaded LAST on every page so approved design edits win the cascade.
 * JARVIS appends approved CSS here via the save_page_css tool (instant, no
 * source-file hunting). Safe to hand-edit; blocks are tagged with their page. */





/* @vxpage:a34f81a90038 */
/* https://mail.vastrox.com/ · 2026-07-10 20:11:45 */
/* Drive opened-image preview: constrain size and avoid full-screen */
div.vxd-peek.ready {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: auto !important;
  max-width: 70vw !important;
  max-height: 85vh !important;
  background: #fffaf4 !important;
  border: 1px solid #ffd8b8 !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.25) !important;
  overflow: auto !important;
  z-index: 1000 !important;
}

div.vxd-peek-img {
  padding: 12px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #f3dcc7 !important;
}

/* Constrain any image inside the preview */
div.vxd-peek-img img {
  max-width: 100% !important;
  max-height: 70vh !important;
  width: auto !important;
  height: auto !important;
}

div.vxd-peek-cap {
  padding: 10px 12px !important;
  color: #2b2b2b !important;
}
/* @vxpage-end:a34f81a90038 */


/* @vxpage:6666cd76f969 */
/* / · 2026-07-10 20:53:54 */
/* Storage card: keep it clean and focused, no embedded promo */
#storage.vxw-storage {
  background: rgba(255,255,255,0.03);
  border: 1px solid var(--line2);
  border-radius: 14px;
  box-shadow: 0 10px 24px var(--shadow);
  padding: 12px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
#storage.vxw-storage .st-h {
  color: var(--ink);
  font-weight: 650;
  margin-bottom: 8px;
}
#storage.vxw-storage .st-bar,
#storage.vxw-storage .st-seg {
  border-radius: 10px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,0.04);
}
#storage.vxw-storage .st-t {
  color: var(--ink2);
  font-size: 0.92rem;
  margin-top: 8px;
}
/* Visually separate sponsor block: style as its own card */
#storage.vxw-storage a.st-up {
  display: block;
  margin-top: 18px;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid var(--line2);
  background: linear-gradient(180deg, rgba(99, 102, 241, 0.10), rgba(14, 165, 233, 0.06));
  box-shadow: 0 12px 26px var(--shadow);
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}
#storage.vxw-storage a.st-up::before {
  content: "VASTROX";
  display: block;
  color: var(--ink);
  font-weight: 700;
  letter-spacing: 0.3px;
}
#storage.vxw-storage a.st-up::after {
  content: "Sponsor";
  display: block;
  color: var(--mut);
  font-size: 0.86rem;
  margin-top: 3px;
}
/* Hide existing inner content (logos, upgrade text, any extra labels) */
#storage.vxw-storage a.st-up img,
#storage.vxw-storage a.st-up b,
#storage.vxw-storage a.st-up small,
#storage.vxw-storage a.st-up span,
#storage.vxw-storage a.st-up i {
  display: none !important;
}
/* Keep any remaining icons subtle */
#storage.vxw-storage i { opacity: 0.9; }
/* @vxpage-end:6666cd76f969 */