/* ───────── Vocabulary · SKEUO skin (iOS 6 + Aqua) — opt-in ─────────
   Active only under html.theme-skeuo. Overrides flat surfaces.
   Card = index card with red margin + single BASELINE (no ruled lines over text). */
html.theme-skeuo .vc-root{ --vc-t1:#4a9eea; --vc-t2:#1f6fcc; --vc-tEdge:#1857a8;
  /* TWO-TONE base: dark LEATHER for the left 248px (sidebar column) + WOOD for the
     rest. So when content scrolls and the sticky sidebar ends, the gap below it is
     leather (matches .vc-side), and the stage gap is wood — no mismatch. */
  background:
    repeating-linear-gradient(90deg, rgba(40,22,8,.09) 0 1px, rgba(255,230,185,.05) 1px 2px, transparent 2px 7px, rgba(40,22,8,.05) 7px 8px, transparent 8px 14px) 248px 0 / calc(100% - 248px) 100% no-repeat,
    linear-gradient(90deg, #3d2516 0 248px, #b58a52 248px 100%); color:#3a342b;
  font-family:'Be Vietnam Pro',-apple-system,'Helvetica Neue',sans-serif; }

/* sidebar = stitched LEATHER binder (iOS 6 Contacts/Calendar vibe) */
html.theme-skeuo .vc-side{ position:sticky; top:0; height:100vh; align-self:start;
  background:
    repeating-radial-gradient(circle at 28% 18%, rgba(0,0,0,.05) 0 1.5px, transparent 1.5px 3.6px),
    radial-gradient(120% 70% at 50% -6%, rgba(255,235,200,.09), transparent 55%),
    linear-gradient(180deg,#60402a,#4d3120 58%,#3d2516 100%);
  border-right:1px solid #22140a;
  box-shadow:inset -10px 0 22px -14px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,222,172,.13); }
/* stitched thread running down the inner edge */
html.theme-skeuo .vc-side::after{ content:""; position:absolute; top:16px; bottom:16px; right:9px; width:0;
  border-right:2px dashed rgba(233,206,151,.5); filter:drop-shadow(0 1px 0 rgba(0,0,0,.45)); pointer-events:none; }
/* brass nameplate logo */
html.theme-skeuo .vc-logo{ color:#3a2a12; background:linear-gradient(180deg,#f4d98a,#c89b40 55%,#a87c2a);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.85),inset 0 -3px 6px rgba(90,60,10,.5),0 2px 4px rgba(0,0,0,.45); text-shadow:0 1px 0 rgba(255,247,212,.6); }
html.theme-skeuo .vc-brand-name{ color:#f6e9cf; text-shadow:0 1px 2px rgba(0,0,0,.6); } html.theme-skeuo .vc-brand-sub{ color:#c9a878; text-shadow:0 1px 1px rgba(0,0,0,.5); }
html.theme-skeuo .vc-navlbl{ color:#c0a06f; text-shadow:0 1px 1px rgba(0,0,0,.55); letter-spacing:.07em; }
html.theme-skeuo .vc-nav-item{ color:#e8d8ba; text-shadow:0 1px 1px rgba(0,0,0,.55); border-radius:9px; }
/* gel-tile icons (option B): each nav glyph sits on a glossy cream chip */
html.theme-skeuo .vc-nav-item i{ width:30px; height:30px; border-radius:8px; display:inline-grid; place-items:center; font-size:17px;
  color:#7a5e2e; background:linear-gradient(180deg,#fdfcf7,#e7ddc6); border:1px solid rgba(70,45,15,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 1px 2px rgba(30,18,5,.4); }
html.theme-skeuo .vc-nav-item:hover{ background:rgba(255,236,196,.08); box-shadow:inset 0 1px 0 rgba(255,226,176,.16); }
html.theme-skeuo .vc-nav-item:hover i{ background:linear-gradient(180deg,#fff,#efe6d2); }
/* active = caramel-leather index TAB, raised + glossy */
html.theme-skeuo .vc-nav-item.is-active{ color:#3a2a12; text-shadow:0 1px 0 rgba(255,247,212,.55);
  background:linear-gradient(180deg,#eccd8c,#d0a452 55%,#bd8e3a); border:1px solid #8d6822;
  box-shadow:inset 0 1px 1px rgba(255,249,222,.9),inset 0 -3px 6px rgba(120,80,15,.4),0 2px 5px rgba(0,0,0,.42); }
html.theme-skeuo .vc-nav-item.is-active i{ color:#5a3c10; background:linear-gradient(180deg,#fff7e6,#f1dcae); border:1px solid #b78f3e;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(120,80,15,.4); }
html.theme-skeuo .vc-streak,html.theme-skeuo .vc-user{ background:linear-gradient(180deg,#fdf6e3,#f0e6c8); border:1px solid #d8c89a; box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(120,90,30,.25); }
html.theme-skeuo .vc-flame{ background:radial-gradient(circle at 50% 28%,#ffd47a,#ff8a3c); box-shadow:inset 0 1px 1px rgba(255,255,255,.7),0 1px 3px rgba(200,90,20,.5); }
html.theme-skeuo .vc-streak b{ color:#7a5a1e; text-shadow:0 1px 0 #fff; } html.theme-skeuo .vc-streak small,html.theme-skeuo .vc-user-sub{ color:#a08850; }
html.theme-skeuo .vc-user-name{ color:#5a5142; text-shadow:0 1px 0 #fff; }

/* topbar brushed metal */
html.theme-skeuo .vc-top{ background:linear-gradient(180deg,#fcfcfc,#d6d6d8); border-bottom:1px solid #9a9a9c; backdrop-filter:none;
  box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(0,0,0,.16); }
html.theme-skeuo .vc-search{ background:linear-gradient(180deg,#e9e9ea,#fbfbfb); border:1px solid #b6b6b8; color:#8a8a8a; box-shadow:inset 0 2px 4px rgba(0,0,0,.18),0 1px 0 #fff; }
html.theme-skeuo .vc-search-input{ color:#4a4234; } html.theme-skeuo .vc-search-input::placeholder{ color:#736750; opacity:1; }
html.theme-skeuo .vc-search .vc-search-input,
html.theme-skeuo #vcSearchInput{
  background:transparent !important; background-color:transparent !important;
  border:0 !important; box-shadow:none !important; outline:none !important;
  border-radius:0 !important; -webkit-appearance:none !important; appearance:none !important;
}
html.theme-skeuo .vc-search-results{ background:linear-gradient(180deg,#fffefb,#f6efdf); border:1px solid #e6dcbe; box-shadow:0 1px 1px rgba(0,0,0,.06),0 18px 36px -14px rgba(80,60,20,.5); }
html.theme-skeuo .vc-sr-item:hover{ background:rgba(120,90,40,.09); }
html.theme-skeuo .vc-sr-term{ color:#2f2a22; } html.theme-skeuo .vc-sr-vn{ color:#6b6253; } html.theme-skeuo .vc-sr-unit{ color:#9a8e72; } html.theme-skeuo .vc-sr-empty{ color:#8a7f66; }
html.theme-skeuo .vc-sr-set{ border-bottom:1px solid #e6dcbe; } html.theme-skeuo .vc-sr-ico{ background:linear-gradient(180deg,#f4d98a,#c89b40); color:#5a3c10; box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 1px 2px rgba(120,80,15,.3); }
html.theme-skeuo.ae-dark-mode .vc-sr-set{ border-bottom-color:rgba(255,214,150,.12); }
html.theme-skeuo.ae-dark-mode .vc-search-input{ color:#ecdfc4; } html.theme-skeuo.ae-dark-mode .vc-search-input::placeholder{ color:#a89876; }
html.theme-skeuo.ae-dark-mode .vc-search .vc-search-input,
html.theme-skeuo.ae-dark-mode #vcSearchInput{
  background:transparent !important; background-color:transparent !important;
  background-image:none !important; border:0 !important; box-shadow:none !important;
  outline:none !important; border-radius:0 !important;
  -webkit-appearance:none !important; appearance:none !important;
  min-height:0 !important; height:auto !important; padding:0 !important;
  color:#ecdfc4 !important;
}
html.theme-skeuo.ae-dark-mode .vc-search-results{ background:linear-gradient(180deg,#2f2820,#241e16); border-color:rgba(255,214,150,.14); box-shadow:0 18px 36px -14px rgba(0,0,0,.7); }
html.theme-skeuo.ae-dark-mode .vc-sr-item:hover{ background:rgba(255,220,150,.08); }
html.theme-skeuo.ae-dark-mode .vc-sr-term{ color:#f0e6d0; } html.theme-skeuo.ae-dark-mode .vc-sr-vn{ color:#cbbf9e; }
html.theme-skeuo.ae-dark-mode .vc-sr-unit{ color:#a89876; } html.theme-skeuo.ae-dark-mode .vc-sr-empty{ color:#a89876; }
html.theme-skeuo.ae-dark-mode .vc-sr-skill{ color:#f0e6d0 !important; }
html.theme-skeuo .vc-skin-switch{ background:linear-gradient(180deg,#e6e6e8,#fbfbfb); border:1px solid #b4b4b6; box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.2); }
html.theme-skeuo .vc-skin-switch button{ color:#5a5a5c; text-shadow:0 1px 0 #fff; }
html.theme-skeuo .vc-skin-switch button.is-active{ color:#fff; text-shadow:0 -1px 1px rgba(0,40,60,.5); background:linear-gradient(180deg,var(--vc-t1),var(--vc-t2)); box-shadow:inset 0 1px 1px rgba(255,255,255,.8); }
html.theme-skeuo .vc-icon-btn,html.theme-skeuo .vc-me{ background:linear-gradient(180deg,#fdfdfd,#dcdcde); border:1px solid #b3b3b5; color:#5d5d5f; box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.2); }
html.theme-skeuo .vc-me b{ color:#444; text-shadow:0 1px 0 #fff; } html.theme-skeuo .vc-me small{ color:#8a8a8a; }

/* stage = real WOODEN desk (oak plank + grain), iOS 6 style. Cream paper cards
   sit on the wood. Layers: fine grain streaks + broad plank bands + warm base. */
html.theme-skeuo .vc-stage{
  background:
    repeating-linear-gradient(91deg, rgba(38,20,6,.11) 0 1px, rgba(255,226,176,.05) 1px 2px, transparent 2px 7px, rgba(38,20,6,.06) 7px 8px, transparent 8px 15px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.07) 0 88px, rgba(255,238,205,.05) 88px 90px, transparent 90px 196px),
    radial-gradient(130% 120% at 50% 0%, #c39860, #ad8049 52%, #966838 100%);
  box-shadow:inset 0 10px 26px rgba(60,38,14,.32), inset 0 -44px 80px -44px rgba(0,0,0,.3);
}
html.theme-skeuo .vc-crumb{ color:#ecd6a8; text-shadow:0 1px 1px rgba(0,0,0,.5); }
html.theme-skeuo .vc-h1{ font-family:var(--vc-serif); color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.45); }
html.theme-skeuo .vc-setpill{ color:#0c4a7d; background:linear-gradient(180deg,#fff,#e8eff8); border:1px solid #bcd6ee; box-shadow:inset 0 1px 0 #fff,0 2px 3px rgba(0,0,0,.25); text-shadow:0 1px 0 #fff; }
html.theme-skeuo .vc-setpill .vc-gd{ background:radial-gradient(circle at 40% 30%,#7bdcff,#1f8fd0); box-shadow:inset 0 1px 1px rgba(255,255,255,.7); }
html.theme-skeuo .vc-modes{ background:linear-gradient(180deg,#e6e6e8,#fbfbfb); border:1px solid #b4b4b6; box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(0,0,0,.3); }
html.theme-skeuo .vc-modes button{ color:#5a5a5c; text-shadow:0 1px 0 #fff; }
html.theme-skeuo .vc-modes button.is-active{ color:#fff; text-shadow:0 -1px 1px rgba(0,40,60,.5); background:linear-gradient(180deg,var(--vc-t1),var(--vc-t2)); box-shadow:inset 0 1px 1px rgba(255,255,255,.8); }

/* index card */
html.theme-skeuo .vc-face{ background:linear-gradient(180deg,#fffefa,#fbf6e6); border:1px solid #e3d8b8; padding-left:64px;
  box-shadow:0 1px 1px rgba(0,0,0,.18),0 16px 32px -10px rgba(0,0,0,.5),inset 0 1px 0 #fff; }
html.theme-skeuo .vc-face::before{ content:""; position:absolute; left:42px; top:22px; bottom:22px; width:1.5px; background:rgba(206,86,76,.5); box-shadow:1px 0 0 rgba(255,255,255,.65); }
html.theme-skeuo .vc-face::after{ content:""; position:absolute; inset:0; border-radius:24px; pointer-events:none; background:radial-gradient(130% 72% at 50% 0%,rgba(255,255,255,.5),transparent 58%); box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),inset 0 -22px 36px -22px rgba(150,120,60,.28); }
html.theme-skeuo .vc-pos{ color:#bb4a3f; background:transparent; border:2px solid #cf6b5f; border-radius:6px; transform:rotate(-3deg); text-shadow:0 1px 0 #fff; opacity:.85; }
html.theme-skeuo .vc-word{ font-family:var(--vc-serif); color:#2f2a22; width:100%; padding-bottom:13px; letter-spacing:0;
  border-bottom:1.5px solid rgba(86,116,186,.28); box-shadow:0 1.5px 0 rgba(255,255,255,.7); text-shadow:0 1px 0 #fff; }
html.theme-skeuo .vc-spk{ background:linear-gradient(180deg,#fdfdfd,#dcdde0); border:1px solid #b4b5b8; color:#3a72c0; box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.25); }
html.theme-skeuo .vc-ipa{ font-family:var(--vc-serif); font-style:italic; color:#8a8170; } html.theme-skeuo .vc-hint{ color:#a89e86; }
html.theme-skeuo .vc-back .vc-vn{ font-family:var(--vc-serif); color:#13548f; text-shadow:0 1px 0 #fff; }
html.theme-skeuo .vc-back .vc-def{ color:#5b5447; }
html.theme-skeuo .vc-back .vc-ex{ font-family:var(--vc-serif); font-style:italic; background:rgba(255,255,255,.05); border-left:3px solid #1f8fd0; color:#4a4438; }
html.theme-skeuo .vc-back .vc-ex-vn{ font-family:var(--vc-serif); background:rgba(255,255,255,.05); border-left:3px solid #1f8fd0; color:#7a6f5a; }
html.theme-skeuo.ae-dark-mode .vc-back .vc-ex-vn{ background:rgba(255,255,255,.04); color:#a39db0; }
html.theme-skeuo .vc-back .vc-syn span{ color:#8a5a12; background:linear-gradient(180deg,#fff7df,#ffe9b0); border:1px solid #e6c97a; box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(150,110,20,.25); text-shadow:0 1px 0 #fff; transform:rotate(-1deg); }

/* controls */
html.theme-skeuo .vc-bar{ height:14px; padding:3px; border-radius:9px; background:linear-gradient(180deg,#d8c9a8,#e9ddc2); box-shadow:inset 0 2px 4px rgba(90,60,20,.35), inset 0 -1px 0 rgba(255,255,255,.6); }
html.theme-skeuo .vc-bar i{ background:linear-gradient(180deg,#8ee0ff,#2a93d8); box-shadow:inset 0 1px 1px rgba(255,255,255,.8),0 0 8px rgba(80,180,240,.6); }
html.theme-skeuo .vc-meta{ color:#e2cda0; text-shadow:0 1px 1px rgba(0,0,0,.45); }
html.theme-skeuo .vc-rnd{ background:linear-gradient(180deg,#fdfdfd,#d6d6d9); border:1px solid #aeaeb0; color:#4a4a4c; box-shadow:inset 0 1px 0 #fff,0 2px 3px rgba(0,0,0,.35); }
html.theme-skeuo .vc-rate button{ color:#fff; text-shadow:0 -1px 1px rgba(0,0,0,.35); box-shadow:inset 0 1px 1px rgba(255,255,255,.7),0 2px 4px rgba(0,0,0,.35); position:relative; }
html.theme-skeuo .vc-rate .vc-no{ background:linear-gradient(180deg,#ff7d6e,#e2402f); } html.theme-skeuo .vc-rate .vc-mid{ background:linear-gradient(180deg,#ffcf6b,#f2a01f); color:#5a3a06; text-shadow:0 1px 0 rgba(255,255,255,.5); } html.theme-skeuo .vc-rate .vc-yes{ background:linear-gradient(180deg,#7fe08a,#2fae4e); }
html.theme-skeuo .vc-empty{ color:#ecddbe; } html.theme-skeuo .vc-empty i{ color:#d8c191; }

/* ── Skeuo · dark (graphite desk, dark felt) ── */
html.theme-skeuo.ae-dark-mode .vc-root{ background:linear-gradient(180deg,#2a1c10,#1f140c 55%,#150d07 100%); }
html.theme-skeuo.ae-dark-mode .vc-side{
  background:
    repeating-radial-gradient(circle at 28% 18%, rgba(0,0,0,.10) 0 1.5px, transparent 1.5px 3.6px),
    radial-gradient(120% 70% at 50% -6%, rgba(120,80,40,.18), transparent 55%),
    linear-gradient(180deg,#2a1d12,#1f140c 60%,#150d07 100%);
  border-right:1px solid #000; box-shadow:inset -10px 0 22px -14px rgba(0,0,0,.85), inset 0 1px 0 rgba(150,100,50,.12); }
html.theme-skeuo.ae-dark-mode .vc-side::after{ border-right-color:rgba(180,140,80,.4); }
html.theme-skeuo.ae-dark-mode .vc-brand-name{ color:#f4ead2; text-shadow:0 1px 1px #000; } html.theme-skeuo.ae-dark-mode .vc-nav-item{ color:#dcceaa; text-shadow:0 1px 1px rgba(0,0,0,.6); }
html.theme-skeuo.ae-dark-mode .vc-brand-sub{ color:#bca878 !important; text-shadow:0 1px 1px #000 !important; }
html.theme-skeuo.ae-dark-mode .vc-navlbl{ color:#b09a6e !important; text-shadow:0 1px 1px #000 !important; }
/* nav gel tiles → walnut (NOT cream #fdfcf7 — chói trên leather sidebar dark) */
html.theme-skeuo.ae-dark-mode .vc-nav-item i{
  background:linear-gradient(180deg,#3d3528,#2e2618) !important;
  border:1px solid rgba(255,210,130,.28) !important;
  box-shadow:inset 0 1px 0 rgba(255,224,170,.08),0 1px 3px rgba(0,0,0,.45) !important;
  color:#e6bc78 !important;
}
html.theme-skeuo.ae-dark-mode .vc-nav-item:hover i{
  background:linear-gradient(180deg,#473a2c,#352b1f) !important;
  border-color:rgba(255,214,150,.38) !important;
  color:#f4cf8a !important;
}
html.theme-skeuo.ae-dark-mode .vc-nav-item.is-active i{
  color:#5a3c10 !important;
  background:linear-gradient(180deg,#fff7e6,#f1dcae) !important;
  border:1px solid #b78f3e !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(120,80,15,.4) !important;
}
html.theme-skeuo.ae-dark-mode .vc-top{ background:linear-gradient(180deg,#36302a,#231d16); border-bottom:1px solid #0c0905; box-shadow:inset 0 1px 0 rgba(255,224,170,.1),0 2px 6px rgba(0,0,0,.5); }
html.theme-skeuo.ae-dark-mode .vc-stage{
  background:
    repeating-linear-gradient(91deg, rgba(0,0,0,.18) 0 1px, rgba(120,80,40,.06) 1px 2px, transparent 2px 7px, rgba(0,0,0,.10) 7px 8px, transparent 8px 15px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.14) 0 88px, rgba(120,80,40,.05) 88px 90px, transparent 90px 196px),
    radial-gradient(130% 120% at 50% 0%, #3a2818, #2a1c10 52%, #1a1109 100%);
  box-shadow:inset 0 10px 26px rgba(0,0,0,.6), inset 0 -44px 80px -44px rgba(0,0,0,.5); }
/* flashcard FACE = warm walnut sheet (was cold grey-purple → muddy). Front + back. */
html.theme-skeuo.ae-dark-mode .vc-face{ background:linear-gradient(180deg,#2f2820,#241e16); border:1px solid rgba(255,214,150,.12); box-shadow:0 16px 32px -12px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,224,170,.06); }
html.theme-skeuo.ae-dark-mode .vc-word{ color:#f0e6d0; border-bottom-color:rgba(120,180,230,.4); box-shadow:0 1.5px 0 rgba(0,0,0,.4); text-shadow:0 1px 1px #000; }
html.theme-skeuo.ae-dark-mode .vc-back .vc-vn{ color:#7fbce8; text-shadow:0 1px 1px #000; } html.theme-skeuo.ae-dark-mode .vc-back .vc-def{ color:#d8cba8; }
html.theme-skeuo.ae-dark-mode .vc-ipa{ color:#a89876; } html.theme-skeuo.ae-dark-mode .vc-hint{ color:#9a8c6a; }
/* dark skeuo — brushed-metal controls (neutral graphite, no purple cast) + walnut pills */
html.theme-skeuo.ae-dark-mode .vc-search{ background:linear-gradient(180deg,#221d15,#2a241b); border:1px solid rgba(255,214,150,.14); color:#a89876; box-shadow:inset 0 2px 4px rgba(0,0,0,.6); }
html.theme-skeuo.ae-dark-mode .vc-skin-switch{ background:linear-gradient(180deg,#2f2820,#241e16); border:1px solid rgba(255,214,150,.12); box-shadow:inset 0 1px 0 rgba(255,224,170,.06); }
html.theme-skeuo.ae-dark-mode .vc-skin-switch button{ color:#d8cba8; text-shadow:0 1px 1px #000; }
html.theme-skeuo.ae-dark-mode .vc-icon-btn,html.theme-skeuo.ae-dark-mode .vc-me{ background:linear-gradient(180deg,#3a3026,#2c241a); border:1px solid rgba(255,214,150,.16); color:#e6d9b8; box-shadow:inset 0 1px 0 rgba(255,224,170,.08),0 1px 2px rgba(0,0,0,.5); }
html.theme-skeuo.ae-dark-mode .vc-me b{ color:#f0e6d0; text-shadow:0 1px 1px #000; } html.theme-skeuo.ae-dark-mode .vc-me small{ color:#a89876; }
html.theme-skeuo.ae-dark-mode .vc-setpill{ color:#bfe6d0; background:linear-gradient(180deg,#22343b,#1a2329); border:1px solid rgba(140,200,180,.28); box-shadow:inset 0 1px 0 rgba(255,255,255,.06); text-shadow:0 1px 1px #000; }
html.theme-skeuo.ae-dark-mode .vc-modes{ background:linear-gradient(180deg,#2f2820,#241e16); border:1px solid rgba(255,214,150,.12); box-shadow:inset 0 1px 0 rgba(255,224,170,.06); }
html.theme-skeuo.ae-dark-mode .vc-modes button{ color:#d8cba8; text-shadow:0 1px 1px #000; }
html.theme-skeuo.ae-dark-mode .vc-spk{ background:linear-gradient(180deg,#3a3026,#2c241a); border:1px solid rgba(255,214,150,.18); color:#8db4e6; box-shadow:inset 0 1px 0 rgba(255,224,170,.1),0 1px 2px rgba(0,0,0,.5); }
html.theme-skeuo.ae-dark-mode .vc-rnd{ background:linear-gradient(180deg,#3a3026,#2c241a); border:1px solid rgba(255,214,150,.16); color:#e6d9b8; box-shadow:inset 0 1px 0 rgba(255,224,170,.08),0 2px 3px rgba(0,0,0,.5); }
html.theme-skeuo.ae-dark-mode .vc-bar{ background:linear-gradient(180deg,#08321f,#0a4730); }
html.theme-skeuo.ae-dark-mode .vc-pos{ color:#e09a8f; border-color:#a85a4f; }
html.theme-skeuo.ae-dark-mode .vc-back .vc-ex{ background:rgba(255,224,170,.05); color:#d8cba8; }
html.theme-skeuo.ae-dark-mode .vc-back .vc-syn span{ color:#e7c987; background:linear-gradient(180deg,#3a3220,#2c2616); border-color:rgba(230,200,120,.32); text-shadow:0 1px 1px #000; }
html.theme-skeuo.ae-dark-mode .vc-crumb{ color:#e2cda0; } html.theme-skeuo.ae-dark-mode .vc-meta{ color:#e2cda0; }

/* ── components · skeuo (paper sheets + gel on felt) ── */
html.theme-skeuo .vc-page-head h1{ font-family:var(--vc-serif); color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.45); }
html.theme-skeuo .vc-page-head .vc-crumb{ color:#ecd6a8; text-shadow:0 1px 1px rgba(0,0,0,.5); }
html.theme-skeuo .vc-section-title{ color:#f5ead2; text-shadow:0 1px 2px rgba(0,0,0,.5); }
html.theme-skeuo .vc-panel{ background:linear-gradient(180deg,#fffefb,#f8f2e2); border:1px solid #e6dcbe; box-shadow:0 1px 1px rgba(0,0,0,.1),0 14px 30px -16px rgba(80,60,20,.5),inset 0 1px 0 #fff; color:#4a4438; }
html.theme-skeuo .vc-panel .vc-section-title{ color:#5a5142; text-shadow:0 1px 0 #fff; margin-top:0; }
html.theme-skeuo .vc-stat{ background:linear-gradient(180deg,#fff7e0,#ffefc2); border:1px solid #e9d290; box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(150,110,20,.2); }
html.theme-skeuo .vc-stat-lbl{ color:#9a7a18; text-shadow:0 1px 0 #fff; } html.theme-skeuo .vc-stat-val{ color:#7a5a1e; text-shadow:0 1px 0 #fff; }
html.theme-skeuo .vc-listrow{ background:linear-gradient(180deg,#fffefb,#f7f1e0); border:1px solid #e6dcbe; box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(80,60,20,.15); }
html.theme-skeuo .vc-lr-icon{ background:linear-gradient(180deg,#fff7df,#ffe9b0); border:1px solid #e6c97a; color:#8a5a12; box-shadow:inset 0 1px 0 #fff; }
html.theme-skeuo .vc-lr-title{ color:#3a342b; } html.theme-skeuo .vc-lr-sub{ color:#8a8170; } html.theme-skeuo .vc-lr-meta{ color:#a08850; }
/* Bộ chọn game (dropdown riêng) · skeuo */
html.theme-skeuo .vc-gp-btn{ background:linear-gradient(180deg,#fff8e6,#f0deb0); border:1px solid #d8be82; color:#8a5a12; box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(120,80,20,.2); }
html.theme-skeuo .vc-gp-btn .vc-gp-cur{ color:#5a4420; }
html.theme-skeuo .vc-gp-pop{ background:linear-gradient(180deg,#fffdf4,#f3e7c9); border:1px solid #d8be82; box-shadow:0 18px 44px rgba(90,60,10,.35); }
html.theme-skeuo .vc-gp-search{ border-bottom:1px solid #e2d3a2; } html.theme-skeuo .vc-gp-search input{ color:#5a4420; }
html.theme-skeuo .vc-gp-group{ color:#a07d2a; text-shadow:0 1px 0 #fff; }
html.theme-skeuo .vc-gp-item{ color:#4a3f2c; } html.theme-skeuo .vc-gp-item:hover:not(.is-lock){ background:rgba(180,140,40,.16); }
html.theme-skeuo .vc-gp-item.is-cur{ background:linear-gradient(180deg,#fff3cf,#f0deb0); color:#8a5a12; box-shadow:inset 0 1px 0 #fff; }
html.theme-skeuo .vc-gp-item-chk{ color:#c99a2a; }
html.theme-skeuo.ae-dark-mode .vc-gp-btn{ background:linear-gradient(180deg,#4a3a1e,#382c16); border-color:rgba(255,200,110,.28); color:#ffcf80; }
html.theme-skeuo.ae-dark-mode .vc-gp-btn .vc-gp-cur{ color:#f0d8a8; }
html.theme-skeuo.ae-dark-mode .vc-gp-pop{ background:linear-gradient(180deg,#3a3026,#2c241a); border-color:rgba(255,200,110,.24); box-shadow:0 18px 44px rgba(0,0,0,.55); }
html.theme-skeuo.ae-dark-mode .vc-gp-search{ border-color:rgba(255,200,110,.2); } html.theme-skeuo.ae-dark-mode .vc-gp-search input{ color:#f0d8a8; }
html.theme-skeuo.ae-dark-mode .vc-gp-group{ color:#e6bc78; text-shadow:none; }
html.theme-skeuo.ae-dark-mode .vc-gp-item{ color:#ecdfc4; } html.theme-skeuo.ae-dark-mode .vc-gp-item:hover:not(.is-lock){ background:rgba(255,200,110,.12); }
html.theme-skeuo.ae-dark-mode .vc-gp-item.is-cur{ background:rgba(255,200,110,.16); color:#ffcf80; box-shadow:none; }
/* Xếp hạng · skeuo */
html.theme-skeuo .vc-lb-hero-pts{ color:#5a4420; text-shadow:0 1px 0 #fff; }
html.theme-skeuo .vc-lb-hero-lbl{ color:#8a5a12; text-shadow:0 1px 0 #fff; }
html.theme-skeuo .vc-lb-hero-sub,html.theme-skeuo .vc-lb-hero-reset{ color:#8a8170; }
html.theme-skeuo .vc-lb-act{ background:linear-gradient(180deg,#fff7e0,#ffefc2); border:1px solid #e9d290; box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(150,110,20,.2); }
html.theme-skeuo .vc-lb-act-val{ color:#7a5a1e; text-shadow:0 1px 0 #fff; } html.theme-skeuo .vc-lb-act-lbl{ color:#9a7a18; }
html.theme-skeuo.ae-dark-mode .vc-lb-hero-pts{ color:#ffdca6; text-shadow:none; }
html.theme-skeuo.ae-dark-mode .vc-lb-hero-lbl{ color:#ffcf80; text-shadow:none; }
html.theme-skeuo.ae-dark-mode .vc-lb-act{ background:linear-gradient(180deg,#3a3120,#2c2414); border-color:rgba(255,200,110,.22); }
html.theme-skeuo.ae-dark-mode .vc-lb-act-val{ color:#ffdca6; text-shadow:none; }
/* Truy cập nhanh · skeuo wood/brass tiles */
html.theme-skeuo .vc-quick{ background:linear-gradient(180deg,#fffefb,#f5eed9); border:1px solid #e2d6b4; box-shadow:inset 0 1px 0 #fff,0 3px 6px rgba(80,60,20,.18); }
html.theme-skeuo .vc-quick:hover{ background:linear-gradient(180deg,#fffdf4,#f0e6cc); box-shadow:inset 0 1px 0 #fff,0 8px 16px rgba(80,60,20,.28); }
html.theme-skeuo .vc-quick .vc-q-ic{ background:linear-gradient(180deg,#fff7df,#ffe4a0); border:1px solid #e0be6e; color:#8a5a12; box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(120,80,20,.25); }
html.theme-skeuo .vc-quick .vc-q-lbl{ color:#4a3f2c; text-shadow:0 1px 0 #fff; }
html.theme-skeuo.ae-dark-mode .vc-quick{ background:linear-gradient(180deg,#3a3026,#2c241a); border-color:rgba(255,214,150,.14); box-shadow:inset 0 1px 0 rgba(255,224,170,.05),0 3px 6px rgba(0,0,0,.4); }
html.theme-skeuo.ae-dark-mode .vc-quick .vc-q-lbl{ color:#f0d8a8; text-shadow:none; }
html.theme-skeuo.ae-dark-mode .vc-quick .vc-q-ic{ background:linear-gradient(180deg,#4a3a1e,#382c16); border-color:rgba(255,200,110,.28); color:#ffcf80; }
/* collapse +/- toggle → brass gel chip */
html.theme-skeuo .vc-unit-toggle{ background:linear-gradient(180deg,#fff8e6,#ecd4a0); border:1px solid #c9a85e; color:#8a5a12; box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(120,80,20,.28); }
html.theme-skeuo .vc-unit-head:hover .vc-unit-toggle{ background:linear-gradient(180deg,#fffbee,#f0deb0); }
html.theme-skeuo .vc-unit-name{ color:#3a2f1c; text-shadow:0 1px 0 rgba(255,250,235,.6); }
html.theme-skeuo .vc-unit-sub{ color:#7a6a44; }
html.theme-skeuo.ae-dark-mode .vc-unit-toggle{ background:linear-gradient(180deg,#3a3326,#2a2418); border:1px solid rgba(255,210,130,.3); color:#e6bc78; }
/* hover dark: KHÔNG dùng cream sáng (L170) — brass-trên-cream = trắng xóa. Giữ walnut sáng hơn + glyph sáng rõ. */
html.theme-skeuo.ae-dark-mode .vc-unit-head:hover .vc-unit-toggle{ background:linear-gradient(180deg,#473a2c,#352b1f); border-color:rgba(255,214,150,.42); color:#f4cf8a; }
html.theme-skeuo.ae-dark-mode .vc-unit-name{ color:#f4ead2; text-shadow:0 1px 2px rgba(0,0,0,.55); }
html.theme-skeuo.ae-dark-mode .vc-unit-sub{ color:#cbbf9e; text-shadow:0 1px 1px rgba(0,0,0,.5); }
/* deck-picker dropdown → cream paper menu on the wood */
html.theme-skeuo .vc-setmenu{ background:linear-gradient(180deg,#fffdf6,#f3ead4); border:1px solid #d8c89a; box-shadow:0 20px 38px -12px rgba(70,50,15,.55),inset 0 1px 0 #fff; }
html.theme-skeuo .vc-setmenu-head{ color:#9a8456; text-shadow:0 1px 0 #fff; }
html.theme-skeuo .vc-setmenu-item{ color:#4a3f2a; }
html.theme-skeuo .vc-setmenu-item:hover{ background:rgba(140,95,25,.09); }
html.theme-skeuo .vc-setmenu-item.is-current{ background:linear-gradient(180deg,#f2c66c,#d39c3c); border:1px solid #8c6622; color:#3a2a08; text-shadow:0 1px 0 rgba(255,245,210,.5); }
html.theme-skeuo .vc-setmenu-n{ color:#9a8456; }
html.theme-skeuo.ae-dark-mode .vc-setmenu{ background:linear-gradient(180deg,#2f2820,#241e16); border:1px solid rgba(255,214,150,.14); box-shadow:0 20px 38px -12px rgba(0,0,0,.75); }
html.theme-skeuo.ae-dark-mode .vc-setmenu-item{ color:#ecdfc4; }
html.theme-skeuo.ae-dark-mode .vc-setmenu-item:hover{ background:rgba(255,220,150,.1); }
html.theme-skeuo.ae-dark-mode .vc-setmenu-head,html.theme-skeuo.ae-dark-mode .vc-setmenu-n{ color:#bca878; }
/* Search trong dropdown chọn bộ — skeuo light + dark walnut */
html.theme-skeuo .vc-setmenu-search{ background:linear-gradient(180deg,#fffdf6,#f0e8d2); border:1px solid #d8c89e; box-shadow:inset 0 1px 2px rgba(120,90,40,.1); }
html.theme-skeuo .vc-setmenu-search input{ color:#4a3f2a; }
html.theme-skeuo .vc-setmenu-search .ti{ color:#9a8456; }
html.theme-skeuo.ae-dark-mode .vc-setmenu-search{ background:linear-gradient(180deg,#3a3025,#2a2118); border:1px solid rgba(255,214,150,.2); box-shadow:none; }
html.theme-skeuo.ae-dark-mode .vc-setmenu-search input{ color:#ecdfc4; }
/* deck picker cards → cream paper on wood */
html.theme-skeuo .vc-deck{ background:linear-gradient(180deg,#fffefb,#f6efdf); border:1px solid #e6dcbe; box-shadow:0 1px 1px rgba(0,0,0,.06),0 14px 28px -16px rgba(80,60,20,.5),inset 0 1px 0 #fff; }
html.theme-skeuo .vc-deck-ico{ background:linear-gradient(180deg,#fff7df,#ffe9b0); border:1px solid #e6c97a; color:#8a5a12; box-shadow:inset 0 1px 0 #fff; }
html.theme-skeuo .vc-deck-name{ color:#3a2f1c; text-shadow:0 1px 0 rgba(255,250,235,.6); } html.theme-skeuo .vc-deck-n{ color:#8a7a52; }
html.theme-skeuo .vc-deck-skill{ background:linear-gradient(180deg,#fffdf6,#efe6cf); border:1px solid #d8c89a; color:var(--sc,#6a5a30); box-shadow:inset 0 1px 0 #fff; text-shadow:0 1px 0 #fff; }
html.theme-skeuo.ae-dark-mode .vc-deck{ background:linear-gradient(180deg,#2f2820,#241e16); border:1px solid rgba(255,214,150,.12); box-shadow:0 14px 28px -16px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,224,170,.05); }
html.theme-skeuo.ae-dark-mode .vc-deck-name{ color:#f0e6d0; } html.theme-skeuo.ae-dark-mode .vc-deck-n{ color:#a89876; }
/* deck + listrow icon tiles → walnut gel (NOT cream #fff7df — nhòe trắng trên panel dark) */
html.theme-skeuo.ae-dark-mode .vc-deck-ico,
html.theme-skeuo.ae-dark-mode .vc-lr-icon{
  background:linear-gradient(180deg,#3d3528,#2e2618) !important;
  border:1px solid rgba(255,210,130,.28) !important;
  box-shadow:inset 0 1px 0 rgba(255,224,170,.08),0 1px 3px rgba(0,0,0,.45) !important;
}
html.theme-skeuo.ae-dark-mode .vc-deck-ico{ color:#e6bc78; }
html.theme-skeuo.ae-dark-mode .vc-deck-ico i{ color:#e6bc78 !important; }
/* skill accent từ inline color trên .vc-lr-icon — sáng hơn trên nền walnut */
html.theme-skeuo.ae-dark-mode .vc-lr-icon i{ filter:brightness(1.18) saturate(1.12); }
html.theme-skeuo.ae-dark-mode .vc-sr-ico{
  background:linear-gradient(180deg,#3d3528,#2e2618) !important;
  border:1px solid rgba(255,210,130,.28) !important;
  color:#e6bc78 !important;
  box-shadow:inset 0 1px 0 rgba(255,224,170,.08),0 1px 2px rgba(0,0,0,.4) !important;
}
/* skill chip ("Reading · 67") — LIGHTER walnut tile so it reads off the deck card.
   Label cream, icon takes the skill accent (--sc) for at-a-glance colour coding. */
html.theme-skeuo.ae-dark-mode .vc-deck-skill{ background:linear-gradient(180deg,#3d3328,#2e261b); border:1px solid rgba(255,214,150,.18); color:#ecdfc4; box-shadow:inset 0 1px 0 rgba(255,224,170,.06),0 1px 2px rgba(0,0,0,.4); text-shadow:0 1px 1px #000; }
html.theme-skeuo.ae-dark-mode .vc-deck-skill i{ color:var(--sc,#caa86e); filter:brightness(1.25); }
html.theme-skeuo .vc-chip{ background:linear-gradient(180deg,#e9f1fc,#d2e2f6); border:1px solid #b4cdec; color:#1a5694; text-shadow:0 1px 0 #fff; box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(30,80,150,.18); }
html.theme-skeuo.ae-dark-mode .vc-chip{ background:linear-gradient(180deg,#2b3c5e,#202d49) !important; border:1px solid rgba(130,165,225,.32) !important; color:#bcd4f4 !important; text-shadow:0 1px 1px #000 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 2px rgba(0,0,0,.5) !important; }
html.theme-skeuo .vc-btn{ box-shadow:inset 0 1px 1px rgba(255,255,255,.7),0 2px 4px rgba(0,0,0,.3); text-shadow:0 -1px 1px rgba(0,40,60,.35); }
html.theme-skeuo .vc-btn-primary{ background:linear-gradient(180deg,var(--vc-t1),var(--vc-t2)); color:#fff; border:1px solid var(--vc-tEdge); }
html.theme-skeuo .vc-btn-ghost{ background:linear-gradient(180deg,#fdfdfd,#dcdcde); color:#4a4a4c; border:1px solid #b3b3b5; text-shadow:0 1px 0 #fff; }
html.theme-skeuo.ae-dark-mode .vc-btn-ghost{ background:linear-gradient(180deg,#3a3026,#2c241a) !important; color:#ecdfc4 !important; border:1px solid rgba(255,214,150,.16) !important; text-shadow:0 1px 1px #000 !important; box-shadow:inset 0 1px 0 rgba(255,224,170,.08),0 2px 4px rgba(0,0,0,.4) !important; }
html.theme-skeuo .vc-heatmap i{ background:rgba(255,255,255,.16); box-shadow:inset 0 1px 1px rgba(0,0,0,.3); } html.theme-skeuo .vc-heatmap i.l1{ background:#7bdcff88; } html.theme-skeuo .vc-heatmap i.l2{ background:#34c0e6; } html.theme-skeuo .vc-heatmap i.l3{ background:#1f8fd0; }
/* status breakdown + word-log badges → skeuo gel */
html.theme-skeuo .vc-statusbar{ background:rgba(60,40,20,.18) !important; box-shadow:inset 0 2px 4px rgba(0,0,0,.4) !important; padding:0; }
html.theme-skeuo .vc-sb-seg{ box-shadow:inset 0 1px 0 rgba(255,255,255,.45) !important; }
html.theme-skeuo .vc-sb-weak{ background:linear-gradient(180deg,#ff7a7e,#e0434a) !important; }
html.theme-skeuo .vc-sb-fuzzy{ background:linear-gradient(180deg,#f7c25a,#dc9320) !important; }
html.theme-skeuo .vc-sb-mast{ background:linear-gradient(180deg,#46d995,#149b62) !important; }
html.theme-skeuo .vc-wl-badge,html.theme-skeuo .vc-sl-dot{ box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 1px 2px rgba(0,0,0,.25) !important; text-shadow:0 1px 1px rgba(0,0,0,.3); }
html.theme-skeuo .vc-sl-lbl{ color:#7a6f5a !important; } html.theme-skeuo .vc-sl-it b{ color:#3a342b !important; }
html.theme-skeuo .vc-sr-skill{ color:#3a342b !important; } html.theme-skeuo .vc-wl-term{ color:#3a342b !important; } html.theme-skeuo .vc-wl-vn{ color:#7a6f5a !important; }
html.theme-skeuo .vc-wl-row{ border-bottom:1px solid rgba(120,80,30,.12) !important; }
/* DARK overrides for stats/history text (light rules above hard-set dark-brown via
   !important → invisible on walnut panels). Lift to cream/sand. */
html.theme-skeuo.ae-dark-mode .vc-statusbar{ background:rgba(0,0,0,.4) !important; }
html.theme-skeuo.ae-dark-mode .vc-sl-lbl{ color:#bcae8c !important; } html.theme-skeuo.ae-dark-mode .vc-sl-it b{ color:#f0e6d0 !important; }
html.theme-skeuo.ae-dark-mode .vc-sr-skill{ color:#f0e6d0 !important; } html.theme-skeuo.ae-dark-mode .vc-wl-term{ color:#f0e6d0 !important; } html.theme-skeuo.ae-dark-mode .vc-wl-vn{ color:#bcae8c !important; }
html.theme-skeuo.ae-dark-mode .vc-wl-row{ border-bottom:1px solid rgba(255,214,150,.12) !important; }
/* history tabs / pagination — brass pills on wood */
html.theme-skeuo .vc-hist-tab{ background:linear-gradient(180deg,rgba(255,253,246,.95),rgba(239,230,208,.9)) !important; border-color:rgba(120,80,30,.3) !important; color:#5a4622 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 1px 3px rgba(80,60,20,.16) !important; }
html.theme-skeuo .vc-hist-tab.is-active{ background:linear-gradient(180deg,#f4d98a,#d39c3c) !important; border-color:#b9842e !important; color:#3a2a08 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 2px 5px rgba(80,60,20,.25) !important; }
html.theme-skeuo .vc-hist-sttab{ border-color:rgba(120,80,30,.22) !important; color:#6a5a32 !important; background:rgba(255,255,255,.6) !important; }
/* card lưới "Từ vựng đã học" — viền/nền giấy da đồng bộ */
html.theme-skeuo #vcHistWordList .vc-wl-row{ border:1px solid rgba(120,80,30,.18) !important; background:rgba(255,252,244,.65) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.5); }
html.theme-skeuo.ae-dark-mode #vcHistWordList .vc-wl-row{ border:1px solid rgba(255,214,150,.16) !important; background:rgba(0,0,0,.14) !important; box-shadow:none; }
html.theme-skeuo .vc-hist-sttab.is-active{ background:linear-gradient(180deg,#fffefb,#f4ecd8) !important; border-color:#d4c4a0 !important; color:#3a2a08 !important; font-weight:800 !important; }
html.theme-skeuo .vc-hist-pg{ border-color:rgba(120,80,30,.18) !important; color:#6a5a32 !important; background:rgba(255,255,255,.4) !important; }
html.theme-skeuo .vc-hist-pg.is-active{ background:linear-gradient(180deg,#f4d98a,#d39c3c) !important; border-color:#b9842e !important; color:#3a2a08 !important; }
html.theme-skeuo.ae-dark-mode .vc-hist-tab{ border-color:rgba(255,214,150,.22) !important; color:#ecdfc4 !important; background:linear-gradient(180deg,#3a3020,#2c2418) !important; box-shadow:inset 0 1px 0 rgba(255,236,200,.08) !important; }
html.theme-skeuo.ae-dark-mode .vc-hist-tab.is-active{ background:linear-gradient(180deg,#f4d98a,#c89b40) !important; border-color:#8d6822 !important; color:#3a2a08 !important; }
html.theme-skeuo.ae-dark-mode .vc-hist-sttab{ border-color:rgba(255,214,150,.14) !important; color:#cbbf9e !important; background:rgba(0,0,0,.12) !important; }
html.theme-skeuo.ae-dark-mode .vc-hist-sttab.is-active{ background:linear-gradient(180deg,#3a3026,#2c2419) !important; border-color:rgba(255,214,150,.28) !important; color:#f1e6cd !important; }
html.theme-skeuo.ae-dark-mode .vc-hist-pg{ border-color:rgba(255,214,150,.14) !important; color:#ecdfc4 !important; background:rgba(0,0,0,.12) !important; }
html.theme-skeuo.ae-dark-mode .vc-hist-pg.is-active{ background:linear-gradient(180deg,#f4d98a,#c89b40) !important; border-color:#8d6822 !important; color:#3a2a08 !important; }
html.theme-skeuo.ae-dark-mode .vc-hist-perpage select{ border-color:rgba(255,214,150,.18) !important; color:#ecdfc4 !important; background:rgba(0,0,0,.15) !important; }
html.theme-skeuo .vc-typed{ background:linear-gradient(180deg,#fffefb,#f7f1e0); border:1px solid #d8cdb0; color:#3a342b; box-shadow:inset 0 2px 4px rgba(120,90,40,.2); }
html.theme-skeuo:not(.ae-dark-mode) .vc-feedback.ok{
  color:#1a6b38 !important;
  background:linear-gradient(180deg,#e8fff0,#c6f6d5) !important;
  border:1px solid #6ee7a0 !important;
  padding:8px 12px !important;
  border-radius:10px !important;
  display:inline-block !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 2px 4px rgba(26,107,56,.12) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .vc-feedback.no{
  color:#991b1b !important;
  background:linear-gradient(180deg,#fff0ee,#ffd4cf) !important;
  border:1px solid #f87171 !important;
  padding:8px 12px !important;
  border-radius:10px !important;
  display:inline-block !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 2px 4px rgba(185,28,28,.12) !important;
}
html.theme-skeuo.ae-dark-mode .vc-feedback.ok{
  color:#bbf7d0 !important;
  background:linear-gradient(180deg,#1a3d28,#142e1e) !important;
  border:1px solid rgba(110,231,160,.35) !important;
  padding:8px 12px !important;
  border-radius:10px !important;
  display:inline-block !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 2px 5px rgba(0,0,0,.35) !important;
}
html.theme-skeuo.ae-dark-mode .vc-feedback.no{
  color:#fecaca !important;
  background:linear-gradient(180deg,#3d2020,#2e1818) !important;
  border:1px solid rgba(248,113,113,.35) !important;
  padding:8px 12px !important;
  border-radius:10px !important;
  display:inline-block !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 2px 5px rgba(0,0,0,.35) !important;
}
/* dark skeuo components — warm WALNUT panels (were cold grey-purple #26242c = muddy).
   Panel = card surface; listrow = nested row, kept LIGHTER (#33,2b,20) so it lifts off
   the panel; chips/stats lighter still. Text: heading cream, body warm sand, sub tan. */
html.theme-skeuo.ae-dark-mode .vc-panel{ background:linear-gradient(180deg,#2f2820,#241e16); border:1px solid rgba(255,214,150,.12); box-shadow:0 14px 30px -16px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,224,170,.06); color:#d8cba8; }
html.theme-skeuo.ae-dark-mode .vc-panel .vc-section-title{ color:#f0e6d0; text-shadow:0 1px 1px #000; }
html.theme-skeuo.ae-dark-mode .vc-stat{ background:linear-gradient(180deg,#3a3120,#2c2414); border:1px solid rgba(255,200,110,.22); }
html.theme-skeuo.ae-dark-mode .vc-stat-lbl{ color:#e6bc78; } html.theme-skeuo.ae-dark-mode .vc-stat-val{ color:#ffdca6; }
/* listrow (overview rows, wordsets skill rows, quiz options) — lighter walnut than panel */
html.theme-skeuo.ae-dark-mode .vc-listrow{ background:linear-gradient(180deg,#3a3026,#2c241a); border:1px solid rgba(255,214,150,.14); box-shadow:inset 0 1px 0 rgba(255,224,170,.05),0 2px 4px rgba(0,0,0,.4); }
html.theme-skeuo.ae-dark-mode .vc-lr-title{ color:#f0e6d0; } html.theme-skeuo.ae-dark-mode .vc-lr-sub{ color:#bcae8c; } html.theme-skeuo.ae-dark-mode .vc-lr-meta{ color:#caa86e; }
html.theme-skeuo.ae-dark-mode .vc-typed{ background:#221d15; border:1px solid rgba(255,214,150,.16); color:#ecdfc4; box-shadow:inset 0 2px 4px rgba(0,0,0,.6); }
html.theme-skeuo.ae-dark-mode .vc-typed::placeholder{ color:#9b8d72; }

/* ── AI Phân tích (skeuo light + dark) ── */
/* Drawer leather: chữ brand phải kem (topnav ép màu nâu đậm → tối trên nền da) */
html.theme-skeuo .vc-mdrawer .vc-brand-name{ color:#f4ead2 !important; text-shadow:0 1px 2px rgba(0,0,0,.55) !important; }
html.theme-skeuo .vc-mdrawer .vc-brand-sub{ color:#cdae82 !important; text-shadow:0 1px 1px rgba(0,0,0,.45) !important; }
/* Danh sách — card giấy da */
html.theme-skeuo #vcWL .vc-wl-row{ border:1px solid rgba(120,80,30,.2) !important; background:rgba(255,252,244,.62) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.5); border-radius:13px; }
html.theme-skeuo.ae-dark-mode #vcWL .vc-wl-row{ border-color:rgba(255,214,150,.16) !important; background:rgba(0,0,0,.14) !important; box-shadow:none; }
/* Hoạt động học tập — brass/cream trên gỗ */
html.theme-skeuo .vc-activity{ --vc-ring-fill:#d39c3c; --vc-ring-track:rgba(120,80,30,.2); --vc-ring-bg:#fffdf6; --vc-fc-bar:#e2cd92; --vc-fc-today:#d39c3c; }
html.theme-skeuo .vc-ring{ box-shadow:inset 0 0 0 2px rgba(255,255,255,.45),0 1px 3px rgba(120,90,40,.25); }
html.theme-skeuo .vc-ring-in{ color:#5a4420; box-shadow:0 1px 3px rgba(120,90,40,.25); } html.theme-skeuo .vc-ring-in small{ color:#a08850; }
html.theme-skeuo .vc-act-goal-lbl{ color:#6a5a32; }
html.theme-skeuo .vc-act-card{ background:linear-gradient(180deg,#fffdf6,#f2e9d4); border:1px solid #dccaa0; color:#5a4420; box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(120,90,40,.18); }
html.theme-skeuo .vc-act-card.is-due{ border-color:#e0a35a; background:linear-gradient(180deg,#fff3e0,#ffe6c2); }
html.theme-skeuo .vc-act-lbl,html.theme-skeuo .vc-fc-title,html.theme-skeuo .vc-fc-lbl,html.theme-skeuo .vc-fc-n{ color:#7a6a45; }
html.theme-skeuo .vc-fc-bar{ box-shadow:inset 0 1px 0 rgba(255,255,255,.4); }
html.theme-skeuo.ae-dark-mode .vc-activity{ --vc-ring-fill:#c89b40; --vc-ring-track:rgba(255,214,150,.14); --vc-ring-bg:#2c2418; --vc-fc-bar:#5a4a2e; --vc-fc-today:#e8b84a; }
html.theme-skeuo.ae-dark-mode .vc-ring-in{ color:#f0e6d0; } html.theme-skeuo.ae-dark-mode .vc-ring-in small{ color:#bcae8c; }
html.theme-skeuo.ae-dark-mode .vc-act-card{ background:rgba(0,0,0,.14); border-color:rgba(255,214,150,.16); color:#ecdfc4; box-shadow:none; }
html.theme-skeuo.ae-dark-mode .vc-act-goal-lbl,html.theme-skeuo.ae-dark-mode .vc-act-lbl,html.theme-skeuo.ae-dark-mode .vc-fc-title,html.theme-skeuo.ae-dark-mode .vc-fc-lbl,html.theme-skeuo.ae-dark-mode .vc-fc-n{ color:#cbbf9e; }
html.theme-skeuo .vc-nanh{ background:linear-gradient(180deg,#fff7e0,#ffefc2); border:1px solid #e9d290; box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(150,110,20,.2); }
html.theme-skeuo .vc-nanh b{ color:#7a5a1e; } html.theme-skeuo .vc-nanh small{ color:#9a7a3a; }
html.theme-skeuo .vc-az-nanh{ background:linear-gradient(180deg,#f3d488,#cf9c3e); color:#5a3c10; box-shadow:inset 0 1px 0 rgba(255,255,255,.5); }
html.theme-skeuo .vc-az-mode{ background:linear-gradient(180deg,#fffefb,#f1e8d2); border:1px solid #ddcfa8; color:#6a5a32; box-shadow:inset 0 1px 0 #fff; }
html.theme-skeuo .vc-az-mode.is-active{ background:linear-gradient(180deg,#fbe7b0,#e9c879); border-color:#c79a3e; color:#5a3c10; }
html.theme-skeuo .vc-az-text,html.theme-skeuo .vc-az-img{ background:linear-gradient(180deg,#fffdf6,#f6efdc); border:1.5px solid #d8ccaa; box-shadow:inset 0 1px 3px rgba(120,90,40,.12); color:#4a4438; }
html.theme-skeuo .vc-az-img{ border-style:dashed; }
html.theme-skeuo.ae-dark-mode .vc-nanh{ background:linear-gradient(180deg,#332b1c,#271f12); border:1px solid rgba(255,200,110,.2); }
html.theme-skeuo.ae-dark-mode .vc-nanh b{ color:#ffd9a0; } html.theme-skeuo.ae-dark-mode .vc-nanh small{ color:#c9b487; }
html.theme-skeuo.ae-dark-mode .vc-az-nanh{ background:linear-gradient(180deg,#5a4a1e,#3e3214); color:#f3d488; box-shadow:none; }
html.theme-skeuo.ae-dark-mode .vc-az-mode{ background:linear-gradient(180deg,#2f2820,#241e16); border:1px solid rgba(255,214,150,.14); color:#d8cba8; }
html.theme-skeuo.ae-dark-mode .vc-az-mode.is-active{ background:linear-gradient(180deg,#5a4a1e,#3e3214); border-color:#c79a3e; color:#f7e4b0; }
html.theme-skeuo.ae-dark-mode .vc-az-text,html.theme-skeuo.ae-dark-mode .vc-az-img{ background:#221d15; border:1.5px solid rgba(255,214,150,.16); color:#ecdfc4; box-shadow:inset 0 1px 3px rgba(0,0,0,.4); }
html.theme-skeuo.ae-dark-mode .vc-az-text::placeholder{ color:#9b8d72; }

/* Đá phù thủy credit progress bar (skeuo) */
html.theme-skeuo .vc-nanh-bar{ background:rgba(60,40,15,.22); box-shadow:inset 0 1px 2px rgba(0,0,0,.4); }
html.theme-skeuo .vc-nanh-bar i{ background:linear-gradient(180deg,#f6e0a0,#d2a544); box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 0 5px rgba(210,160,50,.5); }
html.theme-skeuo .vc-nanh-top b{ color:#7a5a1e; } html.theme-skeuo .vc-nanh-top small{ color:#9a7a3a; }
html.theme-skeuo.ae-dark-mode .vc-nanh-bar{ background:rgba(0,0,0,.45); box-shadow:inset 0 1px 2px rgba(0,0,0,.6); }
html.theme-skeuo.ae-dark-mode .vc-nanh-top b{ color:#ffd9a0; } html.theme-skeuo.ae-dark-mode .vc-nanh-top small{ color:#c9b487; }
/* bigger progress bar on the analyze page badge */
.vc-az-bar{ height:10px; border-radius:99px; background:rgba(0,0,0,.1); overflow:hidden; margin-top:8px; max-width:340px; }
.vc-az-bar i{ display:block; height:100%; border-radius:99px; background:linear-gradient(90deg,#b07a2a,#e8c266); transition:width .45s ease; }
html.theme-skeuo .vc-az-bar{ background:rgba(60,40,15,.2); box-shadow:inset 0 1px 2px rgba(0,0,0,.35); }
html.theme-skeuo .vc-az-bar i{ background:linear-gradient(180deg,#f6e0a0,#d2a544); box-shadow:inset 0 1px 0 rgba(255,255,255,.6); }
html.theme-skeuo.ae-dark-mode .vc-az-bar{ background:rgba(0,0,0,.4); }
/* ── AI-set actions (rename + delete): top-right CORNER of the set, well clear of
   the header toggle + the "Học" rows so the trash isn't mis-clicked. ── */
.vc-unit-group{ position:relative; }
.vc-set-actions{ position:absolute; top:6px; right:10px; height:23px; display:flex; align-items:center; gap:6px; z-index:5; }
.vc-unit-group:has(.vc-set-actions) .vc-unit-head{ padding-right:118px; }
/* inline variant (analyze "Bộ đã tạo" rows): a divider separates it from "Học" */
.vc-set-actions--inline{ position:static; flex:0 0 auto; margin-left:10px; padding-left:10px; border-left:1px solid rgba(0,0,0,.12); }
.ae-dark-mode .vc-set-actions--inline{ border-left-color:rgba(255,255,255,.12); }
.vc-az-del,.vc-az-rename,.vc-az-edit{ flex:0 0 auto; width:30px; height:30px; border-radius:9px; border:1px solid rgba(0,0,0,.12); background:transparent; cursor:pointer; font-size:15px; display:inline-grid; place-items:center; padding:0; text-decoration:none; }
.vc-az-rename{ color:#8a6d2e; } .vc-az-del{ color:#c0392b; } .vc-az-edit{ color:#4a7fd6; }
.vc-az-rename:hover{ background:rgba(138,109,46,.12); } .vc-az-del:hover{ background:rgba(192,57,43,.1); } .vc-az-edit:hover{ background:rgba(74,127,214,.12); }
html.theme-skeuo .vc-az-edit{ background:linear-gradient(180deg,#f4f9ff,#e2edfb); border:1px solid #b9d2ee; box-shadow:inset 0 1px 0 #fff; }
html.theme-skeuo.ae-dark-mode .vc-az-edit{ background:linear-gradient(180deg,#22303f,#1a2531); border:1px solid rgba(150,190,240,.28); color:#8fbdf0; }
.ae-dark-mode:not(.theme-skeuo) .vc-az-edit{ color:#7fb0ff; border-color:rgba(255,255,255,.14); }
html.theme-skeuo .vc-az-rename{ background:linear-gradient(180deg,#fffdf6,#f1e6cf); border:1px solid #ddcba0; box-shadow:inset 0 1px 0 #fff; }
html.theme-skeuo .vc-az-del{ background:linear-gradient(180deg,#fff4f2,#f6e2dd); border:1px solid #e3c4bd; box-shadow:inset 0 1px 0 #fff; }
html.theme-skeuo.ae-dark-mode .vc-az-rename{ background:linear-gradient(180deg,#2f2820,#241e16); border:1px solid rgba(255,214,150,.22); color:#e6bc78; }
html.theme-skeuo.ae-dark-mode .vc-az-del{ background:linear-gradient(180deg,#3a2620,#2a1c17); border:1px solid rgba(255,160,140,.2); color:#ff8a7a; }
html.theme-skeuo .vc-col-rename{ background:linear-gradient(180deg,#fffdf6,#f1e6cf); border:1px solid #ddcba0; box-shadow:inset 0 1px 0 #fff; color:#8a6d2e; }
html.theme-skeuo.ae-dark-mode .vc-col-rename{ background:linear-gradient(180deg,#2f2820,#241e16); border:1px solid rgba(255,214,150,.22); color:#e6bc78; }

/* ── In thẻ (vocabulary-print.php): nút máy in cạnh sửa/đổi tên/xoá, cùng khuôn .vc-az-* ── */
.vc-az-print{ flex:0 0 auto; width:30px; height:30px; border-radius:9px; border:1px solid rgba(0,0,0,.12); background:transparent; cursor:pointer; font-size:15px; display:inline-grid; place-items:center; padding:0; text-decoration:none; color:#6d4fd8; }
.vc-az-print:hover{ background:rgba(109,79,216,.1); color:#6d4fd8; text-decoration:none; }
.ae-dark-mode:not(.theme-skeuo) .vc-az-print{ color:#b8a4ff; border-color:rgba(255,255,255,.14); }
html.theme-skeuo .vc-az-print{ background:linear-gradient(180deg,#f8f5ff,#e9e2fb); border:1px solid #cbbcef; box-shadow:inset 0 1px 0 #fff; color:#5b3fc4; }
html.theme-skeuo.ae-dark-mode .vc-az-print{ background:linear-gradient(180deg,#2c2640,#211c31); border:1px solid rgba(190,170,255,.26); color:#c4b3ff; }
/* chừa chỗ cho hàng nút: 1 nút (bộ dựng sẵn) / 4 nút (Bộ Thẻ Cá Nhân); 3 nút giữ 118px sẵn có */
.vc-unit-group:has(.vc-set-actions--in) .vc-unit-head{ padding-right:52px; }
.vc-unit-group:has(.vc-set-actions .vc-az-print):has(.vc-az-edit) .vc-unit-head{ padding-right:154px; }
/* nút In thẻ mượn lớp .vc-share-btn nhưng là thẻ <a>: không gạch chân, giữ màu chữ của nút */
a.vc-print-btn,a.vc-print-btn:hover,a.vc-print-btn:focus,a.vc-print-btn:visited{ text-decoration:none; }
a.vc-print-btn:visited{ color:inherit; }
.vc-nb-secprint{ color:#6d4fd8; text-decoration:none; }
html.theme-skeuo .vc-nb-secprint{ color:#5b3fc4; }
.ae-dark-mode .vc-nb-secprint,html.theme-skeuo.ae-dark-mode .vc-nb-secprint{ color:#c4b3ff; }
a.vc-nb-print{ text-decoration:none; }
.vc-deck-head .vc-deck-print{ margin-left:auto; align-self:flex-start; width:36px; height:36px; padding:0; justify-content:center; border-radius:10px; }
/* điện thoại: header Flashcard chật (In thẻ + Chia sẻ + pill «N từ · Đang ôn») ⇒ nút In chỉ còn hình máy in, pill khỏi bẻ 2 dòng */
@media (max-width:480px){
  .vc-head-right .vc-print-btn span{ display:none; }
  .vc-head-right .vc-print-btn{ padding:8px 10px; }
}

/* ── CRISP ICONS: the global site-skeuo `.ti` emboss (filter:drop-shadow + cream
   color, site-skeuo.css ~L302) is loaded site-wide and BLURS dark glyphs sitting
   on the cream/brass gel tiles here ("nhòe nhòe"). Vocab already gets its skeuo
   from the tile itself → strip the filter + text-shadow so glyphs stay sharp.
   Specificity (0,4,1)!important beats the global (0,3,1)!important. ── */
html.theme-skeuo.ae-dark-mode .vc-root i.ti,
html.theme-skeuo.ae-dark-mode .vc-root .ti,
html.theme-skeuo .vc-root i.ti,
html.theme-skeuo .vc-root .ti{ filter:none !important; text-shadow:none !important; }
/* beat global site-skeuo .ti cream colour on walnut nav tiles */
html.theme-skeuo.ae-dark-mode .vc-root .vc-nav-item:not(.is-active) i{ color:#e6bc78 !important; }
html.theme-skeuo.ae-dark-mode .vc-root .vc-nav-item.is-active i{ color:#5a3c10 !important; }

/* ── Modal skeuo (đổi tên / xác nhận xoá) ── */
html.theme-skeuo .vc-modal{ background:linear-gradient(180deg,#fffefb,#f4ecd8); border:1px solid #e0d4b2; box-shadow:inset 0 1px 0 #fff,0 24px 60px -18px rgba(80,60,20,.55); }
html.theme-skeuo .vc-modal-title{ color:#3a2f1c; }
html.theme-skeuo .vc-modal-msg{ color:#6a5a3c; }
html.theme-skeuo .vc-nhan{ background:rgba(214,170,72,.24); color:#4a3514; box-shadow:inset 0 -1px 0 rgba(160,118,40,.28); }
html.theme-skeuo .vc-modal-tu .vc-nhan{ font-family:"Source Serif 4","Source Serif Pro",Georgia,serif; font-size:17px; }
html.theme-skeuo .vc-modal-input{ background:linear-gradient(180deg,#fffdf7,#fbf4e3); border:1px solid #d8cba8; box-shadow:inset 0 1px 2px rgba(120,90,40,.14); color:#3a2f1c; }
html.theme-skeuo .vc-modal-input:focus{ border-color:#c89b40; box-shadow:inset 0 1px 2px rgba(120,90,40,.14),0 0 0 3px rgba(200,155,64,.2); }
html.theme-skeuo .vc-modal-cancel{ background:linear-gradient(180deg,#fbf4e3,#ece0c2) !important; border:1px solid #ddcba0 !important; color:#6a5a3c !important; box-shadow:inset 0 1px 0 #fff !important; }
/* nút "Lưu" skeuo — hardcode gradient (= --vc-t1/--vc-t2) vì modal ở <body> ngoài .vc-root */
html.theme-skeuo .vc-modal .vc-modal-ok{ background:linear-gradient(180deg,#4a9eea,#1f6fcc); color:#fff; border:1px solid #1857a8; text-shadow:0 -1px 1px rgba(0,40,60,.4); box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 5px rgba(0,0,0,.18); }

html.theme-skeuo.ae-dark-mode .vc-modal{ background:linear-gradient(180deg,#2f2820,#241e16); border:1px solid rgba(255,214,150,.2); box-shadow:inset 0 1px 0 rgba(255,236,200,.06),0 24px 60px -18px rgba(0,0,0,.75); }
html.theme-skeuo.ae-dark-mode .vc-modal-title{ color:#f0e6cf; }
html.theme-skeuo.ae-dark-mode .vc-modal-msg{ color:#c3b89c; }
html.theme-skeuo.ae-dark-mode .vc-nhan{ background:rgba(255,214,150,.15); color:#f5deaa; box-shadow:inset 0 -1px 0 rgba(255,214,150,.22); }
/* ô tìm không khớp: làm mờ bằng màu chữ thay cho opacity (xem vocab-base.css) — giữ đúng độ nhạt cũ của da skeuo, .vc-nhan bên trong giữ đủ đậm */
@supports (color: color-mix(in srgb, red 50%, transparent)){
  html.theme-skeuo .vc-sr-empty{ color:color-mix(in srgb, #8a7f66 60%, transparent); }
  html.theme-skeuo.ae-dark-mode .vc-sr-empty{ color:color-mix(in srgb, #a89876 60%, transparent); }
}
/* chữ nhấn trong dòng phụ còn opacity (sắc thái, vì sao, ghi chú AI): mực đậm hơn ở skeuo sáng */
html.theme-skeuo:not(.ae-dark-mode) :is(.vc-ai-dim, .vc-fw-up-note, .vc-msg-fix-why, .vc-syn-nu) .vc-nhan{ color:#3a2808; background:rgba(214,170,72,.3); }
html.theme-skeuo.ae-dark-mode .vc-modal-input{ background:linear-gradient(180deg,#221d15,#262017); border:1px solid rgba(255,214,150,.2); color:#f3ead2; box-shadow:inset 0 2px 4px rgba(0,0,0,.4); }
html.theme-skeuo.ae-dark-mode .vc-modal-input:focus{ border-color:#c89b40; box-shadow:inset 0 2px 4px rgba(0,0,0,.4),0 0 0 3px rgba(200,155,64,.25); }
html.theme-skeuo.ae-dark-mode .vc-modal-cancel{ background:linear-gradient(180deg,#3a3026,#2c2419) !important; border:1px solid rgba(255,214,150,.16) !important; color:#cbbf9e !important; box-shadow:inset 0 1px 0 rgba(255,236,200,.05) !important; }

/* ── Sidebar collapse/expand → BRASS CLASP (chốt gài kim loại, như khoá vàng của
   cuốn sổ da) — polished gold gradient + a "latch seam" groove across the middle.
   Same brass in light & dark (a clasp is brass regardless of mode). ── */
html.theme-skeuo .vc-sidebar-collapse,html.theme-skeuo .vc-sidebar-expand,
html.theme-skeuo.ae-dark-mode .vc-sidebar-collapse,html.theme-skeuo.ae-dark-mode .vc-sidebar-expand{
  background:linear-gradient(180deg,#f9e4a3,#e7c267 44%,#c89b40 52%,#a87c2a) !important;
  border:1px solid #8d6822 !important; color:#4a3209 !important; border-radius:7px !important; overflow:visible !important;
  box-shadow:inset 0 1px 1px rgba(255,252,230,.95),inset 0 -3px 6px rgba(110,72,12,.55),0 2px 6px rgba(0,0,0,.45) !important; }
/* the Diary-clasp glyph: dark engraved into the brass + a light emboss shadow */
html.theme-skeuo .vc-clasp-icon{ width:21px; height:21px; filter:drop-shadow(0 1px 0 rgba(255,250,224,.55)); }
/* SKEUO ONLY — chốt ổ khóa gài đúng đường chỉ kẻ --- (vc-side::after right:9px) */
html.theme-skeuo .vc-nav-clasp{ padding-bottom:44px; }
html.theme-skeuo .vc-sidebar-collapse{
  position:absolute !important;
  top:calc(100% + 10px) !important;
  right:-4px !important;
  left:auto !important;
  transform:translateX(50%) !important;
}
html.theme-skeuo .vc-sidebar-collapse:hover,html.theme-skeuo.ae-dark-mode .vc-sidebar-collapse:hover{
  background:linear-gradient(180deg,#fff0bd,#eecb74 44%,#d4a544 52%,#b3852e) !important; color:#3a2706 !important; transform:translateX(50%) scale(1.08) !important; }
html.theme-skeuo .vc-sidebar-expand:hover,html.theme-skeuo.ae-dark-mode .vc-sidebar-expand:hover{
  background:linear-gradient(180deg,#fff0bd,#eecb74 44%,#d4a544 52%,#b3852e) !important; color:#3a2706 !important; transform:scale(1.06) !important; }
html.theme-skeuo body.vc-sidebar-collapsed .vc-top{ padding-left:70px !important; }
html.theme-skeuo .vc-mobile-bar{
  background:linear-gradient(180deg,#fcfcfc,#d6d6d8) !important; border-bottom:1px solid #9a9a9c !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(0,0,0,.12) !important;
}
html.theme-skeuo.ae-dark-mode .vc-mobile-bar{
  background:linear-gradient(180deg,#36302a,#231d16) !important; border-bottom:1px solid #0c0905 !important;
  color:#f5e6c8 !important;
}

/* ── Skeuo · mobile: full-width wood desk (no 248px leather|wood split) ── */
@media (max-width:1024px){
  html.theme-skeuo .vc-root{
    background:
      repeating-linear-gradient(91deg, rgba(38,20,6,.11) 0 1px, rgba(255,226,176,.05) 1px 2px, transparent 2px 7px, rgba(38,20,6,.06) 7px 8px, transparent 8px 15px),
      repeating-linear-gradient(90deg, rgba(0,0,0,.07) 0 88px, rgba(255,238,205,.05) 88px 90px, transparent 90px 196px),
      radial-gradient(130% 120% at 50% 0%, #c39860, #ad8049 52%, #966838 100%) !important;
  }
  html.theme-skeuo.ae-dark-mode .vc-root{
    background:linear-gradient(180deg,#2a1c10,#1f140c 55%,#150d07 100%) !important;
  }
  html.theme-skeuo .vc-side{
    box-shadow:0 16px 48px rgba(0,0,0,.55), inset -8px 0 18px -12px rgba(0,0,0,.65) !important;
  }
  html.theme-skeuo .vc-stage{ min-height:calc(100vh - 120px); }
}

/* access denied — wood desk ngoài .vc-root (không kế thừa .vc-stage overflow/min-height) */
html.theme-skeuo body.vc-access-denied .vc-denied{
  background:
    repeating-linear-gradient(91deg, rgba(38,20,6,.11) 0 1px, rgba(255,226,176,.05) 1px 2px, transparent 2px 7px, rgba(38,20,6,.06) 7px 8px, transparent 8px 15px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.07) 0 88px, rgba(255,238,205,.05) 88px 90px, transparent 90px 196px),
    radial-gradient(130% 120% at 50% 0%, #c39860, #ad8049 52%, #966838 100%);
  box-shadow:inset 0 10px 26px rgba(60,38,14,.32), inset 0 -44px 80px -44px rgba(0,0,0,.3);
}
html.theme-skeuo.ae-dark-mode body.vc-access-denied .vc-denied{
  background:
    repeating-linear-gradient(91deg, rgba(0,0,0,.18) 0 1px, rgba(120,80,40,.06) 1px 2px, transparent 2px 7px, rgba(0,0,0,.10) 7px 8px, transparent 8px 15px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.14) 0 88px, rgba(120,80,40,.05) 88px 90px, transparent 90px 196px),
    radial-gradient(130% 120% at 50% 0%, #3a2818, #2a1c10 52%, #1a1109 100%);
  box-shadow:inset 0 10px 26px rgba(0,0,0,.6), inset 0 -44px 80px -44px rgba(0,0,0,.5);
}

/* access denied — ngoài .vc-root: gel navy/cream, bỏ text-shadow mặc định .vc-btn */
html.theme-skeuo body.vc-access-denied .vc-denied-actions .vc-btn{
  text-shadow:none !important;
}
html.theme-skeuo body.vc-access-denied .vc-denied-actions .vc-btn-primary{
  background:linear-gradient(180deg,#004080,#003366) !important;
  color:#fff !important; border:1px solid #002952 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 3px 8px rgba(0,0,0,.28) !important;
}
html.theme-skeuo body.vc-access-denied .vc-denied-actions .vc-btn-primary:hover{
  background:linear-gradient(180deg,#005099,#004080) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 5px 14px rgba(0,0,0,.32) !important;
}
html.theme-skeuo body.vc-access-denied .vc-denied-actions .vc-btn-ghost,
html.theme-skeuo body.vc-access-denied .vc-denied-actions a.vc-btn-ghost[href*="lien-he"]{
  background:linear-gradient(180deg,#fffefb,#f4ecd8) !important;
  color:#003366 !important; -webkit-text-fill-color:#003366 !important;
  border:1px solid #c8b888 !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(80,60,20,.14) !important;
}
html.theme-skeuo body.vc-access-denied .vc-denied-actions .vc-btn-ghost:hover,
html.theme-skeuo body.vc-access-denied .vc-denied-actions a.vc-btn-ghost[href*="lien-he"]:hover{
  background:linear-gradient(180deg,#fff,#faf6ee) !important;
  color:#004080 !important; -webkit-text-fill-color:#004080 !important;
  border-color:#b0a078 !important;
  box-shadow:inset 0 1px 0 #fff,0 4px 10px rgba(80,60,20,.18) !important;
}
html.theme-skeuo.ae-dark-mode body.vc-access-denied .vc-denied-actions .vc-btn-ghost,
html.theme-skeuo.ae-dark-mode body.vc-access-denied .vc-denied-actions a.vc-btn-ghost[href*="lien-he"],
html.ae-dark-mode body.vc-access-denied .vc-denied-actions a.vc-btn-ghost[href*="lien-he"]{
  background:linear-gradient(180deg,#3a3228,#2f2820) !important;
  border:1px solid rgba(255,214,150,.22) !important;
  color:#f1e6cd !important; -webkit-text-fill-color:#f1e6cd !important;
  box-shadow:inset 0 1px 0 rgba(255,224,170,.08),0 2px 5px rgba(0,0,0,.4) !important;
}
html.theme-skeuo.ae-dark-mode body.vc-access-denied .vc-denied-actions .vc-btn-ghost:hover,
html.theme-skeuo.ae-dark-mode body.vc-access-denied .vc-denied-actions a.vc-btn-ghost[href*="lien-he"]:hover,
html.ae-dark-mode body.vc-access-denied .vc-denied-actions a.vc-btn-ghost[href*="lien-he"]:hover{
  background:linear-gradient(180deg,#443a2e,#3a3228) !important;
  color:#a8cce8 !important; -webkit-text-fill-color:#a8cce8 !important;
  border-color:rgba(107,163,214,.35) !important;
  box-shadow:inset 0 1px 0 rgba(255,224,170,.1),0 4px 10px rgba(0,0,0,.45) !important;
}
html.theme-skeuo body.vc-access-denied .vc-denied-actions .vc-btn:active{
  transform:translateY(.5px) !important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.25) !important;
}

/* ==================== TOP-NAV (skeuo skin) — brass bar + parchment tab strip ==================== */
/* Bỏ nền 2-tông (da 248px trái + gỗ): layout mới KHÔNG có sidebar → full GỖ, hết vệt da sót góc dưới-trái */
html.theme-skeuo .vc-root.vc-topnav-layout{
  background:
    repeating-linear-gradient(91deg, rgba(38,20,6,.11) 0 1px, rgba(255,226,176,.05) 1px 2px, transparent 2px 7px, rgba(38,20,6,.06) 7px 8px, transparent 8px 15px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.07) 0 88px, rgba(255,238,205,.05) 88px 90px, transparent 90px 196px),
    radial-gradient(130% 120% at 50% 0%, #c39860, #ad8049 52%, #966838 100%) !important;
}
html.theme-skeuo.ae-dark-mode .vc-root.vc-topnav-layout{
  background:
    repeating-linear-gradient(91deg, rgba(0,0,0,.18) 0 1px, rgba(120,80,40,.06) 1px 2px, transparent 2px 7px, rgba(0,0,0,.10) 7px 8px, transparent 8px 15px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.14) 0 88px, rgba(120,80,40,.05) 88px 90px, transparent 90px 196px),
    radial-gradient(130% 120% at 50% 0%, #3a2818, #2a1c10 52%, #1a1109 100%) !important;
}
html.theme-skeuo .vc-topnav-main{
  background:linear-gradient(180deg,#f7e6b4,#e6cc84 52%,#cda653);
  border-bottom:1px solid #a9853c; box-shadow:inset 0 1px 0 rgba(255,250,224,.65),0 2px 6px rgba(90,65,20,.25);
}
html.theme-skeuo .vc-topnav-layout .vc-brand-name{ color:#4a3209; text-shadow:0 1px 0 rgba(255,250,224,.6); }
html.theme-skeuo .vc-topnav-layout .vc-brand-sub{ color:#6b501a; text-shadow:0 1px 0 rgba(255,250,224,.5); }
html.theme-skeuo .vc-topnav-layout .vc-logo{
  color:#fff; background:linear-gradient(180deg,#8b5cf6,#5b21b6); border:1px solid #3a1570;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 2px 4px rgba(40,20,80,.4);
}
html.theme-skeuo .vc-nanh-pill,html.theme-skeuo .vc-streak-pill{
  background:rgba(255,255,255,.32); border:1px solid rgba(120,80,20,.35); color:#5a3c10; text-shadow:0 1px 0 rgba(255,250,224,.5);
}
html.theme-skeuo .vc-tabs{
  background:linear-gradient(180deg,#e7d8b4,#d6c69a); border-bottom:1px solid #b8a678; box-shadow:inset 0 2px 4px rgba(120,90,40,.18);
}
html.theme-skeuo .vc-tab{
  color:#5a4622; background:linear-gradient(180deg,#fffdf6,#efe6d0); border:1px solid #d8c89e;
  box-shadow:inset 0 1px 0 #fff; text-shadow:0 1px 0 rgba(255,255,255,.6);
}
html.theme-skeuo .vc-tab:hover{ background:linear-gradient(180deg,#fff,#f3ead4); }
html.theme-skeuo .vc-tab.is-active{
  color:#fff; background:linear-gradient(180deg,#8b5cf6,#5b21b6); border-color:#4a1d96;
  text-shadow:0 -1px 0 rgba(40,10,90,.5); box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 5px rgba(60,20,120,.4);
}
/* dark skeuo = walnut bar */
html.theme-skeuo.ae-dark-mode .vc-topnav-main{
  background:linear-gradient(180deg,#2f2820,#241e16); border-bottom:1px solid rgba(255,214,150,.14); box-shadow:inset 0 1px 0 rgba(255,226,176,.08);
}
html.theme-skeuo.ae-dark-mode .vc-topnav-layout .vc-brand-name{ color:#f6e9cf; text-shadow:0 1px 2px rgba(0,0,0,.6); }
html.theme-skeuo.ae-dark-mode .vc-topnav-layout .vc-brand-sub{ color:#c9a878; }
html.theme-skeuo.ae-dark-mode .vc-nanh-pill,html.theme-skeuo.ae-dark-mode .vc-streak-pill{ background:rgba(255,236,196,.08); border-color:rgba(255,214,150,.16); color:#e8d8ba; text-shadow:0 1px 1px rgba(0,0,0,.5); }
html.theme-skeuo.ae-dark-mode .vc-tabs{ background:linear-gradient(180deg,#241e16,#1d1811); border-bottom-color:rgba(255,214,150,.12); box-shadow:inset 0 2px 4px rgba(0,0,0,.35); }
html.theme-skeuo.ae-dark-mode .vc-tab{ color:#e8d8ba; background:linear-gradient(180deg,#3a3020,#2c2418); border-color:rgba(255,214,150,.16); box-shadow:inset 0 1px 0 rgba(255,226,176,.1); text-shadow:0 1px 1px rgba(0,0,0,.5); }
html.theme-skeuo.ae-dark-mode .vc-tab:hover{ background:linear-gradient(180deg,#443826,#332a1c); }

/* ── Đổi hình nền custom (body.vc-has-bg): nền gỗ skeuo NHƯỜNG chỗ cho ảnh/video nền.
   Panel kem/thẻ vẫn giữ nguyên — chỉ root + mặt bàn gỗ trong suốt. ── */
html.theme-skeuo body.vc-has-bg .vc-root,
html.theme-skeuo body.vc-has-bg .vc-root.vc-topnav-layout,
html.theme-skeuo body.vc-has-bg .vc-stage,
html.theme-skeuo body.vc-has-bg .vc-main{ background:transparent !important; }
html.theme-skeuo.ae-dark-mode body.vc-has-bg .vc-root,
html.theme-skeuo.ae-dark-mode body.vc-has-bg .vc-root.vc-topnav-layout,
html.theme-skeuo.ae-dark-mode body.vc-has-bg .vc-stage,
html.theme-skeuo.ae-dark-mode body.vc-has-bg .vc-main{ background:transparent !important; }

/* Lộ trình — hành trình trên gỗ: orb khung đồng, card giấy da, đường mòn nâu */
html.theme-skeuo .vc-rm-trail::before{ background:repeating-linear-gradient(180deg, rgba(150,100,40,.65) 0 14px, transparent 14px 26px) !important; }
html.theme-skeuo .vc-rm-orb{ background:radial-gradient(circle at 35% 30%, #fffdf4, #efe2c2) !important; border-color:#c9a24a !important; box-shadow:inset 0 1px 0 #fff, 0 4px 10px rgba(90,60,20,.3) !important; }
html.theme-skeuo .vc-rm-step.is-cur .vc-rm-orb{ border-color:#e8b84a !important; }
html.theme-skeuo .vc-rm-step.is-done .vc-rm-orb{ border-color:#5a9a5a !important; }
html.theme-skeuo .vc-rm-step.is-boss .vc-rm-orb{ border-color:#c0392b !important; }
html.theme-skeuo .vc-rm-card{ background:rgba(255,252,244,.66) !important; border:1px solid rgba(120,80,30,.2) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.5); }
html.theme-skeuo .vc-rm-bar{ background:rgba(120,80,30,.16) !important; }
html.theme-skeuo .vc-rm-bar i{ background:linear-gradient(180deg,#f4d98a,#c8963c) !important; }
html.theme-skeuo .vc-rm-bar em{ background:rgba(200,150,60,.25) !important; }
html.theme-skeuo .vc-rm-colbar i{ background:linear-gradient(90deg,#c8963c,#f4d98a) !important; }
html.theme-skeuo.ae-dark-mode .vc-rm-card{ background:rgba(0,0,0,.16) !important; border-color:rgba(255,214,150,.16) !important; box-shadow:none; }
html.theme-skeuo.ae-dark-mode .vc-rm-orb{ background:radial-gradient(circle at 35% 30%, #4a3f2e, #2c2418) !important; }
/* Nút Hình nền có label */
html.theme-skeuo .vc-bgbtn{ background:linear-gradient(180deg,#fffdf6,#efe6d0); border:1px solid #d8c89e; color:#5a4622; box-shadow:inset 0 1px 0 #fff; }
html.theme-skeuo.ae-dark-mode .vc-bgbtn{ background:linear-gradient(180deg,#3a3020,#2c2418); border-color:rgba(255,214,150,.16); color:#e8d8ba; }

/* Lộ trình tabs — skin gỗ */
html.theme-skeuo .vc-rm-tab{ background:linear-gradient(180deg,#fffdf6,#efe6d0) !important; border:1px solid #d8c89e !important; color:#5a4622 !important; box-shadow:inset 0 1px 0 #fff; }
html.theme-skeuo .vc-rm-tab.is-active{ background:linear-gradient(180deg,#c8963c,#a9762a) !important; border-color:#8a5f22 !important; color:#fff !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 2px 5px rgba(90,60,20,.35); }
html.theme-skeuo .vc-rm-tab-pct{ background:rgba(90,60,20,.16); }
html.theme-skeuo .vc-rm-tab.is-active .vc-rm-tab-pct{ background:rgba(255,255,255,.28); }
html.theme-skeuo.ae-dark-mode .vc-rm-tab{ background:linear-gradient(180deg,#3a3020,#2c2418) !important; border-color:rgba(255,214,150,.16) !important; color:#e8d8ba !important; }
html.theme-skeuo.ae-dark-mode .vc-rm-tab.is-active{ background:linear-gradient(180deg,#c8963c,#8a5f22) !important; color:#fff !important; }

/* ── YouTube history + active (skin gỗ) ── */
html.theme-skeuo .vc-yt-hist-card{ background:linear-gradient(180deg,#fffdf6,#efe6d0) !important; border:1px solid #d8c89e !important; }
html.theme-skeuo .vc-yt-hist-title{ color:#4a3820; }
html.theme-skeuo .vc-yt-seg.is-active{ background:rgba(200,150,60,.2) !important; box-shadow:inset 3px 0 0 #c8963c !important; }
html.theme-skeuo.ae-dark-mode .vc-yt-hist-card{ background:linear-gradient(180deg,#3a3020,#2c2418) !important; border-color:rgba(255,214,150,.16) !important; }
html.theme-skeuo.ae-dark-mode .vc-yt-hist-title{ color:#e8d8ba; }

/* ── SỔ TAY — cuốn sổ da thật: bìa da, giấy kem kẻ dòng, lề đỏ, gáy khâu ── */
html.theme-skeuo .vc-nb-chip{ background:linear-gradient(180deg,#fffdf6,#efe6d0) !important; border:1px solid #d8c89e !important; color:#5a4622 !important; box-shadow:inset 0 1px 0 #fff; }
html.theme-skeuo .vc-nb-chip.is-active{ background:linear-gradient(180deg,#c8963c,#a9762a) !important; border-color:#8a5f22 !important; color:#fff !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.4); }
/* Skeuo DARK (walnut): chip cũ cream + global-dark ép chữ sáng → trắng-trên-trắng. Khoá pill gỗ tối + chữ kem. */
html.theme-skeuo.ae-dark-mode .vc-nb-chip{ background:linear-gradient(180deg,#3a3025,#2a2118) !important; border:1px solid rgba(255,214,150,.24) !important; color:#e8d7b0 !important; box-shadow:inset 0 1px 0 rgba(255,236,200,.06); }
html.theme-skeuo.ae-dark-mode .vc-nb-chip.is-active{ background:linear-gradient(180deg,#d3a24a,#a9762a) !important; border-color:#8a5f22 !important; color:#2a1f08 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.35); }
html.theme-skeuo .vc-nb-search{ background:linear-gradient(180deg,#fffdf6,#f0e8d2) !important; border:1px solid #d8c89e !important; }
html.theme-skeuo.ae-dark-mode .vc-nb-search{ background:linear-gradient(180deg,#3a3025,#2a2118) !important; border:1px solid rgba(255,214,150,.24) !important; }
html.theme-skeuo.ae-dark-mode .vc-nb-search input{ background:transparent !important; border:0 !important; box-shadow:none !important; color:#e8d7b0 !important; }
html.theme-skeuo .vc-nb{ border:3px solid #6b4a2a; box-shadow:0 14px 34px rgba(60,40,15,.4), inset 0 0 0 2px rgba(255,255,255,.12); }
html.theme-skeuo .vc-nb-binding{ background:linear-gradient(90deg,#5a3d22,#7a5432) !important; border-right:2px solid #4a3018 !important; }
html.theme-skeuo .vc-nb-binding span{ background:radial-gradient(circle at 35% 30%,#ffe9b8,#a9762a) !important; box-shadow:inset 0 -1px 2px rgba(0,0,0,.5), 0 1px 1px rgba(0,0,0,.3) !important; }
html.theme-skeuo .vc-nb-page{ background-color:#fbf2dd !important;
  background-image:
    linear-gradient(90deg, transparent 30px, #dd9b90 30px, #dd9b90 32px, transparent 32px),
    radial-gradient(circle at 20% 10%, rgba(120,80,30,.06), transparent 60%) !important;
  background-repeat:no-repeat !important; }
html.theme-skeuo .vc-nb-term{ color:#3a2c18; font-family:Georgia,'Times New Roman',serif; }
html.theme-skeuo .vc-nb-mean{ color:#4a3a24; }
html.theme-skeuo .vc-nb-divider span{ color:#6b4a1e; background:#f6e6bf; border-color:#d8b566; }
html.theme-skeuo .vc-nb-pos{ color:#a9762a; background:rgba(169,118,42,.14); }
html.theme-skeuo .vc-nb-spk{ background:linear-gradient(180deg,#fffdf6,#efe6d0); border-color:#d0b47e; color:#a9762a; }
html.theme-skeuo .vc-nb-spk:hover{ background:linear-gradient(180deg,#c8963c,#a9762a); color:#fff; }
html.theme-skeuo .vc-nb-entry{ border-bottom-color:rgba(120,90,40,.3); }
html.theme-skeuo.ae-dark-mode .vc-nb{ border-color:#3a2814; }
html.theme-skeuo.ae-dark-mode .vc-nb-page{ background-color:#2a2216 !important;
  background-image:linear-gradient(90deg, transparent 30px, #7a4a42 30px, #7a4a42 32px, transparent 32px) !important;
  background-repeat:no-repeat !important; }
html.theme-skeuo.ae-dark-mode .vc-nb-term{ color:#f1e6cd; }
html.theme-skeuo.ae-dark-mode .vc-nb-mean{ color:#e0d2b4; }
html.theme-skeuo.ae-dark-mode .vc-nb-ex{ color:#c8b89a; }

html.theme-skeuo .vc-nb-secbtn{ background:linear-gradient(180deg,#fffdf6,#efe6d0); border-color:#d0b47e; color:#8a5f22; }
html.theme-skeuo .vc-nb-secbtn:hover{ background:#fff; }
html.theme-skeuo .vc-nb-secbtn-del{ color:#b5482f; }
html.theme-skeuo.ae-dark-mode .vc-nb-secbtn{ background:linear-gradient(180deg,#3a3020,#2c2418); border-color:rgba(255,214,150,.16); color:#e8d8ba; }

html.theme-skeuo .vc-yt-reco-card{ background:linear-gradient(180deg,#fffdf6,#efe6d0) !important; border:1px solid #d8c89e !important; }
html.theme-skeuo .vc-yt-reco-title{ color:#4a3820; }
html.theme-skeuo.ae-dark-mode .vc-yt-reco-card{ background:linear-gradient(180deg,#3a3020,#2c2418) !important; border-color:rgba(255,214,150,.16) !important; }
html.theme-skeuo.ae-dark-mode .vc-yt-reco-title{ color:#e8d8ba; }

html.theme-skeuo .vc-nb-chev{ color:#8a5f22; }
html.theme-skeuo .vc-nb-sec-count{ color:#6b4a1e; }
html.theme-skeuo .vc-yt-hist-head .vc-lr-sub{ color:#f0e2c0 !important; opacity:.9; }
html.theme-skeuo .vc-yt-hist-head b{ color:#fbf1d8; }
html.theme-skeuo.ae-dark-mode .vc-nb-chev{ color:#e8c98a; }
html.theme-skeuo.ae-dark-mode .vc-nb-sec-count{ color:#d8c090; }

html.theme-skeuo .vc-nb-field input, html.theme-skeuo .vc-nb-field select{ background:#fffdf6; border:1px solid #d8c89e; color:#3a2c18; }
html.theme-skeuo .vc-nb-field input:focus, html.theme-skeuo .vc-nb-field select:focus{ border-color:#c8963c; }
html.theme-skeuo.ae-dark-mode .vc-nb-field input, html.theme-skeuo.ae-dark-mode .vc-nb-field select{ background:rgba(0,0,0,.25); border-color:rgba(255,214,150,.2); color:#e8d8ba; }

html.theme-skeuo .vc-tr-body{ border-top-color:rgba(120,90,40,.3); }
html.theme-skeuo .vc-tr-seg{ border-bottom-color:rgba(120,90,40,.18); }
html.theme-skeuo .vc-tr-t{ color:#a9762a; }
html.theme-skeuo .vc-tr-badge{ color:#a9762a; }

html.theme-skeuo .vc-gs-card{ background:linear-gradient(180deg,#fffdf6,#efe6d0) !important; border:2px solid #d8c89e !important; color:#4a3820; box-shadow:inset 0 1px 0 #fff; }
html.theme-skeuo .vc-gs-card:hover{ border-color:#c8963c !important; }
html.theme-skeuo .vc-gs-card.is-cur{ border-color:#a9762a !important; background:linear-gradient(180deg,#fdf3d9,#f2e0b4) !important; box-shadow:inset 0 1px 0 #fff, 0 0 0 3px rgba(200,150,60,.25) !important; }
html.theme-skeuo .vc-gs-card.is-lock:hover{ border-color:#b5482f !important; }
html.theme-skeuo .vc-gs-search{ background:linear-gradient(180deg,#fffdf6,#f3ead2) !important; border:2px solid #d8c89e !important; box-shadow:inset 0 1px 0 #fff; }
html.theme-skeuo .vc-gs-search:focus-within{ border-color:#c8963c !important; box-shadow:inset 0 1px 0 #fff, 0 0 0 3px rgba(200,150,60,.22) !important; }
html.theme-skeuo .vc-gs-search-count{ background:linear-gradient(180deg,#f4d98a,#dcb95e); color:#5a4008; box-shadow:inset 0 1px 0 rgba(255,249,222,.8); }
html.theme-skeuo .vc-gs-empty{ background:rgba(216,200,158,.25); color:#6b4a1e; }
html.theme-skeuo.ae-dark-mode .vc-gs-search{ background:linear-gradient(180deg,#2a221a,#1c1610) !important; border-color:rgba(255,255,255,.12) !important; box-shadow:none; }
html.theme-skeuo.ae-dark-mode .vc-gs-empty{ background:rgba(0,0,0,.3); color:#b8a888; }
html.theme-skeuo .vc-gs-grp{ color:#6b4a1e; opacity:.75; }
html.theme-skeuo.ae-dark-mode .vc-gs-card{ background:linear-gradient(180deg,#3a3020,#2c2418) !important; border-color:rgba(255,214,150,.16) !important; color:#e8d8ba; box-shadow:none; }
html.theme-skeuo.ae-dark-mode .vc-gs-card.is-cur{ background:linear-gradient(180deg,#4a3c22,#3a2e1a) !important; border-color:#c8963c !important; }

html.theme-skeuo .vc-tr-w:hover{ background:rgba(200,150,60,.28); }

/* ── Nút đóng drawer mobile = KHÓA GÀI ĐỒNG (brass clasp, y bản live gốc) — brass cả light lẫn dark ── */
html.theme-skeuo .vc-mdrawer-close,
html.theme-skeuo.ae-dark-mode .vc-mdrawer-close{
  background:linear-gradient(180deg,#f9e4a3,#e7c267 44%,#c89b40 52%,#a87c2a) !important;
  border:1px solid #8d6822 !important; color:#4a3209 !important; border-radius:7px !important;
  box-shadow:inset 0 1px 1px rgba(255,252,230,.95),inset 0 -3px 6px rgba(110,72,12,.55),0 2px 6px rgba(0,0,0,.45) !important; }
html.theme-skeuo .vc-mdrawer-close{ right:9px !important; }   /* tâm ổ khóa TRÙNG đường chỉ may (vc-side::after right:9px) */
html.theme-skeuo .vc-mdrawer-close:hover,
html.theme-skeuo.ae-dark-mode .vc-mdrawer-close:hover{
  background:linear-gradient(180deg,#fff0bd,#eecb74 44%,#d4a544 52%,#b3852e) !important; color:#3a2706 !important; transform:translate(50%,-50%) scale(1.08) !important; }
html.theme-skeuo .vc-mdrawer-close .vc-clasp-icon{ width:21px; height:21px; filter:drop-shadow(0 1px 0 rgba(255,250,224,.55)); }

html.theme-skeuo .vc-trnb-title{ color:#3a2c18; }
html.theme-skeuo .vc-trnb-no{ background:rgba(169,118,42,.18); color:#a9762a; }
html.theme-skeuo .vc-trnb-page .vc-tr-item{ border-bottom-color:rgba(120,90,40,.3); }
html.theme-skeuo .vc-tr-badge{ color:#a9762a; }
html.theme-skeuo.ae-dark-mode .vc-trnb-title{ color:#f1e6cd; }

/* Khung phụ đề video (skeuo): chữ trên giấy kem */
html.theme-skeuo .vc-yt-en{ color:#3a2c18; }
html.theme-skeuo .vc-yt-seg.is-active .vc-yt-en{ color:#2a1e0e; }
html.theme-skeuo .vc-yt-vi{ color:#6b5636; border-left-color:rgba(200,150,60,.4); }
html.theme-skeuo .vc-yt-seg:hover{ background:rgba(200,150,60,.1); }
html.theme-skeuo .vc-yt-seg.is-active{ background:linear-gradient(90deg, rgba(200,150,60,.22), rgba(200,150,60,.06)) !important; box-shadow:inset 4px 0 0 #c8963c, 0 2px 10px rgba(150,100,40,.18) !important; }
html.theme-skeuo .vc-yt-t{ background:rgba(200,150,60,.2); color:#8a5f22; }
html.theme-skeuo .vc-yt-t:hover, html.theme-skeuo .vc-yt-seg.is-active .vc-yt-t{ background:#c8963c; color:#fff; }
html.theme-skeuo .vc-yt-tx-head{ border-bottom-color:rgba(120,80,30,.2); }
html.theme-skeuo.ae-dark-mode .vc-yt-en{ color:#ede0c4; }
html.theme-skeuo.ae-dark-mode .vc-yt-vi{ color:#c8b89a; }

/* ── vc-dd skeuo: nút giấy da + panel parchment, accent đồng ── */
html.theme-skeuo .vc-dd-btn{ background:linear-gradient(180deg,#fdf6e5,#f3e6c8); border:1px solid #b9975f; box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 1px 2px rgba(90,60,20,.2); color:#4a3418; }
html.theme-skeuo .vc-dd.is-open .vc-dd-btn{ border-color:#8a5f22; box-shadow:0 0 0 3px rgba(200,150,60,.25), inset 0 1px 0 rgba(255,255,255,.8); }
html.theme-skeuo .vc-dd-panel{ background:linear-gradient(180deg,#fdf8ec,#f6ecd4); border:1px solid #b9975f; box-shadow:0 14px 30px rgba(60,40,10,.35); }
html.theme-skeuo .vc-dd-search{ border-bottom-color:rgba(140,100,40,.25); }
html.theme-skeuo .vc-dd-it{ color:#4a3418; }
html.theme-skeuo .vc-dd-it:hover{ background:rgba(200,150,60,.16); }
html.theme-skeuo .vc-dd-it.is-sel{ background:rgba(200,150,60,.26); color:#6b4a12; }
html.theme-skeuo .vc-dd-it .ti-check{ color:#8a5f22; }
html.theme-skeuo .vc-dd-it.is-new{ color:#8a5f22; border-top-color:rgba(140,100,40,.35); }
html.theme-skeuo.ae-dark-mode .vc-dd-btn, html.theme-skeuo.ae-dark-mode .vc-dd-panel{ background:linear-gradient(180deg,#3a2e1c,#2c2213); color:#ecdfc0; border-color:#6b4f26; }
html.theme-skeuo.ae-dark-mode .vc-dd-it{ color:#ecdfc0; }
html.theme-skeuo.ae-dark-mode .vc-dd-it.is-sel{ background:rgba(200,150,60,.28); color:#f5e6bf; }

/* Skeuo giữ nguyên 📺 (TV retro hợp gỗ), ẩn huy hiệu YouTube đỏ của flat */
html.theme-skeuo .vc-yt-badge{ display:none; }
html.theme-skeuo .vc-yt-ico-tv{ display:inline; }
html.theme-skeuo .vc-yt-coll-more{ color:#8a5f22; }
html.theme-skeuo .vc-yt-coll-badge{ background:#5b7a3a; }

/* HSK: pinyin không in nghiêng kiểu IPA (skeuo mặc định italic .vc-ipa) */
html.theme-skeuo .vc-card.vc-cjk .vc-ipa{ font-style:normal !important; letter-spacing:.5px; }
html.theme-skeuo .vc-card.vc-cjk .vc-word{ letter-spacing:3px; }